rk-designsystem 1.2.1 → 1.2.2

package/dist/componentlibrary.es.js

@@ -1,88 +1,101 @@
-import { jsx as n, jsxs as a, Fragment as Ce } from "react/jsx-runtime";
-import Ne, { forwardRef as ae, useState as Y, useContext as He, createContext as Xe, useEffect as $, useMemo as ue, useCallback as re, useRef as Je } from "react";
-import { Alert as Qe, Avatar as et, BadgePosition as tt, Badge as nt, Breadcrumbs as ot, BreadcrumbsItem as rt, BreadcrumbsLink as at, BreadcrumbsList as st, Button as Me, Card as it, CardBlock as lt, Checkbox as dt, useCheckboxGroup as ct, Fieldset as Ue, Chip as pt, Spinner as mt, Details as gt, Dialog as ut, Divider as ht, Dropdown as ft, DropdownButton as kt, DropdownHeading as vt, DropdownItem as bt, DropdownList as yt, DropdownTrigger as xt, DropdownTriggerContext as Tt, ErrorSummary as Ct, Field as wt, FieldCounter as St, FieldDescription as It, Heading as _t, Input as Dt, Label as At, Link as Lt, List as Nt, Pagination as Mt, PaginationButton as jt, PaginationItem as Ft, PaginationList as Bt, usePagination as Et, Paragraph as $t, Popover as Pt, Radio as zt, useRadioGroup as Rt, Search as Gt, SearchInput as Wt, SearchClear as Ht, SearchButton as Ut, Select as Vt, Skeleton as Ot, SkipLink as Kt, EXPERIMENTAL_Suggestion as qt, Switch as Yt, Table as Zt, Tabs as Xt, Tag as Jt, Textarea as Qt, Textfield as en, ToggleGroup as tn, Tooltip as nn, ValidationMessage as on } from "@digdir/designsystemet-react";
-import { startOfMonth as me, isValid as Ie, isSameMonth as Fe, startOfWeek as Ve, format as he, addDays as Oe, subMonths as rn, addMonths as an, isSameDay as sn, isToday as ln, eachDayOfInterval as dn } from "date-fns";
+import { jsx as n, jsxs as s, Fragment as Ce } from "react/jsx-runtime";
+import Ne, { forwardRef as se, useState as Y, useContext as He, createContext as Xe, useEffect as $, useMemo as ue, useCallback as re, useRef as Je } from "react";
+import { Alert as Qe, Avatar as et, BadgePosition as tt, Badge as nt, Breadcrumbs as ot, BreadcrumbsItem as rt, BreadcrumbsLink as st, BreadcrumbsList as at, Button as Me, Card as it, CardBlock as lt, Checkbox as dt, useCheckboxGroup as ct, Fieldset as Ue, Chip as pt, Spinner as mt, Details as gt, Dialog as ut, Divider as ht, Dropdown as ft, DropdownButton as kt, DropdownHeading as vt, DropdownItem as bt, DropdownList as yt, DropdownTrigger as xt, DropdownTriggerContext as Tt, ErrorSummary as Ct, Field as wt, FieldCounter as St, FieldDescription as It, Heading as _t, Input as Dt, Label as At, Link as Lt, List as Nt, Pagination as Mt, PaginationButton as jt, PaginationItem as Ft, PaginationList as Bt, usePagination as Et, Paragraph as $t, Popover as Pt, Radio as zt, useRadioGroup as Rt, Search as Gt, SearchInput as Wt, SearchClear as Ht, SearchButton as Ut, Select as Vt, Skeleton as Ot, SkipLink as Kt, EXPERIMENTAL_Suggestion as qt, Switch as Yt, Table as Zt, Tabs as Xt, Tag as Jt, Textarea as Qt, Textfield as en, ToggleGroup as tn, Tooltip as nn, ValidationMessage as on } from "@digdir/designsystemet-react";
+import { startOfMonth as me, isValid as Ie, isSameMonth as Fe, startOfWeek as Ve, format as he, addDays as Oe, subMonths as rn, addMonths as sn, isSameDay as an, isToday as ln, eachDayOfInterval as dn } from "date-fns";
 import cn from "embla-carousel-react";
 import { ChevronLeftIcon as pn, ChevronRightIcon as mn, ChevronDownIcon as Be, XMarkIcon as _e, MagnifyingGlassIcon as Ee, MenuHamburgerIcon as $e, HeartIcon as gn } from "@navikt/aksel-icons";
-const un = ae((t, e) => /* @__PURE__ */ n(Qe, { ref: e, ...t }));
+const un = se((t, e) => /* @__PURE__ */ n(Qe, { ref: e, ...t }));
 un.displayName = "Alert";
-const Ke = ae((t, e) => /* @__PURE__ */ n(et, { ref: e, ...t }));
+const Ke = se((t, e) => /* @__PURE__ */ n(et, { ref: e, ...t }));
 Ke.displayName = "Avatar";
-const hn = ae((t, e) => /* @__PURE__ */ n(nt, { ref: e, ...t }));
+const hn = se((t, e) => /* @__PURE__ */ n(nt, { ref: e, ...t }));
 hn.displayName = "Badge";
