rk-designsystem 1.2.0 → 1.2.2

package/dist/componentlibrary.es.js

@@ -1,85 +1,101 @@
-import { jsx as n, jsxs as r, Fragment as Ce } from "react/jsx-runtime";
-import Ne, { forwardRef as ae, useState as Y, useContext as He, createContext as Xe, useEffect as z, useMemo as ue, useCallback as re, useRef as Je } from "react";
-import { Alert as Qe, Avatar as et, BadgePosition as tt, Badge as nt, Breadcrumbs as ot, BreadcrumbsItem as rt, BreadcrumbsLink as st, BreadcrumbsList as at, Button as Me, Card as it, CardBlock as lt, Checkbox as dt, useCheckboxGroup as ct, Fieldset as Ue, Chip as pt, Spinner as mt, Details as gt, Dialog as ut, Divider as ht, Dropdown as ft, DropdownButton as kt, DropdownHeading as vt, DropdownItem as bt, DropdownList as yt, DropdownTrigger as xt, DropdownTriggerContext as Tt, ErrorSummary as Ct, Field as wt, FieldCounter as St, FieldDescription as It, Heading as _t, Input as Dt, Label as At, Link as Lt, List as Nt, Pagination as Mt, PaginationButton as jt, PaginationItem as Ft, PaginationList as Bt, usePagination as Et, Paragraph as zt, Popover as $t, Radio as Pt, useRadioGroup as Rt, Search as Gt, SearchInput as Wt, SearchClear as Ht, SearchButton as Ut, Select as Vt, Skeleton as Ot, SkipLink as Kt, EXPERIMENTAL_Suggestion as qt, Switch as Yt, Table as Zt, Tabs as Xt, Tag as Jt, Textarea as Qt, Textfield as en, ToggleGroup as tn, Tooltip as nn, ValidationMessage as on } from "@digdir/designsystemet-react";
+import { 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 ze, HeartIcon as gn } from "@navikt/aksel-icons";
-const un = ae((t, e) => /* @__PURE__ */ n(Qe, { ref: e, ...t }));
+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 = 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 Sa = tt, Ia = ot, _a = at, Da = rt, Aa = st, de = Me;
+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, La = lt;
-fn.displayName = "Card";
-const kn = dt, vn = Ue, Na = ct;
-kn.displayName = "Checkbox";
-vn.displayName = "Fieldset";
-const Ma = 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 s = e.width ? String(e.width) : t.defaultWidth;
-    return t.formats[s] || 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, s) => {
-    const c = s != null && s.context ? String(s.context) : "standalone";
-    let f;
-    if (c === "formatting" && t.formattingValues) {
-      const u = t.defaultFormattingWidth || t.defaultWidth, x = s != null && s.width ? String(s.width) : u;
-      f = t.formattingValues[x] || t.formattingValues[u];
+  return (e, o) => {
+    const d = o != null && o.context ? String(o.context) : "standalone";
+    let h;
+    if (d === "formatting" && t.formattingValues) {
+      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 = s != null && s.width ? String(s.width) : t.defaultWidth;
-      f = 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 y = t.argumentCallback ? t.argumentCallback(e) : e;
-    return f[y];
+    const f = t.argumentCallback ? t.argumentCallback(e) : e;
+    return h[f];
   };
 }
 function ke(t) {
-  return (e, s = {}) => {
-    const c = s.width, f = c && t.matchPatterns[c] || t.matchPatterns[t.defaultMatchWidth], y = e.match(f);
-    if (!y)
+  return (e, o = {}) => {
+    const d = o.width, h = d && t.matchPatterns[d] || t.matchPatterns[t.defaultMatchWidth], f = e.match(h);
+    if (!f)
       return null;
-    const u = y[0], x = c && t.parsePatterns[c] || t.parsePatterns[t.defaultParseWidth], F = Array.isArray(x) ? yn(x, (w) => w.test(u)) : (
+    const 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 = s.valueCallback ? (
+    C = t.valueCallback ? t.valueCallback(D) : D, C = o.valueCallback ? (
       // [TODO] -- I challenge you to fix the type
-      s.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 s in t)
-    if (Object.prototype.hasOwnProperty.call(t, s) && e(t[s]))
-      return s;
-}
 function yn(t, e) {
-  for (let s = 0; s < t.length; s++)
-    if (e(t[s]))
-      return s;
-}
-function xn(t) {
-  return (e, s = {}) => {
-    const c = e.match(t.matchPattern);
-    if (!c) return null;
-    const f = c[0], y = e.match(t.parsePattern);
-    if (!y) return null;
-    let u = t.valueCallback ? t.valueCallback(y[0]) : y[0];
-    u = s.valueCallback ? s.valueCallback(u) : u;
-    const x = e.slice(f.length);
-    return { value: u, rest: x };
+  for (const o in t)
+    if (Object.prototype.hasOwnProperty.call(t, o) && e(t[o]))
+      return o;
+}
+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], 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"
@@ -141,54 +157,54 @@ const Tn = {
     one: "nesten ett år",
     other: "nesten {{count}} år"
   }
-}, Cn = (t, e, s) => {
-  let c;
-  const f = Tn[t];
-  return typeof f == "string" ? c = f : e === 1 ? c = f.one : c = f.other.replace("{{count}}", String(e)), s != null && s.addSuffix ? s.comparison && s.comparison > 0 ? "om " + c : c + " siden" : c;
-}, wn = {
+}, wn = (t, e, o) => {
+  let d;
+  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, s, c) => 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.",
@@ -218,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"],
@@ -231,7 +247,7 @@ const Tn = {
     "fredag",
     "lørdag"
   ]
-}, Fn = {
+}, Bn = {
   narrow: {
     am: "a",
     pm: "p",
@@ -262,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"
   })
-}, zn = /^(\d+)\.?/i, $n = /\d+/i, Pn = {
+}, 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,
@@ -330,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,
@@ -351,55 +367,55 @@ const Tn = {
     evening: /kveld/i,
     night: /natt/i
   }
-}, Yn = {
-  ordinalNumber: xn({
-    matchPattern: zn,
-    parsePattern: $n,
+}, Zn = {
+  ordinalNumber: Tn({
+    matchPattern: Pn,
+    parsePattern: zn,
     valueCallback: (t) => parseInt(t, 10)
   }),
   era: ke({
-    matchPatterns: Pn,
+    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__ */ r(
+}, qe = ({ title: t, ...e }) => /* @__PURE__ */ s(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -425,7 +441,7 @@ const Tn = {
   }
 );
 qe.displayName = "ChevronLeftIcon";
-const Ye = ({ title: t, ...e }) => /* @__PURE__ */ r(
+const Ye = ({ title: t, ...e }) => /* @__PURE__ */ s(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -451,19 +467,19 @@ const Ye = ({ title: t, ...e }) => /* @__PURE__ */ r(
   }
 );
 Ye.displayName = "ChevronRightIcon";
-const Zn = "_calendarContainer_htlea_1", Xn = "_calendarHeader_htlea_16", Jn = "_monthYear_htlea_23", Qn = "_navigationButtons_htlea_34", eo = "_grid_htlea_43", to = "_dayNameCell_htlea_51", no = "_dateCell_htlea_69", oo = "_dateNumberContainer_htlea_95", ro = "_otherMonth_htlea_108", so = "_disabled_htlea_108", ao = "_selectedDate_htlea_134", ee = {
-  calendarContainer: Zn,
-  calendarHeader: Xn,
-  monthYear: Jn,
-  navigationButtons: Qn,
-  grid: eo,
-  dayNameCell: to,
-  dateCell: no,
-  dateNumberContainer: oo,
-  otherMonth: ro,
-  disabled: so,
-  selectedDate: ao
-}, io = {
+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: io
+}, lo = {
   NO: {
     // Header
     header: {
@@ -2548,19 +2564,19 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
       openDatePicker: "Open date picker"
     }
   }
-}, je = Xe(void 0), ja = ({ children: t }) => {
-  const [e, s] = Y("NO"), c = (f) => {
-    const y = f.split(".");
-    let u = io[e];
-    for (const x of y) {
-      if (u[x] === void 0)
-        return console.warn(`Translation missing for key: ${f} in language: ${e}`), f;
-      u = u[x];
+}, 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;
+      c = c[k];
     }
-    return u;
+    return c;
   };
-  return /* @__PURE__ */ n(je.Provider, { value: { language: e, setLanguage: s, t: c }, children: t });
-}, Fa = () => {
+  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");
@@ -2626,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), s = Ve(e, { locale: ge }), c = Oe(s, 41);
-  return dn({ start: s, end: c });
-}, $e = (t) => t && t.charAt(0).toUpperCase() + t.slice(1), co = ({
+}, 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: s,
-  "data-color": c,
+  onDateSelect: o,
+  "data-color": d,
   // <-- Destrukturert
-  "data-size": f
+  "data-size": h
   // <-- Destrukturert
 }) => {
-  const { t: y } = ye();
-  z(() => {
-    const d = "rk-datepicker-inline-styles";
-    if (typeof document > "u" || document.getElementById(d)) return;
-    const D = po(ee), S = document.createElement("style");
-    S.id = d, S.textContent = D, document.head.appendChild(S);
+  const { t: f } = ye();
+  $(() => {
+    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)
   );
-  z(() => {
+  $(() => {
     if (e && Ie(e)) {
-      const d = me(e);
-      Fe(d, u) || x(d);
+      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 d = Ve(/* @__PURE__ */ new Date(), { locale: ge });
-    return Array.from({ length: 7 }).map((D, S) => {
-      const R = he(Oe(d, S), "EEEEEE", { locale: ge });
-      return $e(R);
+    const 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);
     });
-  }, []), $ = re(() => {
-    C || x((d) => me(rn(d, 1)));
-  }, [C]), M = re(() => {
-    x((d) => me(sn(d, 1)));
+  }, []), P = re(() => {
+    C || k((p) => me(rn(p, 1)));
+  }, [C]), j = re(() => {
+    k((p) => me(sn(p, 1)));
   }, []), l = re(
-    (d) => {
-      s && s(d);
+    (p) => {
+      o && o(p);
     },
-    [s]
+    [o]
   ), te = re(
-    (d, D) => {
-      (d.key === "Enter" || d.key === " ") && (d.preventDefault(), l(D));
+    (p, L) => {
+      (p.key === "Enter" || p.key === " ") && (p.preventDefault(), l(L));
     },
     [l]
-  ), P = he(u, "MMMM", { locale: ge }), B = he(u, "yyyy", { locale: ge }), X = `${$e(P)} ${B}`;
-  return /* @__PURE__ */ r(
+  ), 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": c,
-      "data-size": f,
+      "data-color": d,
+      "data-size": h,
       children: [
-        /* @__PURE__ */ r("div", { className: ee.calendarHeader, children: [
+        /* @__PURE__ */ s("div", { className: ee.calendarHeader, children: [
           /* @__PURE__ */ n("span", { className: ee.monthYear, children: X }),
-          /* @__PURE__ */ r("div", { className: ee.navigationButtons, children: [
+          /* @__PURE__ */ s("div", { className: ee.navigationButtons, children: [
             /* @__PURE__ */ n(
               Me,
               {
                 variant: "tertiary",
                 icon: !0,
-                onClick: $,
-                "aria-label": y("datePicker.previousMonth"),
+                onClick: P,
+                "aria-label": f("datePicker.previousMonth"),
                 disabled: C,
                 children: /* @__PURE__ */ n(qe, {})
               }
@@ -2705,18 +2721,18 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
               {
                 variant: "tertiary",
                 icon: !0,
-                onClick: M,
-                "aria-label": y("datePicker.nextMonth"),
+                onClick: j,
+                "aria-label": f("datePicker.nextMonth"),
                 children: /* @__PURE__ */ n(Ye, {})
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ n("div", { className: ee.grid, children: w.map((d) => /* @__PURE__ */ n("div", { className: ee.dayNameCell, children: d }, d)) }),
-        /* @__PURE__ */ n("div", { className: ee.grid, children: U.map((d) => {
-          const D = Fe(d, u), S = e && Ie(e) && an(d, e), R = ln(d), A = [
+        /* @__PURE__ */ n("div", { className: ee.grid, children: w.map((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,
-            D ? "" : ee.otherMonth,
+            L ? "" : ee.otherMonth,
             S ? ee.selectedDate : "",
             // Utheving basert på prop
             R && !S ? ee.todayDate : ""
@@ -2724,24 +2740,24 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
           return /* @__PURE__ */ n(
             "div",
             {
-              className: A,
-              onClick: () => l(d),
-              onKeyDown: (G) => te(G, d),
+              className: I,
+              onClick: () => l(p),
+              onKeyDown: (G) => te(G, p),
               role: "button",
               tabIndex: 0,
               "aria-pressed": S ?? !1,
-              "aria-label": he(d, "PPP", { locale: ge }),
-              children: /* @__PURE__ */ n("span", { className: ee.dateNumberContainer, children: he(d, "d") })
+              "aria-label": he(p, "PPP", { locale: ge }),
+              children: /* @__PURE__ */ n("span", { className: ee.dateNumberContainer, children: he(p, "d") })
             },
-            d.toISOString()
+            p.toISOString()
           );
         }) })
       ]
     }
   );
 };
-co.displayName = "DatePicker";
-function po(t) {
+po.displayName = "DatePicker";
+function mo(t) {
   return `
 .${t.calendarContainer} {
   display: inline-flex;
@@ -2901,64 +2917,64 @@ 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
-}, Pe = (t) => {
-  const e = t.slice(0, 2), s = t.slice(2, 4), c = t.slice(4, 8);
-  return t.length > 4 ? `${e}.${s}.${c}` : t.length > 2 ? `${e}.${s}` : t.length > 0 ? e : "";
+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), 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 s = parseInt(e.substring(0, 2), 10);
-    !isNaN(s) && s > 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 s = parseInt(e.substring(2, 4), 10);
-    !isNaN(s) && s > 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: s } = ye();
-    z(() => {
-      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 { t: o } = ye();
+    $(() => {
+      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: c,
-      suffixIcon: f,
-      onSuffixClick: y,
-      className: u,
+      label: d,
+      suffixIcon: h,
+      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: $,
-      placeholder: M = "dd.mm.åååå",
+      readOnly: P,
+      placeholder: j = "dd.mm.åååå",
       id: l,
       name: te,
-      required: P,
+      required: z,
       disabled: B,
       onClick: X,
-      onFocus: d,
+      onFocus: p,
       // Send ekstern onFocus videre
-      onBlur: D,
+      onBlur: L,
       // Send ekstern onBlur videre
       autoComplete: S = "off",
       "aria-label": R,
-      "aria-labelledby": A,
+      "aria-labelledby": I,
       description: G,
       error: O,
       // Bruk error-prop for styling
@@ -2966,118 +2982,118 @@ const mo = "_fieldset_16fx7_2", go = "_description_16fx7_14", uo = "_error_16fx7
       // <-- Destrukturering
       "data-size": W,
       // <-- Destrukturering
-      ...L
-    } = t, g = C !== void 0, h = Je(null);
+      ...N
+    } = t, u = C !== void 0, v = Je(null);
     Ne.useImperativeHandle(
       e,
-      () => h.current
+      () => v.current
     );
-    const v = re(
-      (N) => {
-        const ie = Re(N), se = Ge(ie);
-        return Pe(se);
+    const y = re(
+      (M) => {
+        const ie = Re(M), ae = Ge(ie);
+        return ze(ae);
       },
       []
-    ), [b, ne] = Y(
-      () => v(C ?? U)
+    ), [x, ne] = Y(
+      () => y(C ?? U)
     );
-    z(() => {
-      if (g) {
-        const N = v(C);
-        N !== b && (ne(N), h.current && h.current.value !== N && (h.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, b, v]);
+    }, [C, u, x, y]);
     const Q = re(
-      (N) => {
-        const ie = N.target, se = ie.value, pe = b, we = Re(se).slice(0, 8), i = Ge(we), p = Pe(i);
-        let k = 0;
+      (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 ? k = q : q <= 4 ? k = q + 1 : k = q + 2, k = Math.min(k, p.length), requestAnimationFrame(() => {
-          if (h.current && (ne(p), h.current.value = p, h.current.setSelectionRange(k, k), (p !== pe || g) && w)) {
+        q <= 2 ? 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);
           }
         });
       },
-      [b, g, w, v]
-    ), I = [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,
-      y ? le.suffixButtonInteractive : ""
+      f ? le.suffixButtonInteractive : ""
     ].filter(Boolean).join(" ");
-    !c && !R && !A && console.warn("Advarsel: DateInput-komponenten bør ha label, aria-label, eller aria-labelledby for tilgjengelighet.");
-    const Z = c && typeof c == "string" ? A || `${l}-label` : void 0, ce = G ? `${l}-desc` : void 0, m = O ? `${l}-err` : void 0, _ = [ce, m].filter(Boolean).join(" ") || void 0;
+    !d && !R && !I && console.warn("Advarsel: DateInput-komponenten bør ha label, aria-label, eller aria-labelledby for tilgjengelighet.");
+    const Z = d && typeof d == "string" ? I || `${l}-label` : void 0, ce = G ? `${l}-desc` : void 0, 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__ */ r(
+      /* @__PURE__ */ s(
         "div",
         {
-          className: I,
+          className: _,
           "data-color": J,
           "data-size": W,
           children: [
-            c && typeof c == "string" ? /* @__PURE__ */ n("label", { id: Z, htmlFor: l, children: c }) : c,
+            d && typeof d == "string" ? /* @__PURE__ */ n("label", { id: Z, htmlFor: l, children: d }) : d,
             G && /* @__PURE__ */ n("p", { id: ce, className: le.description, children: G }),
-            /* @__PURE__ */ r("div", { className: j, children: [
+            /* @__PURE__ */ s("div", { className: F, children: [
               /* @__PURE__ */ n(
                 "input",
                 {
-                  ref: h,
+                  ref: v,
                   type: "text",
                   inputMode: "numeric",
                   pattern: "\\d{2}\\.\\d{2}\\.\\d{4}",
                   maxLength: 10,
-                  value: b,
-                  readOnly: $,
-                  placeholder: M,
+                  value: x,
+                  readOnly: P,
+                  placeholder: j,
                   id: l,
                   name: te,
-                  required: P,
+                  required: z,
                   disabled: B,
                   onClick: X,
                   onChange: Q,
-                  onFocus: d,
-                  onBlur: D,
+                  onFocus: p,
+                  onBlur: L,
                   autoComplete: S,
                   "aria-label": R,
                   "aria-labelledby": Z,
-                  "aria-describedby": _,
+                  "aria-describedby": A,
                   "aria-invalid": !!O,
                   className: K,
-                  ...L
+                  ...N
                 }
               ),
-              f && /* @__PURE__ */ n(
+              h && /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
                   className: T,
-                  onClick: B ? void 0 : y,
-                  tabIndex: y && !B ? 0 : -1,
-                  "aria-hidden": !y,
+                  onClick: B ? void 0 : f,
+                  tabIndex: f && !B ? 0 : -1,
+                  "aria-hidden": !f,
                   disabled: B,
-                  "aria-label": y ? s("dateInput.openDatePicker") : void 0,
-                  children: f
+                  "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);
@@ -3170,128 +3186,128 @@ 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, zo = ({
+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: s = 5,
-  showArrows: c = !0,
-  showDots: f = !0,
-  variant: y,
-  slidesPerView: u = 1,
-  slideSpacing: x = 16,
-  cornerRadius: F = 0,
+  autoDelay: o = 5,
+  showArrows: d = !0,
+  showDots: h = !0,
+  variant: f,
+  slidesPerView: c = 1,
+  slideSpacing: k = 16,
+  cornerRadius: D = 0,
   "data-color": C,
   "data-size": U
 }) => {
   const { t: w } = ye();
-  z(() => {
-    const h = "rk-carousel-inline-styles";
-    if (typeof document > "u" || document.getElementById(h)) return;
-    const v = $o(H), b = document.createElement("style");
-    b.id = h, b.textContent = v, document.head.appendChild(b);
+  $(() => {
+    const 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 $ = {
+  const P = {
     loop: !0,
     align: "start",
     containScroll: "trimSnaps",
     slidesToScroll: 1
-  }, [M, l] = cn($), [te, P] = Y(0), [B, X] = Y([]), [d, D] = Y([]);
-  z(() => {
-    D(new Array((t == null ? void 0 : t.length) || 0).fill(!1));
+  }, [j, l] = cn(P), [te, z] = Y(0), [B, X] = Y([]), [p, L] = Y([]);
+  $(() => {
+    L(new Array((t == null ? void 0 : t.length) || 0).fill(!1));
   }, [t]);
-  const S = re((h) => {
-    D((v) => {
-      const b = [...v];
-      return b[h] = !0, b;
+  const S = re((v) => {
+    L((y) => {
+      const x = [...y];
+      return x[v] = !0, x;
     });
-  }, []), R = ue(() => s * 1e3, [s]), A = re(() => {
-    l && P(l.selectedScrollSnap());
-  }, [l]), G = re((h) => l && l.scrollTo(h), [l]), O = re(() => l && l.scrollPrev(), [l]), J = re(() => l && l.scrollNext(), [l]);
-  z(() => {
+  }, []), R = ue(() => o * 1e3, [o]), I = re(() => {
+    l && z(l.selectedScrollSnap());
+  }, [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", A), l.on("reInit", A), X(l.scrollSnapList()), () => {
-        l.off("select", A), l.off("reInit", A);
+      return l.on("select", I), l.on("reInit", I), X(l.scrollSnapList()), () => {
+        l.off("select", I), l.off("reInit", I);
       };
-  }, [l, A]), z(() => {
+  }, [l, I]), $(() => {
     l && (l.reInit(), X(l.scrollSnapList()));
-  }, [l, t, u, x]), z(() => {
+  }, [l, t, c, k]), $(() => {
     if (!e || !l || !t || t.length <= 1) return;
-    const h = window.setInterval(() => {
+    const v = window.setInterval(() => {
       l.canScrollNext() && l.scrollNext();
     }, R);
     return () => {
-      window.clearInterval(h);
+      window.clearInterval(v);
     };
   }, [e, R, l, t]);
-  const W = Math.max(1, u), L = `${100 / W}%`, g = x / 2;
-  return /* @__PURE__ */ r(
+  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": y,
+      "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((h, v) => /* @__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__ */ r("div", { className: H.slideInner, style: { borderRadius: `${F}px`, overflow: "hidden", position: "relative", width: "100%", height: "100%" }, children: [
-                  !d[v] && /* @__PURE__ */ n("div", { className: H.loaderOverlay, children: /* @__PURE__ */ n(Eo, { "aria-label": w("carousel.loading") }) }),
+                children: /* @__PURE__ */ 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} ${d[v] ? H.loaded : H.loadingImage}`,
-                      src: h.src,
-                      alt: h.alt,
-                      loading: v < 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(v),
-                      onError: (b) => {
-                        b.target.style.display = "none", S(v);
+                      onLoad: () => S(y),
+                      onError: (x) => {
+                        x.target.style.display = "none", S(y);
                       }
                     }
                   )
                 ] })
               },
-              `image-${v}-${h.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" }) })
           }
         ) }),
-        (c || f && t && t.length > 1) && /* @__PURE__ */ r("div", { className: H.controls, "aria-hidden": "false", children: [
-          c && /* @__PURE__ */ r("div", { className: H.arrows, children: [
+        (d || h && t && t.length > 1) && /* @__PURE__ */ s("div", { className: H.controls, "aria-hidden": "false", children: [
+          d && /* @__PURE__ */ s("div", { className: H.arrows, children: [
             /* @__PURE__ */ n(
               de,
               {
@@ -3315,19 +3331,19 @@ const xo = "_carouselContainer_eo3g5_1", To = "_viewport_eo3g5_14", Co = "_slide
               }
             )
           ] }),
-          f && t && t.length > 1 && /* @__PURE__ */ n("div", { className: H.dots, role: "tablist", "aria-label": w("carousel.imagePosition"), children: B.map((h, v) => {
-            const b = v === te;
+          h && t && t.length > 1 && /* @__PURE__ */ n("div", { className: H.dots, role: "tablist", "aria-label": w("carousel.imagePosition"), children: B.map((v, y) => {
+            const x = y === te;
             return /* @__PURE__ */ n(
               "button",
               {
                 type: "button",
-                className: `${H.dot} ${b ? H.dotActive : ""}`,
-                onClick: () => G(v),
-                "aria-label": `${w("carousel.goToImage")} ${v + 1}`,
-                "aria-selected": b,
+                className: `${H.dot} ${x ? H.dotActive : ""}`,
+                onClick: () => G(y),
+                "aria-label": `${w("carousel.goToImage")} ${y + 1}`,
+                "aria-selected": x,
                 role: "tab"
               },
-              `dot-${v}`
+              `dot-${y}`
             );
           }) })
         ] })
@@ -3335,8 +3351,8 @@ const xo = "_carouselContainer_eo3g5_1", To = "_viewport_eo3g5_14", Co = "_slide
     }
   );
 };
-zo.displayName = "Carousel";
-function $o(t) {
+Po.displayName = "Carousel";
+function zo(t) {
   return `
 .${t.carouselContainer} {
   position: relative;
@@ -3508,11 +3524,11 @@ function $o(t) {
 }
 `;
 }
-const Po = "_crossCorner_1caiu_1", Ro = "_shape_1caiu_6", Ae = {
-  crossCorner: Po,
-  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;
@@ -3539,52 +3555,52 @@ 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: s,
-    "aria-label": c,
-    "aria-hidden": f = !0,
-    "data-color": y,
-    "data-size": u,
-    ...x
-  }, F) => {
-    z(() => {
+    className: o,
+    "aria-label": d,
+    "aria-hidden": h = !0,
+    "data-color": f,
+    "data-size": c,
+    ...k
+  }, D) => {
+    $(() => {
       const w = "rk-crosscorner-inline-styles";
       if (typeof document > "u" || document.getElementById(w)) return;
-      const $ = Go(Ae), M = document.createElement("style");
-      M.id = w, M.textContent = $, document.head.appendChild(M);
+      const P = 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} ${s || ""}`,
+        ref: D,
+        className: `${Ae.crossCorner} ${o || ""}`,
         width: C,
         height: C,
         viewBox: "0 0 68 68",
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg",
-        "aria-label": c,
-        "aria-hidden": f,
-        role: f ? void 0 : "img",
-        "data-color": y,
-        "data-size": u,
+        "aria-label": d,
+        "aria-hidden": h,
+        role: h ? void 0 : "img",
+        "data-color": f,
+        "data-size": c,
         style: {
           transform: U ? `rotate(${U}deg)` : void 0
         },
-        ...x,
+        ...k,
         children: /* @__PURE__ */ n(
           "path",
           {
@@ -3597,85 +3613,92 @@ const Wo = {
   }
 );
 ve.displayName = "CrossCorner";
-const Ba = gt, Ea = ut, za = ht, V = ft, $a = xt, Pa = Tt, Ra = vt, Ga = yt, Wa = bt, Ha = kt, Ua = Ct, Va = wt, Uo = It, Vo = St;
-Uo.displayName = "Field.Description";
-Vo.displayName = "Field.Counter";
-const Oa = 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, Ka = Nt, qo = Mt, qa = Bt, Ya = Ft, Za = jt, Xa = Et;
-qo.displayName = "Pagination";
-const be = ae(
-  (t, e) => /* @__PURE__ */ n(zt, { ref: e, ...t })
+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 Ja = $t, Qa = Pt, ei = Rt, xe = Object.assign(Gt, {
+const ei = Pt, ti = zt, ni = Rt, xe = Object.assign(Gt, {
   Button: Ut,
   ClearButton: Ht,
   Input: Wt
-}), ti = Vt, ni = Ot, oi = Kt, Yo = qt;
-Yo.displayName = "Suggestion";
-const Le = Yt, ri = Zt, Te = Xt, si = Jt, ai = Qt, Zo = en, ii = tn, li = nn, Xo = ae((t, e) => /* @__PURE__ */ n(on, { ref: e, ...t }));
-Xo.displayName = "ValidationMessage";
-const Jo = "_header_pzuss_1", Qo = "_languageSwitch_pzuss_37", er = "_searchOverlay_pzuss_41", tr = "_headerExtension_pzuss_46", nr = "_headerExtensionTinted_pzuss_75", or = "_languageLabel_pzuss_83", rr = "_languageLink_pzuss_88", sr = "_extensionContent_pzuss_93", ar = "_extensionDivider_pzuss_98", ir = "_extensionContentWrapper_pzuss_103", lr = "_headerInner_pzuss_199", dr = "_logoWrapper_pzuss_216", cr = "_logo_pzuss_216", pr = "_secondaryLogoWrapper_pzuss_239", mr = "_slotComponent_pzuss_248", gr = "_slotContainer_pzuss_258", ur = "_slotText_pzuss_266", hr = "_secondaryLogo_pzuss_239", fr = "_redCrossLogo_pzuss_293", kr = "_primaryLogo_pzuss_299", vr = "_navItems_pzuss_303", br = "_navLink_pzuss_312", yr = "_actions_pzuss_325", xr = "_ctaButton_pzuss_333", Tr = "_themeToggle_pzuss_338", Cr = "_userInfo_pzuss_343", wr = "_userName_pzuss_349", Sr = "_loginLink_pzuss_356", Ir = "_loginText_pzuss_365", _r = "_underline_pzuss_372", Dr = "_searchButtonWrapper_pzuss_378", Ar = "_buttonText_pzuss_382", Lr = "_menuButton_pzuss_387", Nr = "_menuOverlay_pzuss_426", Mr = "_searchContent_pzuss_460", jr = "_menuContent_pzuss_470", Fr = "_menuLeftColumn_pzuss_479", Br = "_menuRightColumn_pzuss_485", Er = "_slotContent_pzuss_499", zr = "_navList_pzuss_512", $r = "_menuUtilities_pzuss_519", Pr = "_menuBrand_pzuss_526", Rr = "_suggestionsSection_pzuss_530", Gr = "_suggestionsTitle_pzuss_536", Wr = "_searchResults_pzuss_545", Hr = "_resultList_pzuss_551", Ur = "_resultItem_pzuss_557", Vr = "_resultLink_pzuss_565", Or = "_suggestionIcon_pzuss_579", Kr = "_suggestionText_pzuss_592", qr = "_highlightedText_pzuss_599", Yr = "_remainingText_pzuss_604", Zr = "_viewAllLink_pzuss_617", Xr = "_noResults_pzuss_652", a = {
-  header: Jo,
-  languageSwitch: Qo,
-  searchOverlay: er,
-  headerExtension: tr,
-  headerExtensionTinted: nr,
-  languageLabel: or,
-  languageLink: rr,
-  extensionContent: sr,
-  extensionDivider: ar,
-  extensionContentWrapper: ir,
-  headerInner: lr,
-  logoWrapper: dr,
-  logo: cr,
-  secondaryLogoWrapper: pr,
-  slotComponent: mr,
-  slotContainer: gr,
-  slotText: ur,
-  secondaryLogo: hr,
-  redCrossLogo: fr,
-  primaryLogo: kr,
-  navItems: vr,
-  navLink: br,
-  actions: yr,
-  ctaButton: xr,
-  themeToggle: Tr,
-  userInfo: Cr,
-  userName: wr,
-  loginLink: Sr,
-  loginText: Ir,
-  underline: _r,
-  searchButtonWrapper: Dr,
-  buttonText: Ar,
-  menuButton: Lr,
-  menuOverlay: Nr,
-  searchContent: Mr,
-  menuContent: jr,
-  menuLeftColumn: Fr,
-  menuRightColumn: Br,
-  slotContent: Er,
+}), 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 });
+});
+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: 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: $r,
-  menuBrand: Pr,
-  suggestionsSection: Rr,
-  suggestionsTitle: Gr,
-  searchResults: Wr,
-  resultList: Hr,
-  resultItem: Ur,
-  resultLink: Vr,
-  suggestionIcon: Or,
-  suggestionText: Kr,
-  highlightedText: qr,
-  remainingText: Yr,
-  viewAllLink: Zr,
-  noResults: Xr
-}, Jr = [
+  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" },
@@ -3739,47 +3762,47 @@ const Jo = "_header_pzuss_1", Qo = "_languageSwitch_pzuss_37", er = "_searchOver
   { id: "progression", title: "Progresjon", category: "Code", path: "code/progression", description: "Fra design til ferdig komponent" },
   { id: "metadata-files", title: "Metadata filer", category: "Code", path: "code/metadata-files", description: "Struktur og bruk av metadata.json" }
 ];
-function Qr(t) {
+function 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: s,
-  children: c,
-  showUser: f = !0,
-  showSearch: y = !0,
-  showLogin: u = !0,
-  showCta: x = !1,
-  ctaLabel: F,
+  setPage: o,
+  children: d,
+  showUser: h = !0,
+  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: $ = !1,
-  secondaryLogoSrc: M,
+  secondaryLogo: P = !1,
+  secondaryLogoSrc: j,
   secondaryLogoSrcDark: l,
   secondaryLogoAlt: te = "Secondary Logo",
-  navItems: P,
+  navItems: z,
   showNavItems: B = !0,
   showMenuButton: X = !0,
-  showHeaderExtension: d = !1,
-  showModeToggle: D = !1,
+  showHeaderExtension: p = !1,
+  showModeToggle: L = !1,
   showLanguageSwitch: S = !1,
   extensionColor: R,
-  buttonStyle: A = "default",
+  buttonStyle: I = "default",
   userName: G,
   userInitials: O,
   userAvatarSrc: J,
   onUserClick: W
 }) => {
-  const [L, g] = Y(!1), [h, v] = Y(!1), [b, ne] = Y(""), [Q, I] = Y("light"), { language: j, setLanguage: K, t: T } = ye(), [Z, ce] = Y(!1);
-  z(() => {
+  const [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 = es(a), k = document.createElement("style");
-    k.id = i, k.textContent = p, document.head.appendChild(k);
+    const m = ns(a), b = document.createElement("style");
+    b.id = i, b.textContent = m, document.head.appendChild(b);
   }, []);
-  const m = () => /* @__PURE__ */ r(
+  const g = () => /* @__PURE__ */ s(
     "svg",
     {
       width: "170",
@@ -3804,111 +3827,111 @@ const di = ({
       ]
     }
   );
-  z(() => {
-    g(!1), v(!1), ne("");
-  }, [e]), z(() => {
-    if (!(typeof document > "u") && L && Z) {
+  $(() => {
+    u(!1), y(!1), ne("");
+  }, [e]), $(() => {
+    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]), z(() => {
+  }, [N, Z]), $(() => {
     if (typeof window > "u" || typeof window.matchMedia > "u") return;
-    const i = window.matchMedia("(max-width: 850px)"), p = (k) => ce("matches" in k ? k.matches : i.matches);
-    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);
     };
-  }, []), z(() => {
+  }, []), $(() => {
     if (typeof document > "u") return;
     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 k = new ResizeObserver(() => {
-      p();
+    m(), window.addEventListener("resize", m);
+    const b = new ResizeObserver(() => {
+      m();
     });
-    return k.observe(i), () => {
-      window.removeEventListener("resize", p), k.disconnect();
+    return b.observe(i), () => {
+      window.removeEventListener("resize", m), b.disconnect();
     };
-  }, [Z]), z(() => {
+  }, [Z]), $(() => {
     if (typeof document > "u") return;
     const i = document.querySelector(`.${a.logoWrapper}`);
     if (!i) return;
-    const p = () => {
-      const k = i.offsetWidth;
-      document.documentElement.style.setProperty("--rk-logo-width", `${k}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);
-  }, [Z]), z(() => {
-    if (typeof document > "u" || !h) {
+    return m(), window.addEventListener("resize", m), () => window.removeEventListener("resize", m);
+  }, [Z]), $(() => {
+    if (typeof document > "u" || !v) {
       document.documentElement.style.setProperty("--rk-search-overlay-height", "0px");
       return;
     }
     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 k = new ResizeObserver(p);
-    return k.observe(i), () => {
-      window.removeEventListener("resize", p), k.disconnect();
+    requestAnimationFrame(m), window.addEventListener("resize", m);
+    const b = new ResizeObserver(m);
+    return b.observe(i), () => {
+      window.removeEventListener("resize", m), b.disconnect();
     };
-  }, [h]);
-  const _ = () => {
+  }, [v]);
+  const A = () => {
     const i = Q === "light" ? "dark" : "light";
-    I(i), document.documentElement.setAttribute("data-color-scheme", i);
-  }, N = (i) => {
-    s && (i.preventDefault(), s("home")), g(!1), v(!1);
+    _(i), document.documentElement.setAttribute("data-color-scheme", i);
+  }, M = (i) => {
+    o && (i.preventDefault(), o("home")), u(!1), y(!1);
   }, ie = () => {
-    g(!L), h && v(!1), !L && typeof document < "u" && requestAnimationFrame(() => {
+    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 = () => {
-    v(!h), L && g(!1);
+  }, ae = () => {
+    y(!v), N && u(!1);
   }, pe = ue(() => {
-    if (!b.trim()) return [];
-    const i = b.toLowerCase();
-    return Jr.filter(
-      (p) => p.title.toLowerCase().startsWith(i)
+    if (!x.trim()) return [];
+    const i = x.toLowerCase();
+    return es.filter(
+      (m) => m.title.toLowerCase().startsWith(i)
     );
-  }, [b]), we = (i) => {
-    s && s(i), v(!1), ne("");
+  }, [x]), we = (i) => {
+    o && o(i), y(!1), ne("");
   };
-  return /* @__PURE__ */ r("header", { className: a.header, "data-open": L ? "true" : "false", "data-color": t, "data-button-style": A, children: [
-    d && /* @__PURE__ */ n("div", { className: `${a.headerExtension}${R === "tinted" ? ` ${a.headerExtensionTinted}` : ""}`, "data-color-scheme": "light", "data-extension-color": R, children: /* @__PURE__ */ r("div", { className: a.extensionContentWrapper, children: [
-      D && /* @__PURE__ */ n("div", { className: a.extensionContent, children: /* @__PURE__ */ n(
+  return /* @__PURE__ */ 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: _,
+          onChange: A,
           label: T("header.darkMode"),
           color: "neutral",
           "data-color-scheme": "light"
         }
       ) }),
-      D && S && /* @__PURE__ */ n("div", { className: a.extensionDivider }),
-      S && /* @__PURE__ */ r("div", { className: a.languageSwitch, children: [
+      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__ */ r(V.TriggerContext, { children: [
-          /* @__PURE__ */ r(
+        /* @__PURE__ */ s(V.TriggerContext, { children: [
+          /* @__PURE__ */ s(
             V.Trigger,
             {
               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 })
               ]
@@ -3919,7 +3942,7 @@ const di = ({
             {
               "data-color-scheme": Q,
               placement: "bottom-end",
-              children: /* @__PURE__ */ r(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)" }) })
               ] })
@@ -3928,41 +3951,41 @@ const di = ({
         ] })
       ] })
     ] }) }),
-    /* @__PURE__ */ r("div", { className: a.headerInner, children: [
-      /* @__PURE__ */ r("div", { className: a.logoWrapper, children: [
+    /* @__PURE__ */ s("div", { className: a.headerInner, children: [
+      /* @__PURE__ */ s("div", { className: a.logoWrapper, children: [
         /* @__PURE__ */ n(
           oe,
           {
             href: "/",
             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: a.secondaryLogoWrapper, children: $ && 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: a.secondaryLogo
           }
-        ) : $ ? /* @__PURE__ */ n("div", { className: a.slotComponent, children: /* @__PURE__ */ n("div", { className: a.slotContainer, children: /* @__PURE__ */ n("p", { className: a.slotText, children: "SLOT" }) }) }) : null })
+        ) : P ? /* @__PURE__ */ n("div", { className: a.slotComponent, children: /* @__PURE__ */ n("div", { className: a.slotContainer, children: /* @__PURE__ */ n("p", { className: a.slotText, children: "SLOT" }) }) }) : null })
       ] }),
-      B && P && P.length > 0 && !Z && /* @__PURE__ */ n("nav", { className: a.navItems, children: P.map((i, p) => /* @__PURE__ */ n(
+      B && z && z.length > 0 && !Z && /* @__PURE__ */ n("nav", { className: a.navItems, children: z.map((i, m) => /* @__PURE__ */ n(
         oe,
         {
           href: i.href,
           className: a.navLink,
-          onClick: (k) => {
-            s && (k.preventDefault(), s(i.href));
+          onClick: (b) => {
+            o && (b.preventDefault(), o(i.href));
           },
           children: i.label
         },
-        p
+        m
       )) }),
-      /* @__PURE__ */ r("div", { className: a.actions, children: [
-        x && /* @__PURE__ */ r(
+      /* @__PURE__ */ s("div", { className: a.actions, children: [
+        k && /* @__PURE__ */ s(
           de,
           {
             variant: "primary",
@@ -3972,31 +3995,31 @@ const di = ({
             onClick: U,
             children: [
               C,
-              /* @__PURE__ */ n("span", { className: C ? a.buttonText : void 0, children: F || T("header.supportUs") })
+              /* @__PURE__ */ n("span", { className: C ? a.buttonText : void 0, children: D || T("header.supportUs") })
             ]
           }
         ),
-        !d && w && /* @__PURE__ */ n("div", { className: a.themeToggle, children: /* @__PURE__ */ n(
+        !p && w && /* @__PURE__ */ n("div", { className: a.themeToggle, children: /* @__PURE__ */ n(
           Le,
           {
             checked: Q === "dark",
-            onChange: _,
+            onChange: A,
             "aria-label": T("header.toggleTheme")
           }
         ) }),
-        f && (() => {
-          const i = G ?? "Frodo Baggins", p = O ?? (G ? Qr(G) : "FB"), k = !!W;
-          return /* @__PURE__ */ r(
+        h && (() => {
+          const i = G ?? "Frodo Baggins", m = O ?? (G ? ts(G) : "FB"), b = !!W;
+          return /* @__PURE__ */ s(
             "div",
             {
               className: a.userInfo,
               onClick: W,
-              role: k ? "button" : void 0,
-              tabIndex: k ? 0 : void 0,
-              onKeyDown: k ? (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: k ? { cursor: "pointer" } : void 0,
+              style: b ? { cursor: "pointer" } : void 0,
               children: [
                 /* @__PURE__ */ n(be, { "data-size": "md", className: a.userName, children: i }),
                 /* @__PURE__ */ n(
@@ -4005,7 +4028,7 @@ const di = ({
                     "aria-label": i,
                     "data-color": "main",
                     variant: "circle",
-                    initials: J ? void 0 : p,
+                    initials: J ? void 0 : m,
                     children: J ? /* @__PURE__ */ n(
                       "img",
                       {
@@ -4020,61 +4043,63 @@ const di = ({
             }
           );
         })(),
-        u && /* @__PURE__ */ r("a", { href: "#", className: a.loginLink, children: [
+        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 })
         ] }),
-        y && /* @__PURE__ */ n("div", { className: a.searchButtonWrapper, children: /* @__PURE__ */ r(
+        f && /* @__PURE__ */ n("div", { className: a.searchButtonWrapper, children: /* @__PURE__ */ s(
           de,
           {
             variant: "secondary",
-            "data-color": A === "soft" ? "neutral" : "main",
+            shape: I === "soft" ? "pill" : void 0,
+            "data-color": I === "soft" ? "neutral" : "main",
             "data-size": "md",
-            onClick: se,
-            "aria-expanded": h,
-            "aria-label": T(h ? "header.closeSearch" : "header.openSearch"),
+            onClick: ae,
+            "aria-expanded": v,
+            "aria-label": T(v ? "header.closeSearch" : "header.openSearch"),
             children: [
-              h ? /* @__PURE__ */ n(_e, { "aria-hidden": !0 }) : /* @__PURE__ */ n(Ee, { "aria-hidden": !0 }),
-              /* @__PURE__ */ n("span", { className: a.buttonText, children: T(h ? "header.close" : "header.search") })
+              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") })
             ]
           }
         ) }),
         (X || Z) && /* @__PURE__ */ n(
           de,
           {
-            variant: "primary",
+            variant: I === "soft" ? "soft" : "primary",
+            shape: I === "soft" ? "pill" : void 0,
             "data-color": "main",
             "data-size": "md",
             onClick: ie,
-            "aria-expanded": L,
-            "aria-label": T(L ? "header.closeMenu" : "header.openMenu"),
+            "aria-expanded": N,
+            "aria-label": T(N ? "header.closeMenu" : "header.openMenu"),
             className: a.menuButton,
-            children: A === "soft" ? /* @__PURE__ */ r(Ce, { children: [
-              /* @__PURE__ */ n("span", { className: a.buttonText, children: T(L ? "header.close" : "header.menu") }),
-              L ? /* @__PURE__ */ n(_e, { "aria-hidden": !0 }) : /* @__PURE__ */ n(ze, { "aria-hidden": !0 })
-            ] }) : /* @__PURE__ */ r(Ce, { children: [
-              L ? /* @__PURE__ */ n(_e, { "aria-hidden": !0 }) : /* @__PURE__ */ n(ze, { "aria-hidden": !0 }),
-              /* @__PURE__ */ n("span", { className: a.buttonText, children: T(L ? "header.close" : "header.menu") })
+            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: a.menuOverlay, children: /* @__PURE__ */ r("div", { className: a.menuContent, children: [
+    N && /* @__PURE__ */ n("div", { className: a.menuOverlay, children: /* @__PURE__ */ s("div", { className: a.menuContent, children: [
       /* @__PURE__ */ n("div", { className: a.menuLeftColumn }),
-      /* @__PURE__ */ r("div", { className: a.menuRightColumn, children: [
-        Z && (S || D) && /* @__PURE__ */ r("div", { className: a.menuUtilities, children: [
-          S && /* @__PURE__ */ r("div", { className: a.languageSwitch, children: [
+      /* @__PURE__ */ 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__ */ r(V.TriggerContext, { children: [
-              /* @__PURE__ */ r(
+            /* @__PURE__ */ s(V.TriggerContext, { children: [
+              /* @__PURE__ */ s(
                 V.Trigger,
                 {
                   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 })
                   ]
@@ -4085,7 +4110,7 @@ const di = ({
                 {
                   "data-color-scheme": Q,
                   placement: "bottom-start",
-                  children: /* @__PURE__ */ r(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)" }) })
                   ] })
@@ -4093,53 +4118,53 @@ const di = ({
               )
             ] })
           ] }),
-          D && /* @__PURE__ */ n("div", { className: a.extensionContent, children: /* @__PURE__ */ n(
+          L && /* @__PURE__ */ n("div", { className: a.extensionContent, children: /* @__PURE__ */ n(
             Le,
             {
               "data-size": "sm",
               checked: Q === "dark",
-              onChange: _,
+              onChange: A,
               label: T("header.darkMode"),
               color: "neutral",
               "data-color-scheme": "light"
             }
           ) })
         ] }),
-        /* @__PURE__ */ r("div", { className: a.slotContent, children: [
-          c,
-          Z && B && P && P.length > 0 && /* @__PURE__ */ n("nav", { className: a.navList, children: P.map((i, p) => /* @__PURE__ */ n(
+        /* @__PURE__ */ s("div", { className: a.slotContent, children: [
+          d,
+          Z && B && z && z.length > 0 && /* @__PURE__ */ n("nav", { className: a.navList, children: z.map((i, m) => /* @__PURE__ */ n(
             oe,
             {
               href: i.href,
               className: a.navLink,
-              onClick: (k) => {
-                s && (k.preventDefault(), s(i.href));
+              onClick: (b) => {
+                o && (b.preventDefault(), o(i.href));
               },
               children: i.label
             },
-            p
+            m
           )) })
         ] }),
-        Z && /* @__PURE__ */ n("div", { className: a.menuBrand, children: /* @__PURE__ */ n(m, {}) })
+        Z && /* @__PURE__ */ n("div", { className: a.menuBrand, children: /* @__PURE__ */ n(g, {}) })
       ] })
     ] }) }),
-    h && /* @__PURE__ */ n("div", { className: a.searchOverlay, children: /* @__PURE__ */ r("div", { className: a.searchContent, children: [
-      /* @__PURE__ */ r(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: b,
+            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") })
       ] }),
-      b && /* @__PURE__ */ n("div", { className: a.searchResults, children: pe.length > 0 ? /* @__PURE__ */ r("div", { className: a.suggestionsSection, children: [
+      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__ */ r(
+        /* @__PURE__ */ n("ul", { className: a.resultList, children: pe.slice(0, 5).map((i) => /* @__PURE__ */ n("li", { className: a.resultItem, children: /* @__PURE__ */ s(
           "button",
           {
             className: a.resultLink,
@@ -4147,11 +4172,11 @@ const di = ({
             children: [
               /* @__PURE__ */ n("span", { className: a.suggestionIcon, children: /* @__PURE__ */ n(Ee, { "aria-hidden": !0 }) }),
               /* @__PURE__ */ n("span", { className: a.suggestionText, children: (() => {
-                const p = i.title.toLowerCase().indexOf(b.toLowerCase());
-                if (p === -1) return /* @__PURE__ */ n("span", { className: a.remainingText, children: i.title });
-                const k = i.title.slice(0, p), q = i.title.slice(p, p + b.length), Se = i.title.slice(p + b.length);
-                return /* @__PURE__ */ r(Ce, { children: [
-                  /* @__PURE__ */ n("span", { className: a.remainingText, children: k }),
+                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 })
                 ] });
@@ -4159,14 +4184,14 @@ const di = ({
             ]
           }
         ) }, i.id)) }),
-        pe.length > 5 && /* @__PURE__ */ r(
+        pe.length > 5 && /* @__PURE__ */ s(
           oe,
           {
             href: "#",
             "data-color": "neutral",
             className: a.viewAllLink,
             onClick: (i) => {
-              i.preventDefault(), s && s(`search/${b}`), v(!1), ne("");
+              i.preventDefault(), o && o(`search/${x}`), y(!1), ne("");
             },
             children: [
               T("header.viewAll"),
@@ -4176,16 +4201,16 @@ const di = ({
             ]
           }
         )
-      ] }) : /* @__PURE__ */ n("div", { className: a.noResults, children: /* @__PURE__ */ r(be, { children: [
+      ] }) : /* @__PURE__ */ n("div", { className: a.noResults, children: /* @__PURE__ */ s(be, { children: [
         T("header.noResults"),
         ' "',
-        b,
+        x,
         '"'
       ] }) }) })
     ] }) })
   ] });
 };
-function es(t) {
+function ns(t) {
   const e = t;
   return `
 .${e.header} {
@@ -4283,26 +4308,11 @@ function es(t) {
 .${e.header}[data-button-style="soft"] .${e.actions} { gap: var(--ds-size-2); }
 .${e.header}[data-button-style="soft"] .${e.searchButtonWrapper} .ds-button,
 .${e.header}[data-button-style="soft"] .${e.menuButton} {
-  height: var(--ds-size-12, 48px);
-  padding: 0 var(--ds-size-4, 16px);
-  gap: var(--ds-size-2, 8px);
-  border-radius: 9999px;
+  --dsc-button-padding: 0 var(--ds-size-4);
+  height: var(--ds-size-12);
 }
 .${e.header}[data-button-style="soft"] .${e.searchButtonWrapper} .${e.buttonText},
 .${e.header}[data-button-style="soft"] .${e.menuButton} .${e.buttonText} { margin-left: 0; }
-.${e.header}[data-button-style="soft"] .${e.menuButton} {
-  background-color: var(--ds-color-primary-color-red-surface-tinted, #FAE4E2);
-  color: var(--ds-color-primary-color-red-text-default);
-  border-color: transparent;
-}
-.${e.header}[data-button-style="soft"] .${e.menuButton}:hover {
-  background-color: var(--ds-color-primary-color-red-surface-hover, #F6D2CF);
-  border-color: transparent;
-}
-.${e.header}[data-button-style="soft"] .${e.menuButton}:active {
-  background-color: var(--ds-color-primary-color-red-surface-active, #F2BDB9);
-  border-color: transparent;
-}
 .${e.menuOverlay}, .${e.searchOverlay} {
   position: absolute; top: 100%; left: 0; width: 100%;
   background-color: var(--ds-color-neutral-background-default);
@@ -4373,97 +4383,97 @@ function es(t) {
 }
 `;
 }
-const ts = "_footer_1l5de_1", ns = "_mainSection_1l5de_7", os = "_mainContainer_1l5de_25", rs = "_crossCornerTopRight_1l5de_35", ss = "_crossCornerBottomLeft_1l5de_42", as = "_contentRow_1l5de_50", is = "_newsletterSection_1l5de_60", ls = "_newsletterDescription_1l5de_67", ds = "_newsletterForm_1l5de_76", cs = "_newsletterInputGroup_1l5de_82", ps = "_newsletterInput_1l5de_82", ms = "_consentText_1l5de_93", gs = "_linksSection_1l5de_103", us = "_linksColumn_1l5de_109", hs = "_linksTitle_1l5de_116", fs = "_linksList_1l5de_127", ks = "_footerLink_1l5de_136", vs = "_divider_1l5de_158", bs = "_contactSection_1l5de_166", ys = "_contactColumn_1l5de_173", xs = "_contactTitle_1l5de_181", Ts = "_contactContent_1l5de_190", Cs = "_copyrightSection_1l5de_204", ws = "_copyrightText_1l5de_209", Ss = "_whiteSection_1l5de_219", Is = "_whiteContainer_1l5de_224", _s = "_whiteContent_1l5de_232", Ds = "_logo_1l5de_240", As = "_redCrossLogo_1l5de_254", Ls = "_slotLarge_1l5de_260", Ns = "_contentRowContact_1l5de_315", Ms = "_socialLinksSection_1l5de_325", js = "_socialLinksTitle_1l5de_332", Fs = "_socialLinksList_1l5de_343", Bs = "_socialLink_1l5de_325", Es = "_socialLinkIcon_1l5de_376", zs = "_contactPersonsSection_1l5de_391", $s = "_contactPersonsTitle_1l5de_398", Ps = "_contactPersonsGrid_1l5de_409", Rs = "_contactPersonCard_1l5de_415", Gs = "_contactPersonName_1l5de_422", Ws = "_contactPersonRole_1l5de_431", Hs = "_contactPersonDetails_1l5de_440", Us = "_contactPersonLabel_1l5de_447", Vs = "_contactPersonEmail_1l5de_451", Os = "_contactPersonPhone_1l5de_452", Ks = "_contactPersonAddress_1l5de_453", qs = "_bottomRowContact_1l5de_474", Ys = "_legalLinksRow_1l5de_483", Zs = "_legalLink_1l5de_483", o = {
-  footer: ts,
-  mainSection: ns,
-  mainContainer: os,
-  crossCornerTopRight: rs,
-  crossCornerBottomLeft: ss,
-  contentRow: as,
-  newsletterSection: is,
-  newsletterDescription: ls,
-  newsletterForm: ds,
-  newsletterInputGroup: cs,
-  newsletterInput: ps,
-  consentText: ms,
-  linksSection: gs,
-  linksColumn: us,
-  linksTitle: hs,
-  linksList: fs,
-  footerLink: ks,
-  divider: vs,
-  contactSection: bs,
-  contactColumn: ys,
-  contactTitle: xs,
-  contactContent: Ts,
-  copyrightSection: Cs,
-  copyrightText: ws,
-  whiteSection: Ss,
-  whiteContainer: Is,
-  whiteContent: _s,
-  logo: Ds,
-  redCrossLogo: As,
-  slotLarge: Ls,
-  contentRowContact: Ns,
-  socialLinksSection: Ms,
-  socialLinksTitle: js,
-  socialLinksList: Fs,
-  socialLink: Bs,
-  socialLinkIcon: Es,
+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: $s,
-  contactPersonsGrid: Ps,
-  contactPersonCard: Rs,
-  contactPersonName: Gs,
-  contactPersonRole: Ws,
-  contactPersonDetails: Hs,
-  contactPersonLabel: Us,
-  contactPersonEmail: Vs,
-  contactPersonPhone: Os,
-  contactPersonAddress: Ks,
-  bottomRowContact: qs,
-  legalLinksRow: Ys,
-  legalLink: Zs
-}, ci = ({
+  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: s = !1,
-  newsletterDescription: c = "Tekst om rødekors som kan være rundt 2 linjebrudd i lengde.",
-  newsletterPlaceholder: f = "Input tekst",
-  newsletterButtonText: y = "Meld deg på",
-  newsletterConsentText: u,
-  onNewsletterSubmit: x,
-  hideNewsletter: F = !1,
+  showCrossCorners: o = !1,
+  newsletterDescription: d = "Tekst om rødekors som kan være rundt 2 linjebrudd i lengde.",
+  newsletterPlaceholder: h = "Input tekst",
+  newsletterButtonText: f = "Meld deg på",
+  newsletterConsentText: c,
+  onNewsletterSubmit: k,
+  hideNewsletter: D = !1,
   shortcutsLinks: C,
   linksLinks: U,
   shortcutsTitle: w,
-  linksTitle: $,
-  visitingAddress: M = ["Hausmannsgate 7 (Korsegården)", "0186 Oslo"],
+  linksTitle: P,
+  visitingAddress: j = ["Hausmannsgate 7 (Korsegården)", "0186 Oslo"],
   organizationNumber: l = "XXX XXX XXX",
   email: te = "post@redcross.no",
-  showPrimaryLogo: P = !0,
+  showPrimaryLogo: z = !0,
   primaryLogoSrc: B,
   primaryLogoAlt: X = "Røde Kors Logo",
-  whiteSectionSlot: d,
-  socialLinks: D = [],
+  whiteSectionSlot: p,
+  socialLinks: L = [],
   contactPersons: S = [],
   legalLinks: R = [],
-  socialLinksTitle: A,
+  socialLinksTitle: I,
   contactPersonsTitle: G
 } = {}) => {
-  const O = (/* @__PURE__ */ new Date()).getFullYear(), { t: J } = ye(), [W, L] = Ne.useState(""), g = (m, _) => {
-    const N = J(m);
-    return N === m ? _ : 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 _ = Xs(o), N = document.createElement("style");
-    N.id = m, N.textContent = _, 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 h = (m) => {
-    m.preventDefault(), x == null || x(W);
-  }, v = () => /* @__PURE__ */ r(
+  const v = (g) => {
+    g.preventDefault(), k == null || k(W);
+  }, y = () => /* @__PURE__ */ s(
     "svg",
     {
       width: "170",
@@ -4473,7 +4483,7 @@ const ts = "_footer_1l5de_1", ns = "_mainSection_1l5de_7", os = "_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" }),
@@ -4487,175 +4497,175 @@ const ts = "_footer_1l5de_1", ns = "_mainSection_1l5de_7", os = "_mainContainer_
         /* @__PURE__ */ n("path", { d: "M63.2545 52.9331H24.0869V66.0625H63.2545V52.9331Z", fill: "#D52B1E" })
       ]
     }
-  ), b = [
-    { 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__ */ r(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 "',
-    y,
+    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."
-  ] }), I = C || b, j = U || ne, K = () => /* @__PURE__ */ r("div", { className: o.socialLinksSection, children: [
-    A && /* @__PURE__ */ n("h3", { className: o.socialLinksTitle, children: A }),
-    /* @__PURE__ */ n("ul", { className: o.socialLinksList, children: D.map((m, _) => /* @__PURE__ */ n("li", { children: /* @__PURE__ */ r(oe, { href: m.href, className: o.socialLink, children: [
-      /* @__PURE__ */ n("span", { className: o.socialLinkIcon, children: m.icon }),
-      m.label
-    ] }) }, _)) })
-  ] }), T = ({ person: m }) => /* @__PURE__ */ r("div", { className: o.contactPersonCard, children: [
-    /* @__PURE__ */ n("p", { className: o.contactPersonName, children: m.name }),
-    /* @__PURE__ */ n("p", { className: o.contactPersonRole, children: m.role }),
-    /* @__PURE__ */ r("div", { className: o.contactPersonDetails, children: [
-      /* @__PURE__ */ r("p", { className: o.contactPersonEmail, children: [
-        /* @__PURE__ */ r("span", { className: o.contactPersonLabel, children: [
-          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__ */ r("p", { className: o.contactPersonPhone, children: [
-        /* @__PURE__ */ r("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__ */ r("div", { className: o.contactPersonsSection, children: [
-    G && /* @__PURE__ */ n("h3", { className: o.contactPersonsTitle, children: G }),
-    /* @__PURE__ */ n("div", { className: o.contactPersonsGrid, children: S.map((m, _) => /* @__PURE__ */ n(T, { person: m }, _)) })
-  ] }), ce = () => /* @__PURE__ */ n("ul", { className: o.legalLinksRow, children: R.map((m, _) => /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(oe, { href: m.href, className: o.legalLink, children: m.label }) }, _)) });
-  return e === "contact" ? /* @__PURE__ */ r("footer", { className: o.footer, "data-color": t, children: [
-    /* @__PURE__ */ n("div", { className: o.mainSection, children: /* @__PURE__ */ r("div", { className: o.mainContainer, children: [
-      s && /* @__PURE__ */ n("div", { className: o.crossCornerTopRight, children: /* @__PURE__ */ n(ve, { position: "top-right", size: "md", "aria-hidden": !0 }) }),
-      /* @__PURE__ */ r("div", { className: o.contentRowContact, children: [
-        D.length > 0 && /* @__PURE__ */ n(K, {}),
+  ] }), 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__ */ r("div", { className: o.contactSection, children: [
-        /* @__PURE__ */ r("div", { className: o.contactColumn, children: [
-          /* @__PURE__ */ n("h4", { className: o.contactTitle, children: g("footer.contact.visitingAddress", "Besøks adresse") }),
-          /* @__PURE__ */ n("div", { className: o.contactContent, children: M.map((m, _) => /* @__PURE__ */ n("p", { children: m }, _)) })
+      /* @__PURE__ */ n("div", { className: 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__ */ r("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__ */ r("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__ */ r("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__ */ r("p", { className: o.copyrightText, children: [
+        /* @__PURE__ */ s("p", { className: r.copyrightText, children: [
           "© ",
           O,
           " ",
-          g("footer.copyright", "Rødekors")
+          u("footer.copyright", "Rødekors")
         ] })
       ] }),
-      s && /* @__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__ */ r("div", { className: o.whiteContent, children: [
-      P && (B ? /* @__PURE__ */ n(
+    /* @__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(v, {}) })),
-      d && /* @__PURE__ */ n("div", { className: o.slotLarge, children: d })
+      ) : /* @__PURE__ */ n("div", { className: r.logo, children: /* @__PURE__ */ n(y, {}) })),
+      p && /* @__PURE__ */ n("div", { className: r.slotLarge, children: p })
     ] }) }) })
-  ] }) : /* @__PURE__ */ r("footer", { className: o.footer, "data-color": t, children: [
-    /* @__PURE__ */ n("div", { className: o.mainSection, children: /* @__PURE__ */ r("div", { className: o.mainContainer, children: [
-      s && /* @__PURE__ */ n("div", { className: o.crossCornerTopRight, children: /* @__PURE__ */ n(ve, { position: "top-right", size: "md", "aria-hidden": !0 }) }),
-      /* @__PURE__ */ r("div", { className: o.contentRow, children: [
-        !F && /* @__PURE__ */ r("div", { className: o.newsletterSection, children: [
-          /* @__PURE__ */ n("p", { className: o.newsletterDescription, children: c }),
-          /* @__PURE__ */ n("form", { className: o.newsletterForm, onSubmit: h, children: /* @__PURE__ */ r("div", { className: o.newsletterInputGroup, children: [
+  ] }) : /* @__PURE__ */ 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: f,
+                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: y })
+            /* @__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__ */ r("div", { className: o.linksSection, children: [
-          /* @__PURE__ */ r("nav", { className: o.linksColumn, "aria-label": w || g("footer.shortcuts", "Snarveier"), children: [
-            /* @__PURE__ */ n("h3", { className: o.linksTitle, children: w || g("footer.shortcuts", "Snarveier") }),
-            /* @__PURE__ */ n("ul", { className: o.linksList, children: I.map((m, _) => /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(oe, { href: m.href, className: o.footerLink, children: m.label }) }, _)) })
+        /* @__PURE__ */ 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__ */ r("nav", { className: o.linksColumn, "aria-label": $ || g("footer.links", "Lenker"), children: [
-            /* @__PURE__ */ n("h3", { className: o.linksTitle, children: $ || g("footer.links", "Lenker") }),
-            /* @__PURE__ */ n("ul", { className: o.linksList, children: j.map((m, _) => /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(oe, { href: m.href, className: o.footerLink, children: m.label }) }, _)) })
+          /* @__PURE__ */ 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__ */ r("div", { className: o.contactSection, children: [
-        /* @__PURE__ */ r("div", { className: o.contactColumn, children: [
-          /* @__PURE__ */ n("h4", { className: o.contactTitle, children: g("footer.contact.visitingAddress", "Besøks adresse") }),
-          /* @__PURE__ */ n("div", { className: o.contactContent, children: M.map((m, _) => /* @__PURE__ */ n("p", { children: m }, _)) })
+      /* @__PURE__ */ n("div", { className: 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__ */ r("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__ */ r("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__ */ r("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")
       ] }) }),
-      s && /* @__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__ */ r("div", { className: o.whiteContent, children: [
-      P && (B ? /* @__PURE__ */ n(
+    /* @__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(v, {}) })),
-      d && /* @__PURE__ */ n("div", { className: o.slotLarge, children: d })
+      ) : /* @__PURE__ */ n("div", { className: r.logo, children: /* @__PURE__ */ n(y, {}) })),
+      p && /* @__PURE__ */ n("div", { className: r.slotLarge, children: p })
     ] }) }) })
   ] });
 };
-function Xs(t) {
+function Qs(t) {
   const e = t;
   return `
 .${e.footer} {
@@ -5080,24 +5090,24 @@ function Xs(t) {
 }
 `;
 }
-const Js = "_donor_1hxqz_1", Qs = "_tabsWrapper_1hxqz_14", ea = "_content_1hxqz_35", ta = "_amountSection_1hxqz_47", na = "_amountLabel_1hxqz_55", oa = "_amountButtons_1hxqz_64", ra = "_customAmountField_1hxqz_75", sa = "_impactRow_1hxqz_80", aa = "_heartIcon_1hxqz_88", ia = "_impactText_1hxqz_102", la = "_impactAmount_1hxqz_112", da = "_actionsSection_1hxqz_117", ca = "_vippsButton_1hxqz_127", pa = "_vippsButtonLabel_1hxqz_157", ma = "_vippsLogo_1hxqz_166", ga = "_avtalegiroLink_1hxqz_179", ua = "_tabHeartIcon_1hxqz_184", E = {
-  donor: Js,
-  tabsWrapper: Qs,
-  content: ea,
-  amountSection: ta,
-  amountLabel: na,
-  amountButtons: oa,
-  customAmountField: ra,
-  impactRow: sa,
-  heartIcon: aa,
-  impactText: ia,
-  impactAmount: la,
-  actionsSection: da,
-  vippsButton: ca,
-  vippsButtonLabel: pa,
-  vippsLogo: ma,
-  avtalegiroLink: ga,
-  tabHeartIcon: ua
+const 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",
   {
@@ -5116,7 +5126,7 @@ const Js = "_donor_1hxqz_1", Qs = "_tabsWrapper_1hxqz_14", ea = "_content_1hxqz_
       }
     )
   }
-), ha = () => /* @__PURE__ */ n(
+), ka = () => /* @__PURE__ */ n(
   "svg",
   {
     width: "16",
@@ -5134,7 +5144,7 @@ const Js = "_donor_1hxqz_1", Qs = "_tabsWrapper_1hxqz_14", ea = "_content_1hxqz_
       }
     )
   }
-), fa = () => /* @__PURE__ */ n(
+), va = () => /* @__PURE__ */ n(
   "svg",
   {
     width: "64",
@@ -5152,125 +5162,125 @@ const Js = "_donor_1hxqz_1", Qs = "_tabsWrapper_1hxqz_14", ea = "_content_1hxqz_
       }
     )
   }
-), ka = [
+), ba = [
   { value: 220, label: "220 kr" },
   { value: 345, label: "345 kr" },
   { value: 660, label: "660 kr" }
-], pi = ({
+], mi = ({
   "data-color": t = "primary",
-  amounts: e = ka,
-  defaultAmount: s = 345,
-  oneTimeLabel: c = "En gang",
-  monthlyLabel: f = "Hver måned",
-  customAmountPlaceholder: y = "Valgfritt beløp",
-  amountLabel: u = "Velg ønsket beløp:",
-  impactMessage: x = "En gave på {amount} bidrar til ...",
-  vippsButtonLabel: F = "Gi med",
+  amounts: e = ba,
+  defaultAmount: o = 345,
+  oneTimeLabel: d = "En gang",
+  monthlyLabel: h = "Hver måned",
+  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: $,
-  onAvtalegiroClick: M,
+  onVippsClick: P,
+  onAvtalegiroClick: j,
   onAmountChange: l,
   showVippsButton: te = !0,
-  showAvtalegiroLink: P = !0,
+  showAvtalegiroLink: z = !0,
   showImpactMessage: B = !0,
   heartVariant: X = "outlined"
 }) => {
-  const [d, D] = Y("monthly"), [S, R] = Y(s), [A, G] = Y(""), [O, J] = Y(!1);
-  z(() => {
-    const I = "rk-donor-inline-styles";
-    if (typeof document > "u" || document.getElementById(I)) return;
-    const j = va(E), K = document.createElement("style");
-    K.id = I, K.textContent = j, document.head.appendChild(K);
+  const [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 F = ya(E), K = document.createElement("style");
+    K.id = _, K.textContent = F, document.head.appendChild(K);
   }, []);
-  const W = O && A ? parseInt(A, 10) || 0 : S, L = (I) => {
-    R(I), J(!1), G(""), l == null || l(I, d);
-  }, g = (I) => {
-    const j = I.target.value;
-    G(j), J(!0);
-    const K = parseInt(j, 10);
-    K > 0 && (l == null || l(K, d));
-  }, h = () => {
+  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);
-  }, v = (I) => {
-    const j = I;
-    D(j), l == null || l(W, j);
-  }, b = () => {
-    $ == null || $(W, d);
+  }, 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 I = `${W} ${w}`, j = x.split("{amount}");
-    return /* @__PURE__ */ r("span", { children: [
-      j[0],
-      /* @__PURE__ */ n("span", { className: E.impactAmount, children: I }),
-      j[1] || ""
+    const _ = `${W} ${w}`, F = k.split("{amount}");
+    return /* @__PURE__ */ s("span", { children: [
+      F[0],
+      /* @__PURE__ */ n("span", { className: E.impactAmount, children: _ }),
+      F[1] || ""
     ] });
   };
-  return /* @__PURE__ */ r("div", { className: E.donor, "data-color": t, children: [
-    /* @__PURE__ */ n("div", { className: E.tabsWrapper, children: /* @__PURE__ */ n(Te, { defaultValue: "monthly", onChange: v, "data-size": "md", children: /* @__PURE__ */ r(Te.List, { children: [
-      /* @__PURE__ */ n(Te.Tab, { value: "one-time", children: c }),
-      /* @__PURE__ */ r(Te.Tab, { value: "monthly", children: [
+  return /* @__PURE__ */ 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__ */ s(Te.Tab, { value: "monthly", children: [
         /* @__PURE__ */ n("span", { className: E.tabHeartIcon, children: /* @__PURE__ */ n(We, {}) }),
-        f
+        h
       ] })
     ] }) }) }),
-    /* @__PURE__ */ r("div", { className: E.content, children: [
-      /* @__PURE__ */ r("div", { className: E.amountSection, children: [
-        /* @__PURE__ */ n(be, { className: E.amountLabel, "data-size": "sm", children: u }),
-        /* @__PURE__ */ n("div", { className: E.amountButtons, children: e.map((I) => {
-          const j = !O && S === I.value;
+    /* @__PURE__ */ 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 F = !O && S === _.value;
           return /* @__PURE__ */ n(
             de,
             {
-              variant: j ? "primary" : "secondary",
-              "data-color": j ? "accent" : "neutral",
-              onClick: () => L(I.value),
-              children: I.label
+              variant: F ? "primary" : "secondary",
+              "data-color": F ? "accent" : "neutral",
+              onClick: () => N(_.value),
+              children: _.label
             },
-            I.value
+            _.value
           );
         }) }),
         /* @__PURE__ */ n("div", { className: E.customAmountField, children: /* @__PURE__ */ n(
-          Zo,
+          Jo,
           {
-            "aria-label": y,
-            placeholder: y,
-            value: A,
-            onChange: g,
-            onFocus: h,
+            "aria-label": f,
+            placeholder: f,
+            value: I,
+            onChange: u,
+            onFocus: v,
             type: "number",
             min: 1
           }
         ) })
       ] }),
-      B && /* @__PURE__ */ r("div", { className: E.impactRow, children: [
-        /* @__PURE__ */ n("div", { className: E.heartIcon, children: X === "filled" ? /* @__PURE__ */ n(We, {}) : /* @__PURE__ */ n(ha, {}) }),
+      B && /* @__PURE__ */ 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__ */ r("div", { className: E.actionsSection, children: [
-        te && /* @__PURE__ */ r(
+      /* @__PURE__ */ s("div", { className: E.actionsSection, children: [
+        te && /* @__PURE__ */ s(
           "button",
           {
             className: E.vippsButton,
-            onClick: b,
+            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(fa, {}) })
+              /* @__PURE__ */ n("span", { className: E.vippsButtonLabel, children: D }),
+              /* @__PURE__ */ n("span", { className: E.vippsLogo, children: /* @__PURE__ */ n(va, {}) })
             ]
           }
         ),
-        P && /* @__PURE__ */ n(
+        z && /* @__PURE__ */ n(
           oe,
           {
             href: U,
             "data-color": "neutral",
             className: E.avtalegiroLink,
-            onClick: (I) => {
-              M && (I.preventDefault(), ne());
+            onClick: (_) => {
+              j && (_.preventDefault(), ne());
             },
             children: C
           }
@@ -5279,7 +5289,7 @@ const Js = "_donor_1hxqz_1", Qs = "_tabsWrapper_1hxqz_14", ea = "_content_1hxqz_
     ] })
   ] });
 };
-function va(t) {
+function ya(t) {
   return `
 .${t.donor} {
   border-radius: 16px;
@@ -5448,69 +5458,69 @@ export {
   un as Alert,
   Ke as Avatar,
   hn as Badge,
-  Sa as BadgePosition,
-  Ia as Breadcrumbs,
-  Da as BreadcrumbsItem,
-  Aa as BreadcrumbsLink,
-  _a as BreadcrumbsList,
+  _a as BadgePosition,
+  Da as Breadcrumbs,
+  La as BreadcrumbsItem,
+  Na as BreadcrumbsLink,
+  Aa as BreadcrumbsList,
   de as Button,
-  fn as Card,
-  La as CardBlock,
-  zo as Carousel,
-  kn as Checkbox,
-  Ma 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,
-  Ba as Details,
-  Ea as Dialog,
+  yo as DateInput,
+  po as DatePicker,
+  $a as Details,
+  Pa as Dialog,
   za as Divider,
-  pi as Donor,
+  mi as Donor,
   V as Dropdown,
-  Ha as DropdownButton,
-  Ra as DropdownHeading,
-  Wa as DropdownItem,
-  Ga as DropdownList,
-  $a as DropdownTrigger,
-  Pa as DropdownTriggerContext,
-  Ua as ErrorSummary,
-  Va as Field,
-  Vo as FieldCounter,
-  Uo as FieldDescription,
-  Oa 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,
-  ja as LanguageProvider,
+  qo as Label,
+  Ba as LanguageProvider,
   oe as Link,
-  Ka as List,
-  qo as Pagination,
-  Za as PaginationButton,
-  Ya as PaginationItem,
-  qa as PaginationList,
+  Ya as List,
+  Yo as Pagination,
+  Ja as PaginationButton,
+  Xa as PaginationItem,
+  Za as PaginationList,
   be as Paragraph,
-  Ja as Popover,
-  Qa as Radio,
+  ei as Popover,
+  ti as Radio,
   xe as Search,
-  ti as Select,
-  ni as SkeletonLoader,
-  oi 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,
-  ri as Table,
+  ai as Table,
   Te as Tabs,
-  si as Tag,
-  ai as Textarea,
-  Zo as Textfield,
-  ii as ToggleGroup,
-  li as Tooltip,
-  Xo as ValidationMessage,
-  Na as useCheckboxGroup,
-  Fa 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,
-  Xa as usePagination,
-  ei as useRadioGroup
+  Qa as usePagination,
+  ni as useRadioGroup
 };