-const Is = tt, _s = ot, Ds = st, As = rt, Ls = at, de = ae(function({ variant: e, shape: r, ...d }, h) {
-  const k = {};
-  return e !== void 0 && (k.variant = e), r === "pill" && (k["data-shape"] = "pill"), /* @__PURE__ */ n(Me, { ref: h, ...d, ...k });
+const _a = tt, Da = ot, Aa = at, La = rt, Na = st;
+function fn() {
+  return {
+    "--dsc-button-background": "var(--ds-color-surface-tinted)",
+    "--dsc-button-background--hover": "var(--ds-color-surface-hover)",
+    "--dsc-button-background--active": "var(--ds-color-surface-active)",
+    "--dsc-button-color": "var(--ds-color-text-default)",
+    "--dsc-button-color--hover": "var(--ds-color-text-default)",
+    "--dsc-button-border-color": "transparent"
+  };
+}
+const de = se(function({ variant: e, shape: o, style: d, ...h }, f) {
+  const c = {};
+  e === "soft" && Object.assign(c, fn()), o === "pill" && (c.borderRadius = "var(--ds-border-radius-full)");
+  const k = Object.keys(c).length === 0 && !d ? void 0 : { ...c, ...d }, D = {};
+  return e !== void 0 && (D.variant = e), o === "pill" && (D["data-shape"] = "pill"), /* @__PURE__ */ n(Me, { ref: f, ...h, ...D, style: k });
 });
 de.displayName = "Button";
-const fn = it, Ns = lt;
-fn.displayName = "Card";
-const kn = dt, vn = Ue, Ms = ct;
-kn.displayName = "Checkbox";
-vn.displayName = "Fieldset";
-const js = pt;
+const kn = it, Ma = lt;
+kn.displayName = "Card";
+const vn = dt, bn = Ue, ja = ct;
+vn.displayName = "Checkbox";
+bn.displayName = "Fieldset";
+const Fa = pt;
 function De(t) {
   return (e = {}) => {
-    const r = e.width ? String(e.width) : t.defaultWidth;
-    return t.formats[r] || t.formats[t.defaultWidth];
+    const o = e.width ? String(e.width) : t.defaultWidth;
+    return t.formats[o] || t.formats[t.defaultWidth];
   };
 }
 function fe(t) {
-  return (e, r) => {
-    const d = r != null && r.context ? String(r.context) : "standalone";
+  return (e, o) => {
+    const d = o != null && o.context ? String(o.context) : "standalone";
     let h;
     if (d === "formatting" && t.formattingValues) {
-      const u = t.defaultFormattingWidth || t.defaultWidth, x = r != null && r.width ? String(r.width) : u;
-      h = t.formattingValues[x] || t.formattingValues[u];
+      const c = t.defaultFormattingWidth || t.defaultWidth, k = o != null && o.width ? String(o.width) : c;
+      h = t.formattingValues[k] || t.formattingValues[c];
     } else {
-      const u = t.defaultWidth, x = r != null && r.width ? String(r.width) : t.defaultWidth;
-      h = t.values[x] || t.values[u];
+      const c = t.defaultWidth, k = o != null && o.width ? String(o.width) : t.defaultWidth;
+      h = t.values[k] || t.values[c];
     }
-    const k = t.argumentCallback ? t.argumentCallback(e) : e;
-    return h[k];
+    const f = t.argumentCallback ? t.argumentCallback(e) : e;
+    return h[f];
   };
 }
 function ke(t) {
-  return (e, r = {}) => {
-    const d = r.width, h = d && t.matchPatterns[d] || t.matchPatterns[t.defaultMatchWidth], k = e.match(h);
-    if (!k)
+  return (e, o = {}) => {
+    const d = o.width, h = d && t.matchPatterns[d] || t.matchPatterns[t.defaultMatchWidth], f = e.match(h);
+    if (!f)
       return null;
-    const u = k[0], x = d && t.parsePatterns[d] || t.parsePatterns[t.defaultParseWidth], F = Array.isArray(x) ? yn(x, (w) => w.test(u)) : (
+    const c = f[0], k = d && t.parsePatterns[d] || t.parsePatterns[t.defaultParseWidth], D = Array.isArray(k) ? xn(k, (w) => w.test(c)) : (
       // [TODO] -- I challenge you to fix the type
-      bn(x, (w) => w.test(u))
+      yn(k, (w) => w.test(c))
     );
     let C;
-    C = t.valueCallback ? t.valueCallback(F) : F, C = r.valueCallback ? (
+    C = t.valueCallback ? t.valueCallback(D) : D, C = o.valueCallback ? (
       // [TODO] -- I challenge you to fix the type
-      r.valueCallback(C)
+      o.valueCallback(C)
     ) : C;
-    const U = e.slice(u.length);
+    const U = e.slice(c.length);
     return { value: C, rest: U };
   };
 }
-function bn(t, e) {
-  for (const r in t)
-    if (Object.prototype.hasOwnProperty.call(t, r) && e(t[r]))
-      return r;
-}
 function yn(t, e) {
-  for (let r = 0; r < t.length; r++)
-    if (e(t[r]))
-      return r;
+  for (const o in t)
+    if (Object.prototype.hasOwnProperty.call(t, o) && e(t[o]))
+      return o;
 }
-function xn(t) {
-  return (e, r = {}) => {
+function xn(t, e) {
+  for (let o = 0; o < t.length; o++)
+    if (e(t[o]))
+      return o;
+}
+function Tn(t) {
+  return (e, o = {}) => {
     const d = e.match(t.matchPattern);
     if (!d) return null;
-    const h = d[0], k = e.match(t.parsePattern);
-    if (!k) return null;
-    let u = t.valueCallback ? t.valueCallback(k[0]) : k[0];
-    u = r.valueCallback ? r.valueCallback(u) : u;
-    const x = e.slice(h.length);
-    return { value: u, rest: x };
+    const h = d[0], f = e.match(t.parsePattern);
+    if (!f) return null;
+    let c = t.valueCallback ? t.valueCallback(f[0]) : f[0];
+    c = o.valueCallback ? o.valueCallback(c) : c;
+    const k = e.slice(h.length);
+    return { value: c, rest: k };
   };
 }
-const Tn = {
+const Cn = {
   lessThanXSeconds: {
     one: "mindre enn ett sekund",
     other: "mindre enn {{count}} sekunder"
@@ -144,54 +157,54 @@ const Tn = {
     one: "nesten ett år",
     other: "nesten {{count}} år"
   }
-}, Cn = (t, e, r) => {
+}, wn = (t, e, o) => {
   let d;
-  const h = Tn[t];
-  return typeof h == "string" ? d = h : e === 1 ? d = h.one : d = h.other.replace("{{count}}", String(e)), r != null && r.addSuffix ? r.comparison && r.comparison > 0 ? "om " + d : d + " siden" : d;
-}, wn = {
+  const h = Cn[t];
+  return typeof h == "string" ? d = h : e === 1 ? d = h.one : d = h.other.replace("{{count}}", String(e)), o != null && o.addSuffix ? o.comparison && o.comparison > 0 ? "om " + d : d + " siden" : d;
+}, Sn = {
   full: "EEEE d. MMMM y",
   long: "d. MMMM y",
   medium: "d. MMM y",
   short: "dd.MM.y"
-}, Sn = {
+}, In = {
   full: "'kl'. HH:mm:ss zzzz",
   long: "HH:mm:ss z",
   medium: "HH:mm:ss",
   short: "HH:mm"
-}, In = {
+}, _n = {
   full: "{{date}} 'kl.' {{time}}",
   long: "{{date}} 'kl.' {{time}}",
   medium: "{{date}} {{time}}",
   short: "{{date}} {{time}}"
-}, _n = {
+}, Dn = {
   date: De({
-    formats: wn,
+    formats: Sn,
     defaultWidth: "full"
   }),
   time: De({
-    formats: Sn,
+    formats: In,
     defaultWidth: "full"
   }),
   dateTime: De({
-    formats: In,
+    formats: _n,
     defaultWidth: "full"
   })
-}, Dn = {
+}, An = {
   lastWeek: "'forrige' eeee 'kl.' p",
   yesterday: "'i går kl.' p",
   today: "'i dag kl.' p",
   tomorrow: "'i morgen kl.' p",
   nextWeek: "EEEE 'kl.' p",
   other: "P"
-}, An = (t, e, r, d) => Dn[t], Ln = {
+}, Ln = (t, e, o, d) => An[t], Nn = {
   narrow: ["f.Kr.", "e.Kr."],
   abbreviated: ["f.Kr.", "e.Kr."],
   wide: ["før Kristus", "etter Kristus"]
-}, Nn = {
+}, Mn = {
   narrow: ["1", "2", "3", "4"],
   abbreviated: ["Q1", "Q2", "Q3", "Q4"],
   wide: ["1. kvartal", "2. kvartal", "3. kvartal", "4. kvartal"]
-}, Mn = {
+}, jn = {
   narrow: ["J", "F", "M", "A", "M", "J", "J", "A", "S", "O", "N", "D"],
   abbreviated: [
     "jan.",
@@ -221,7 +234,7 @@ const Tn = {
     "november",
     "desember"
   ]
-}, jn = {
+}, Fn = {
   narrow: ["S", "M", "T", "O", "T", "F", "L"],
   short: ["sø", "ma", "ti", "on", "to", "fr", "lø"],
   abbreviated: ["søn", "man", "tir", "ons", "tor", "fre", "lør"],
@@ -234,7 +247,7 @@ const Tn = {
     "fredag",
     "lørdag"
   ]
-}, Fn = {
+}, Bn = {
   narrow: {
     am: "a",
     pm: "p",
@@ -265,46 +278,46 @@ const Tn = {
     evening: "på kvelden",
     night: "på natten"
   }
-}, Bn = (t, e) => Number(t) + ".", En = {
-  ordinalNumber: Bn,
+}, En = (t, e) => Number(t) + ".", $n = {
+  ordinalNumber: En,
   era: fe({
-    values: Ln,
+    values: Nn,
     defaultWidth: "wide"
   }),
   quarter: fe({
-    values: Nn,
+    values: Mn,
     defaultWidth: "wide",
     argumentCallback: (t) => t - 1
   }),
   month: fe({
-    values: Mn,
+    values: jn,
     defaultWidth: "wide"
   }),
   day: fe({
-    values: jn,
+    values: Fn,
     defaultWidth: "wide"
   }),
   dayPeriod: fe({
-    values: Fn,
+    values: Bn,
     defaultWidth: "wide"
   })
-}, $n = /^(\d+)\.?/i, Pn = /\d+/i, zn = {
+}, Pn = /^(\d+)\.?/i, zn = /\d+/i, Rn = {
   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
-}, Rn = {
-  any: [/^f/i, /^e/i]
 }, Gn = {
+  any: [/^f/i, /^e/i]
+}, Wn = {
   narrow: /^[1234]/i,
   abbreviated: /^q[1234]/i,
   wide: /^[1234](\.)? kvartal/i
-}, Wn = {
-  any: [/1/i, /2/i, /3/i, /4/i]
 }, Hn = {
+  any: [/1/i, /2/i, /3/i, /4/i]
+}, Un = {
   narrow: /^[jfmasond]/i,
   abbreviated: /^(jan|feb|mars?|apr|mai|juni?|juli?|aug|sep|okt|nov|des)\.?/i,
   wide: /^(januar|februar|mars|april|mai|juni|juli|august|september|oktober|november|desember)/i
-}, Un = {
+}, Vn = {
   narrow: [
     /^j/i,
     /^f/i,
@@ -333,17 +346,17 @@ const Tn = {
     /^n/i,
     /^d/i
   ]
-}, Vn = {
+}, On = {
   narrow: /^[smtofl]/i,
   short: /^(sø|ma|ti|on|to|fr|lø)/i,
   abbreviated: /^(søn|man|tir|ons|tor|fre|lør)/i,
   wide: /^(søndag|mandag|tirsdag|onsdag|torsdag|fredag|lørdag)/i
-}, On = {
-  any: [/^s/i, /^m/i, /^ti/i, /^o/i, /^to/i, /^f/i, /^l/i]
 }, Kn = {
+  any: [/^s/i, /^m/i, /^ti/i, /^o/i, /^to/i, /^f/i, /^l/i]
+}, qn = {
   narrow: /^(midnatt|middag|(på) (morgenen|ettermiddagen|kvelden|natten)|[ap])/i,
   any: /^([ap]\.?\s?m\.?|midnatt|middag|(på) (morgenen|ettermiddagen|kvelden|natten))/i
-}, qn = {
+}, Yn = {
   any: {
     am: /^a(\.?\s?m\.?)?$/i,
     pm: /^p(\.?\s?m\.?)?$/i,
@@ -354,55 +367,55 @@ const Tn = {
     evening: /kveld/i,
     night: /natt/i
   }
-}, Yn = {
-  ordinalNumber: xn({
-    matchPattern: $n,
-    parsePattern: Pn,
+}, Zn = {
+  ordinalNumber: Tn({
+    matchPattern: Pn,
+    parsePattern: zn,
     valueCallback: (t) => parseInt(t, 10)
   }),
   era: ke({
-    matchPatterns: zn,
+    matchPatterns: Rn,
     defaultMatchWidth: "wide",
-    parsePatterns: Rn,
+    parsePatterns: Gn,
     defaultParseWidth: "any"
   }),
   quarter: ke({
-    matchPatterns: Gn,
+    matchPatterns: Wn,
     defaultMatchWidth: "wide",
-    parsePatterns: Wn,
+    parsePatterns: Hn,
     defaultParseWidth: "any",
     valueCallback: (t) => t + 1
   }),
   month: ke({
-    matchPatterns: Hn,
+    matchPatterns: Un,
     defaultMatchWidth: "wide",
-    parsePatterns: Un,
+    parsePatterns: Vn,
     defaultParseWidth: "any"
   }),
   day: ke({
-    matchPatterns: Vn,
+    matchPatterns: On,
     defaultMatchWidth: "wide",
-    parsePatterns: On,
+    parsePatterns: Kn,
     defaultParseWidth: "any"
   }),
   dayPeriod: ke({
-    matchPatterns: Kn,
+    matchPatterns: qn,
     defaultMatchWidth: "any",
-    parsePatterns: qn,
+    parsePatterns: Yn,
     defaultParseWidth: "any"
   })
 }, ge = {
   code: "nb",
-  formatDistance: Cn,
-  formatLong: _n,
-  formatRelative: An,
-  localize: En,
-  match: Yn,
+  formatDistance: wn,
+  formatLong: Dn,
+  formatRelative: Ln,
+  localize: $n,
+  match: Zn,
   options: {
     weekStartsOn: 1,
     firstWeekContainsDate: 4
   }
-}, qe = ({ title: t, ...e }) => /* @__PURE__ */ a(
+}, qe = ({ title: t, ...e }) => /* @__PURE__ */ s(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -428,7 +441,7 @@ const Tn = {
   }
 );
 qe.displayName = "ChevronLeftIcon";
-const Ye = ({ title: t, ...e }) => /* @__PURE__ */ a(
+const Ye = ({ title: t, ...e }) => /* @__PURE__ */ s(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -454,19 +467,19 @@ const Ye = ({ title: t, ...e }) => /* @__PURE__ */ a(
   }
 );
 Ye.displayName = "ChevronRightIcon";
-const Zn = "_calendarContainer_htlea_1", Xn = "_calendarHeader_htlea_16", Jn = "_monthYear_htlea_23", Qn = "_navigationButtons_htlea_34", eo = "_grid_htlea_43", to = "_dayNameCell_htlea_51", no = "_dateCell_htlea_69", oo = "_dateNumberContainer_htlea_95", ro = "_otherMonth_htlea_108", ao = "_disabled_htlea_108", so = "_selectedDate_htlea_134", ee = {
-  calendarContainer: Zn,
-  calendarHeader: Xn,
-  monthYear: Jn,
-  navigationButtons: Qn,
-  grid: eo,
-  dayNameCell: to,
-  dateCell: no,
-  dateNumberContainer: oo,
-  otherMonth: ro,
+const Xn = "_calendarContainer_htlea_1", Jn = "_calendarHeader_htlea_16", Qn = "_monthYear_htlea_23", eo = "_navigationButtons_htlea_34", to = "_grid_htlea_43", no = "_dayNameCell_htlea_51", oo = "_dateCell_htlea_69", ro = "_dateNumberContainer_htlea_95", so = "_otherMonth_htlea_108", ao = "_disabled_htlea_108", io = "_selectedDate_htlea_134", ee = {
+  calendarContainer: Xn,
+  calendarHeader: Jn,
+  monthYear: Qn,
+  navigationButtons: eo,
+  grid: to,
+  dayNameCell: no,
+  dateCell: oo,
+  dateNumberContainer: ro,
+  otherMonth: so,
   disabled: ao,
-  selectedDate: so
-}, io = {
+  selectedDate: io
+}, lo = {
   NO: {
     // Header
     header: {
@@ -2551,19 +2564,19 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
       openDatePicker: "Open date picker"
     }
   }
-}, je = Xe(void 0), Fs = ({ children: t }) => {
-  const [e, r] = Y("NO"), d = (h) => {
-    const k = h.split(".");
-    let u = io[e];
-    for (const x of k) {
-      if (u[x] === void 0)
+}, je = Xe(void 0), Ba = ({ children: t }) => {
+  const [e, o] = Y("NO"), d = (h) => {
+    const f = h.split(".");
+    let c = lo[e];
+    for (const k of f) {
+      if (c[k] === void 0)
         return console.warn(`Translation missing for key: ${h} in language: ${e}`), h;
-      u = u[x];
+      c = c[k];
     }
-    return u;
+    return c;
   };
-  return /* @__PURE__ */ n(je.Provider, { value: { language: e, setLanguage: r, t: d }, children: t });
-}, Bs = () => {
+  return /* @__PURE__ */ n(je.Provider, { value: { language: e, setLanguage: o, t: d }, children: t });
+}, Ea = () => {
   const t = He(je);
   if (t === void 0)
     throw new Error("useLanguage must be used within a LanguageProvider");
@@ -2629,76 +2642,76 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
       "dateInput.openDatePicker": "Åpne datovelger"
     })[e] || e
   } : t;
-}, lo = (t) => {
-  const e = me(t), r = Ve(e, { locale: ge }), d = Oe(r, 41);
-  return dn({ start: r, end: d });
-}, Pe = (t) => t && t.charAt(0).toUpperCase() + t.slice(1), co = ({
+}, co = (t) => {
+  const e = me(t), o = Ve(e, { locale: ge }), d = Oe(o, 41);
+  return dn({ start: o, end: d });
+}, Pe = (t) => t && t.charAt(0).toUpperCase() + t.slice(1), po = ({
   initialDate: t = /* @__PURE__ */ new Date(),
   selectedDate: e = null,
   // Prop for valgt dato
-  onDateSelect: r,
+  onDateSelect: o,
   "data-color": d,
   // <-- Destrukturert
   "data-size": h
   // <-- Destrukturert
 }) => {
-  const { t: k } = ye();
+  const { t: f } = ye();
   $(() => {
-    const c = "rk-datepicker-inline-styles";
-    if (typeof document > "u" || document.getElementById(c)) return;
-    const A = po(ee), S = document.createElement("style");
-    S.id = c, S.textContent = A, document.head.appendChild(S);
+    const p = "rk-datepicker-inline-styles";
+    if (typeof document > "u" || document.getElementById(p)) return;
+    const L = mo(ee), S = document.createElement("style");
+    S.id = p, S.textContent = L, document.head.appendChild(S);
   }, []);
-  const [u, x] = Y(
+  const [c, k] = Y(
     me(e && Ie(e) ? e : t)
   );
   $(() => {
     if (e && Ie(e)) {
-      const c = me(e);
-      Fe(c, u) || x(c);
+      const p = me(e);
+      Fe(p, c) || k(p);
     }
   }, [e]);
-  const F = ue(() => me(/* @__PURE__ */ new Date()), []), C = ue(() => !1, [u, F]), U = ue(
-    () => lo(u),
-    [u]
+  const D = ue(() => me(/* @__PURE__ */ new Date()), []), C = ue(() => !1, [c, D]), U = ue(
+    () => co(c),
+    [c]
   ), w = ue(() => {
-    const c = Ve(/* @__PURE__ */ new Date(), { locale: ge });
-    return Array.from({ length: 7 }).map((A, S) => {
-      const R = he(Oe(c, S), "EEEEEE", { locale: ge });
+    const p = Ve(/* @__PURE__ */ new Date(), { locale: ge });
+    return Array.from({ length: 7 }).map((L, S) => {
+      const R = he(Oe(p, S), "EEEEEE", { locale: ge });
       return Pe(R);
     });
   }, []), P = re(() => {
-    C || x((c) => me(rn(c, 1)));
-  }, [C]), M = re(() => {
-    x((c) => me(an(c, 1)));
+    C || k((p) => me(rn(p, 1)));
+  }, [C]), j = re(() => {
+    k((p) => me(sn(p, 1)));
   }, []), l = re(
-    (c) => {
-      r && r(c);
+    (p) => {
+      o && o(p);
     },
-    [r]
+    [o]
   ), te = re(
-    (c, A) => {
-      (c.key === "Enter" || c.key === " ") && (c.preventDefault(), l(A));
+    (p, L) => {
+      (p.key === "Enter" || p.key === " ") && (p.preventDefault(), l(L));
     },
     [l]
-  ), z = he(u, "MMMM", { locale: ge }), B = he(u, "yyyy", { locale: ge }), X = `${Pe(z)} ${B}`;
-  return /* @__PURE__ */ a(
+  ), z = he(c, "MMMM", { locale: ge }), B = he(c, "yyyy", { locale: ge }), X = `${Pe(z)} ${B}`;
+  return /* @__PURE__ */ s(
     "div",
     {
       className: ee.calendarContainer,
       "data-color": d,
       "data-size": h,
       children: [
-        /* @__PURE__ */ a("div", { className: ee.calendarHeader, children: [
+        /* @__PURE__ */ s("div", { className: ee.calendarHeader, children: [
           /* @__PURE__ */ n("span", { className: ee.monthYear, children: X }),
-          /* @__PURE__ */ a("div", { className: ee.navigationButtons, children: [
+          /* @__PURE__ */ s("div", { className: ee.navigationButtons, children: [
             /* @__PURE__ */ n(
               Me,
               {
                 variant: "tertiary",
                 icon: !0,
                 onClick: P,
-                "aria-label": k("datePicker.previousMonth"),
+                "aria-label": f("datePicker.previousMonth"),
                 disabled: C,
                 children: /* @__PURE__ */ n(qe, {})
               }
@@ -2708,18 +2721,18 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
               {
                 variant: "tertiary",
                 icon: !0,
-                onClick: M,
-                "aria-label": k("datePicker.nextMonth"),
+                onClick: j,
+                "aria-label": f("datePicker.nextMonth"),
                 children: /* @__PURE__ */ n(Ye, {})
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ n("div", { className: ee.grid, children: w.map((c) => /* @__PURE__ */ n("div", { className: ee.dayNameCell, children: c }, c)) }),
-        /* @__PURE__ */ n("div", { className: ee.grid, children: U.map((c) => {
-          const A = Fe(c, u), S = e && Ie(e) && sn(c, e), R = ln(c), I = [
+        /* @__PURE__ */ n("div", { className: ee.grid, children: w.map((p) => /* @__PURE__ */ n("div", { className: ee.dayNameCell, children: p }, p)) }),
+        /* @__PURE__ */ n("div", { className: ee.grid, children: U.map((p) => {
+          const L = Fe(p, c), S = e && Ie(e) && an(p, e), R = ln(p), I = [
             ee.dateCell,
-            A ? "" : ee.otherMonth,
+            L ? "" : ee.otherMonth,
             S ? ee.selectedDate : "",
             // Utheving basert på prop
             R && !S ? ee.todayDate : ""
@@ -2728,23 +2741,23 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
             "div",
             {
               className: I,
-              onClick: () => l(c),
-              onKeyDown: (G) => te(G, c),
+              onClick: () => l(p),
+              onKeyDown: (G) => te(G, p),
               role: "button",
               tabIndex: 0,
               "aria-pressed": S ?? !1,
-              "aria-label": he(c, "PPP", { locale: ge }),
-              children: /* @__PURE__ */ n("span", { className: ee.dateNumberContainer, children: he(c, "d") })
+              "aria-label": he(p, "PPP", { locale: ge }),
+              children: /* @__PURE__ */ n("span", { className: ee.dateNumberContainer, children: he(p, "d") })
             },
-            c.toISOString()
+            p.toISOString()
           );
         }) })
       ]
     }
   );
 };
-co.displayName = "DatePicker";
-function po(t) {
+po.displayName = "DatePicker";
+function mo(t) {
   return `
 .${t.calendarContainer} {
   display: inline-flex;
@@ -2904,60 +2917,60 @@ 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", le = {
-  fieldset: mo,
-  description: go,
-  error: uo,
-  inputWrapper: ho,
-  inputWrapperError: fo,
-  suffixButton: ko,
-  suffixButtonInteractive: vo
+const go = "_fieldset_16fx7_2", uo = "_description_16fx7_14", ho = "_error_16fx7_21", fo = "_inputWrapper_16fx7_30", ko = "_inputWrapperError_16fx7_42", vo = "_suffixButton_16fx7_80", bo = "_suffixButtonInteractive_16fx7_100", le = {
+  fieldset: go,
+  description: uo,
+  error: ho,
+  inputWrapper: fo,
+  inputWrapperError: ko,
+  suffixButton: vo,
+  suffixButtonInteractive: bo
 }, ze = (t) => {
-  const e = t.slice(0, 2), r = t.slice(2, 4), d = t.slice(4, 8);
-  return t.length > 4 ? `${e}.${r}.${d}` : t.length > 2 ? `${e}.${r}` : t.length > 0 ? e : "";
+  const e = t.slice(0, 2), o = t.slice(2, 4), d = t.slice(4, 8);
+  return t.length > 4 ? `${e}.${o}.${d}` : t.length > 2 ? `${e}.${o}` : t.length > 0 ? e : "";
 }, Re = (t) => (t || "").replace(/\D/g, ""), Ge = (t) => {
   let e = t;
   if (e.length >= 2) {
-    const r = parseInt(e.substring(0, 2), 10);
-    !isNaN(r) && r > 31 && (e = "31" + e.substring(2));
+    const o = parseInt(e.substring(0, 2), 10);
+    !isNaN(o) && o > 31 && (e = "31" + e.substring(2));
   }
   if (e.length >= 4) {
-    const r = parseInt(e.substring(2, 4), 10);
-    !isNaN(r) && r > 12 && (e = e.substring(0, 2) + "12" + e.substring(4));
+    const o = parseInt(e.substring(2, 4), 10);
+    !isNaN(o) && o > 12 && (e = e.substring(0, 2) + "12" + e.substring(4));
   }
   return e.slice(0, 8);
-}, bo = ae(
+}, yo = se(
   (t, e) => {
-    const { t: r } = ye();
+    const { t: o } = ye();
     $(() => {
-      const N = "rk-dateinput-inline-styles";
-      if (typeof document > "u" || document.getElementById(N)) return;
-      const ie = yo(le), se = document.createElement("style");
-      se.id = N, se.textContent = ie, document.head.appendChild(se);
+      const M = "rk-dateinput-inline-styles";
+      if (typeof document > "u" || document.getElementById(M)) return;
+      const ie = xo(le), ae = document.createElement("style");
+      ae.id = M, ae.textContent = ie, document.head.appendChild(ae);
     }, []);
     const {
       label: d,
       suffixIcon: h,
-      onSuffixClick: k,
-      className: u,
+      onSuffixClick: f,
+      className: c,
       // For ytre fieldset
-      inputWrapperClassName: x,
+      inputWrapperClassName: k,
       // For input wrapper div
-      inputClassName: F,
+      inputClassName: D,
       // For selve input-elementet
       value: C,
       defaultValue: U,
       onChange: w,
       readOnly: P,
-      placeholder: M = "dd.mm.åååå",
+      placeholder: j = "dd.mm.åååå",
       id: l,
       name: te,
       required: z,
       disabled: B,
       onClick: X,
-      onFocus: c,
+      onFocus: p,
       // Send ekstern onFocus videre
-      onBlur: A,
+      onBlur: L,
       // Send ekstern onBlur videre
       autoComplete: S = "off",
       "aria-label": R,
@@ -2969,58 +2982,58 @@ const mo = "_fieldset_16fx7_2", go = "_description_16fx7_14", uo = "_error_16fx7
       // <-- Destrukturering
       "data-size": W,
       // <-- Destrukturering
-      ...L
-    } = t, g = C !== void 0, f = Je(null);
+      ...N
+    } = t, u = C !== void 0, v = Je(null);
     Ne.useImperativeHandle(
       e,
-      () => f.current
+      () => v.current
     );
-    const b = re(
-      (N) => {
-        const ie = Re(N), se = Ge(ie);
-        return ze(se);
+    const y = re(
+      (M) => {
+        const ie = Re(M), ae = Ge(ie);
+        return ze(ae);
       },
       []
-    ), [y, ne] = Y(
-      () => b(C ?? U)
+    ), [x, ne] = Y(
+      () => y(C ?? U)
     );
     $(() => {
-      if (g) {
-        const N = b(C);
-        N !== y && (ne(N), f.current && f.current.value !== N && (f.current.value = N));
+      if (u) {
+        const M = y(C);
+        M !== x && (ne(M), v.current && v.current.value !== M && (v.current.value = M));
       }
-    }, [C, g, y, b]);
+    }, [C, u, x, y]);
     const Q = re(
-      (N) => {
-        const ie = N.target, se = ie.value, pe = y, we = Re(se).slice(0, 8), i = Ge(we), p = ze(i);
-        let v = 0;
+      (M) => {
+        const ie = M.target, ae = ie.value, pe = x, we = Re(ae).slice(0, 8), i = Ge(we), m = ze(i);
+        let b = 0;
         const q = i.length;
-        q <= 2 ? v = q : q <= 4 ? v = q + 1 : v = q + 2, v = Math.min(v, p.length), requestAnimationFrame(() => {
-          if (f.current && (ne(p), f.current.value = p, f.current.setSelectionRange(v, v), (p !== pe || g) && w)) {
+        q <= 2 ? b = q : q <= 4 ? b = q + 1 : b = q + 2, b = Math.min(b, m.length), requestAnimationFrame(() => {
+          if (v.current && (ne(m), v.current.value = m, v.current.setSelectionRange(b, b), (m !== pe || u) && w)) {
             const Se = {
-              ...N,
-              target: { ...ie, value: p }
+              ...M,
+              target: { ...ie, value: m }
             };
-            w(Se, p);
+            w(Se, m);
           }
         });
       },
-      [y, g, w, b]
-    ), _ = [le.fieldset, u].filter(Boolean).join(" "), j = [
+      [x, u, w, y]
+    ), _ = [le.fieldset, c].filter(Boolean).join(" "), F = [
       le.inputWrapper,
-      x,
+      k,
       O ? le.inputWrapperError : ""
     ].filter(Boolean).join(" "), K = [
-      F
+      D
     ].filter(Boolean).join(" "), T = [
       le.suffixButton,
-      k ? le.suffixButtonInteractive : ""
+      f ? le.suffixButtonInteractive : ""
     ].filter(Boolean).join(" ");
     !d && !R && !I && console.warn("Advarsel: DateInput-komponenten bør ha label, aria-label, eller aria-labelledby for tilgjengelighet.");
-    const Z = d && typeof d == "string" ? I || `${l}-label` : void 0, ce = G ? `${l}-desc` : void 0, m = O ? `${l}-err` : void 0, D = [ce, m].filter(Boolean).join(" ") || void 0;
+    const Z = d && typeof d == "string" ? I || `${l}-label` : void 0, ce = G ? `${l}-desc` : void 0, g = O ? `${l}-err` : void 0, A = [ce, g].filter(Boolean).join(" ") || void 0;
     return (
       // --- Bruk data-color og data-size på den ytre wrapperen ---
-      /* @__PURE__ */ a(
+      /* @__PURE__ */ s(
         "div",
         {
           className: _,
@@ -3029,33 +3042,33 @@ const mo = "_fieldset_16fx7_2", go = "_description_16fx7_14", uo = "_error_16fx7
           children: [
             d && typeof d == "string" ? /* @__PURE__ */ n("label", { id: Z, htmlFor: l, children: d }) : d,
             G && /* @__PURE__ */ n("p", { id: ce, className: le.description, children: G }),
-            /* @__PURE__ */ a("div", { className: j, children: [
+            /* @__PURE__ */ s("div", { className: F, children: [
               /* @__PURE__ */ n(
                 "input",
                 {
-                  ref: f,
+                  ref: v,
                   type: "text",
                   inputMode: "numeric",
                   pattern: "\\d{2}\\.\\d{2}\\.\\d{4}",
                   maxLength: 10,
-                  value: y,
+                  value: x,
                   readOnly: P,
-                  placeholder: M,
+                  placeholder: j,
                   id: l,
                   name: te,
                   required: z,
                   disabled: B,
                   onClick: X,
                   onChange: Q,
-                  onFocus: c,
-                  onBlur: A,
+                  onFocus: p,
+                  onBlur: L,
                   autoComplete: S,
                   "aria-label": R,
                   "aria-labelledby": Z,
-                  "aria-describedby": D,
+                  "aria-describedby": A,
                   "aria-invalid": !!O,
                   className: K,
-                  ...L
+                  ...N
                 }
               ),
               h && /* @__PURE__ */ n(
@@ -3063,24 +3076,24 @@ const mo = "_fieldset_16fx7_2", go = "_description_16fx7_14", uo = "_error_16fx7
                 {
                   type: "button",
                   className: T,
-                  onClick: B ? void 0 : k,
-                  tabIndex: k && !B ? 0 : -1,
-                  "aria-hidden": !k,
+                  onClick: B ? void 0 : f,
+                  tabIndex: f && !B ? 0 : -1,
+                  "aria-hidden": !f,
                   disabled: B,
-                  "aria-label": k ? r("dateInput.openDatePicker") : void 0,
+                  "aria-label": f ? o("dateInput.openDatePicker") : void 0,
                   children: h
                 }
               )
             ] }),
-            O && /* @__PURE__ */ n("p", { id: m, className: le.error, role: "alert", children: O })
+            O && /* @__PURE__ */ n("p", { id: g, className: le.error, role: "alert", children: O })
           ]
         }
       )
     );
   }
 );
-bo.displayName = "DateInput";
-function yo(t) {
+yo.displayName = "DateInput";
+function xo(t) {
   return `
 .${t.fieldset} {
   margin-bottom: var(--ds-spacing-4, 16px);
@@ -3173,59 +3186,59 @@ 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", Bo = "_dotActive_eo3g5_133", H = {
-  carouselContainer: xo,
-  viewport: To,
-  slides: Co,
-  slide: wo,
-  slideInner: So,
-  loaderOverlay: Io,
-  image: _o,
-  loaded: Do,
-  loading: Ao,
-  empty: Lo,
-  controls: No,
-  arrows: Mo,
-  dots: jo,
-  dot: Fo,
-  dotActive: Bo
-}, Eo = mt, $o = ({
+const To = "_carouselContainer_eo3g5_1", Co = "_viewport_eo3g5_14", wo = "_slides_eo3g5_20", So = "_slide_eo3g5_20", Io = "_slideInner_eo3g5_40", _o = "_loaderOverlay_eo3g5_48", Do = "_image_eo3g5_58", Ao = "_loaded_eo3g5_69", Lo = "_loading_eo3g5_73", No = "_empty_eo3g5_81", Mo = "_controls_eo3g5_87", jo = "_arrows_eo3g5_97", Fo = "_dots_eo3g5_107", Bo = "_dot_eo3g5_107", Eo = "_dotActive_eo3g5_133", H = {
+  carouselContainer: To,
+  viewport: Co,
+  slides: wo,
+  slide: So,
+  slideInner: Io,
+  loaderOverlay: _o,
+  image: Do,
+  loaded: Ao,
+  loading: Lo,
+  empty: No,
+  controls: Mo,
+  arrows: jo,
+  dots: Fo,
+  dot: Bo,
+  dotActive: Eo
+}, $o = mt, Po = ({
   images: t,
   autoPlay: e = !1,
-  autoDelay: r = 5,
+  autoDelay: o = 5,
   showArrows: d = !0,
   showDots: h = !0,
-  variant: k,
-  slidesPerView: u = 1,
-  slideSpacing: x = 16,
-  cornerRadius: F = 0,
+  variant: f,
+  slidesPerView: c = 1,
+  slideSpacing: k = 16,
+  cornerRadius: D = 0,
   "data-color": C,
   "data-size": U
 }) => {
   const { t: w } = ye();
   $(() => {
-    const f = "rk-carousel-inline-styles";
-    if (typeof document > "u" || document.getElementById(f)) return;
-    const b = Po(H), y = document.createElement("style");
-    y.id = f, y.textContent = b, document.head.appendChild(y);
+    const v = "rk-carousel-inline-styles";
+    if (typeof document > "u" || document.getElementById(v)) return;
+    const y = zo(H), x = document.createElement("style");
+    x.id = v, x.textContent = y, document.head.appendChild(x);
   }, []);
   const P = {
     loop: !0,
     align: "start",
     containScroll: "trimSnaps",
     slidesToScroll: 1
-  }, [M, l] = cn(P), [te, z] = Y(0), [B, X] = Y([]), [c, A] = Y([]);
+  }, [j, l] = cn(P), [te, z] = Y(0), [B, X] = Y([]), [p, L] = Y([]);
   $(() => {
-    A(new Array((t == null ? void 0 : t.length) || 0).fill(!1));
+    L(new Array((t == null ? void 0 : t.length) || 0).fill(!1));
   }, [t]);
-  const S = re((f) => {
-    A((b) => {
-      const y = [...b];
-      return y[f] = !0, y;
+  const S = re((v) => {
+    L((y) => {
+      const x = [...y];
+      return x[v] = !0, x;
     });
-  }, []), R = ue(() => r * 1e3, [r]), I = re(() => {
+  }, []), R = ue(() => o * 1e3, [o]), I = re(() => {
     l && z(l.selectedScrollSnap());
-  }, [l]), G = re((f) => l && l.scrollTo(f), [l]), O = re(() => l && l.scrollPrev(), [l]), J = re(() => l && l.scrollNext(), [l]);
+  }, [l]), G = re((v) => l && l.scrollTo(v), [l]), O = re(() => l && l.scrollPrev(), [l]), J = re(() => l && l.scrollNext(), [l]);
   $(() => {
     if (l)
       return l.on("select", I), l.on("reInit", I), X(l.scrollSnapList()), () => {
@@ -3233,68 +3246,68 @@ const xo = "_carouselContainer_eo3g5_1", To = "_viewport_eo3g5_14", Co = "_slide
       };
   }, [l, I]), $(() => {
     l && (l.reInit(), X(l.scrollSnapList()));
-  }, [l, t, u, x]), $(() => {
+  }, [l, t, c, k]), $(() => {
     if (!e || !l || !t || t.length <= 1) return;
-    const f = window.setInterval(() => {
+    const v = window.setInterval(() => {
       l.canScrollNext() && l.scrollNext();
     }, R);
     return () => {
-      window.clearInterval(f);
+      window.clearInterval(v);
     };
   }, [e, R, l, t]);
-  const W = Math.max(1, u), L = `${100 / W}%`, g = x / 2;
-  return /* @__PURE__ */ a(
+  const W = Math.max(1, c), N = `${100 / W}%`, u = k / 2;
+  return /* @__PURE__ */ s(
     "div",
     {
       className: H.carouselContainer,
       "data-color": C,
       "data-size": U,
-      "data-variant": k,
+      "data-variant": f,
       children: [
-        /* @__PURE__ */ n("div", { className: H.viewport, ref: M, children: /* @__PURE__ */ n(
+        /* @__PURE__ */ n("div", { className: H.viewport, ref: j, children: /* @__PURE__ */ n(
           "div",
           {
             className: H.slides,
             style: {
-              marginLeft: `-${g}px`,
-              marginRight: `-${g}px`
+              marginLeft: `-${u}px`,
+              marginRight: `-${u}px`
             },
-            children: t && t.length > 0 ? t.map((f, b) => /* @__PURE__ */ n(
+            children: t && t.length > 0 ? t.map((v, y) => /* @__PURE__ */ n(
               "div",
               {
                 className: H.slide,
                 style: {
-                  flex: `0 0 ${L}`,
-                  paddingLeft: `${g}px`,
-                  paddingRight: `${g}px`,
-                  borderRadius: F > 0 ? `${F}px` : void 0,
+                  flex: `0 0 ${N}`,
+                  paddingLeft: `${u}px`,
+                  paddingRight: `${u}px`,
+                  borderRadius: D > 0 ? `${D}px` : void 0,
                   overflow: "hidden"
                   // Ensure radius clips content
                 },
-                children: /* @__PURE__ */ a("div", { className: H.slideInner, style: { borderRadius: `${F}px`, overflow: "hidden", position: "relative", width: "100%", height: "100%" }, children: [
-                  !c[b] && /* @__PURE__ */ n("div", { className: H.loaderOverlay, children: /* @__PURE__ */ n(Eo, { "aria-label": w("carousel.loading") }) }),
+                children: /* @__PURE__ */ s("div", { className: H.slideInner, style: { borderRadius: `${D}px`, overflow: "hidden", position: "relative", width: "100%", height: "100%" }, children: [
+                  !p[y] && /* @__PURE__ */ n("div", { className: H.loaderOverlay, children: /* @__PURE__ */ n($o, { "aria-label": w("carousel.loading") }) }),
                   /* @__PURE__ */ n(
                     "img",
                     {
-                      className: `${H.image} ${c[b] ? H.loaded : H.loadingImage}`,
-                      src: f.src,
-                      alt: f.alt,
-                      loading: b < W ? "eager" : "lazy",
+                      className: `${H.image} ${p[y] ? H.loaded : H.loadingImage}`,
+                      src: v.src,
+                      alt: v.alt,
+                      loading: y < W ? "eager" : "lazy",
                       crossOrigin: "anonymous",
-                      onLoad: () => S(b),
-                      onError: (y) => {
-                        y.target.style.display = "none", S(b);
+                      onLoad: () => S(y),
+                      onError: (x) => {
+                        x.target.style.display = "none", S(y);
                       }
                     }
                   )
                 ] })
               },
-              `image-${b}-${f.src}`
+              `image-${y}-${v.src}`
             )) : /* @__PURE__ */ n("div", { className: H.slide, style: { flex: "0 0 100%" }, children: /* @__PURE__ */ n("div", { className: H.empty, children: "Ingen bilder" }) })
           }
         ) }),
-        (d || h && t && t.length > 1) && /* @__PURE__ */ a("div", { className: H.controls, "aria-hidden": "false", children: [
-          d && /* @__PURE__ */ a("div", { className: H.arrows, children: [
+        (d || h && t && t.length > 1) && /* @__PURE__ */ s("div", { className: H.controls, "aria-hidden": "false", children: [
+          d && /* @__PURE__ */ s("div", { className: H.arrows, children: [
             /* @__PURE__ */ n(
               de,
               {
@@ -3318,19 +3331,19 @@ const xo = "_carouselContainer_eo3g5_1", To = "_viewport_eo3g5_14", Co = "_slide
               }
             )
           ] }),
-          h && t && t.length > 1 && /* @__PURE__ */ n("div", { className: H.dots, role: "tablist", "aria-label": w("carousel.imagePosition"), children: B.map((f, b) => {
-            const y = b === te;
+          h && t && t.length > 1 && /* @__PURE__ */ n("div", { className: H.dots, role: "tablist", "aria-label": w("carousel.imagePosition"), children: B.map((v, y) => {
+            const x = y === te;
             return /* @__PURE__ */ n(
               "button",
               {
                 type: "button",
-                className: `${H.dot} ${y ? H.dotActive : ""}`,
-                onClick: () => G(b),
-                "aria-label": `${w("carousel.goToImage")} ${b + 1}`,
-                "aria-selected": y,
+                className: `${H.dot} ${x ? H.dotActive : ""}`,
+                onClick: () => G(y),
+                "aria-label": `${w("carousel.goToImage")} ${y + 1}`,
+                "aria-selected": x,
                 role: "tab"
               },
-              `dot-${b}`
+              `dot-${y}`
             );
           }) })
         ] })
@@ -3338,8 +3351,8 @@ const xo = "_carouselContainer_eo3g5_1", To = "_viewport_eo3g5_14", Co = "_slide
     }
   );
 };
-$o.displayName = "Carousel";
-function Po(t) {
+Po.displayName = "Carousel";
+function zo(t) {
   return `
 .${t.carouselContainer} {
   position: relative;
@@ -3511,11 +3524,11 @@ function Po(t) {
 }
 `;
 }
-const zo = "_crossCorner_1caiu_1", Ro = "_shape_1caiu_6", Ae = {
-  crossCorner: zo,
-  shape: Ro
+const Ro = "_crossCorner_1caiu_1", Go = "_shape_1caiu_6", Ae = {
+  crossCorner: Ro,
+  shape: Go
 };
-function Go(t) {
+function Wo(t) {
   return `
 .${t.crossCorner} {
   display: inline-block;
@@ -3542,38 +3555,38 @@ function Go(t) {
 }
 `;
 }
-const Wo = {
+const Ho = {
   sm: 48,
   md: 68,
   lg: 96
-}, Ho = {
+}, Uo = {
   "top-left": 270,
   "top-right": 0,
   "bottom-right": 90,
   "bottom-left": 180
-}, ve = ae(
+}, ve = se(
   ({
     position: t = "top-left",
     size: e = "md",
-    className: r,
+    className: o,
     "aria-label": d,
     "aria-hidden": h = !0,
-    "data-color": k,
-    "data-size": u,
-    ...x
-  }, F) => {
+    "data-color": f,
+    "data-size": c,
+    ...k
+  }, D) => {
     $(() => {
       const w = "rk-crosscorner-inline-styles";
       if (typeof document > "u" || document.getElementById(w)) return;
-      const P = Go(Ae), M = document.createElement("style");
-      M.id = w, M.textContent = P, document.head.appendChild(M);
+      const P = Wo(Ae), j = document.createElement("style");
+      j.id = w, j.textContent = P, document.head.appendChild(j);
     }, []);
-    const C = Wo[e], U = Ho[t];
+    const C = Ho[e], U = Uo[t];
     return /* @__PURE__ */ n(
       "svg",
       {
-        ref: F,
-        className: `${Ae.crossCorner} ${r || ""}`,
+        ref: D,
+        className: `${Ae.crossCorner} ${o || ""}`,
         width: C,
         height: C,
         viewBox: "0 0 68 68",
@@ -3582,12 +3595,12 @@ const Wo = {
         "aria-label": d,
         "aria-hidden": h,
         role: h ? void 0 : "img",
-        "data-color": k,
-        "data-size": u,
+        "data-color": f,
+        "data-size": c,
         style: {
           transform: U ? `rotate(${U}deg)` : void 0
         },
-        ...x,
+        ...k,
         children: /* @__PURE__ */ n(
           "path",
           {
@@ -3600,90 +3613,92 @@ const Wo = {
   }
 );
 ve.displayName = "CrossCorner";
-const Es = gt, $s = ut, Ps = ht, V = ft, zs = xt, Rs = Tt, Gs = vt, Ws = yt, Hs = bt, Us = kt, Vs = Ct, Os = wt, Uo = It, Vo = St;
-Uo.displayName = "Field.Description";
-Vo.displayName = "Field.Counter";
-const Ks = Ue, Oo = ae((t, e) => /* @__PURE__ */ n(_t, { ref: e, ...t }));
-Oo.displayName = "Heading";
+const $a = gt, Pa = ut, za = ht, V = ft, Ra = xt, Ga = Tt, Wa = vt, Ha = yt, Ua = bt, Va = kt, Oa = Ct, Ka = wt, Vo = It, Oo = St;
+Vo.displayName = "Field.Description";
+Oo.displayName = "Field.Counter";
+const qa = Ue, Ko = se((t, e) => /* @__PURE__ */ n(_t, { ref: e, ...t }));
+Ko.displayName = "Heading";
 const Ze = Dt;
 Ze.displayName = "Input";
-const Ko = ae((t, e) => /* @__PURE__ */ n(At, { ref: e, ...t }));
-Ko.displayName = "Label";
-const oe = Lt, qs = Nt, qo = Mt, Ys = Bt, Zs = Ft, Xs = jt, Js = Et;
-qo.displayName = "Pagination";
-const be = ae(
+const qo = se((t, e) => /* @__PURE__ */ n(At, { ref: e, ...t }));
+qo.displayName = "Label";
+const oe = Lt, Ya = Nt, Yo = Mt, Za = Bt, Xa = Ft, Ja = jt, Qa = Et;
+Yo.displayName = "Pagination";
+const be = se(
   (t, e) => /* @__PURE__ */ n($t, { ref: e, ...t })
 );
 be.displayName = "Paragraph";
-const Qs = Pt, ei = zt, ti = Rt, xe = Object.assign(Gt, {
+const ei = Pt, ti = zt, ni = Rt, xe = Object.assign(Gt, {
   Button: Ut,
   ClearButton: Ht,
   Input: Wt
-}), ni = Vt, oi = Ot, ri = Kt, Yo = qt;
-Yo.displayName = "Suggestion";
-const Le = Yt, ai = Zt, Te = Xt, Zo = ae(function({ shape: e, ...r }, d) {
-  const h = {};
-  return e === "rounded" && (h["data-shape"] = "rounded"), /* @__PURE__ */ n(Jt, { ref: d, ...r, ...h });
+}), oi = Vt, ri = Ot, si = Kt, Zo = qt;
+Zo.displayName = "Suggestion";
+const Le = Yt, ai = Zt, Te = Xt, Xo = se(function({ shape: e, style: o, ...d }, h) {
+  const f = {};
+  e === "rounded" && (f.borderRadius = "var(--ds-border-radius-xl)");
+  const c = Object.keys(f).length === 0 && !o ? void 0 : { ...f, ...o }, k = {};
+  return e === "rounded" && (k["data-shape"] = "rounded"), /* @__PURE__ */ n(Jt, { ref: h, ...d, ...k, style: c });
 });
-Zo.displayName = "Tag";
-const si = Qt, Xo = en, ii = tn, li = nn, Jo = ae((t, e) => /* @__PURE__ */ n(on, { ref: e, ...t }));
-Jo.displayName = "ValidationMessage";
-const Qo = "_header_p2hri_1", er = "_languageSwitch_p2hri_37", tr = "_searchOverlay_p2hri_41", nr = "_headerExtension_p2hri_46", or = "_headerExtensionTinted_p2hri_75", rr = "_languageLabel_p2hri_83", ar = "_languageLink_p2hri_88", sr = "_extensionContent_p2hri_93", ir = "_extensionDivider_p2hri_98", lr = "_extensionContentWrapper_p2hri_103", dr = "_headerInner_p2hri_199", cr = "_logoWrapper_p2hri_216", pr = "_logo_p2hri_216", mr = "_secondaryLogoWrapper_p2hri_239", gr = "_slotComponent_p2hri_248", ur = "_slotContainer_p2hri_258", hr = "_slotText_p2hri_266", fr = "_secondaryLogo_p2hri_239", kr = "_redCrossLogo_p2hri_293", vr = "_primaryLogo_p2hri_299", br = "_navItems_p2hri_303", yr = "_navLink_p2hri_312", xr = "_actions_p2hri_325", Tr = "_ctaButton_p2hri_333", Cr = "_themeToggle_p2hri_338", wr = "_userInfo_p2hri_343", Sr = "_userName_p2hri_349", Ir = "_loginLink_p2hri_356", _r = "_loginText_p2hri_365", Dr = "_underline_p2hri_372", Ar = "_searchButtonWrapper_p2hri_378", Lr = "_buttonText_p2hri_382", Nr = "_menuButton_p2hri_387", Mr = "_menuOverlay_p2hri_410", jr = "_searchContent_p2hri_444", Fr = "_menuContent_p2hri_454", Br = "_menuLeftColumn_p2hri_463", Er = "_menuRightColumn_p2hri_469", $r = "_slotContent_p2hri_483", Pr = "_navList_p2hri_496", zr = "_menuUtilities_p2hri_503", Rr = "_menuBrand_p2hri_510", Gr = "_suggestionsSection_p2hri_514", Wr = "_suggestionsTitle_p2hri_520", Hr = "_searchResults_p2hri_529", Ur = "_resultList_p2hri_535", Vr = "_resultItem_p2hri_541", Or = "_resultLink_p2hri_549", Kr = "_suggestionIcon_p2hri_563", qr = "_suggestionText_p2hri_576", Yr = "_highlightedText_p2hri_583", Zr = "_remainingText_p2hri_588", Xr = "_viewAllLink_p2hri_601", Jr = "_noResults_p2hri_636", s = {
-  header: Qo,
-  languageSwitch: er,
-  searchOverlay: tr,
-  headerExtension: nr,
-  headerExtensionTinted: or,
-  languageLabel: rr,
+Xo.displayName = "Tag";
+const ii = Qt, Jo = en, li = tn, di = nn, Qo = se((t, e) => /* @__PURE__ */ n(on, { ref: e, ...t }));
+Qo.displayName = "ValidationMessage";
+const er = "_header_p2hri_1", tr = "_languageSwitch_p2hri_37", nr = "_searchOverlay_p2hri_41", or = "_headerExtension_p2hri_46", rr = "_headerExtensionTinted_p2hri_75", sr = "_languageLabel_p2hri_83", ar = "_languageLink_p2hri_88", ir = "_extensionContent_p2hri_93", lr = "_extensionDivider_p2hri_98", dr = "_extensionContentWrapper_p2hri_103", cr = "_headerInner_p2hri_199", pr = "_logoWrapper_p2hri_216", mr = "_logo_p2hri_216", gr = "_secondaryLogoWrapper_p2hri_239", ur = "_slotComponent_p2hri_248", hr = "_slotContainer_p2hri_258", fr = "_slotText_p2hri_266", kr = "_secondaryLogo_p2hri_239", vr = "_redCrossLogo_p2hri_293", br = "_primaryLogo_p2hri_299", yr = "_navItems_p2hri_303", xr = "_navLink_p2hri_312", Tr = "_actions_p2hri_325", Cr = "_ctaButton_p2hri_333", wr = "_themeToggle_p2hri_338", Sr = "_userInfo_p2hri_343", Ir = "_userName_p2hri_349", _r = "_loginLink_p2hri_356", Dr = "_loginText_p2hri_365", Ar = "_underline_p2hri_372", Lr = "_searchButtonWrapper_p2hri_378", Nr = "_buttonText_p2hri_382", Mr = "_menuButton_p2hri_387", jr = "_menuOverlay_p2hri_410", Fr = "_searchContent_p2hri_444", Br = "_menuContent_p2hri_454", Er = "_menuLeftColumn_p2hri_463", $r = "_menuRightColumn_p2hri_469", Pr = "_slotContent_p2hri_483", zr = "_navList_p2hri_496", Rr = "_menuUtilities_p2hri_503", Gr = "_menuBrand_p2hri_510", Wr = "_suggestionsSection_p2hri_514", Hr = "_suggestionsTitle_p2hri_520", Ur = "_searchResults_p2hri_529", Vr = "_resultList_p2hri_535", Or = "_resultItem_p2hri_541", Kr = "_resultLink_p2hri_549", qr = "_suggestionIcon_p2hri_563", Yr = "_suggestionText_p2hri_576", Zr = "_highlightedText_p2hri_583", Xr = "_remainingText_p2hri_588", Jr = "_viewAllLink_p2hri_601", Qr = "_noResults_p2hri_636", a = {
+  header: er,
+  languageSwitch: tr,
+  searchOverlay: nr,
+  headerExtension: or,
+  headerExtensionTinted: rr,
+  languageLabel: sr,
   languageLink: ar,
-  extensionContent: sr,
-  extensionDivider: ir,
-  extensionContentWrapper: lr,
-  headerInner: dr,
-  logoWrapper: cr,
-  logo: pr,
-  secondaryLogoWrapper: mr,
-  slotComponent: gr,
-  slotContainer: ur,
-  slotText: hr,
-  secondaryLogo: fr,
-  redCrossLogo: kr,
-  primaryLogo: vr,
-  navItems: br,
-  navLink: yr,
-  actions: xr,
-  ctaButton: Tr,
-  themeToggle: Cr,
-  userInfo: wr,
-  userName: Sr,
-  loginLink: Ir,
-  loginText: _r,
-  underline: Dr,
-  searchButtonWrapper: Ar,
-  buttonText: Lr,
-  menuButton: Nr,
-  menuOverlay: Mr,
-  searchContent: jr,
-  menuContent: Fr,
-  menuLeftColumn: Br,
-  menuRightColumn: Er,
-  slotContent: $r,
-  navList: Pr,
-  menuUtilities: zr,
-  menuBrand: Rr,
-  suggestionsSection: Gr,
-  suggestionsTitle: Wr,
-  searchResults: Hr,
-  resultList: Ur,
-  resultItem: Vr,
-  resultLink: Or,
-  suggestionIcon: Kr,
-  suggestionText: qr,
-  highlightedText: Yr,
-  remainingText: Zr,
-  viewAllLink: Xr,
-  noResults: Jr
-}, Qr = [
+  extensionContent: ir,
+  extensionDivider: lr,
+  extensionContentWrapper: dr,
+  headerInner: cr,
+  logoWrapper: pr,
+  logo: mr,
+  secondaryLogoWrapper: gr,
+  slotComponent: ur,
+  slotContainer: hr,
+  slotText: fr,
+  secondaryLogo: kr,
+  redCrossLogo: vr,
+  primaryLogo: br,
+  navItems: yr,
+  navLink: xr,
+  actions: Tr,
+  ctaButton: Cr,
+  themeToggle: wr,
+  userInfo: Sr,
+  userName: Ir,
+  loginLink: _r,
+  loginText: Dr,
+  underline: Ar,
+  searchButtonWrapper: Lr,
+  buttonText: Nr,
+  menuButton: Mr,
+  menuOverlay: jr,
+  searchContent: Fr,
+  menuContent: Br,
+  menuLeftColumn: Er,
+  menuRightColumn: $r,
+  slotContent: Pr,
+  navList: zr,
+  menuUtilities: Rr,
+  menuBrand: Gr,
+  suggestionsSection: Wr,
+  suggestionsTitle: Hr,
+  searchResults: Ur,
+  resultList: Vr,
+  resultItem: Or,
+  resultLink: Kr,
+  suggestionIcon: qr,
+  suggestionText: Yr,
+  highlightedText: Zr,
+  remainingText: Xr,
+  viewAllLink: Jr,
+  noResults: Qr
+}, es = [
   // Pages
   { id: "home", title: "Hjem", category: "Page", path: "home", description: "Forsiden" },
   { id: "components", title: "Komponenter", category: "Page", path: "components", description: "Oversikt over alle komponenter" },
@@ -3747,31 +3762,31 @@ const Qo = "_header_p2hri_1", er = "_languageSwitch_p2hri_37", tr = "_searchOver
   { id: "progression", title: "Progresjon", category: "Code", path: "code/progression", description: "Fra design til ferdig komponent" },
   { id: "metadata-files", title: "Metadata filer", category: "Code", path: "code/metadata-files", description: "Struktur og bruk av metadata.json" }
 ];
-function ea(t) {
+function ts(t) {
   return t.split(/\s+/).map((e) => e[0] ?? "").join("").slice(0, 2).toUpperCase();
 }
-const di = ({
+const ci = ({
   "data-color": t = "primary",
   activePage: e,
-  setPage: r,
+  setPage: o,
   children: d,
   showUser: h = !0,
-  showSearch: k = !0,
-  showLogin: u = !0,
-  showCta: x = !1,
-  ctaLabel: F,
+  showSearch: f = !0,
+  showLogin: c = !0,
+  showCta: k = !1,
+  ctaLabel: D,
   ctaIcon: C = /* @__PURE__ */ n(gn, { "aria-hidden": !0 }),
   onCtaClick: U,
   showThemeToggle: w = !1,
   secondaryLogo: P = !1,
-  secondaryLogoSrc: M,
+  secondaryLogoSrc: j,
   secondaryLogoSrcDark: l,
   secondaryLogoAlt: te = "Secondary Logo",
   navItems: z,
   showNavItems: B = !0,
   showMenuButton: X = !0,
-  showHeaderExtension: c = !1,
-  showModeToggle: A = !1,
+  showHeaderExtension: p = !1,
+  showModeToggle: L = !1,
   showLanguageSwitch: S = !1,
   extensionColor: R,
   buttonStyle: I = "default",
@@ -3780,14 +3795,14 @@ const di = ({
   userAvatarSrc: J,
   onUserClick: W
 }) => {
-  const [L, g] = Y(!1), [f, b] = Y(!1), [y, ne] = Y(""), [Q, _] = Y("light"), { language: j, setLanguage: K, t: T } = ye(), [Z, ce] = Y(!1);
+  const [N, u] = Y(!1), [v, y] = Y(!1), [x, ne] = Y(""), [Q, _] = Y("light"), { language: F, setLanguage: K, t: T } = ye(), [Z, ce] = Y(!1);
   $(() => {
     const i = "rk-header-inline-styles";
     if (typeof document > "u" || document.getElementById(i)) return;
-    const p = ta(s), v = document.createElement("style");
-    v.id = i, v.textContent = p, document.head.appendChild(v);
+    const m = ns(a), b = document.createElement("style");
+    b.id = i, b.textContent = m, document.head.appendChild(b);
   }, []);
-  const m = () => /* @__PURE__ */ a(
+  const g = () => /* @__PURE__ */ s(
     "svg",
     {
       width: "170",
@@ -3797,7 +3812,7 @@ const di = ({
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": !0,
       focusable: "false",
-      className: s.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" }),
@@ -3813,110 +3828,110 @@ const di = ({
     }
   );
   $(() => {
-    g(!1), b(!1), ne("");
+    u(!1), y(!1), ne("");
   }, [e]), $(() => {
-    if (!(typeof document > "u") && L && Z) {
+    if (!(typeof document > "u") && N && Z) {
       const i = document.body.style.overflow;
       return document.body.style.overflow = "hidden", () => {
         document.body.style.overflow = i;
       };
     }
-  }, [L, Z]), $(() => {
+  }, [N, Z]), $(() => {
     if (typeof window > "u" || typeof window.matchMedia > "u") return;
-    const i = window.matchMedia("(max-width: 850px)"), p = (v) => ce("matches" in v ? v.matches : i.matches);
-    return p(i), i.addEventListener ? i.addEventListener("change", p) : i.addListener(p), () => {
-      i.removeEventListener ? i.removeEventListener("change", p) : i.removeListener(p);
+    const i = window.matchMedia("(max-width: 850px)"), m = (b) => ce("matches" in b ? b.matches : i.matches);
+    return m(i), i.addEventListener ? i.addEventListener("change", m) : i.addListener(m), () => {
+      i.removeEventListener ? i.removeEventListener("change", m) : i.removeListener(m);
     };
   }, []), $(() => {
     if (typeof document > "u") return;
-    const i = document.querySelector(`.${s.header}`);
+    const i = document.querySelector(`.${a.header}`);
     if (!i) return;
-    const p = () => {
+    const m = () => {
       const q = i.offsetHeight;
       document.documentElement.style.setProperty("--header-height-mobile", `${q}px`);
     };
-    p(), window.addEventListener("resize", p);
-    const v = new ResizeObserver(() => {
-      p();
+    m(), window.addEventListener("resize", m);
+    const b = new ResizeObserver(() => {
+      m();
     });
-    return v.observe(i), () => {
-      window.removeEventListener("resize", p), v.disconnect();
+    return b.observe(i), () => {
+      window.removeEventListener("resize", m), b.disconnect();
     };
   }, [Z]), $(() => {
     if (typeof document > "u") return;
-    const i = document.querySelector(`.${s.logoWrapper}`);
+    const i = document.querySelector(`.${a.logoWrapper}`);
     if (!i) return;
-    const p = () => {
-      const v = i.offsetWidth;
-      document.documentElement.style.setProperty("--rk-logo-width", `${v}px`);
+    const m = () => {
+      const b = i.offsetWidth;
+      document.documentElement.style.setProperty("--rk-logo-width", `${b}px`);
     };
-    return p(), window.addEventListener("resize", p), () => window.removeEventListener("resize", p);
+    return m(), window.addEventListener("resize", m), () => window.removeEventListener("resize", m);
   }, [Z]), $(() => {
-    if (typeof document > "u" || !f) {
+    if (typeof document > "u" || !v) {
       document.documentElement.style.setProperty("--rk-search-overlay-height", "0px");
       return;
     }
-    const i = document.querySelector(`.${s.searchOverlay}`);
+    const i = document.querySelector(`.${a.searchOverlay}`);
     if (!i) return;
-    const p = () => {
+    const m = () => {
       const q = i.offsetHeight;
       document.documentElement.style.setProperty("--rk-search-overlay-height", `${q}px`);
     };
-    requestAnimationFrame(p), window.addEventListener("resize", p);
-    const v = new ResizeObserver(p);
-    return v.observe(i), () => {
-      window.removeEventListener("resize", p), v.disconnect();
+    requestAnimationFrame(m), window.addEventListener("resize", m);
+    const b = new ResizeObserver(m);
+    return b.observe(i), () => {
+      window.removeEventListener("resize", m), b.disconnect();
     };
-  }, [f]);
-  const D = () => {
+  }, [v]);
+  const A = () => {
     const i = Q === "light" ? "dark" : "light";
     _(i), document.documentElement.setAttribute("data-color-scheme", i);
-  }, N = (i) => {
-    r && (i.preventDefault(), r("home")), g(!1), b(!1);
+  }, M = (i) => {
+    o && (i.preventDefault(), o("home")), u(!1), y(!1);
   }, ie = () => {
-    g(!L), f && b(!1), !L && typeof document < "u" && requestAnimationFrame(() => {
-      const i = document.querySelector(`.${s.header}`);
+    u(!N), v && y(!1), !N && typeof document < "u" && requestAnimationFrame(() => {
+      const i = document.querySelector(`.${a.header}`);
       if (i) {
-        const p = i.offsetHeight;
-        document.documentElement.style.setProperty("--header-height-mobile", `${p}px`);
+        const m = i.offsetHeight;
+        document.documentElement.style.setProperty("--header-height-mobile", `${m}px`);
       }
     });
-  }, se = () => {
-    b(!f), L && g(!1);
+  }, ae = () => {
+    y(!v), N && u(!1);
   }, pe = ue(() => {
-    if (!y.trim()) return [];
-    const i = y.toLowerCase();
-    return Qr.filter(
-      (p) => p.title.toLowerCase().startsWith(i)
+    if (!x.trim()) return [];
+    const i = x.toLowerCase();
+    return es.filter(
+      (m) => m.title.toLowerCase().startsWith(i)
     );
-  }, [y]), we = (i) => {
-    r && r(i), b(!1), ne("");
+  }, [x]), we = (i) => {
+    o && o(i), y(!1), ne("");
   };
-  return /* @__PURE__ */ a("header", { className: s.header, "data-open": L ? "true" : "false", "data-color": t, "data-button-style": I, children: [
-    c && /* @__PURE__ */ n("div", { className: `${s.headerExtension}${R === "tinted" ? ` ${s.headerExtensionTinted}` : ""}`, "data-color-scheme": "light", "data-extension-color": R, children: /* @__PURE__ */ a("div", { className: s.extensionContentWrapper, children: [
-      A && /* @__PURE__ */ n("div", { className: s.extensionContent, children: /* @__PURE__ */ n(
+  return /* @__PURE__ */ s("header", { className: a.header, "data-open": N ? "true" : "false", "data-color": t, "data-button-style": I, children: [
+    p && /* @__PURE__ */ n("div", { className: `${a.headerExtension}${R === "tinted" ? ` ${a.headerExtensionTinted}` : ""}`, "data-color-scheme": "light", "data-extension-color": R, children: /* @__PURE__ */ s("div", { className: a.extensionContentWrapper, children: [
+      L && /* @__PURE__ */ n("div", { className: a.extensionContent, children: /* @__PURE__ */ n(
         Le,
         {
           "data-size": "sm",
           checked: Q === "dark",
-          onChange: D,
+          onChange: A,
           label: T("header.darkMode"),
           color: "neutral",
           "data-color-scheme": "light"
         }
       ) }),
-      A && S && /* @__PURE__ */ n("div", { className: s.extensionDivider }),
-      S && /* @__PURE__ */ a("div", { className: s.languageSwitch, children: [
-        /* @__PURE__ */ n("span", { className: s.languageLabel, children: T("header.language") }),
-        /* @__PURE__ */ a(V.TriggerContext, { children: [
-          /* @__PURE__ */ a(
+      L && S && /* @__PURE__ */ n("div", { className: a.extensionDivider }),
+      S && /* @__PURE__ */ s("div", { className: a.languageSwitch, children: [
+        /* @__PURE__ */ n("span", { className: a.languageLabel, children: T("header.language") }),
+        /* @__PURE__ */ s(V.TriggerContext, { children: [
+          /* @__PURE__ */ s(
             V.Trigger,
             {
-              className: s.languageLink,
+              className: a.languageLink,
               "aria-label": T("header.selectLanguage"),
               style: { background: "transparent", border: "none", padding: 0, cursor: "pointer", font: "inherit" },
               children: [
-                j,
+                F,
                 " ",
                 /* @__PURE__ */ n(Be, { "aria-hidden": !0 })
               ]
@@ -3927,7 +3942,7 @@ const di = ({
             {
               "data-color-scheme": Q,
               placement: "bottom-end",
-              children: /* @__PURE__ */ a(V.List, { children: [
+              children: /* @__PURE__ */ s(V.List, { children: [
                 /* @__PURE__ */ n(V.Item, { children: /* @__PURE__ */ n(V.Button, { onClick: () => K("NO"), children: "Norsk (NO)" }) }),
                 /* @__PURE__ */ n(V.Item, { children: /* @__PURE__ */ n(V.Button, { onClick: () => K("EN"), children: "English (EN)" }) })
               ] })
@@ -3936,84 +3951,84 @@ const di = ({
         ] })
       ] })
     ] }) }),
-    /* @__PURE__ */ a("div", { className: s.headerInner, children: [
-      /* @__PURE__ */ a("div", { className: s.logoWrapper, children: [
+    /* @__PURE__ */ s("div", { className: a.headerInner, children: [
+      /* @__PURE__ */ s("div", { className: a.logoWrapper, children: [
         /* @__PURE__ */ n(
           oe,
           {
             href: "/",
-            className: `${s.logo} ${s.primaryLogo}`,
+            className: `${a.logo} ${a.primaryLogo}`,
             "aria-label": T("header.homeAriaLabel"),
-            onClick: N,
-            children: /* @__PURE__ */ n(m, {})
+            onClick: M,
+            children: /* @__PURE__ */ n(g, {})
           }
         ),
-        /* @__PURE__ */ n("div", { className: s.secondaryLogoWrapper, children: P && M ? /* @__PURE__ */ n(
+        /* @__PURE__ */ n("div", { className: a.secondaryLogoWrapper, children: P && j ? /* @__PURE__ */ n(
           "img",
           {
-            src: Q === "dark" && l ? l : M,
+            src: Q === "dark" && l ? l : j,
             alt: te,
-            className: s.secondaryLogo
+            className: a.secondaryLogo
           }
-        ) : P ? /* @__PURE__ */ n("div", { className: s.slotComponent, children: /* @__PURE__ */ n("div", { className: s.slotContainer, children: /* @__PURE__ */ n("p", { className: s.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 })
       ] }),
-      B && z && z.length > 0 && !Z && /* @__PURE__ */ n("nav", { className: s.navItems, children: z.map((i, p) => /* @__PURE__ */ n(
+      B && z && z.length > 0 && !Z && /* @__PURE__ */ n("nav", { className: a.navItems, children: z.map((i, m) => /* @__PURE__ */ n(
         oe,
         {
           href: i.href,
-          className: s.navLink,
-          onClick: (v) => {
-            r && (v.preventDefault(), r(i.href));
+          className: a.navLink,
+          onClick: (b) => {
+            o && (b.preventDefault(), o(i.href));
           },
           children: i.label
         },
-        p
+        m
       )) }),
-      /* @__PURE__ */ a("div", { className: s.actions, children: [
-        x && /* @__PURE__ */ a(
+      /* @__PURE__ */ s("div", { className: a.actions, children: [
+        k && /* @__PURE__ */ s(
           de,
           {
             variant: "primary",
             "data-color": "main",
             "data-size": "md",
-            className: s.ctaButton,
+            className: a.ctaButton,
             onClick: U,
             children: [
               C,
-              /* @__PURE__ */ n("span", { className: C ? s.buttonText : void 0, children: F || T("header.supportUs") })
+              /* @__PURE__ */ n("span", { className: C ? a.buttonText : void 0, children: D || T("header.supportUs") })
             ]
           }
         ),
-        !c && w && /* @__PURE__ */ n("div", { className: s.themeToggle, children: /* @__PURE__ */ n(
+        !p && w && /* @__PURE__ */ n("div", { className: a.themeToggle, children: /* @__PURE__ */ n(
           Le,
           {
             checked: Q === "dark",
-            onChange: D,
+            onChange: A,
             "aria-label": T("header.toggleTheme")
           }
         ) }),
         h && (() => {
-          const i = G ?? "Frodo Baggins", p = O ?? (G ? ea(G) : "FB"), v = !!W;
-          return /* @__PURE__ */ a(
+          const i = G ?? "Frodo Baggins", m = O ?? (G ? ts(G) : "FB"), b = !!W;
+          return /* @__PURE__ */ s(
             "div",
             {
-              className: s.userInfo,
+              className: a.userInfo,
               onClick: W,
-              role: v ? "button" : void 0,
-              tabIndex: v ? 0 : void 0,
-              onKeyDown: v ? (q) => {
+              role: b ? "button" : void 0,
+              tabIndex: b ? 0 : void 0,
+              onKeyDown: b ? (q) => {
                 (q.key === "Enter" || q.key === " ") && (q.preventDefault(), W == null || W());
               } : void 0,
-              style: v ? { cursor: "pointer" } : void 0,
+              style: b ? { cursor: "pointer" } : void 0,
               children: [
-                /* @__PURE__ */ n(be, { "data-size": "md", className: s.userName, children: i }),
+                /* @__PURE__ */ n(be, { "data-size": "md", className: a.userName, children: i }),
                 /* @__PURE__ */ n(
                   Ke,
                   {
                     "aria-label": i,
                     "data-color": "main",
                     variant: "circle",
-                    initials: J ? void 0 : p,
+                    initials: J ? void 0 : m,
                     children: J ? /* @__PURE__ */ n(
                       "img",
                       {
@@ -4028,23 +4043,23 @@ const di = ({
             }
           );
         })(),
-        u && /* @__PURE__ */ a("a", { href: "#", className: s.loginLink, children: [
-          /* @__PURE__ */ n(be, { "data-size": "md", className: s.loginText, children: T("header.login") }),
-          /* @__PURE__ */ n("div", { className: s.underline })
+        c && /* @__PURE__ */ s("a", { href: "#", className: a.loginLink, children: [
+          /* @__PURE__ */ n(be, { "data-size": "md", className: a.loginText, children: T("header.login") }),
+          /* @__PURE__ */ n("div", { className: a.underline })
         ] }),
-        k && /* @__PURE__ */ n("div", { className: s.searchButtonWrapper, children: /* @__PURE__ */ a(
+        f && /* @__PURE__ */ n("div", { className: a.searchButtonWrapper, children: /* @__PURE__ */ s(
           de,
           {
             variant: "secondary",
             shape: I === "soft" ? "pill" : void 0,
             "data-color": I === "soft" ? "neutral" : "main",
             "data-size": "md",
-            onClick: se,
-            "aria-expanded": f,
-            "aria-label": T(f ? "header.closeSearch" : "header.openSearch"),
+            onClick: ae,
+            "aria-expanded": v,
+            "aria-label": T(v ? "header.closeSearch" : "header.openSearch"),
             children: [
-              f ? /* @__PURE__ */ n(_e, { "aria-hidden": !0 }) : /* @__PURE__ */ n(Ee, { "aria-hidden": !0 }),
-              /* @__PURE__ */ n("span", { className: s.buttonText, children: T(f ? "header.close" : "header.search") })
+              v ? /* @__PURE__ */ n(_e, { "aria-hidden": !0 }) : /* @__PURE__ */ n(Ee, { "aria-hidden": !0 }),
+              /* @__PURE__ */ n("span", { className: a.buttonText, children: T(v ? "header.close" : "header.search") })
             ]
           }
         ) }),
@@ -4056,35 +4071,35 @@ const di = ({
             "data-color": "main",
             "data-size": "md",
             onClick: ie,
-            "aria-expanded": L,
-            "aria-label": T(L ? "header.closeMenu" : "header.openMenu"),
-            className: s.menuButton,
-            children: I === "soft" ? /* @__PURE__ */ a(Ce, { children: [
-              /* @__PURE__ */ n("span", { className: s.buttonText, children: T(L ? "header.close" : "header.menu") }),
-              L ? /* @__PURE__ */ n(_e, { "aria-hidden": !0 }) : /* @__PURE__ */ n($e, { "aria-hidden": !0 })
-            ] }) : /* @__PURE__ */ a(Ce, { children: [
-              L ? /* @__PURE__ */ n(_e, { "aria-hidden": !0 }) : /* @__PURE__ */ n($e, { "aria-hidden": !0 }),
-              /* @__PURE__ */ n("span", { className: s.buttonText, children: T(L ? "header.close" : "header.menu") })
+            "aria-expanded": N,
+            "aria-label": T(N ? "header.closeMenu" : "header.openMenu"),
+            className: a.menuButton,
+            children: I === "soft" ? /* @__PURE__ */ s(Ce, { children: [
+              /* @__PURE__ */ n("span", { className: a.buttonText, children: T(N ? "header.close" : "header.menu") }),
+              N ? /* @__PURE__ */ n(_e, { "aria-hidden": !0 }) : /* @__PURE__ */ n($e, { "aria-hidden": !0 })
+            ] }) : /* @__PURE__ */ s(Ce, { children: [
+              N ? /* @__PURE__ */ n(_e, { "aria-hidden": !0 }) : /* @__PURE__ */ n($e, { "aria-hidden": !0 }),
+              /* @__PURE__ */ n("span", { className: a.buttonText, children: T(N ? "header.close" : "header.menu") })
             ] })
           }
         )
       ] })
     ] }),
-    L && /* @__PURE__ */ n("div", { className: s.menuOverlay, children: /* @__PURE__ */ a("div", { className: s.menuContent, children: [
-      /* @__PURE__ */ n("div", { className: s.menuLeftColumn }),
-      /* @__PURE__ */ a("div", { className: s.menuRightColumn, children: [
-        Z && (S || A) && /* @__PURE__ */ a("div", { className: s.menuUtilities, children: [
-          S && /* @__PURE__ */ a("div", { className: s.languageSwitch, children: [
-            /* @__PURE__ */ n("span", { className: s.languageLabel, children: T("header.language") }),
-            /* @__PURE__ */ a(V.TriggerContext, { children: [
-              /* @__PURE__ */ a(
+    N && /* @__PURE__ */ n("div", { className: a.menuOverlay, children: /* @__PURE__ */ s("div", { className: a.menuContent, children: [
+      /* @__PURE__ */ n("div", { className: a.menuLeftColumn }),
+      /* @__PURE__ */ s("div", { className: a.menuRightColumn, children: [
+        Z && (S || L) && /* @__PURE__ */ s("div", { className: a.menuUtilities, children: [
+          S && /* @__PURE__ */ s("div", { className: a.languageSwitch, children: [
+            /* @__PURE__ */ n("span", { className: a.languageLabel, children: T("header.language") }),
+            /* @__PURE__ */ s(V.TriggerContext, { children: [
+              /* @__PURE__ */ s(
                 V.Trigger,
                 {
-                  className: s.languageLink,
+                  className: a.languageLink,
                   "aria-label": T("header.selectLanguage"),
                   style: { background: "transparent", border: "none", padding: 0, cursor: "pointer", font: "inherit" },
                   children: [
-                    j,
+                    F,
                     " ",
                     /* @__PURE__ */ n(Be, { "aria-hidden": !0 })
                   ]
@@ -4095,7 +4110,7 @@ const di = ({
                 {
                   "data-color-scheme": Q,
                   placement: "bottom-start",
-                  children: /* @__PURE__ */ a(V.List, { children: [
+                  children: /* @__PURE__ */ s(V.List, { children: [
                     /* @__PURE__ */ n(V.Item, { children: /* @__PURE__ */ n(V.Button, { onClick: () => K("NO"), children: "Norsk (NO)" }) }),
                     /* @__PURE__ */ n(V.Item, { children: /* @__PURE__ */ n(V.Button, { onClick: () => K("EN"), children: "English (EN)" }) })
                   ] })
@@ -4103,80 +4118,80 @@ const di = ({
               )
             ] })
           ] }),
-          A && /* @__PURE__ */ n("div", { className: s.extensionContent, children: /* @__PURE__ */ n(
+          L && /* @__PURE__ */ n("div", { className: a.extensionContent, children: /* @__PURE__ */ n(
             Le,
             {
               "data-size": "sm",
               checked: Q === "dark",
-              onChange: D,
+              onChange: A,
               label: T("header.darkMode"),
               color: "neutral",
               "data-color-scheme": "light"
             }
           ) })
         ] }),
-        /* @__PURE__ */ a("div", { className: s.slotContent, children: [
+        /* @__PURE__ */ s("div", { className: a.slotContent, children: [
           d,
-          Z && B && z && z.length > 0 && /* @__PURE__ */ n("nav", { className: s.navList, children: z.map((i, p) => /* @__PURE__ */ n(
+          Z && B && z && z.length > 0 && /* @__PURE__ */ n("nav", { className: a.navList, children: z.map((i, m) => /* @__PURE__ */ n(
             oe,
             {
               href: i.href,
-              className: s.navLink,
-              onClick: (v) => {
-                r && (v.preventDefault(), r(i.href));
+              className: a.navLink,
+              onClick: (b) => {
+                o && (b.preventDefault(), o(i.href));
               },
               children: i.label
             },
-            p
+            m
           )) })
         ] }),
-        Z && /* @__PURE__ */ n("div", { className: s.menuBrand, children: /* @__PURE__ */ n(m, {}) })
+        Z && /* @__PURE__ */ n("div", { className: a.menuBrand, children: /* @__PURE__ */ n(g, {}) })
       ] })
     ] }) }),
-    f && /* @__PURE__ */ n("div", { className: s.searchOverlay, children: /* @__PURE__ */ a("div", { className: s.searchContent, children: [
-      /* @__PURE__ */ a(xe, { children: [
+    v && /* @__PURE__ */ n("div", { className: a.searchOverlay, children: /* @__PURE__ */ s("div", { className: a.searchContent, children: [
+      /* @__PURE__ */ s(xe, { children: [
         /* @__PURE__ */ n(
           xe.Input,
           {
             "aria-label": T("header.search"),
             placeholder: T("header.searchPlaceholder"),
-            value: y,
+            value: x,
             onChange: (i) => ne(i.target.value)
           }
         ),
         /* @__PURE__ */ n(xe.Button, { "aria-label": T("header.search") }),
         /* @__PURE__ */ n(xe.ClearButton, { onClick: () => ne(""), "aria-label": T("header.clearSearch") })
       ] }),
-      y && /* @__PURE__ */ n("div", { className: s.searchResults, children: pe.length > 0 ? /* @__PURE__ */ a("div", { className: s.suggestionsSection, children: [
-        /* @__PURE__ */ n("h3", { className: s.suggestionsTitle, children: T("header.suggestions") }),
-        /* @__PURE__ */ n("ul", { className: s.resultList, children: pe.slice(0, 5).map((i) => /* @__PURE__ */ n("li", { className: s.resultItem, children: /* @__PURE__ */ a(
+      x && /* @__PURE__ */ n("div", { className: a.searchResults, children: pe.length > 0 ? /* @__PURE__ */ s("div", { className: a.suggestionsSection, children: [
+        /* @__PURE__ */ n("h3", { className: a.suggestionsTitle, children: T("header.suggestions") }),
+        /* @__PURE__ */ n("ul", { className: a.resultList, children: pe.slice(0, 5).map((i) => /* @__PURE__ */ n("li", { className: a.resultItem, children: /* @__PURE__ */ s(
           "button",
           {
-            className: s.resultLink,
+            className: a.resultLink,
             onClick: () => we(i.path),
             children: [
-              /* @__PURE__ */ n("span", { className: s.suggestionIcon, children: /* @__PURE__ */ n(Ee, { "aria-hidden": !0 }) }),
-              /* @__PURE__ */ n("span", { className: s.suggestionText, children: (() => {
-                const p = i.title.toLowerCase().indexOf(y.toLowerCase());
-                if (p === -1) return /* @__PURE__ */ n("span", { className: s.remainingText, children: i.title });
-                const v = i.title.slice(0, p), q = i.title.slice(p, p + y.length), Se = i.title.slice(p + y.length);
-                return /* @__PURE__ */ a(Ce, { children: [
-                  /* @__PURE__ */ n("span", { className: s.remainingText, children: v }),
-                  /* @__PURE__ */ n("span", { className: s.highlightedText, children: q }),
-                  /* @__PURE__ */ n("span", { className: s.remainingText, children: Se })
+              /* @__PURE__ */ n("span", { className: a.suggestionIcon, children: /* @__PURE__ */ n(Ee, { "aria-hidden": !0 }) }),
+              /* @__PURE__ */ n("span", { className: a.suggestionText, children: (() => {
+                const m = i.title.toLowerCase().indexOf(x.toLowerCase());
+                if (m === -1) return /* @__PURE__ */ n("span", { className: a.remainingText, children: i.title });
+                const b = i.title.slice(0, m), q = i.title.slice(m, m + x.length), Se = i.title.slice(m + x.length);
+                return /* @__PURE__ */ s(Ce, { children: [
+                  /* @__PURE__ */ n("span", { className: a.remainingText, children: b }),
+                  /* @__PURE__ */ n("span", { className: a.highlightedText, children: q }),
+                  /* @__PURE__ */ n("span", { className: a.remainingText, children: Se })
                 ] });
               })() })
             ]
           }
         ) }, i.id)) }),
-        pe.length > 5 && /* @__PURE__ */ a(
+        pe.length > 5 && /* @__PURE__ */ s(
           oe,
           {
             href: "#",
             "data-color": "neutral",
-            className: s.viewAllLink,
+            className: a.viewAllLink,
             onClick: (i) => {
-              i.preventDefault(), r && r(`search/${y}`), b(!1), ne("");
+              i.preventDefault(), o && o(`search/${x}`), y(!1), ne("");
             },
             children: [
               T("header.viewAll"),
@@ -4186,16 +4201,16 @@ const di = ({
             ]
           }
         )
-      ] }) : /* @__PURE__ */ n("div", { className: s.noResults, children: /* @__PURE__ */ a(be, { children: [
+      ] }) : /* @__PURE__ */ n("div", { className: a.noResults, children: /* @__PURE__ */ s(be, { children: [
         T("header.noResults"),
         ' "',
-        y,
+        x,
         '"'
       ] }) }) })
     ] }) })
   ] });
 };
-function ta(t) {
+function ns(t) {
   const e = t;
   return `
 .${e.header} {
@@ -4368,97 +4383,97 @@ function ta(t) {
 }
 `;
 }
-const na = "_footer_1l5de_1", oa = "_mainSection_1l5de_7", ra = "_mainContainer_1l5de_25", aa = "_crossCornerTopRight_1l5de_35", sa = "_crossCornerBottomLeft_1l5de_42", ia = "_contentRow_1l5de_50", la = "_newsletterSection_1l5de_60", da = "_newsletterDescription_1l5de_67", ca = "_newsletterForm_1l5de_76", pa = "_newsletterInputGroup_1l5de_82", ma = "_newsletterInput_1l5de_82", ga = "_consentText_1l5de_93", ua = "_linksSection_1l5de_103", ha = "_linksColumn_1l5de_109", fa = "_linksTitle_1l5de_116", ka = "_linksList_1l5de_127", va = "_footerLink_1l5de_136", ba = "_divider_1l5de_158", ya = "_contactSection_1l5de_166", xa = "_contactColumn_1l5de_173", Ta = "_contactTitle_1l5de_181", Ca = "_contactContent_1l5de_190", wa = "_copyrightSection_1l5de_204", Sa = "_copyrightText_1l5de_209", Ia = "_whiteSection_1l5de_219", _a = "_whiteContainer_1l5de_224", Da = "_whiteContent_1l5de_232", Aa = "_logo_1l5de_240", La = "_redCrossLogo_1l5de_254", Na = "_slotLarge_1l5de_260", Ma = "_contentRowContact_1l5de_315", ja = "_socialLinksSection_1l5de_325", Fa = "_socialLinksTitle_1l5de_332", Ba = "_socialLinksList_1l5de_343", Ea = "_socialLink_1l5de_325", $a = "_socialLinkIcon_1l5de_376", Pa = "_contactPersonsSection_1l5de_391", za = "_contactPersonsTitle_1l5de_398", Ra = "_contactPersonsGrid_1l5de_409", Ga = "_contactPersonCard_1l5de_415", Wa = "_contactPersonName_1l5de_422", Ha = "_contactPersonRole_1l5de_431", Ua = "_contactPersonDetails_1l5de_440", Va = "_contactPersonLabel_1l5de_447", Oa = "_contactPersonEmail_1l5de_451", Ka = "_contactPersonPhone_1l5de_452", qa = "_contactPersonAddress_1l5de_453", Ya = "_bottomRowContact_1l5de_474", Za = "_legalLinksRow_1l5de_483", Xa = "_legalLink_1l5de_483", o = {
-  footer: na,
-  mainSection: oa,
-  mainContainer: ra,
-  crossCornerTopRight: aa,
-  crossCornerBottomLeft: sa,
-  contentRow: ia,
-  newsletterSection: la,
-  newsletterDescription: da,
-  newsletterForm: ca,
-  newsletterInputGroup: pa,
-  newsletterInput: ma,
-  consentText: ga,
-  linksSection: ua,
-  linksColumn: ha,
-  linksTitle: fa,
-  linksList: ka,
-  footerLink: va,
-  divider: ba,
-  contactSection: ya,
-  contactColumn: xa,
-  contactTitle: Ta,
-  contactContent: Ca,
-  copyrightSection: wa,
-  copyrightText: Sa,
-  whiteSection: Ia,
-  whiteContainer: _a,
-  whiteContent: Da,
-  logo: Aa,
-  redCrossLogo: La,
-  slotLarge: Na,
-  contentRowContact: Ma,
-  socialLinksSection: ja,
-  socialLinksTitle: Fa,
-  socialLinksList: Ba,
-  socialLink: Ea,
-  socialLinkIcon: $a,
-  contactPersonsSection: Pa,
-  contactPersonsTitle: za,
-  contactPersonsGrid: Ra,
-  contactPersonCard: Ga,
-  contactPersonName: Wa,
-  contactPersonRole: Ha,
-  contactPersonDetails: Ua,
-  contactPersonLabel: Va,
-  contactPersonEmail: Oa,
-  contactPersonPhone: Ka,
-  contactPersonAddress: qa,
-  bottomRowContact: Ya,
-  legalLinksRow: Za,
-  legalLink: Xa
-}, ci = ({
+const os = "_footer_1l5de_1", rs = "_mainSection_1l5de_7", ss = "_mainContainer_1l5de_25", as = "_crossCornerTopRight_1l5de_35", is = "_crossCornerBottomLeft_1l5de_42", ls = "_contentRow_1l5de_50", ds = "_newsletterSection_1l5de_60", cs = "_newsletterDescription_1l5de_67", ps = "_newsletterForm_1l5de_76", ms = "_newsletterInputGroup_1l5de_82", gs = "_newsletterInput_1l5de_82", us = "_consentText_1l5de_93", hs = "_linksSection_1l5de_103", fs = "_linksColumn_1l5de_109", ks = "_linksTitle_1l5de_116", vs = "_linksList_1l5de_127", bs = "_footerLink_1l5de_136", ys = "_divider_1l5de_158", xs = "_contactSection_1l5de_166", Ts = "_contactColumn_1l5de_173", Cs = "_contactTitle_1l5de_181", ws = "_contactContent_1l5de_190", Ss = "_copyrightSection_1l5de_204", Is = "_copyrightText_1l5de_209", _s = "_whiteSection_1l5de_219", Ds = "_whiteContainer_1l5de_224", As = "_whiteContent_1l5de_232", Ls = "_logo_1l5de_240", Ns = "_redCrossLogo_1l5de_254", Ms = "_slotLarge_1l5de_260", js = "_contentRowContact_1l5de_315", Fs = "_socialLinksSection_1l5de_325", Bs = "_socialLinksTitle_1l5de_332", Es = "_socialLinksList_1l5de_343", $s = "_socialLink_1l5de_325", Ps = "_socialLinkIcon_1l5de_376", zs = "_contactPersonsSection_1l5de_391", Rs = "_contactPersonsTitle_1l5de_398", Gs = "_contactPersonsGrid_1l5de_409", Ws = "_contactPersonCard_1l5de_415", Hs = "_contactPersonName_1l5de_422", Us = "_contactPersonRole_1l5de_431", Vs = "_contactPersonDetails_1l5de_440", Os = "_contactPersonLabel_1l5de_447", Ks = "_contactPersonEmail_1l5de_451", qs = "_contactPersonPhone_1l5de_452", Ys = "_contactPersonAddress_1l5de_453", Zs = "_bottomRowContact_1l5de_474", Xs = "_legalLinksRow_1l5de_483", Js = "_legalLink_1l5de_483", r = {
+  footer: os,
+  mainSection: rs,
+  mainContainer: ss,
+  crossCornerTopRight: as,
+  crossCornerBottomLeft: is,
+  contentRow: ls,
+  newsletterSection: ds,
+  newsletterDescription: cs,
+  newsletterForm: ps,
+  newsletterInputGroup: ms,
+  newsletterInput: gs,
+  consentText: us,
+  linksSection: hs,
+  linksColumn: fs,
+  linksTitle: ks,
+  linksList: vs,
+  footerLink: bs,
+  divider: ys,
+  contactSection: xs,
+  contactColumn: Ts,
+  contactTitle: Cs,
+  contactContent: ws,
+  copyrightSection: Ss,
+  copyrightText: Is,
+  whiteSection: _s,
+  whiteContainer: Ds,
+  whiteContent: As,
+  logo: Ls,
+  redCrossLogo: Ns,
+  slotLarge: Ms,
+  contentRowContact: js,
+  socialLinksSection: Fs,
+  socialLinksTitle: Bs,
+  socialLinksList: Es,
+  socialLink: $s,
+  socialLinkIcon: Ps,
+  contactPersonsSection: zs,
+  contactPersonsTitle: Rs,
+  contactPersonsGrid: Gs,
+  contactPersonCard: Ws,
+  contactPersonName: Hs,
+  contactPersonRole: Us,
+  contactPersonDetails: Vs,
+  contactPersonLabel: Os,
+  contactPersonEmail: Ks,
+  contactPersonPhone: qs,
+  contactPersonAddress: Ys,
+  bottomRowContact: Zs,
+  legalLinksRow: Xs,
+  legalLink: Js
+}, pi = ({
   "data-color": t = "neutral",
   variant: e = "default",
-  showCrossCorners: r = !1,
+  showCrossCorners: o = !1,
   newsletterDescription: d = "Tekst om rødekors som kan være rundt 2 linjebrudd i lengde.",
   newsletterPlaceholder: h = "Input tekst",
-  newsletterButtonText: k = "Meld deg på",
-  newsletterConsentText: u,
-  onNewsletterSubmit: x,
-  hideNewsletter: F = !1,
+  newsletterButtonText: f = "Meld deg på",
+  newsletterConsentText: c,
+  onNewsletterSubmit: k,
+  hideNewsletter: D = !1,
   shortcutsLinks: C,
   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: te = "post@redcross.no",
   showPrimaryLogo: z = !0,
   primaryLogoSrc: B,
   primaryLogoAlt: X = "Røde Kors Logo",
-  whiteSectionSlot: c,
-  socialLinks: A = [],
+  whiteSectionSlot: p,
+  socialLinks: L = [],
   contactPersons: S = [],
   legalLinks: R = [],
   socialLinksTitle: I,
   contactPersonsTitle: G
 } = {}) => {
-  const O = (/* @__PURE__ */ new Date()).getFullYear(), { t: J } = ye(), [W, L] = Ne.useState(""), g = (m, D) => {
-    const N = J(m);
-    return N === m ? D : N;
+  const O = (/* @__PURE__ */ new Date()).getFullYear(), { t: J } = ye(), [W, N] = Ne.useState(""), u = (g, A) => {
+    const M = J(g);
+    return M === g ? A : M;
   };
   Ne.useEffect(() => {
-    const m = "rk-footer-inline-styles";
-    if (typeof document > "u" || document.getElementById(m)) return;
-    const D = Ja(o), N = document.createElement("style");
-    N.id = m, N.textContent = D, document.head.appendChild(N);
+    const g = "rk-footer-inline-styles";
+    if (typeof document > "u" || document.getElementById(g)) return;
+    const A = Qs(r), M = document.createElement("style");
+    M.id = g, M.textContent = A, document.head.appendChild(M);
   }, []);
-  const f = (m) => {
-    m.preventDefault(), x == null || x(W);
-  }, b = () => /* @__PURE__ */ a(
+  const v = (g) => {
+    g.preventDefault(), k == null || k(W);
+  }, y = () => /* @__PURE__ */ s(
     "svg",
     {
       width: "170",
@@ -4468,7 +4483,7 @@ const na = "_footer_1l5de_1", oa = "_mainSection_1l5de_7", ra = "_mainContainer_
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": !0,
       focusable: "false",
-      className: o.redCrossLogo,
+      className: r.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" }),
@@ -4482,175 +4497,175 @@ const na = "_footer_1l5de_1", oa = "_mainSection_1l5de_7", ra = "_mainContainer_
         /* @__PURE__ */ n("path", { d: "M63.2545 52.9331H24.0869V66.0625H63.2545V52.9331Z", fill: "#D52B1E" })
       ]
     }
-  ), y = [
-    { label: g("footer.shortcutsLinks.services", "Tilbudene"), href: "#" },
-    { label: g("footer.shortcutsLinks.volunteer", "Bli frivillig"), href: "#" },
-    { label: g("footer.shortcutsLinks.ourWork", "Vårt arbeid"), href: "#" },
-    { label: g("footer.shortcutsLinks.about", "Om Røde Kors"), href: "#" },
-    { label: g("footer.shortcutsLinks.support", "Støtt arbeidet"), href: "#" },
-    { label: g("footer.shortcutsLinks.contact", "Kontakt oss"), href: "#" }
+  ), x = [
+    { label: u("footer.shortcutsLinks.services", "Tilbudene"), href: "#" },
+    { label: u("footer.shortcutsLinks.volunteer", "Bli frivillig"), href: "#" },
+    { label: u("footer.shortcutsLinks.ourWork", "Vårt arbeid"), href: "#" },
+    { label: u("footer.shortcutsLinks.about", "Om Røde Kors"), href: "#" },
+    { label: u("footer.shortcutsLinks.support", "Støtt arbeidet"), href: "#" },
+    { label: u("footer.shortcutsLinks.contact", "Kontakt oss"), href: "#" }
   ], ne = [
-    { label: g("footer.legal.privacy", "Personvern"), href: "#" },
-    { label: g("footer.legal.press", "For presse"), href: "#" },
-    { label: g("footer.legal.procurement", "Regler for innkjøp"), href: "#" },
-    { label: g("footer.legal.whistleblowing", "Varsling/Misconduct"), href: "#" }
-  ], Q = /* @__PURE__ */ a(Ce, { children: [
+    { label: u("footer.legal.privacy", "Personvern"), href: "#" },
+    { label: u("footer.legal.press", "For presse"), href: "#" },
+    { label: u("footer.legal.procurement", "Regler for innkjøp"), href: "#" },
+    { label: u("footer.legal.whistleblowing", "Varsling/Misconduct"), href: "#" }
+  ], Q = /* @__PURE__ */ s(Ce, { children: [
     'Ved å trykke "',
-    k,
+    f,
     '" samtykker du til å motta nyhetsbrev.',
     /* @__PURE__ */ n("br", {}),
     "Du kan når som helst ",
     /* @__PURE__ */ n(oe, { href: "#", children: "melde deg av" }),
     " nyhetsbrevet uten kostnad."
-  ] }), _ = C || y, j = U || ne, K = () => /* @__PURE__ */ a("div", { className: o.socialLinksSection, children: [
-    I && /* @__PURE__ */ n("h3", { className: o.socialLinksTitle, children: I }),
-    /* @__PURE__ */ n("ul", { className: o.socialLinksList, children: A.map((m, D) => /* @__PURE__ */ n("li", { children: /* @__PURE__ */ a(oe, { href: m.href, className: o.socialLink, children: [
-      /* @__PURE__ */ n("span", { className: o.socialLinkIcon, children: m.icon }),
-      m.label
-    ] }) }, D)) })
-  ] }), T = ({ person: m }) => /* @__PURE__ */ a("div", { className: o.contactPersonCard, children: [
-    /* @__PURE__ */ n("p", { className: o.contactPersonName, children: m.name }),
-    /* @__PURE__ */ n("p", { className: o.contactPersonRole, children: m.role }),
-    /* @__PURE__ */ a("div", { className: o.contactPersonDetails, children: [
-      /* @__PURE__ */ a("p", { className: o.contactPersonEmail, children: [
-        /* @__PURE__ */ a("span", { className: o.contactPersonLabel, children: [
-          g("footer.contact.email", "E-post"),
+  ] }), _ = C || x, F = U || ne, K = () => /* @__PURE__ */ s("div", { className: r.socialLinksSection, children: [
+    I && /* @__PURE__ */ n("h3", { className: r.socialLinksTitle, children: I }),
+    /* @__PURE__ */ n("ul", { className: r.socialLinksList, children: L.map((g, A) => /* @__PURE__ */ n("li", { children: /* @__PURE__ */ s(oe, { href: g.href, className: r.socialLink, children: [
+      /* @__PURE__ */ n("span", { className: r.socialLinkIcon, children: g.icon }),
+      g.label
+    ] }) }, A)) })
+  ] }), T = ({ person: g }) => /* @__PURE__ */ s("div", { className: r.contactPersonCard, children: [
+    /* @__PURE__ */ n("p", { className: r.contactPersonName, children: g.name }),
+    /* @__PURE__ */ n("p", { className: r.contactPersonRole, children: g.role }),
+    /* @__PURE__ */ s("div", { className: r.contactPersonDetails, children: [
+      /* @__PURE__ */ s("p", { className: r.contactPersonEmail, children: [
+        /* @__PURE__ */ s("span", { className: r.contactPersonLabel, children: [
+          u("footer.contact.email", "E-post"),
           ":"
         ] }),
         " ",
-        /* @__PURE__ */ n(oe, { href: `mailto:${m.email}`, children: m.email })
+        /* @__PURE__ */ n(oe, { href: `mailto:${g.email}`, children: g.email })
       ] }),
-      m.phone && /* @__PURE__ */ a("p", { className: o.contactPersonPhone, children: [
-        /* @__PURE__ */ a("span", { className: o.contactPersonLabel, children: [
-          g("footer.contact.phone", "Telefon"),
+      g.phone && /* @__PURE__ */ s("p", { className: r.contactPersonPhone, children: [
+        /* @__PURE__ */ s("span", { className: r.contactPersonLabel, children: [
+          u("footer.contact.phone", "Telefon"),
           ":"
         ] }),
         " ",
-        m.phone
+        g.phone
       ] }),
-      m.address && /* @__PURE__ */ n("p", { className: o.contactPersonAddress, children: m.address })
+      g.address && /* @__PURE__ */ n("p", { className: r.contactPersonAddress, children: g.address })
     ] })
-  ] }), Z = () => /* @__PURE__ */ a("div", { className: o.contactPersonsSection, children: [
-    G && /* @__PURE__ */ n("h3", { className: o.contactPersonsTitle, children: G }),
-    /* @__PURE__ */ n("div", { className: o.contactPersonsGrid, children: S.map((m, D) => /* @__PURE__ */ n(T, { person: m }, D)) })
-  ] }), ce = () => /* @__PURE__ */ n("ul", { className: o.legalLinksRow, children: R.map((m, D) => /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(oe, { href: m.href, className: o.legalLink, children: m.label }) }, D)) });
-  return e === "contact" ? /* @__PURE__ */ a("footer", { className: o.footer, "data-color": t, children: [
-    /* @__PURE__ */ n("div", { className: o.mainSection, children: /* @__PURE__ */ a("div", { className: o.mainContainer, children: [
-      r && /* @__PURE__ */ n("div", { className: o.crossCornerTopRight, children: /* @__PURE__ */ n(ve, { position: "top-right", size: "md", "aria-hidden": !0 }) }),
-      /* @__PURE__ */ a("div", { className: o.contentRowContact, children: [
-        A.length > 0 && /* @__PURE__ */ n(K, {}),
+  ] }), Z = () => /* @__PURE__ */ s("div", { className: r.contactPersonsSection, children: [
+    G && /* @__PURE__ */ n("h3", { className: r.contactPersonsTitle, children: G }),
+    /* @__PURE__ */ n("div", { className: r.contactPersonsGrid, children: S.map((g, A) => /* @__PURE__ */ n(T, { person: g }, A)) })
+  ] }), ce = () => /* @__PURE__ */ n("ul", { className: r.legalLinksRow, children: R.map((g, A) => /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(oe, { href: g.href, className: r.legalLink, children: g.label }) }, A)) });
+  return e === "contact" ? /* @__PURE__ */ s("footer", { className: r.footer, "data-color": t, children: [
+    /* @__PURE__ */ n("div", { className: r.mainSection, children: /* @__PURE__ */ s("div", { className: r.mainContainer, children: [
+      o && /* @__PURE__ */ n("div", { className: r.crossCornerTopRight, children: /* @__PURE__ */ n(ve, { position: "top-right", size: "md", "aria-hidden": !0 }) }),
+      /* @__PURE__ */ s("div", { className: r.contentRowContact, children: [
+        L.length > 0 && /* @__PURE__ */ n(K, {}),
         S.length > 0 && /* @__PURE__ */ n(Z, {})
       ] }),
-      /* @__PURE__ */ n("div", { className: o.divider }),
-      /* @__PURE__ */ a("div", { className: o.contactSection, children: [
-        /* @__PURE__ */ a("div", { className: o.contactColumn, children: [
-          /* @__PURE__ */ n("h4", { className: o.contactTitle, children: g("footer.contact.visitingAddress", "Besøks adresse") }),
-          /* @__PURE__ */ n("div", { className: o.contactContent, children: M.map((m, D) => /* @__PURE__ */ n("p", { children: m }, D)) })
+      /* @__PURE__ */ n("div", { className: r.divider }),
+      /* @__PURE__ */ s("div", { className: r.contactSection, children: [
+        /* @__PURE__ */ s("div", { className: r.contactColumn, children: [
+          /* @__PURE__ */ n("h4", { className: r.contactTitle, children: u("footer.contact.visitingAddress", "Besøks adresse") }),
+          /* @__PURE__ */ n("div", { className: r.contactContent, children: j.map((g, A) => /* @__PURE__ */ n("p", { children: g }, A)) })
         ] }),
-        /* @__PURE__ */ a("div", { className: o.contactColumn, children: [
-          /* @__PURE__ */ n("h4", { className: o.contactTitle, children: g("footer.contact.organizationNumber", "Organisasjonsnummer") }),
-          /* @__PURE__ */ n("p", { className: o.contactContent, children: l })
+        /* @__PURE__ */ s("div", { className: r.contactColumn, children: [
+          /* @__PURE__ */ n("h4", { className: r.contactTitle, children: u("footer.contact.organizationNumber", "Organisasjonsnummer") }),
+          /* @__PURE__ */ n("p", { className: r.contactContent, children: l })
         ] }),
-        /* @__PURE__ */ a("div", { className: o.contactColumn, children: [
-          /* @__PURE__ */ n("h4", { className: o.contactTitle, children: g("footer.contact.email", "E-post") }),
-          /* @__PURE__ */ n("p", { className: o.contactContent, children: te })
+        /* @__PURE__ */ s("div", { className: r.contactColumn, children: [
+          /* @__PURE__ */ n("h4", { className: r.contactTitle, children: u("footer.contact.email", "E-post") }),
+          /* @__PURE__ */ n("p", { className: r.contactContent, children: te })
         ] })
       ] }),
-      /* @__PURE__ */ n("div", { className: o.divider }),
-      /* @__PURE__ */ a("div", { className: o.bottomRowContact, children: [
+      /* @__PURE__ */ n("div", { className: r.divider }),
+      /* @__PURE__ */ s("div", { className: r.bottomRowContact, children: [
         R.length > 0 && /* @__PURE__ */ n(ce, {}),
-        /* @__PURE__ */ a("p", { className: o.copyrightText, children: [
+        /* @__PURE__ */ s("p", { className: r.copyrightText, children: [
           "© ",
           O,
           " ",
-          g("footer.copyright", "Rødekors")
+          u("footer.copyright", "Rødekors")
         ] })
       ] }),
-      r && /* @__PURE__ */ n("div", { className: o.crossCornerBottomLeft, children: /* @__PURE__ */ n(ve, { position: "bottom-left", size: "md", "aria-hidden": !0 }) })
+      o && /* @__PURE__ */ n("div", { className: r.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__ */ a("div", { className: o.whiteContent, children: [
+    /* @__PURE__ */ n("div", { className: r.whiteSection, children: /* @__PURE__ */ n("div", { className: r.whiteContainer, children: /* @__PURE__ */ s("div", { className: r.whiteContent, children: [
       z && (B ? /* @__PURE__ */ n(
         "img",
         {
           src: B,
           alt: X,
-          className: o.logo,
+          className: r.logo,
           loading: "lazy"
         }
-      ) : /* @__PURE__ */ n("div", { className: o.logo, children: /* @__PURE__ */ n(b, {}) })),
-      c && /* @__PURE__ */ n("div", { className: o.slotLarge, children: c })
+      ) : /* @__PURE__ */ n("div", { className: r.logo, children: /* @__PURE__ */ n(y, {}) })),
+      p && /* @__PURE__ */ n("div", { className: r.slotLarge, children: p })
     ] }) }) })
-  ] }) : /* @__PURE__ */ a("footer", { className: o.footer, "data-color": t, children: [
-    /* @__PURE__ */ n("div", { className: o.mainSection, children: /* @__PURE__ */ a("div", { className: o.mainContainer, children: [
-      r && /* @__PURE__ */ n("div", { className: o.crossCornerTopRight, children: /* @__PURE__ */ n(ve, { position: "top-right", size: "md", "aria-hidden": !0 }) }),
-      /* @__PURE__ */ a("div", { className: o.contentRow, children: [
-        !F && /* @__PURE__ */ a("div", { className: o.newsletterSection, children: [
-          /* @__PURE__ */ n("p", { className: o.newsletterDescription, children: d }),
-          /* @__PURE__ */ n("form", { className: o.newsletterForm, onSubmit: f, children: /* @__PURE__ */ a("div", { className: o.newsletterInputGroup, children: [
+  ] }) : /* @__PURE__ */ s("footer", { className: r.footer, "data-color": t, children: [
+    /* @__PURE__ */ n("div", { className: r.mainSection, children: /* @__PURE__ */ s("div", { className: r.mainContainer, children: [
+      o && /* @__PURE__ */ n("div", { className: r.crossCornerTopRight, children: /* @__PURE__ */ n(ve, { position: "top-right", size: "md", "aria-hidden": !0 }) }),
+      /* @__PURE__ */ s("div", { className: r.contentRow, children: [
+        !D && /* @__PURE__ */ s("div", { className: r.newsletterSection, children: [
+          /* @__PURE__ */ n("p", { className: r.newsletterDescription, children: d }),
+          /* @__PURE__ */ n("form", { className: r.newsletterForm, onSubmit: v, children: /* @__PURE__ */ s("div", { className: r.newsletterInputGroup, children: [
             /* @__PURE__ */ n(
               Ze,
               {
                 type: "email",
                 placeholder: h,
                 value: W,
-                onChange: (m) => L(m.target.value),
-                className: o.newsletterInput
+                onChange: (g) => N(g.target.value),
+                className: r.newsletterInput
               }
             ),
-            /* @__PURE__ */ n(de, { type: "submit", variant: "primary", "data-color": "neutral", children: k })
+            /* @__PURE__ */ n(de, { type: "submit", variant: "primary", "data-color": "neutral", children: f })
           ] }) }),
-          /* @__PURE__ */ n("p", { className: o.consentText, children: u || Q })
+          /* @__PURE__ */ n("p", { className: r.consentText, children: c || Q })
         ] }),
-        /* @__PURE__ */ a("div", { className: o.linksSection, children: [
-          /* @__PURE__ */ a("nav", { className: o.linksColumn, "aria-label": w || g("footer.shortcuts", "Snarveier"), children: [
-            /* @__PURE__ */ n("h3", { className: o.linksTitle, children: w || g("footer.shortcuts", "Snarveier") }),
-            /* @__PURE__ */ n("ul", { className: o.linksList, children: _.map((m, D) => /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(oe, { href: m.href, className: o.footerLink, children: m.label }) }, D)) })
+        /* @__PURE__ */ s("div", { className: r.linksSection, children: [
+          /* @__PURE__ */ s("nav", { className: r.linksColumn, "aria-label": w || u("footer.shortcuts", "Snarveier"), children: [
+            /* @__PURE__ */ n("h3", { className: r.linksTitle, children: w || u("footer.shortcuts", "Snarveier") }),
+            /* @__PURE__ */ n("ul", { className: r.linksList, children: _.map((g, A) => /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(oe, { href: g.href, className: r.footerLink, children: g.label }) }, A)) })
           ] }),
-          /* @__PURE__ */ a("nav", { className: o.linksColumn, "aria-label": P || g("footer.links", "Lenker"), children: [
-            /* @__PURE__ */ n("h3", { className: o.linksTitle, children: P || g("footer.links", "Lenker") }),
-            /* @__PURE__ */ n("ul", { className: o.linksList, children: j.map((m, D) => /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(oe, { href: m.href, className: o.footerLink, children: m.label }) }, D)) })
+          /* @__PURE__ */ s("nav", { className: r.linksColumn, "aria-label": P || u("footer.links", "Lenker"), children: [
+            /* @__PURE__ */ n("h3", { className: r.linksTitle, children: P || u("footer.links", "Lenker") }),
+            /* @__PURE__ */ n("ul", { className: r.linksList, children: F.map((g, A) => /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(oe, { href: g.href, className: r.footerLink, children: g.label }) }, A)) })
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ n("div", { className: o.divider }),
-      /* @__PURE__ */ a("div", { className: o.contactSection, children: [
-        /* @__PURE__ */ a("div", { className: o.contactColumn, children: [
-          /* @__PURE__ */ n("h4", { className: o.contactTitle, children: g("footer.contact.visitingAddress", "Besøks adresse") }),
-          /* @__PURE__ */ n("div", { className: o.contactContent, children: M.map((m, D) => /* @__PURE__ */ n("p", { children: m }, D)) })
+      /* @__PURE__ */ n("div", { className: r.divider }),
+      /* @__PURE__ */ s("div", { className: r.contactSection, children: [
+        /* @__PURE__ */ s("div", { className: r.contactColumn, children: [
+          /* @__PURE__ */ n("h4", { className: r.contactTitle, children: u("footer.contact.visitingAddress", "Besøks adresse") }),
+          /* @__PURE__ */ n("div", { className: r.contactContent, children: j.map((g, A) => /* @__PURE__ */ n("p", { children: g }, A)) })
         ] }),
-        /* @__PURE__ */ a("div", { className: o.contactColumn, children: [
-          /* @__PURE__ */ n("h4", { className: o.contactTitle, children: g("footer.contact.organizationNumber", "Organisasjonsnummer") }),
-          /* @__PURE__ */ n("p", { className: o.contactContent, children: l })
+        /* @__PURE__ */ s("div", { className: r.contactColumn, children: [
+          /* @__PURE__ */ n("h4", { className: r.contactTitle, children: u("footer.contact.organizationNumber", "Organisasjonsnummer") }),
+          /* @__PURE__ */ n("p", { className: r.contactContent, children: l })
         ] }),
-        /* @__PURE__ */ a("div", { className: o.contactColumn, children: [
-          /* @__PURE__ */ n("h4", { className: o.contactTitle, children: g("footer.contact.email", "E-post") }),
-          /* @__PURE__ */ n("p", { className: o.contactContent, children: te })
+        /* @__PURE__ */ s("div", { className: r.contactColumn, children: [
+          /* @__PURE__ */ n("h4", { className: r.contactTitle, children: u("footer.contact.email", "E-post") }),
+          /* @__PURE__ */ n("p", { className: r.contactContent, children: te })
         ] })
       ] }),
-      /* @__PURE__ */ n("div", { className: o.divider }),
-      /* @__PURE__ */ n("div", { className: o.copyrightSection, children: /* @__PURE__ */ a("p", { className: o.copyrightText, children: [
+      /* @__PURE__ */ n("div", { className: r.divider }),
+      /* @__PURE__ */ n("div", { className: r.copyrightSection, children: /* @__PURE__ */ s("p", { className: r.copyrightText, children: [
         "© ",
         O,
         " ",
-        g("footer.copyright", "Rødekors")
+        u("footer.copyright", "Rødekors")
       ] }) }),
-      r && /* @__PURE__ */ n("div", { className: o.crossCornerBottomLeft, children: /* @__PURE__ */ n(ve, { position: "bottom-left", size: "md", "aria-hidden": !0 }) })
+      o && /* @__PURE__ */ n("div", { className: r.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__ */ a("div", { className: o.whiteContent, children: [
+    /* @__PURE__ */ n("div", { className: r.whiteSection, children: /* @__PURE__ */ n("div", { className: r.whiteContainer, children: /* @__PURE__ */ s("div", { className: r.whiteContent, children: [
       z && (B ? /* @__PURE__ */ n(
         "img",
         {
           src: B,
           alt: X,
-          className: o.logo,
+          className: r.logo,
           loading: "lazy"
         }
-      ) : /* @__PURE__ */ n("div", { className: o.logo, children: /* @__PURE__ */ n(b, {}) })),
-      c && /* @__PURE__ */ n("div", { className: o.slotLarge, children: c })
+      ) : /* @__PURE__ */ n("div", { className: r.logo, children: /* @__PURE__ */ n(y, {}) })),
+      p && /* @__PURE__ */ n("div", { className: r.slotLarge, children: p })
     ] }) }) })
   ] });
 };
-function Ja(t) {
+function Qs(t) {
   const e = t;
   return `
 .${e.footer} {
@@ -5075,24 +5090,24 @@ function Ja(t) {
 }
 `;
 }
-const Qa = "_donor_1hxqz_1", es = "_tabsWrapper_1hxqz_14", ts = "_content_1hxqz_35", ns = "_amountSection_1hxqz_47", os = "_amountLabel_1hxqz_55", rs = "_amountButtons_1hxqz_64", as = "_customAmountField_1hxqz_75", ss = "_impactRow_1hxqz_80", is = "_heartIcon_1hxqz_88", ls = "_impactText_1hxqz_102", ds = "_impactAmount_1hxqz_112", cs = "_actionsSection_1hxqz_117", ps = "_vippsButton_1hxqz_127", ms = "_vippsButtonLabel_1hxqz_157", gs = "_vippsLogo_1hxqz_166", us = "_avtalegiroLink_1hxqz_179", hs = "_tabHeartIcon_1hxqz_184", E = {
-  donor: Qa,
-  tabsWrapper: es,
-  content: ts,
-  amountSection: ns,
-  amountLabel: os,
-  amountButtons: rs,
-  customAmountField: as,
-  impactRow: ss,
-  heartIcon: is,
-  impactText: ls,
-  impactAmount: ds,
-  actionsSection: cs,
-  vippsButton: ps,
-  vippsButtonLabel: ms,
-  vippsLogo: gs,
-  avtalegiroLink: us,
-  tabHeartIcon: hs
+const ea = "_donor_1hxqz_1", ta = "_tabsWrapper_1hxqz_14", na = "_content_1hxqz_35", oa = "_amountSection_1hxqz_47", ra = "_amountLabel_1hxqz_55", sa = "_amountButtons_1hxqz_64", aa = "_customAmountField_1hxqz_75", ia = "_impactRow_1hxqz_80", la = "_heartIcon_1hxqz_88", da = "_impactText_1hxqz_102", ca = "_impactAmount_1hxqz_112", pa = "_actionsSection_1hxqz_117", ma = "_vippsButton_1hxqz_127", ga = "_vippsButtonLabel_1hxqz_157", ua = "_vippsLogo_1hxqz_166", ha = "_avtalegiroLink_1hxqz_179", fa = "_tabHeartIcon_1hxqz_184", E = {
+  donor: ea,
+  tabsWrapper: ta,
+  content: na,
+  amountSection: oa,
+  amountLabel: ra,
+  amountButtons: sa,
+  customAmountField: aa,
+  impactRow: ia,
+  heartIcon: la,
+  impactText: da,
+  impactAmount: ca,
+  actionsSection: pa,
+  vippsButton: ma,
+  vippsButtonLabel: ga,
+  vippsLogo: ua,
+  avtalegiroLink: ha,
+  tabHeartIcon: fa
 }, We = () => /* @__PURE__ */ n(
   "svg",
   {
@@ -5111,7 +5126,7 @@ const Qa = "_donor_1hxqz_1", es = "_tabsWrapper_1hxqz_14", ts = "_content_1hxqz_
       }
     )
   }
-), fs = () => /* @__PURE__ */ n(
+), ka = () => /* @__PURE__ */ n(
   "svg",
   {
     width: "16",
@@ -5129,7 +5144,7 @@ const Qa = "_donor_1hxqz_1", es = "_tabsWrapper_1hxqz_14", ts = "_content_1hxqz_
       }
     )
   }
-), ks = () => /* @__PURE__ */ n(
+), va = () => /* @__PURE__ */ n(
   "svg",
   {
     width: "64",
@@ -5147,114 +5162,114 @@ const Qa = "_donor_1hxqz_1", es = "_tabsWrapper_1hxqz_14", ts = "_content_1hxqz_
       }
     )
   }
-), vs = [
+), ba = [
   { value: 220, label: "220 kr" },
   { value: 345, label: "345 kr" },
   { value: 660, label: "660 kr" }
-], pi = ({
+], mi = ({
   "data-color": t = "primary",
-  amounts: e = vs,
-  defaultAmount: r = 345,
+  amounts: e = ba,
+  defaultAmount: o = 345,
   oneTimeLabel: d = "En gang",
   monthlyLabel: h = "Hver måned",
-  customAmountPlaceholder: k = "Valgfritt beløp",
-  amountLabel: u = "Velg ønsket beløp:",
-  impactMessage: x = "En gave på {amount} bidrar til ...",
-  vippsButtonLabel: F = "Gi med",
+  customAmountPlaceholder: f = "Valgfritt beløp",
+  amountLabel: c = "Velg ønsket beløp:",
+  impactMessage: k = "En gave på {amount} bidrar til ...",
+  vippsButtonLabel: D = "Gi med",
   avtalegiroLabel: C = "Gi med avtalegiro",
   avtalegiroHref: U = "#",
   currencySuffix: w = "kr",
   onVippsClick: P,
-  onAvtalegiroClick: M,
+  onAvtalegiroClick: j,
   onAmountChange: l,
   showVippsButton: te = !0,
   showAvtalegiroLink: z = !0,
   showImpactMessage: B = !0,
   heartVariant: X = "outlined"
 }) => {
-  const [c, A] = Y("monthly"), [S, R] = Y(r), [I, G] = Y(""), [O, J] = Y(!1);
+  const [p, L] = Y("monthly"), [S, R] = Y(o), [I, G] = Y(""), [O, J] = Y(!1);
   $(() => {
     const _ = "rk-donor-inline-styles";
     if (typeof document > "u" || document.getElementById(_)) return;
-    const j = bs(E), K = document.createElement("style");
-    K.id = _, K.textContent = j, document.head.appendChild(K);
+    const F = ya(E), K = document.createElement("style");
+    K.id = _, K.textContent = F, document.head.appendChild(K);
   }, []);
-  const W = O && I ? parseInt(I, 10) || 0 : S, L = (_) => {
-    R(_), J(!1), G(""), l == null || l(_, c);
-  }, g = (_) => {
-    const j = _.target.value;
-    G(j), J(!0);
-    const K = parseInt(j, 10);
-    K > 0 && (l == null || l(K, c));
-  }, f = () => {
+  const W = O && I ? parseInt(I, 10) || 0 : S, N = (_) => {
+    R(_), J(!1), G(""), l == null || l(_, p);
+  }, u = (_) => {
+    const F = _.target.value;
+    G(F), J(!0);
+    const K = parseInt(F, 10);
+    K > 0 && (l == null || l(K, p));
+  }, v = () => {
     J(!0);
-  }, b = (_) => {
-    const j = _;
-    A(j), l == null || l(W, j);
-  }, y = () => {
-    P == null || P(W, c);
+  }, y = (_) => {
+    const F = _;
+    L(F), l == null || l(W, F);
+  }, x = () => {
+    P == null || P(W, p);
   }, ne = () => {
-    M == null || M();
+    j == null || j();
   }, Q = () => {
-    const _ = `${W} ${w}`, j = x.split("{amount}");
-    return /* @__PURE__ */ a("span", { children: [
-      j[0],
+    const _ = `${W} ${w}`, F = k.split("{amount}");
+    return /* @__PURE__ */ s("span", { children: [
+      F[0],
       /* @__PURE__ */ n("span", { className: E.impactAmount, children: _ }),
-      j[1] || ""
+      F[1] || ""
     ] });
   };
-  return /* @__PURE__ */ a("div", { className: E.donor, "data-color": t, children: [
-    /* @__PURE__ */ n("div", { className: E.tabsWrapper, children: /* @__PURE__ */ n(Te, { defaultValue: "monthly", onChange: b, "data-size": "md", children: /* @__PURE__ */ a(Te.List, { children: [
+  return /* @__PURE__ */ s("div", { className: E.donor, "data-color": t, children: [
+    /* @__PURE__ */ n("div", { className: E.tabsWrapper, children: /* @__PURE__ */ n(Te, { defaultValue: "monthly", onChange: y, "data-size": "md", children: /* @__PURE__ */ s(Te.List, { children: [
       /* @__PURE__ */ n(Te.Tab, { value: "one-time", children: d }),
-      /* @__PURE__ */ a(Te.Tab, { value: "monthly", children: [
+      /* @__PURE__ */ s(Te.Tab, { value: "monthly", children: [
         /* @__PURE__ */ n("span", { className: E.tabHeartIcon, children: /* @__PURE__ */ n(We, {}) }),
         h
       ] })
     ] }) }) }),
-    /* @__PURE__ */ a("div", { className: E.content, children: [
-      /* @__PURE__ */ a("div", { className: E.amountSection, children: [
-        /* @__PURE__ */ n(be, { className: E.amountLabel, "data-size": "sm", children: u }),
+    /* @__PURE__ */ s("div", { className: E.content, children: [
+      /* @__PURE__ */ s("div", { className: E.amountSection, children: [
+        /* @__PURE__ */ n(be, { className: E.amountLabel, "data-size": "sm", children: c }),
         /* @__PURE__ */ n("div", { className: E.amountButtons, children: e.map((_) => {
-          const j = !O && S === _.value;
+          const F = !O && S === _.value;
           return /* @__PURE__ */ n(
             de,
             {
-              variant: j ? "primary" : "secondary",
-              "data-color": j ? "accent" : "neutral",
-              onClick: () => L(_.value),
+              variant: F ? "primary" : "secondary",
+              "data-color": F ? "accent" : "neutral",
+              onClick: () => N(_.value),
               children: _.label
             },
             _.value
           );
         }) }),
         /* @__PURE__ */ n("div", { className: E.customAmountField, children: /* @__PURE__ */ n(
-          Xo,
+          Jo,
           {
-            "aria-label": k,
-            placeholder: k,
+            "aria-label": f,
+            placeholder: f,
             value: I,
-            onChange: g,
-            onFocus: f,
+            onChange: u,
+            onFocus: v,
             type: "number",
             min: 1
           }
         ) })
       ] }),
-      B && /* @__PURE__ */ a("div", { className: E.impactRow, children: [
-        /* @__PURE__ */ n("div", { className: E.heartIcon, children: X === "filled" ? /* @__PURE__ */ n(We, {}) : /* @__PURE__ */ n(fs, {}) }),
+      B && /* @__PURE__ */ s("div", { className: E.impactRow, children: [
+        /* @__PURE__ */ n("div", { className: E.heartIcon, children: X === "filled" ? /* @__PURE__ */ n(We, {}) : /* @__PURE__ */ n(ka, {}) }),
         /* @__PURE__ */ n("p", { className: E.impactText, children: Q() })
       ] }),
-      /* @__PURE__ */ a("div", { className: E.actionsSection, children: [
-        te && /* @__PURE__ */ a(
+      /* @__PURE__ */ s("div", { className: E.actionsSection, children: [
+        te && /* @__PURE__ */ s(
           "button",
           {
             className: E.vippsButton,
-            onClick: y,
+            onClick: x,
             type: "button",
-            "aria-label": `${F} Vipps`,
+            "aria-label": `${D} Vipps`,
             children: [
-              /* @__PURE__ */ n("span", { className: E.vippsButtonLabel, children: F }),
-              /* @__PURE__ */ n("span", { className: E.vippsLogo, children: /* @__PURE__ */ n(ks, {}) })
+              /* @__PURE__ */ n("span", { className: E.vippsButtonLabel, children: D }),
+              /* @__PURE__ */ n("span", { className: E.vippsLogo, children: /* @__PURE__ */ n(va, {}) })
             ]
           }
         ),
@@ -5265,7 +5280,7 @@ const Qa = "_donor_1hxqz_1", es = "_tabsWrapper_1hxqz_14", ts = "_content_1hxqz_
             "data-color": "neutral",
             className: E.avtalegiroLink,
             onClick: (_) => {
-              M && (_.preventDefault(), ne());
+              j && (_.preventDefault(), ne());
             },
             children: C
           }
@@ -5274,7 +5289,7 @@ const Qa = "_donor_1hxqz_1", es = "_tabsWrapper_1hxqz_14", ts = "_content_1hxqz_
     ] })
   ] });
 };
-function bs(t) {
+function ya(t) {
   return `
 .${t.donor} {
   border-radius: 16px;
@@ -5443,69 +5458,69 @@ export {
   un as Alert,
   Ke as Avatar,
   hn as Badge,
-  Is as BadgePosition,
-  _s as Breadcrumbs,
-  As as BreadcrumbsItem,
-  Ls as BreadcrumbsLink,
-  Ds as BreadcrumbsList,
+  _a as BadgePosition,
+  Da as Breadcrumbs,
+  La as BreadcrumbsItem,
+  Na as BreadcrumbsLink,
+  Aa as BreadcrumbsList,
   de as Button,
-  fn as Card,
-  Ns as CardBlock,
-  $o as Carousel,
-  kn as Checkbox,
-  js as Chip,
+  kn as Card,
+  Ma as CardBlock,
+  Po as Carousel,
+  vn as Checkbox,
+  Fa as Chip,
   ve as CrossCorner,
-  bo as DateInput,
-  co as DatePicker,
-  Es as Details,
-  $s as Dialog,
-  Ps as Divider,
-  pi as Donor,
+  yo as DateInput,
+  po as DatePicker,
+  $a as Details,
+  Pa as Dialog,
+  za as Divider,
+  mi as Donor,
   V as Dropdown,
-  Us as DropdownButton,
-  Gs as DropdownHeading,
-  Hs as DropdownItem,
-  Ws as DropdownList,
-  zs as DropdownTrigger,
-  Rs as DropdownTriggerContext,
-  Vs as ErrorSummary,
-  Os as Field,
-  Vo as FieldCounter,
-  Uo as FieldDescription,
-  Ks as Fieldset,
-  ci as Footer,
-  di as Header,
-  Oo as Heading,
+  Va as DropdownButton,
+  Wa as DropdownHeading,
+  Ua as DropdownItem,
+  Ha as DropdownList,
+  Ra as DropdownTrigger,
+  Ga as DropdownTriggerContext,
+  Oa as ErrorSummary,
+  Ka as Field,
+  Oo as FieldCounter,
+  Vo as FieldDescription,
+  qa as Fieldset,
+  pi as Footer,
+  ci as Header,
+  Ko as Heading,
   Ze as Input,
-  Ko as Label,
-  Fs as LanguageProvider,
+  qo as Label,
+  Ba as LanguageProvider,
   oe as Link,
-  qs as List,
-  qo as Pagination,
-  Xs as PaginationButton,
-  Zs as PaginationItem,
-  Ys as PaginationList,
+  Ya as List,
+  Yo as Pagination,
+  Ja as PaginationButton,
+  Xa as PaginationItem,
+  Za as PaginationList,
   be as Paragraph,
-  Qs as Popover,
-  ei as Radio,
+  ei as Popover,
+  ti as Radio,
   xe as Search,
-  ni as Select,
-  oi as SkeletonLoader,
-  ri as SkipLink,
-  Eo as Spinner,
-  Yo as Suggestion,
+  oi as Select,
+  ri as SkeletonLoader,
+  si as SkipLink,
+  $o as Spinner,
+  Zo as Suggestion,
   Le as Switch,
   ai as Table,
   Te as Tabs,
-  Zo as Tag,
-  si as Textarea,
-  Xo as Textfield,
-  ii as ToggleGroup,
-  li as Tooltip,
-  Jo as ValidationMessage,
-  Ms as useCheckboxGroup,
-  Bs as useLanguage,
+  Xo as Tag,
+  ii as Textarea,
+  Jo as Textfield,
+  li as ToggleGroup,
+  di as Tooltip,
+  Qo as ValidationMessage,
+  ja as useCheckboxGroup,
+  Ea as useLanguage,
   ye as useLanguageOptional,
-  Js as usePagination,
-  ti as useRadioGroup
+  Qa as usePagination,
+  ni as useRadioGroup
 };