rk-designsystem 1.2.3 → 1.2.4

package/dist/componentlibrary.es.js

@@ -1,6 +1,6 @@
 import { jsx as t, jsxs as r, Fragment as Se } from "react/jsx-runtime";
-import Ae, { forwardRef as ie, useState as O, useContext as He, createContext as Je, useEffect as z, useMemo as fe, useCallback as se, useRef as Qe } from "react";
-import { Alert as et, Avatar as tt, BadgePosition as nt, Badge as ot, Breadcrumbs as rt, BreadcrumbsItem as at, BreadcrumbsLink as st, BreadcrumbsList as it, Button as Ne, Card as lt, CardBlock as dt, Checkbox as ct, useCheckboxGroup as pt, Fieldset as Ue, Chip as mt, Spinner as gt, Details as ut, Dialog as ht, Divider as ft, Dropdown as kt, DropdownButton as vt, DropdownHeading as bt, DropdownItem as yt, DropdownList as xt, DropdownTrigger as Tt, DropdownTriggerContext as Ct, ErrorSummary as wt, Field as St, FieldCounter as It, FieldDescription as _t, Heading as Dt, Input as Lt, Label as jt, Link as At, List as Nt, Pagination as Mt, PaginationButton as Ft, PaginationItem as Bt, PaginationList as Et, usePagination as $t, Paragraph as Pt, Popover as zt, Radio as Rt, useRadioGroup as Gt, Search as Wt, SearchInput as Ht, SearchClear as Ut, SearchButton as Vt, Select as Ot, Skeleton as Kt, SkipLink as qt, EXPERIMENTAL_Suggestion as Yt, Switch as Zt, Table as Xt, Tabs as Jt, Tag as Qt, Textarea as en, Textfield as tn, ToggleGroup as nn, Tooltip as on, ValidationMessage as rn } from "@digdir/designsystemet-react";
+import Ne, { forwardRef as ie, useState as O, useContext as He, createContext as Je, useEffect as z, useMemo as fe, useCallback as se, useRef as Qe } from "react";
+import { Alert as et, Avatar as tt, BadgePosition as nt, Badge as ot, Breadcrumbs as rt, BreadcrumbsItem as at, BreadcrumbsLink as st, BreadcrumbsList as it, Button as Me, Card as lt, CardBlock as dt, Checkbox as ct, useCheckboxGroup as pt, Fieldset as Ue, Chip as mt, Spinner as gt, Details as ut, Dialog as ht, Divider as ft, Dropdown as kt, DropdownButton as vt, DropdownHeading as bt, DropdownItem as yt, DropdownList as xt, DropdownTrigger as Tt, DropdownTriggerContext as Ct, ErrorSummary as wt, Field as St, FieldCounter as It, FieldDescription as _t, Heading as Dt, Input as Lt, Label as At, Link as Nt, List as Mt, Pagination as jt, PaginationButton as Ft, PaginationItem as Bt, PaginationList as Et, usePagination as $t, Paragraph as Pt, Popover as zt, Radio as Rt, useRadioGroup as Gt, Search as Wt, SearchInput as Ht, SearchClear as Ut, SearchButton as Vt, Select as Ot, Skeleton as Kt, SkipLink as qt, EXPERIMENTAL_Suggestion as Yt, Switch as Zt, Table as Xt, Tabs as Jt, Tag as Qt, Textarea as en, Textfield as tn, ToggleGroup as nn, Tooltip as on, ValidationMessage as rn } from "@digdir/designsystemet-react";
 import { startOfMonth as ue, isValid as Ie, isSameMonth as Fe, startOfWeek as Ve, format as ke, addDays as Oe, subMonths as an, addMonths as sn, isSameDay as ln, isToday as dn, eachDayOfInterval as cn } from "date-fns";
 import pn from "embla-carousel-react";
 import { ChevronLeftIcon as mn, ChevronRightIcon as gn, ChevronDownIcon as Be, XMarkIcon as _e, MagnifyingGlassIcon as Ee, MenuHamburgerIcon as $e, HeartIcon as un } from "@navikt/aksel-icons";
@@ -10,7 +10,7 @@ const Ke = ie((n, e) => /* @__PURE__ */ t(tt, { ref: e, ...n }));
 Ke.displayName = "Avatar";
 const fn = ie((n, e) => /* @__PURE__ */ t(ot, { ref: e, ...n }));
 fn.displayName = "Badge";
-const Us = nt, Vs = rt, Os = it, Ks = at, qs = st;
+const Os = nt, Ks = rt, qs = it, Ys = at, Zs = st;
 function kn() {
   return {
     "--dsc-button-background": "var(--ds-color-surface-tinted)",
@@ -22,18 +22,18 @@ function kn() {
   };
 }
 const ce = ie(function({ variant: e, shape: a, style: d, ...h }, f) {
-  const m = {};
-  e === "soft" && Object.assign(m, kn()), a === "pill" && (m.borderRadius = "var(--ds-border-radius-full)");
-  const k = Object.keys(m).length === 0 && !d ? void 0 : { ...m, ...d }, D = {};
-  return e !== void 0 && (D.variant = e), a === "pill" && (D["data-shape"] = "pill"), /* @__PURE__ */ t(Ne, { ref: f, ...h, ...D, style: k });
+  const g = {};
+  e === "soft" && Object.assign(g, kn()), a === "pill" && (g.borderRadius = "var(--ds-border-radius-full)");
+  const k = Object.keys(g).length === 0 && !d ? void 0 : { ...g, ...d }, D = {};
+  return e !== void 0 && (D.variant = e), a === "pill" && (D["data-shape"] = "pill"), /* @__PURE__ */ t(Me, { ref: f, ...h, ...D, style: k });
 });
 ce.displayName = "Button";
-const vn = lt, Ys = dt;
+const vn = lt, Xs = dt;
 vn.displayName = "Card";
-const bn = ct, yn = Ue, Zs = pt;
+const bn = ct, yn = Ue, Js = pt;
 bn.displayName = "Checkbox";
 yn.displayName = "Fieldset";
-const Xs = mt;
+const Qs = mt;
 function De(n) {
   return (e = {}) => {
     const a = e.width ? String(e.width) : n.defaultWidth;
@@ -45,11 +45,11 @@ function ve(n) {
     const d = a != null && a.context ? String(a.context) : "standalone";
     let h;
     if (d === "formatting" && n.formattingValues) {
-      const m = n.defaultFormattingWidth || n.defaultWidth, k = a != null && a.width ? String(a.width) : m;
-      h = n.formattingValues[k] || n.formattingValues[m];
+      const g = n.defaultFormattingWidth || n.defaultWidth, k = a != null && a.width ? String(a.width) : g;
+      h = n.formattingValues[k] || n.formattingValues[g];
     } else {
-      const m = n.defaultWidth, k = a != null && a.width ? String(a.width) : n.defaultWidth;
-      h = n.values[k] || n.values[m];
+      const g = n.defaultWidth, k = a != null && a.width ? String(a.width) : n.defaultWidth;
+      h = n.values[k] || n.values[g];
     }
     const f = n.argumentCallback ? n.argumentCallback(e) : e;
     return h[f];
@@ -60,16 +60,16 @@ function be(n) {
     const d = a.width, h = d && n.matchPatterns[d] || n.matchPatterns[n.defaultMatchWidth], f = e.match(h);
     if (!f)
       return null;
-    const m = f[0], k = d && n.parsePatterns[d] || n.parsePatterns[n.defaultParseWidth], D = Array.isArray(k) ? Tn(k, (_) => _.test(m)) : (
+    const g = f[0], k = d && n.parsePatterns[d] || n.parsePatterns[n.defaultParseWidth], D = Array.isArray(k) ? Tn(k, (_) => _.test(g)) : (
       // [TODO] -- I challenge you to fix the type
-      xn(k, (_) => _.test(m))
+      xn(k, (_) => _.test(g))
     );
     let S;
     S = n.valueCallback ? n.valueCallback(D) : D, S = a.valueCallback ? (
       // [TODO] -- I challenge you to fix the type
       a.valueCallback(S)
     ) : S;
-    const R = e.slice(m.length);
+    const R = e.slice(g.length);
     return { value: S, rest: R };
   };
 }
@@ -89,10 +89,10 @@ function Cn(n) {
     if (!d) return null;
     const h = d[0], f = e.match(n.parsePattern);
     if (!f) return null;
-    let m = n.valueCallback ? n.valueCallback(f[0]) : f[0];
-    m = a.valueCallback ? a.valueCallback(m) : m;
+    let g = n.valueCallback ? n.valueCallback(f[0]) : f[0];
+    g = a.valueCallback ? a.valueCallback(g) : g;
     const k = e.slice(h.length);
-    return { value: m, rest: k };
+    return { value: g, rest: k };
   };
 }
 const wn = {
@@ -189,18 +189,18 @@ const wn = {
     formats: Dn,
     defaultWidth: "full"
   })
-}, jn = {
+}, 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 = (n, e, a, d) => jn[n], Nn = {
+}, Nn = (n, e, a, d) => An[n], Mn = {
   narrow: ["f.Kr.", "e.Kr."],
   abbreviated: ["f.Kr.", "e.Kr."],
   wide: ["før Kristus", "etter Kristus"]
-}, Mn = {
+}, jn = {
   narrow: ["1", "2", "3", "4"],
   abbreviated: ["Q1", "Q2", "Q3", "Q4"],
   wide: ["1. kvartal", "2. kvartal", "3. kvartal", "4. kvartal"]
@@ -281,11 +281,11 @@ const wn = {
 }, $n = (n, e) => Number(n) + ".", Pn = {
   ordinalNumber: $n,
   era: ve({
-    values: Nn,
+    values: Mn,
     defaultWidth: "wide"
   }),
   quarter: ve({
-    values: Mn,
+    values: jn,
     defaultWidth: "wide",
     argumentCallback: (n) => n - 1
   }),
@@ -408,7 +408,7 @@ const wn = {
   code: "nb",
   formatDistance: Sn,
   formatLong: Ln,
-  formatRelative: An,
+  formatRelative: Nn,
   localize: Pn,
   match: Xn,
   options: {
@@ -2564,25 +2564,25 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
       openDatePicker: "Open date picker"
     }
   }
-}, Me = Je(void 0), Js = ({ children: n }) => {
+}, je = Je(void 0), ei = ({ children: n }) => {
   const [e, a] = O("NO"), d = (h) => {
     const f = h.split(".");
-    let m = co[e];
+    let g = co[e];
     for (const k of f) {
-      if (m[k] === void 0)
+      if (g[k] === void 0)
         return console.warn(`Translation missing for key: ${h} in language: ${e}`), h;
-      m = m[k];
+      g = g[k];
     }
-    return m;
+    return g;
   };
-  return /* @__PURE__ */ t(Me.Provider, { value: { language: e, setLanguage: a, t: d }, children: n });
-}, Qs = () => {
-  const n = He(Me);
+  return /* @__PURE__ */ t(je.Provider, { value: { language: e, setLanguage: a, t: d }, children: n });
+}, ti = () => {
+  const n = He(je);
   if (n === void 0)
     throw new Error("useLanguage must be used within a LanguageProvider");
   return n;
 }, Te = () => {
-  const n = He(Me);
+  const n = He(je);
   return n === void 0 ? {
     language: "NO",
     setLanguage: () => {
@@ -2657,44 +2657,44 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
 }) => {
   const { t: f } = Te();
   z(() => {
-    const g = "rk-datepicker-inline-styles";
-    if (typeof document > "u" || document.getElementById(g)) return;
+    const m = "rk-datepicker-inline-styles";
+    if (typeof document > "u" || document.getElementById(m)) return;
     const M = go(ee), I = document.createElement("style");
-    I.id = g, I.textContent = M, document.head.appendChild(I);
+    I.id = m, I.textContent = M, document.head.appendChild(I);
   }, []);
-  const [m, k] = O(
+  const [g, k] = O(
     ue(e && Ie(e) ? e : n)
   );
   z(() => {
     if (e && Ie(e)) {
-      const g = ue(e);
-      Fe(g, m) || k(g);
+      const m = ue(e);
+      Fe(m, g) || k(m);
     }
   }, [e]);
-  const D = fe(() => ue(/* @__PURE__ */ new Date()), []), S = fe(() => !1, [m, D]), R = fe(
-    () => po(m),
-    [m]
+  const D = fe(() => ue(/* @__PURE__ */ new Date()), []), S = fe(() => !1, [g, D]), R = fe(
+    () => po(g),
+    [g]
   ), _ = fe(() => {
-    const g = Ve(/* @__PURE__ */ new Date(), { locale: he });
+    const m = Ve(/* @__PURE__ */ new Date(), { locale: he });
     return Array.from({ length: 7 }).map((M, I) => {
-      const F = ke(Oe(g, I), "EEEEEE", { locale: he });
+      const F = ke(Oe(m, I), "EEEEEE", { locale: he });
       return Pe(F);
     });
   }, []), V = se(() => {
-    S || k((g) => ue(an(g, 1)));
-  }, [S]), A = se(() => {
-    k((g) => ue(sn(g, 1)));
+    S || k((m) => ue(an(m, 1)));
+  }, [S]), N = se(() => {
+    k((m) => ue(sn(m, 1)));
   }, []), p = se(
-    (g) => {
-      a && a(g);
+    (m) => {
+      a && a(m);
     },
     [a]
   ), K = se(
-    (g, M) => {
-      (g.key === "Enter" || g.key === " ") && (g.preventDefault(), p(M));
+    (m, M) => {
+      (m.key === "Enter" || m.key === " ") && (m.preventDefault(), p(M));
     },
     [p]
-  ), X = ke(m, "MMMM", { locale: he }), j = ke(m, "yyyy", { locale: he }), q = `${Pe(X)} ${j}`;
+  ), X = ke(g, "MMMM", { locale: he }), A = ke(g, "yyyy", { locale: he }), q = `${Pe(X)} ${A}`;
   return /* @__PURE__ */ r(
     "div",
     {
@@ -2706,7 +2706,7 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
           /* @__PURE__ */ t("span", { className: ee.monthYear, children: q }),
           /* @__PURE__ */ r("div", { className: ee.navigationButtons, children: [
             /* @__PURE__ */ t(
-              Ne,
+              Me,
               {
                 variant: "tertiary",
                 icon: !0,
@@ -2717,20 +2717,20 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
               }
             ),
             /* @__PURE__ */ t(
-              Ne,
+              Me,
               {
                 variant: "tertiary",
                 icon: !0,
-                onClick: A,
+                onClick: N,
                 "aria-label": f("datePicker.nextMonth"),
                 children: /* @__PURE__ */ t(Ye, {})
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ t("div", { className: ee.grid, children: _.map((g) => /* @__PURE__ */ t("div", { className: ee.dayNameCell, children: g }, g)) }),
-        /* @__PURE__ */ t("div", { className: ee.grid, children: R.map((g) => {
-          const M = Fe(g, m), I = e && Ie(e) && ln(g, e), F = dn(g), N = [
+        /* @__PURE__ */ t("div", { className: ee.grid, children: _.map((m) => /* @__PURE__ */ t("div", { className: ee.dayNameCell, children: m }, m)) }),
+        /* @__PURE__ */ t("div", { className: ee.grid, children: R.map((m) => {
+          const M = Fe(m, g), I = e && Ie(e) && ln(m, e), F = dn(m), j = [
             ee.dateCell,
             M ? "" : ee.otherMonth,
             I ? ee.selectedDate : "",
@@ -2740,16 +2740,16 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
           return /* @__PURE__ */ t(
             "div",
             {
-              className: N,
-              onClick: () => p(g),
-              onKeyDown: (L) => K(L, g),
+              className: j,
+              onClick: () => p(m),
+              onKeyDown: (L) => K(L, m),
               role: "button",
               tabIndex: 0,
               "aria-pressed": I ?? !1,
-              "aria-label": ke(g, "PPP", { locale: he }),
-              children: /* @__PURE__ */ t("span", { className: ee.dateNumberContainer, children: ke(g, "d") })
+              "aria-label": ke(m, "PPP", { locale: he }),
+              children: /* @__PURE__ */ t("span", { className: ee.dateNumberContainer, children: ke(m, "d") })
             },
-            g.toISOString()
+            m.toISOString()
           );
         }) })
       ]
@@ -2952,7 +2952,7 @@ const uo = "_fieldset_16fx7_2", ho = "_description_16fx7_14", fo = "_error_16fx7
       label: d,
       suffixIcon: h,
       onSuffixClick: f,
-      className: m,
+      className: g,
       // For ytre fieldset
       inputWrapperClassName: k,
       // For input wrapper div
@@ -2962,19 +2962,19 @@ const uo = "_fieldset_16fx7_2", ho = "_description_16fx7_14", fo = "_error_16fx7
       defaultValue: R,
       onChange: _,
       readOnly: V,
-      placeholder: A = "dd.mm.åååå",
+      placeholder: N = "dd.mm.åååå",
       id: p,
       name: K,
       required: X,
-      disabled: j,
+      disabled: A,
       onClick: q,
-      onFocus: g,
+      onFocus: m,
       // Send ekstern onFocus videre
       onBlur: M,
       // Send ekstern onBlur videre
       autoComplete: I = "off",
       "aria-label": F,
-      "aria-labelledby": N,
+      "aria-labelledby": j,
       description: L,
       error: G,
       // Bruk error-prop for styling
@@ -2984,7 +2984,7 @@ const uo = "_fieldset_16fx7_2", ho = "_description_16fx7_14", fo = "_error_16fx7
       // <-- Destrukturering
       ...J
     } = n, T = S !== void 0, b = Qe(null);
-    Ae.useImperativeHandle(
+    Ne.useImperativeHandle(
       e,
       () => b.current
     );
@@ -2994,13 +2994,13 @@ const uo = "_fieldset_16fx7_2", ho = "_description_16fx7_14", fo = "_error_16fx7
         return ze($);
       },
       []
-    ), [C, E] = O(
+    ), [C, B] = O(
       () => l(S ?? R)
     );
     z(() => {
       if (T) {
         const c = l(S);
-        c !== C && (E(c), b.current && b.current.value !== c && (b.current.value = c));
+        c !== C && (B(c), b.current && b.current.value !== c && (b.current.value = c));
       }
     }, [S, T, C, l]);
     const Y = se(
@@ -3009,7 +3009,7 @@ const uo = "_fieldset_16fx7_2", ho = "_description_16fx7_14", fo = "_error_16fx7
         let u = 0;
         const x = pe.length;
         x <= 2 ? u = x : x <= 4 ? u = x + 1 : u = x + 2, u = Math.min(u, i.length), requestAnimationFrame(() => {
-          if (b.current && (E(i), b.current.value = i, b.current.setSelectionRange(u, u), (i !== oe || T) && _)) {
+          if (b.current && (B(i), b.current.value = i, b.current.setSelectionRange(u, u), (i !== oe || T) && _)) {
             const ae = {
               ...c,
               target: { ...w, value: i }
@@ -3019,7 +3019,7 @@ const uo = "_fieldset_16fx7_2", ho = "_description_16fx7_14", fo = "_error_16fx7
         });
       },
       [C, T, _, l]
-    ), y = [de.fieldset, m].filter(Boolean).join(" "), B = [
+    ), y = [de.fieldset, g].filter(Boolean).join(" "), E = [
       de.inputWrapper,
       k,
       G ? de.inputWrapperError : ""
@@ -3029,8 +3029,8 @@ const uo = "_fieldset_16fx7_2", ho = "_description_16fx7_14", fo = "_error_16fx7
       de.suffixButton,
       f ? de.suffixButtonInteractive : ""
     ].filter(Boolean).join(" ");
-    !d && !F && !N && console.warn("Advarsel: DateInput-komponenten bør ha label, aria-label, eller aria-labelledby for tilgjengelighet.");
-    const v = d && typeof d == "string" ? N || `${p}-label` : void 0, Z = L ? `${p}-desc` : void 0, me = G ? `${p}-err` : void 0, ge = [Z, me].filter(Boolean).join(" ") || void 0;
+    !d && !F && !j && console.warn("Advarsel: DateInput-komponenten bør ha label, aria-label, eller aria-labelledby for tilgjengelighet.");
+    const v = d && typeof d == "string" ? j || `${p}-label` : void 0, Z = L ? `${p}-desc` : void 0, me = G ? `${p}-err` : void 0, ge = [Z, me].filter(Boolean).join(" ") || void 0;
     return (
       // --- Bruk data-color og data-size på den ytre wrapperen ---
       /* @__PURE__ */ r(
@@ -3042,7 +3042,7 @@ const uo = "_fieldset_16fx7_2", ho = "_description_16fx7_14", fo = "_error_16fx7
           children: [
             d && typeof d == "string" ? /* @__PURE__ */ t("label", { id: v, htmlFor: p, children: d }) : d,
             L && /* @__PURE__ */ t("p", { id: Z, className: de.description, children: L }),
-            /* @__PURE__ */ r("div", { className: B, children: [
+            /* @__PURE__ */ r("div", { className: E, children: [
               /* @__PURE__ */ t(
                 "input",
                 {
@@ -3053,14 +3053,14 @@ const uo = "_fieldset_16fx7_2", ho = "_description_16fx7_14", fo = "_error_16fx7
                   maxLength: 10,
                   value: C,
                   readOnly: V,
-                  placeholder: A,
+                  placeholder: N,
                   id: p,
                   name: K,
                   required: X,
-                  disabled: j,
+                  disabled: A,
                   onClick: q,
                   onChange: Y,
-                  onFocus: g,
+                  onFocus: m,
                   onBlur: M,
                   autoComplete: I,
                   "aria-label": F,
@@ -3076,10 +3076,10 @@ const uo = "_fieldset_16fx7_2", ho = "_description_16fx7_14", fo = "_error_16fx7
                 {
                   type: "button",
                   className: le,
-                  onClick: j ? void 0 : f,
-                  tabIndex: f && !j ? 0 : -1,
+                  onClick: A ? void 0 : f,
+                  tabIndex: f && !A ? 0 : -1,
                   "aria-hidden": !f,
-                  disabled: j,
+                  disabled: A,
                   "aria-label": f ? a("dateInput.openDatePicker") : void 0,
                   children: h
                 }
@@ -3186,7 +3186,7 @@ function To(n) {
 }
 `;
 }
-const Co = "_carouselContainer_eo3g5_1", wo = "_viewport_eo3g5_14", So = "_slides_eo3g5_20", Io = "_slide_eo3g5_20", _o = "_slideInner_eo3g5_40", Do = "_loaderOverlay_eo3g5_48", Lo = "_image_eo3g5_58", jo = "_loaded_eo3g5_69", Ao = "_loading_eo3g5_73", No = "_empty_eo3g5_81", Mo = "_controls_eo3g5_87", Fo = "_arrows_eo3g5_97", Bo = "_dots_eo3g5_107", Eo = "_dot_eo3g5_107", $o = "_dotActive_eo3g5_133", W = {
+const Co = "_carouselContainer_eo3g5_1", wo = "_viewport_eo3g5_14", So = "_slides_eo3g5_20", Io = "_slide_eo3g5_20", _o = "_slideInner_eo3g5_40", Do = "_loaderOverlay_eo3g5_48", Lo = "_image_eo3g5_58", Ao = "_loaded_eo3g5_69", No = "_loading_eo3g5_73", Mo = "_empty_eo3g5_81", jo = "_controls_eo3g5_87", Fo = "_arrows_eo3g5_97", Bo = "_dots_eo3g5_107", Eo = "_dot_eo3g5_107", $o = "_dotActive_eo3g5_133", W = {
   carouselContainer: Co,
   viewport: wo,
   slides: So,
@@ -3194,10 +3194,10 @@ const Co = "_carouselContainer_eo3g5_1", wo = "_viewport_eo3g5_14", So = "_slide
   slideInner: _o,
   loaderOverlay: Do,
   image: Lo,
-  loaded: jo,
-  loading: Ao,
-  empty: No,
-  controls: Mo,
+  loaded: Ao,
+  loading: No,
+  empty: Mo,
+  controls: jo,
   arrows: Fo,
   dots: Bo,
   dot: Eo,
@@ -3209,7 +3209,7 @@ const Co = "_carouselContainer_eo3g5_1", wo = "_viewport_eo3g5_14", So = "_slide
   showArrows: d = !0,
   showDots: h = !0,
   variant: f,
-  slidesPerView: m = 1,
+  slidesPerView: g = 1,
   slideSpacing: k = 16,
   cornerRadius: D = 0,
   "data-color": S,
@@ -3227,7 +3227,7 @@ const Co = "_carouselContainer_eo3g5_1", wo = "_viewport_eo3g5_14", So = "_slide
     align: "start",
     containScroll: "trimSnaps",
     slidesToScroll: 1
-  }, [A, p] = pn(V), [K, X] = O(0), [j, q] = O([]), [g, M] = O([]);
+  }, [N, p] = pn(V), [K, X] = O(0), [A, q] = O([]), [m, M] = O([]);
   z(() => {
     M(new Array((n == null ? void 0 : n.length) || 0).fill(!1));
   }, [n]);
@@ -3236,17 +3236,17 @@ const Co = "_carouselContainer_eo3g5_1", wo = "_viewport_eo3g5_14", So = "_slide
       const C = [...l];
       return C[b] = !0, C;
     });
-  }, []), F = fe(() => a * 1e3, [a]), N = se(() => {
+  }, []), F = fe(() => a * 1e3, [a]), j = se(() => {
     p && X(p.selectedScrollSnap());
   }, [p]), L = se((b) => p && p.scrollTo(b), [p]), G = se(() => p && p.scrollPrev(), [p]), ne = se(() => p && p.scrollNext(), [p]);
   z(() => {
     if (p)
-      return p.on("select", N), p.on("reInit", N), q(p.scrollSnapList()), () => {
-        p.off("select", N), p.off("reInit", N);
+      return p.on("select", j), p.on("reInit", j), q(p.scrollSnapList()), () => {
+        p.off("select", j), p.off("reInit", j);
       };
-  }, [p, N]), z(() => {
+  }, [p, j]), z(() => {
     p && (p.reInit(), q(p.scrollSnapList()));
-  }, [p, n, m, k]), z(() => {
+  }, [p, n, g, k]), z(() => {
     if (!e || !p || !n || n.length <= 1) return;
     const b = window.setInterval(() => {
       p.canScrollNext() && p.scrollNext();
@@ -3255,7 +3255,7 @@ const Co = "_carouselContainer_eo3g5_1", wo = "_viewport_eo3g5_14", So = "_slide
       window.clearInterval(b);
     };
   }, [e, F, p, n]);
-  const H = Math.max(1, m), J = `${100 / H}%`, T = k / 2;
+  const H = Math.max(1, g), J = `${100 / H}%`, T = k / 2;
   return /* @__PURE__ */ r(
     "div",
     {
@@ -3264,7 +3264,7 @@ const Co = "_carouselContainer_eo3g5_1", wo = "_viewport_eo3g5_14", So = "_slide
       "data-size": R,
       "data-variant": f,
       children: [
-        /* @__PURE__ */ t("div", { className: W.viewport, ref: A, children: /* @__PURE__ */ t(
+        /* @__PURE__ */ t("div", { className: W.viewport, ref: N, children: /* @__PURE__ */ t(
           "div",
           {
             className: W.slides,
@@ -3285,11 +3285,11 @@ const Co = "_carouselContainer_eo3g5_1", wo = "_viewport_eo3g5_14", So = "_slide
                   // Ensure radius clips content
                 },
                 children: /* @__PURE__ */ r("div", { className: W.slideInner, style: { borderRadius: `${D}px`, overflow: "hidden", position: "relative", width: "100%", height: "100%" }, children: [
-                  !g[l] && /* @__PURE__ */ t("div", { className: W.loaderOverlay, children: /* @__PURE__ */ t(Po, { "aria-label": _("carousel.loading") }) }),
+                  !m[l] && /* @__PURE__ */ t("div", { className: W.loaderOverlay, children: /* @__PURE__ */ t(Po, { "aria-label": _("carousel.loading") }) }),
                   /* @__PURE__ */ t(
                     "img",
                     {
-                      className: `${W.image} ${g[l] ? W.loaded : W.loadingImage}`,
+                      className: `${W.image} ${m[l] ? W.loaded : W.loadingImage}`,
                       src: b.src,
                       alt: b.alt,
                       loading: l < H ? "eager" : "lazy",
@@ -3331,7 +3331,7 @@ const Co = "_carouselContainer_eo3g5_1", wo = "_viewport_eo3g5_14", So = "_slide
               }
             )
           ] }),
-          h && n && n.length > 1 && /* @__PURE__ */ t("div", { className: W.dots, role: "tablist", "aria-label": _("carousel.imagePosition"), children: j.map((b, l) => {
+          h && n && n.length > 1 && /* @__PURE__ */ t("div", { className: W.dots, role: "tablist", "aria-label": _("carousel.imagePosition"), children: A.map((b, l) => {
             const C = l === K;
             return /* @__PURE__ */ t(
               "button",
@@ -3572,14 +3572,14 @@ const Uo = {
     "aria-label": d,
     "aria-hidden": h = !0,
     "data-color": f,
-    "data-size": m,
+    "data-size": g,
     ...k
   }, D) => {
     z(() => {
       const _ = "rk-crosscorner-inline-styles";
       if (typeof document > "u" || document.getElementById(_)) return;
-      const V = Ho(Le), A = document.createElement("style");
-      A.id = _, A.textContent = V, document.head.appendChild(A);
+      const V = Ho(Le), N = document.createElement("style");
+      N.id = _, N.textContent = V, document.head.appendChild(N);
     }, []);
     const S = Uo[e], R = Vo[n];
     return /* @__PURE__ */ t(
@@ -3596,7 +3596,7 @@ const Uo = {
         "aria-hidden": h,
         role: h ? void 0 : "img",
         "data-color": f,
-        "data-size": m,
+        "data-size": g,
         style: {
           transform: R ? `rotate(${R}deg)` : void 0
         },
@@ -3613,37 +3613,37 @@ const Uo = {
   }
 );
 ye.displayName = "CrossCorner";
-const ei = ut, ti = ht, ni = ft, U = kt, oi = Tt, ri = Ct, ai = bt, si = xt, ii = yt, li = vt, di = wt, ci = St, Oo = _t, Ko = It;
+const ni = ut, oi = ht, ri = ft, U = kt, ai = Tt, si = Ct, ii = bt, li = xt, di = yt, ci = vt, pi = wt, mi = St, Oo = _t, Ko = It;
 Oo.displayName = "Field.Description";
 Ko.displayName = "Field.Counter";
-const pi = Ue, qo = ie((n, e) => /* @__PURE__ */ t(Dt, { ref: e, ...n }));
+const gi = Ue, qo = ie((n, e) => /* @__PURE__ */ t(Dt, { ref: e, ...n }));
 qo.displayName = "Heading";
 const Ze = Lt;
 Ze.displayName = "Input";
-const Yo = ie((n, e) => /* @__PURE__ */ t(jt, { ref: e, ...n }));
+const Yo = ie((n, e) => /* @__PURE__ */ t(At, { ref: e, ...n }));
 Yo.displayName = "Label";
-const te = At, mi = Nt, Zo = Mt, gi = Et, ui = Bt, hi = Ft, fi = $t;
+const te = Nt, ui = Mt, Zo = jt, hi = Et, fi = Bt, ki = Ft, vi = $t;
 Zo.displayName = "Pagination";
 const xe = ie(
   (n, e) => /* @__PURE__ */ t(Pt, { ref: e, ...n })
 );
 xe.displayName = "Paragraph";
-const ki = zt, vi = Rt, bi = Gt, Ce = Object.assign(Wt, {
+const bi = zt, yi = Rt, xi = Gt, Ce = Object.assign(Wt, {
   Button: Vt,
   ClearButton: Ut,
   Input: Ht
-}), yi = Ot, xi = Kt, Ti = qt, Xo = Yt;
+}), Ti = Ot, Ci = Kt, wi = qt, Xo = Yt;
 Xo.displayName = "Suggestion";
-const je = Zt, Ci = Xt, we = Jt, Jo = ie(function({ shape: e, style: a, ...d }, h) {
+const Ae = Zt, Si = Xt, we = Jt, Jo = ie(function({ shape: e, style: a, ...d }, h) {
   const f = {};
   e === "rounded" && (f.borderRadius = "var(--ds-border-radius-xl)");
-  const m = Object.keys(f).length === 0 && !a ? void 0 : { ...f, ...a }, k = {};
-  return e === "rounded" && (k["data-shape"] = "rounded"), /* @__PURE__ */ t(Qt, { ref: h, ...d, ...k, style: m });
+  const g = Object.keys(f).length === 0 && !a ? void 0 : { ...f, ...a }, k = {};
+  return e === "rounded" && (k["data-shape"] = "rounded"), /* @__PURE__ */ t(Qt, { ref: h, ...d, ...k, style: g });
 });
 Jo.displayName = "Tag";
-const wi = en, Qo = tn, Si = nn, Ii = on, er = ie((n, e) => /* @__PURE__ */ t(rn, { ref: e, ...n }));
+const Ii = en, Qo = tn, _i = nn, Di = on, er = ie((n, e) => /* @__PURE__ */ t(rn, { ref: e, ...n }));
 er.displayName = "ValidationMessage";
-const tr = "_header_1h8vy_1", nr = "_languageSwitch_1h8vy_37", or = "_searchOverlay_1h8vy_41", rr = "_headerExtension_1h8vy_46", ar = "_headerExtensionTinted_1h8vy_75", sr = "_languageLabel_1h8vy_83", ir = "_languageLink_1h8vy_88", lr = "_extensionContent_1h8vy_93", dr = "_extensionDivider_1h8vy_98", cr = "_extensionContentWrapper_1h8vy_103", pr = "_headerInner_1h8vy_199", mr = "_logoWrapper_1h8vy_216", gr = "_logo_1h8vy_216", ur = "_secondaryLogoWrapper_1h8vy_239", hr = "_slotComponent_1h8vy_248", fr = "_slotContainer_1h8vy_258", kr = "_slotText_1h8vy_266", vr = "_secondaryLogo_1h8vy_239", br = "_redCrossLogo_1h8vy_293", yr = "_primaryLogo_1h8vy_299", xr = "_navItems_1h8vy_303", Tr = "_navLink_1h8vy_312", Cr = "_actions_1h8vy_325", wr = "_ctaButton_1h8vy_333", Sr = "_themeToggle_1h8vy_338", Ir = "_userInfo_1h8vy_343", _r = "_userName_1h8vy_349", Dr = "_loginLink_1h8vy_356", Lr = "_loginText_1h8vy_365", jr = "_underline_1h8vy_372", Ar = "_searchButtonWrapper_1h8vy_378", Nr = "_buttonText_1h8vy_382", Mr = "_menuButton_1h8vy_387", Fr = "_menuOverlay_1h8vy_410", Br = "_searchContent_1h8vy_444", Er = "_menuContent_1h8vy_454", $r = "_menuLeftColumn_1h8vy_463", Pr = "_menuRightColumn_1h8vy_469", zr = "_slotContent_1h8vy_483", Rr = "_navList_1h8vy_496", Gr = "_menuUtilities_1h8vy_503", Wr = "_menuBrand_1h8vy_510", Hr = "_suggestionsSection_1h8vy_514", Ur = "_suggestionsTitle_1h8vy_520", Vr = "_searchResults_1h8vy_529", Or = "_resultList_1h8vy_535", Kr = "_resultItem_1h8vy_541", qr = "_resultLink_1h8vy_549", Yr = "_suggestionIcon_1h8vy_563", Zr = "_suggestionText_1h8vy_576", Xr = "_highlightedText_1h8vy_583", Jr = "_remainingText_1h8vy_588", Qr = "_viewAllLink_1h8vy_601", ea = "_noResults_1h8vy_636", s = {
+const tr = "_header_1h8vy_1", nr = "_languageSwitch_1h8vy_37", or = "_searchOverlay_1h8vy_41", rr = "_headerExtension_1h8vy_46", ar = "_headerExtensionTinted_1h8vy_75", sr = "_languageLabel_1h8vy_83", ir = "_languageLink_1h8vy_88", lr = "_extensionContent_1h8vy_93", dr = "_extensionDivider_1h8vy_98", cr = "_extensionContentWrapper_1h8vy_103", pr = "_headerInner_1h8vy_199", mr = "_logoWrapper_1h8vy_216", gr = "_logo_1h8vy_216", ur = "_secondaryLogoWrapper_1h8vy_239", hr = "_slotComponent_1h8vy_248", fr = "_slotContainer_1h8vy_258", kr = "_slotText_1h8vy_266", vr = "_secondaryLogo_1h8vy_239", br = "_redCrossLogo_1h8vy_293", yr = "_primaryLogo_1h8vy_299", xr = "_navItems_1h8vy_303", Tr = "_navLink_1h8vy_312", Cr = "_actions_1h8vy_325", wr = "_ctaButton_1h8vy_333", Sr = "_themeToggle_1h8vy_338", Ir = "_userInfo_1h8vy_343", _r = "_userName_1h8vy_349", Dr = "_loginLink_1h8vy_356", Lr = "_loginText_1h8vy_365", Ar = "_underline_1h8vy_372", Nr = "_searchButtonWrapper_1h8vy_378", Mr = "_buttonText_1h8vy_382", jr = "_menuButton_1h8vy_387", Fr = "_menuOverlay_1h8vy_410", Br = "_searchContent_1h8vy_444", Er = "_menuContent_1h8vy_454", $r = "_menuLeftColumn_1h8vy_463", Pr = "_menuRightColumn_1h8vy_469", zr = "_slotContent_1h8vy_483", Rr = "_navList_1h8vy_496", Gr = "_menuUtilities_1h8vy_503", Wr = "_menuBrand_1h8vy_510", Hr = "_suggestionsSection_1h8vy_514", Ur = "_suggestionsTitle_1h8vy_520", Vr = "_searchResults_1h8vy_529", Or = "_resultList_1h8vy_535", Kr = "_resultItem_1h8vy_541", qr = "_resultLink_1h8vy_549", Yr = "_suggestionIcon_1h8vy_563", Zr = "_suggestionText_1h8vy_576", Xr = "_highlightedText_1h8vy_583", Jr = "_remainingText_1h8vy_588", Qr = "_viewAllLink_1h8vy_601", ea = "_noResults_1h8vy_636", s = {
   header: tr,
   languageSwitch: nr,
   searchOverlay: or,
@@ -3673,10 +3673,10 @@ const tr = "_header_1h8vy_1", nr = "_languageSwitch_1h8vy_37", or = "_searchOver
   userName: _r,
   loginLink: Dr,
   loginText: Lr,
-  underline: jr,
-  searchButtonWrapper: Ar,
-  buttonText: Nr,
-  menuButton: Mr,
+  underline: Ar,
+  searchButtonWrapper: Nr,
+  buttonText: Mr,
+  menuButton: jr,
   menuOverlay: Fr,
   searchContent: Br,
   menuContent: Er,
@@ -3765,38 +3765,38 @@ const tr = "_header_1h8vy_1", nr = "_languageSwitch_1h8vy_37", or = "_searchOver
 function na(n) {
   return n.split(/\s+/).map((e) => e[0] ?? "").join("").slice(0, 2).toUpperCase();
 }
-const _i = ({
+const Li = ({
   variant: n = "default",
   "data-color": e = "primary",
   activePage: a,
   setPage: d,
   children: h,
   showUser: f = !0,
-  showSearch: m = !0,
+  showSearch: g = !0,
   showLogin: k = !0,
   showCta: D = !1,
   ctaLabel: S,
   ctaIcon: R = /* @__PURE__ */ t(un, { "aria-hidden": !0 }),
   onCtaClick: _,
   showThemeToggle: V = !1,
-  secondaryLogo: A = !1,
+  secondaryLogo: N = !1,
   secondaryLogoSrc: p,
   secondaryLogoSrcDark: K,
   secondaryLogoAlt: X = "Secondary Logo",
-  navItems: j,
+  navItems: A,
   showNavItems: q = !0,
-  showMenuButton: g = !0,
+  showMenuButton: m = !0,
   showHeaderExtension: M = !1,
   showModeToggle: I = !1,
   showLanguageSwitch: F = !1,
-  extensionColor: N,
+  extensionColor: j,
   buttonStyle: L = "default",
   userName: G,
   userInitials: ne,
   userAvatarSrc: H,
   onUserClick: J
 }) => {
-  const [T, b] = O(!1), [l, C] = O(!1), [E, Y] = O(""), [y, B] = O("light"), { language: Q, setLanguage: le, t: v } = Te(), [Z, me] = O(!1);
+  const [T, b] = O(!1), [l, C] = O(!1), [B, Y] = O(""), [y, E] = O("light"), { language: Q, setLanguage: le, t: v } = Te(), [Z, me] = O(!1);
   z(() => {
     const i = "rk-header-inline-styles";
     if (typeof document > "u" || document.getElementById(i)) return;
@@ -3886,7 +3886,7 @@ const _i = ({
   }, [l]);
   const c = () => {
     const i = y === "light" ? "dark" : "light";
-    B(i), document.documentElement.setAttribute("data-color-scheme", i);
+    E(i), document.documentElement.setAttribute("data-color-scheme", i);
   }, w = (i) => {
     d && (i.preventDefault(), d("home")), b(!1), C(!1);
   }, $ = () => {
@@ -3900,18 +3900,18 @@ const _i = ({
   }, oe = () => {
     C(!l), T && b(!1);
   }, re = fe(() => {
-    if (!E.trim()) return [];
-    const i = E.toLowerCase();
+    if (!B.trim()) return [];
+    const i = B.toLowerCase();
     return ta.filter(
       (u) => u.title.toLowerCase().startsWith(i)
     );
-  }, [E]), pe = (i) => {
+  }, [B]), pe = (i) => {
     d && d(i), C(!1), Y("");
   };
   return /* @__PURE__ */ r("header", { className: s.header, "data-open": T ? "true" : "false", "data-color": e, "data-button-style": L, "data-variant": n, children: [
-    M && /* @__PURE__ */ t("div", { className: `${s.headerExtension}${N === "tinted" ? ` ${s.headerExtensionTinted}` : ""}`, "data-color-scheme": "light", "data-extension-color": N, children: /* @__PURE__ */ r("div", { className: s.extensionContentWrapper, children: [
+    M && /* @__PURE__ */ t("div", { className: `${s.headerExtension}${j === "tinted" ? ` ${s.headerExtensionTinted}` : ""}`, "data-color-scheme": "light", "data-extension-color": j, children: /* @__PURE__ */ r("div", { className: s.extensionContentWrapper, children: [
       I && /* @__PURE__ */ t("div", { className: s.extensionContent, children: /* @__PURE__ */ t(
-        je,
+        Ae,
         {
           "data-size": "sm",
           checked: y === "dark",
@@ -3964,16 +3964,16 @@ const _i = ({
             children: /* @__PURE__ */ t(ge, {})
           }
         ),
-        /* @__PURE__ */ t("div", { className: s.secondaryLogoWrapper, children: A && p ? /* @__PURE__ */ t(
+        /* @__PURE__ */ t("div", { className: s.secondaryLogoWrapper, children: N && p ? /* @__PURE__ */ t(
           "img",
           {
             src: y === "dark" && K ? K : p,
             alt: X,
             className: s.secondaryLogo
           }
-        ) : A ? /* @__PURE__ */ t("div", { className: s.slotComponent, children: /* @__PURE__ */ t("div", { className: s.slotContainer, children: /* @__PURE__ */ t("p", { className: s.slotText, children: "SLOT" }) }) }) : null })
+        ) : N ? /* @__PURE__ */ t("div", { className: s.slotComponent, children: /* @__PURE__ */ t("div", { className: s.slotContainer, children: /* @__PURE__ */ t("p", { className: s.slotText, children: "SLOT" }) }) }) : null })
       ] }),
-      q && j && j.length > 0 && !Z && /* @__PURE__ */ t("nav", { className: s.navItems, children: j.map((i, u) => /* @__PURE__ */ t(
+      q && A && A.length > 0 && !Z && /* @__PURE__ */ t("nav", { className: s.navItems, children: A.map((i, u) => /* @__PURE__ */ t(
         te,
         {
           href: i.href,
@@ -4001,7 +4001,7 @@ const _i = ({
           }
         ),
         !M && V && /* @__PURE__ */ t("div", { className: s.themeToggle, children: /* @__PURE__ */ t(
-          je,
+          Ae,
           {
             checked: y === "dark",
             onChange: c,
@@ -4048,7 +4048,7 @@ const _i = ({
           /* @__PURE__ */ t(xe, { "data-size": "md", className: s.loginText, children: v("header.login") }),
           /* @__PURE__ */ t("div", { className: s.underline })
         ] }),
-        m && /* @__PURE__ */ t("div", { className: s.searchButtonWrapper, children: /* @__PURE__ */ r(
+        g && /* @__PURE__ */ t("div", { className: s.searchButtonWrapper, children: /* @__PURE__ */ r(
           ce,
           {
             variant: "secondary",
@@ -4064,7 +4064,7 @@ const _i = ({
             ]
           }
         ) }),
-        (g || Z) && /* @__PURE__ */ t(
+        (m || Z) && /* @__PURE__ */ t(
           ce,
           {
             variant: L === "soft" ? "soft" : "primary",
@@ -4120,7 +4120,7 @@ const _i = ({
             ] })
           ] }),
           I && /* @__PURE__ */ t("div", { className: s.extensionContent, children: /* @__PURE__ */ t(
-            je,
+            Ae,
             {
               "data-size": "sm",
               checked: y === "dark",
@@ -4133,7 +4133,7 @@ const _i = ({
         ] }),
         /* @__PURE__ */ r("div", { className: s.slotContent, children: [
           h,
-          Z && q && j && j.length > 0 && /* @__PURE__ */ t("nav", { className: s.navList, children: j.map((i, u) => /* @__PURE__ */ t(
+          Z && q && A && A.length > 0 && /* @__PURE__ */ t("nav", { className: s.navList, children: A.map((i, u) => /* @__PURE__ */ t(
             te,
             {
               href: i.href,
@@ -4156,14 +4156,14 @@ const _i = ({
           {
             "aria-label": v("header.search"),
             placeholder: v("header.searchPlaceholder"),
-            value: E,
+            value: B,
             onChange: (i) => Y(i.target.value)
           }
         ),
         /* @__PURE__ */ t(Ce.Button, { "aria-label": v("header.search") }),
         /* @__PURE__ */ t(Ce.ClearButton, { onClick: () => Y(""), "aria-label": v("header.clearSearch") })
       ] }),
-      E && /* @__PURE__ */ t("div", { className: s.searchResults, children: re.length > 0 ? /* @__PURE__ */ r("div", { className: s.suggestionsSection, children: [
+      B && /* @__PURE__ */ t("div", { className: s.searchResults, children: re.length > 0 ? /* @__PURE__ */ r("div", { className: s.suggestionsSection, children: [
         /* @__PURE__ */ t("h3", { className: s.suggestionsTitle, children: v("header.suggestions") }),
         /* @__PURE__ */ t("ul", { className: s.resultList, children: re.slice(0, 5).map((i) => /* @__PURE__ */ t("li", { className: s.resultItem, children: /* @__PURE__ */ r(
           "button",
@@ -4173,9 +4173,9 @@ const _i = ({
             children: [
               /* @__PURE__ */ t("span", { className: s.suggestionIcon, children: /* @__PURE__ */ t(Ee, { "aria-hidden": !0 }) }),
               /* @__PURE__ */ t("span", { className: s.suggestionText, children: (() => {
-                const u = i.title.toLowerCase().indexOf(E.toLowerCase());
+                const u = i.title.toLowerCase().indexOf(B.toLowerCase());
                 if (u === -1) return /* @__PURE__ */ t("span", { className: s.remainingText, children: i.title });
-                const x = i.title.slice(0, u), ae = i.title.slice(u, u + E.length), Xe = i.title.slice(u + E.length);
+                const x = i.title.slice(0, u), ae = i.title.slice(u, u + B.length), Xe = i.title.slice(u + B.length);
                 return /* @__PURE__ */ r(Se, { children: [
                   /* @__PURE__ */ t("span", { className: s.remainingText, children: x }),
                   /* @__PURE__ */ t("span", { className: s.highlightedText, children: ae }),
@@ -4192,7 +4192,7 @@ const _i = ({
             "data-color": "neutral",
             className: s.viewAllLink,
             onClick: (i) => {
-              i.preventDefault(), d && d(`search/${E}`), C(!1), Y("");
+              i.preventDefault(), d && d(`search/${B}`), C(!1), Y("");
             },
             children: [
               v("header.viewAll"),
@@ -4205,7 +4205,7 @@ const _i = ({
       ] }) : /* @__PURE__ */ t("div", { className: s.noResults, children: /* @__PURE__ */ r(xe, { children: [
         v("header.noResults"),
         ' "',
-        E,
+        B,
         '"'
       ] }) }) })
     ] }) })
@@ -4384,7 +4384,7 @@ function oa(n) {
 }
 `;
 }
-const ra = "_footer_fj44n_1", aa = "_mainSection_fj44n_7", sa = "_mainContainer_fj44n_25", ia = "_crossCornerTopRight_fj44n_35", la = "_crossCornerBottomLeft_fj44n_42", da = "_contentRow_fj44n_50", ca = "_newsletterSection_fj44n_60", pa = "_newsletterDescription_fj44n_67", ma = "_newsletterForm_fj44n_76", ga = "_newsletterInputGroup_fj44n_82", ua = "_newsletterInput_fj44n_82", ha = "_consentText_fj44n_93", fa = "_linksSection_fj44n_103", ka = "_linksColumn_fj44n_109", va = "_linksTitle_fj44n_116", ba = "_linksList_fj44n_127", ya = "_footerLink_fj44n_136", xa = "_divider_fj44n_158", Ta = "_contactSection_fj44n_166", Ca = "_contactColumn_fj44n_173", wa = "_contactTitle_fj44n_181", Sa = "_contactContent_fj44n_190", Ia = "_copyrightSection_fj44n_204", _a = "_copyrightText_fj44n_209", Da = "_whiteSection_fj44n_219", La = "_whiteContainer_fj44n_224", ja = "_whiteContent_fj44n_232", Aa = "_logo_fj44n_240", Na = "_redCrossLogo_fj44n_254", Ma = "_slotLarge_fj44n_260", Fa = "_contentRowContact_fj44n_315", Ba = "_socialLinksSection_fj44n_325", Ea = "_socialLinksTitle_fj44n_332", $a = "_socialLinksList_fj44n_343", Pa = "_socialLink_fj44n_325", za = "_socialLinkIcon_fj44n_376", Ra = "_contactPersonsSection_fj44n_391", Ga = "_contactPersonsTitle_fj44n_398", Wa = "_contactPersonsGrid_fj44n_409", Ha = "_contactPersonCard_fj44n_415", Ua = "_contactPersonName_fj44n_422", Va = "_contactPersonRole_fj44n_431", Oa = "_contactPersonDetails_fj44n_440", Ka = "_contactPersonLabel_fj44n_447", qa = "_contactPersonEmail_fj44n_451", Ya = "_contactPersonPhone_fj44n_452", Za = "_contactPersonAddress_fj44n_453", Xa = "_bottomRowContact_fj44n_474", Ja = "_legalLinksRow_fj44n_483", Qa = "_legalLink_fj44n_483", es = "_dpMain_fj44n_558", ts = "_dpContainer_fj44n_567", ns = "_dpColumns_fj44n_575", os = "_dpColumn_fj44n_575", rs = "_dpColTitle_fj44n_588", as = "_dpList_fj44n_596", ss = "_dpLink_fj44n_605", is = "_dpDivider_fj44n_619", ls = "_dpMeta_fj44n_627", ds = "_dpMetaCol_fj44n_633", cs = "_dpMetaTitle_fj44n_641", ps = "_dpMetaText_fj44n_649", ms = "_dpBottom_fj44n_657", gs = "_dpLegal_fj44n_665", us = "_dpLegalLink_fj44n_674", hs = "_dpCopyright_fj44n_686", o = {
+const ra = "_footer_12vvu_1", aa = "_mainSection_12vvu_7", sa = "_mainContainer_12vvu_25", ia = "_crossCornerTopRight_12vvu_35", la = "_crossCornerBottomLeft_12vvu_42", da = "_contentRow_12vvu_50", ca = "_newsletterSection_12vvu_60", pa = "_newsletterDescription_12vvu_67", ma = "_newsletterForm_12vvu_76", ga = "_newsletterInputGroup_12vvu_82", ua = "_newsletterInput_12vvu_82", ha = "_consentText_12vvu_93", fa = "_linksSection_12vvu_103", ka = "_linksColumn_12vvu_109", va = "_linksTitle_12vvu_116", ba = "_linksList_12vvu_127", ya = "_footerLink_12vvu_136", xa = "_divider_12vvu_158", Ta = "_contactSection_12vvu_166", Ca = "_contactColumn_12vvu_173", wa = "_contactTitle_12vvu_181", Sa = "_contactContent_12vvu_190", Ia = "_copyrightSection_12vvu_204", _a = "_copyrightText_12vvu_209", Da = "_whiteSection_12vvu_219", La = "_whiteContainer_12vvu_224", Aa = "_whiteContent_12vvu_232", Na = "_logo_12vvu_240", Ma = "_redCrossLogo_12vvu_254", ja = "_slotLarge_12vvu_260", Fa = "_contentRowContact_12vvu_315", Ba = "_socialLinksSection_12vvu_325", Ea = "_socialLinksTitle_12vvu_332", $a = "_socialLinksList_12vvu_343", Pa = "_socialLink_12vvu_325", za = "_socialLinkIcon_12vvu_376", Ra = "_contactPersonsSection_12vvu_391", Ga = "_contactPersonsTitle_12vvu_398", Wa = "_contactPersonsGrid_12vvu_409", Ha = "_contactPersonCard_12vvu_415", Ua = "_contactPersonName_12vvu_422", Va = "_contactPersonRole_12vvu_431", Oa = "_contactPersonDetails_12vvu_440", Ka = "_contactPersonLabel_12vvu_447", qa = "_contactPersonEmail_12vvu_451", Ya = "_contactPersonPhone_12vvu_452", Za = "_contactPersonAddress_12vvu_453", Xa = "_bottomRowContact_12vvu_474", Ja = "_legalLinksRow_12vvu_483", Qa = "_legalLink_12vvu_483", es = "_dpMain_12vvu_558", ts = "_dpContainer_12vvu_567", ns = "_dpColumns_12vvu_575", os = "_dpColumn_12vvu_575", rs = "_dpColTitle_12vvu_588", as = "_dpList_12vvu_596", ss = "_dpLink_12vvu_605", is = "_dpDivider_12vvu_619", ls = "_dpMeta_12vvu_627", ds = "_dpMetaCol_12vvu_633", cs = "_dpMetaTitle_12vvu_641", ps = "_dpMetaText_12vvu_649", ms = "_dpBottom_12vvu_657", gs = "_dpLegal_12vvu_665", us = "_dpLegalLink_12vvu_674", hs = "_dpCopyright_12vvu_686", fs = "_dpLogoBox_12vvu_694", ks = "_dpLogoImg_12vvu_710", o = {
   footer: ra,
   mainSection: aa,
   mainContainer: sa,
@@ -4411,10 +4411,10 @@ const ra = "_footer_fj44n_1", aa = "_mainSection_fj44n_7", sa = "_mainContainer_
   copyrightText: _a,
   whiteSection: Da,
   whiteContainer: La,
-  whiteContent: ja,
-  logo: Aa,
-  redCrossLogo: Na,
-  slotLarge: Ma,
+  whiteContent: Aa,
+  logo: Na,
+  redCrossLogo: Ma,
+  slotLarge: ja,
   contentRowContact: Fa,
   socialLinksSection: Ba,
   socialLinksTitle: Ea,
@@ -4450,49 +4450,51 @@ const ra = "_footer_fj44n_1", aa = "_mainSection_fj44n_7", sa = "_mainContainer_
   dpBottom: ms,
   dpLegal: gs,
   dpLegalLink: us,
-  dpCopyright: hs
-}, Di = ({
+  dpCopyright: hs,
+  dpLogoBox: fs,
+  dpLogoImg: ks
+}, Ai = ({
   "data-color": n = "neutral",
   variant: e = "default",
   colorScheme: a,
   columns: d,
   showCrossCorners: h = !1,
   newsletterDescription: f = "Tekst om rødekors som kan være rundt 2 linjebrudd i lengde.",
-  newsletterPlaceholder: m = "Input tekst",
+  newsletterPlaceholder: g = "Input tekst",
   newsletterButtonText: k = "Meld deg på",
   newsletterConsentText: D,
   onNewsletterSubmit: S,
   hideNewsletter: R = !1,
   shortcutsLinks: _,
   linksLinks: V,
-  shortcutsTitle: A,
+  shortcutsTitle: N,
   linksTitle: p,
   visitingAddress: K = ["Hausmannsgate 7 (Korsegården)", "0186 Oslo"],
   organizationNumber: X = "XXX XXX XXX",
-  email: j = "post@redcross.no",
+  email: A = "post@redcross.no",
   showPrimaryLogo: q = !0,
-  primaryLogoSrc: g,
+  primaryLogoSrc: m,
   primaryLogoAlt: M = "Røde Kors Logo",
   whiteSectionSlot: I,
   socialLinks: F = [],
-  contactPersons: N = [],
+  contactPersons: j = [],
   legalLinks: L = [],
   socialLinksTitle: G,
   contactPersonsTitle: ne
 } = {}) => {
-  const H = (/* @__PURE__ */ new Date()).getFullYear(), { t: J } = Te(), [T, b] = Ae.useState(""), l = (c, w) => {
+  const H = (/* @__PURE__ */ new Date()).getFullYear(), { t: J } = Te(), [T, b] = Ne.useState(""), l = (c, w) => {
     const $ = J(c);
     return $ === c ? w : $;
   };
-  Ae.useEffect(() => {
+  Ne.useEffect(() => {
     const c = "rk-footer-inline-styles";
     if (typeof document > "u" || document.getElementById(c)) return;
-    const w = fs(o), $ = document.createElement("style");
+    const w = vs(o), $ = document.createElement("style");
     $.id = c, $.textContent = w, document.head.appendChild($);
   }, []);
   const C = (c) => {
     c.preventDefault(), S == null || S(T);
-  }, E = () => /* @__PURE__ */ r(
+  }, B = () => /* @__PURE__ */ r(
     "svg",
     {
       width: "170",
@@ -4528,7 +4530,7 @@ const ra = "_footer_fj44n_1", aa = "_mainSection_fj44n_7", sa = "_mainContainer_
     { label: l("footer.legal.press", "For presse"), href: "#" },
     { label: l("footer.legal.procurement", "Regler for innkjøp"), href: "#" },
     { label: l("footer.legal.whistleblowing", "Varsling/Misconduct"), href: "#" }
-  ], B = /* @__PURE__ */ r(Se, { children: [
+  ], E = /* @__PURE__ */ r(Se, { children: [
     'Ved å trykke "',
     k,
     '" samtykker du til å motta nyhetsbrev.',
@@ -4566,7 +4568,7 @@ const ra = "_footer_fj44n_1", aa = "_mainSection_fj44n_7", sa = "_mainContainer_
     ] })
   ] }), me = () => /* @__PURE__ */ r("div", { className: o.contactPersonsSection, children: [
     ne && /* @__PURE__ */ t("h3", { className: o.contactPersonsTitle, children: ne }),
-    /* @__PURE__ */ t("div", { className: o.contactPersonsGrid, children: N.map((c, w) => /* @__PURE__ */ t(Z, { person: c }, w)) })
+    /* @__PURE__ */ t("div", { className: o.contactPersonsGrid, children: j.map((c, w) => /* @__PURE__ */ t(Z, { person: c }, w)) })
   ] }), ge = () => /* @__PURE__ */ t("ul", { className: o.legalLinksRow, children: L.map((c, w) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(te, { href: c.href, className: o.legalLink, children: c.label }) }, w)) });
   if (e === "columns") {
     const c = [
@@ -4600,7 +4602,7 @@ const ra = "_footer_fj44n_1", aa = "_mainSection_fj44n_7", sa = "_mainContainer_
         ] }),
         /* @__PURE__ */ r("div", { className: o.dpMetaCol, children: [
           /* @__PURE__ */ t("h4", { className: o.dpMetaTitle, children: l("footer.contact.email", "E-post") }),
-          /* @__PURE__ */ t("p", { className: o.dpMetaText, children: j })
+          /* @__PURE__ */ t("p", { className: o.dpMetaText, children: A })
         ] })
       ] }),
       /* @__PURE__ */ t("hr", { className: o.dpDivider }),
@@ -4612,7 +4614,8 @@ const ra = "_footer_fj44n_1", aa = "_mainSection_fj44n_7", sa = "_mainContainer_
           " ",
           l("footer.copyright", "Røde Kors")
         ] })
-      ] })
+      ] }),
+      m ? /* @__PURE__ */ t("img", { src: m, alt: M, className: o.dpLogoImg }) : /* @__PURE__ */ t("div", { className: o.dpLogoBox, "data-color-scheme": "light", children: /* @__PURE__ */ t(B, {}) })
     ] }) }) });
   }
   return e === "contact" ? /* @__PURE__ */ r("footer", { className: o.footer, "data-color": n, children: [
@@ -4620,7 +4623,7 @@ const ra = "_footer_fj44n_1", aa = "_mainSection_fj44n_7", sa = "_mainContainer_
       h && /* @__PURE__ */ t("div", { className: o.crossCornerTopRight, children: /* @__PURE__ */ t(ye, { position: "top-right", size: "md", "aria-hidden": !0 }) }),
       /* @__PURE__ */ r("div", { className: o.contentRowContact, children: [
         F.length > 0 && /* @__PURE__ */ t(v, {}),
-        N.length > 0 && /* @__PURE__ */ t(me, {})
+        j.length > 0 && /* @__PURE__ */ t(me, {})
       ] }),
       /* @__PURE__ */ t("div", { className: o.divider }),
       /* @__PURE__ */ r("div", { className: o.contactSection, children: [
@@ -4634,7 +4637,7 @@ const ra = "_footer_fj44n_1", aa = "_mainSection_fj44n_7", sa = "_mainContainer_
         ] }),
         /* @__PURE__ */ r("div", { className: o.contactColumn, children: [
           /* @__PURE__ */ t("h4", { className: o.contactTitle, children: l("footer.contact.email", "E-post") }),
-          /* @__PURE__ */ t("p", { className: o.contactContent, children: j })
+          /* @__PURE__ */ t("p", { className: o.contactContent, children: A })
         ] })
       ] }),
       /* @__PURE__ */ t("div", { className: o.divider }),
@@ -4650,15 +4653,15 @@ const ra = "_footer_fj44n_1", aa = "_mainSection_fj44n_7", sa = "_mainContainer_
       h && /* @__PURE__ */ t("div", { className: o.crossCornerBottomLeft, children: /* @__PURE__ */ t(ye, { position: "bottom-left", size: "md", "aria-hidden": !0 }) })
     ] }) }),
     /* @__PURE__ */ t("div", { className: o.whiteSection, children: /* @__PURE__ */ t("div", { className: o.whiteContainer, children: /* @__PURE__ */ r("div", { className: o.whiteContent, children: [
-      q && (g ? /* @__PURE__ */ t(
+      q && (m ? /* @__PURE__ */ t(
         "img",
         {
-          src: g,
+          src: m,
           alt: M,
           className: o.logo,
           loading: "lazy"
         }
-      ) : /* @__PURE__ */ t("div", { className: o.logo, children: /* @__PURE__ */ t(E, {}) })),
+      ) : /* @__PURE__ */ t("div", { className: o.logo, children: /* @__PURE__ */ t(B, {}) })),
       I && /* @__PURE__ */ t("div", { className: o.slotLarge, children: I })
     ] }) }) })
   ] }) : /* @__PURE__ */ r("footer", { className: o.footer, "data-color": n, children: [
@@ -4672,7 +4675,7 @@ const ra = "_footer_fj44n_1", aa = "_mainSection_fj44n_7", sa = "_mainContainer_
               Ze,
               {
                 type: "email",
-                placeholder: m,
+                placeholder: g,
                 value: T,
                 onChange: (c) => b(c.target.value),
                 className: o.newsletterInput
@@ -4680,11 +4683,11 @@ const ra = "_footer_fj44n_1", aa = "_mainSection_fj44n_7", sa = "_mainContainer_
             ),
             /* @__PURE__ */ t(ce, { type: "submit", variant: "primary", "data-color": "neutral", children: k })
           ] }) }),
-          /* @__PURE__ */ t("p", { className: o.consentText, children: D || B })
+          /* @__PURE__ */ t("p", { className: o.consentText, children: D || E })
         ] }),
         /* @__PURE__ */ r("div", { className: o.linksSection, children: [
-          /* @__PURE__ */ r("nav", { className: o.linksColumn, "aria-label": A || l("footer.shortcuts", "Snarveier"), children: [
-            /* @__PURE__ */ t("h3", { className: o.linksTitle, children: A || l("footer.shortcuts", "Snarveier") }),
+          /* @__PURE__ */ r("nav", { className: o.linksColumn, "aria-label": N || l("footer.shortcuts", "Snarveier"), children: [
+            /* @__PURE__ */ t("h3", { className: o.linksTitle, children: N || l("footer.shortcuts", "Snarveier") }),
             /* @__PURE__ */ t("ul", { className: o.linksList, children: Q.map((c, w) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(te, { href: c.href, className: o.footerLink, children: c.label }) }, w)) })
           ] }),
           /* @__PURE__ */ r("nav", { className: o.linksColumn, "aria-label": p || l("footer.links", "Lenker"), children: [
@@ -4705,7 +4708,7 @@ const ra = "_footer_fj44n_1", aa = "_mainSection_fj44n_7", sa = "_mainContainer_
         ] }),
         /* @__PURE__ */ r("div", { className: o.contactColumn, children: [
           /* @__PURE__ */ t("h4", { className: o.contactTitle, children: l("footer.contact.email", "E-post") }),
-          /* @__PURE__ */ t("p", { className: o.contactContent, children: j })
+          /* @__PURE__ */ t("p", { className: o.contactContent, children: A })
         ] })
       ] }),
       /* @__PURE__ */ t("div", { className: o.divider }),
@@ -4718,20 +4721,20 @@ const ra = "_footer_fj44n_1", aa = "_mainSection_fj44n_7", sa = "_mainContainer_
       h && /* @__PURE__ */ t("div", { className: o.crossCornerBottomLeft, children: /* @__PURE__ */ t(ye, { position: "bottom-left", size: "md", "aria-hidden": !0 }) })
     ] }) }),
     /* @__PURE__ */ t("div", { className: o.whiteSection, children: /* @__PURE__ */ t("div", { className: o.whiteContainer, children: /* @__PURE__ */ r("div", { className: o.whiteContent, children: [
-      q && (g ? /* @__PURE__ */ t(
+      q && (m ? /* @__PURE__ */ t(
         "img",
         {
-          src: g,
+          src: m,
           alt: M,
           className: o.logo,
           loading: "lazy"
         }
-      ) : /* @__PURE__ */ t("div", { className: o.logo, children: /* @__PURE__ */ t(E, {}) })),
+      ) : /* @__PURE__ */ t("div", { className: o.logo, children: /* @__PURE__ */ t(B, {}) })),
       I && /* @__PURE__ */ t("div", { className: o.slotLarge, children: I })
     ] }) }) })
   ] });
 };
-function fs(n) {
+function vs(n) {
   const e = n;
   return `
 .${e.footer} {
@@ -5156,24 +5159,24 @@ function fs(n) {
 }
 `;
 }
-const ks = "_donor_1hxqz_1", vs = "_tabsWrapper_1hxqz_14", bs = "_content_1hxqz_35", ys = "_amountSection_1hxqz_47", xs = "_amountLabel_1hxqz_55", Ts = "_amountButtons_1hxqz_64", Cs = "_customAmountField_1hxqz_75", ws = "_impactRow_1hxqz_80", Ss = "_heartIcon_1hxqz_88", Is = "_impactText_1hxqz_102", _s = "_impactAmount_1hxqz_112", Ds = "_actionsSection_1hxqz_117", Ls = "_vippsButton_1hxqz_127", js = "_vippsButtonLabel_1hxqz_157", As = "_vippsLogo_1hxqz_166", Ns = "_avtalegiroLink_1hxqz_179", Ms = "_tabHeartIcon_1hxqz_184", P = {
-  donor: ks,
-  tabsWrapper: vs,
-  content: bs,
-  amountSection: ys,
-  amountLabel: xs,
-  amountButtons: Ts,
-  customAmountField: Cs,
-  impactRow: ws,
-  heartIcon: Ss,
-  impactText: Is,
-  impactAmount: _s,
-  actionsSection: Ds,
-  vippsButton: Ls,
-  vippsButtonLabel: js,
-  vippsLogo: As,
-  avtalegiroLink: Ns,
-  tabHeartIcon: Ms
+const bs = "_donor_1hxqz_1", ys = "_tabsWrapper_1hxqz_14", xs = "_content_1hxqz_35", Ts = "_amountSection_1hxqz_47", Cs = "_amountLabel_1hxqz_55", ws = "_amountButtons_1hxqz_64", Ss = "_customAmountField_1hxqz_75", Is = "_impactRow_1hxqz_80", _s = "_heartIcon_1hxqz_88", Ds = "_impactText_1hxqz_102", Ls = "_impactAmount_1hxqz_112", As = "_actionsSection_1hxqz_117", Ns = "_vippsButton_1hxqz_127", Ms = "_vippsButtonLabel_1hxqz_157", js = "_vippsLogo_1hxqz_166", Fs = "_avtalegiroLink_1hxqz_179", Bs = "_tabHeartIcon_1hxqz_184", P = {
+  donor: bs,
+  tabsWrapper: ys,
+  content: xs,
+  amountSection: Ts,
+  amountLabel: Cs,
+  amountButtons: ws,
+  customAmountField: Ss,
+  impactRow: Is,
+  heartIcon: _s,
+  impactText: Ds,
+  impactAmount: Ls,
+  actionsSection: As,
+  vippsButton: Ns,
+  vippsButtonLabel: Ms,
+  vippsLogo: js,
+  avtalegiroLink: Fs,
+  tabHeartIcon: Bs
 }, We = () => /* @__PURE__ */ t(
   "svg",
   {
@@ -5192,7 +5195,7 @@ const ks = "_donor_1hxqz_1", vs = "_tabsWrapper_1hxqz_14", bs = "_content_1hxqz_
       }
     )
   }
-), Fs = () => /* @__PURE__ */ t(
+), Es = () => /* @__PURE__ */ t(
   "svg",
   {
     width: "16",
@@ -5210,7 +5213,7 @@ const ks = "_donor_1hxqz_1", vs = "_tabsWrapper_1hxqz_14", bs = "_content_1hxqz_
       }
     )
   }
-), Bs = () => /* @__PURE__ */ t(
+), $s = () => /* @__PURE__ */ t(
   "svg",
   {
     width: "64",
@@ -5228,60 +5231,60 @@ const ks = "_donor_1hxqz_1", vs = "_tabsWrapper_1hxqz_14", bs = "_content_1hxqz_
       }
     )
   }
-), Es = [
+), Ps = [
   { value: 220, label: "220 kr" },
   { value: 345, label: "345 kr" },
   { value: 660, label: "660 kr" }
-], Li = ({
+], Ni = ({
   "data-color": n = "primary",
-  amounts: e = Es,
+  amounts: e = Ps,
   defaultAmount: a = 345,
   oneTimeLabel: d = "En gang",
   monthlyLabel: h = "Hver måned",
   customAmountPlaceholder: f = "Valgfritt beløp",
-  amountLabel: m = "Velg ønsket beløp:",
+  amountLabel: g = "Velg ønsket beløp:",
   impactMessage: k = "En gave på {amount} bidrar til ...",
   vippsButtonLabel: D = "Gi med",
   avtalegiroLabel: S = "Gi med avtalegiro",
   avtalegiroHref: R = "#",
   currencySuffix: _ = "kr",
   onVippsClick: V,
-  onAvtalegiroClick: A,
+  onAvtalegiroClick: N,
   onAmountChange: p,
   showVippsButton: K = !0,
   showAvtalegiroLink: X = !0,
-  showImpactMessage: j = !0,
+  showImpactMessage: A = !0,
   heartVariant: q = "outlined"
 }) => {
-  const [g, M] = O("monthly"), [I, F] = O(a), [N, L] = O(""), [G, ne] = O(!1);
+  const [m, M] = O("monthly"), [I, F] = O(a), [j, L] = O(""), [G, ne] = O(!1);
   z(() => {
     const y = "rk-donor-inline-styles";
     if (typeof document > "u" || document.getElementById(y)) return;
-    const B = $s(P), Q = document.createElement("style");
-    Q.id = y, Q.textContent = B, document.head.appendChild(Q);
+    const E = zs(P), Q = document.createElement("style");
+    Q.id = y, Q.textContent = E, document.head.appendChild(Q);
   }, []);
-  const H = G && N ? parseInt(N, 10) || 0 : I, J = (y) => {
-    F(y), ne(!1), L(""), p == null || p(y, g);
+  const H = G && j ? parseInt(j, 10) || 0 : I, J = (y) => {
+    F(y), ne(!1), L(""), p == null || p(y, m);
   }, T = (y) => {
-    const B = y.target.value;
-    L(B), ne(!0);
-    const Q = parseInt(B, 10);
-    Q > 0 && (p == null || p(Q, g));
+    const E = y.target.value;
+    L(E), ne(!0);
+    const Q = parseInt(E, 10);
+    Q > 0 && (p == null || p(Q, m));
   }, b = () => {
     ne(!0);
   }, l = (y) => {
-    const B = y;
-    M(B), p == null || p(H, B);
+    const E = y;
+    M(E), p == null || p(H, E);
   }, C = () => {
-    V == null || V(H, g);
-  }, E = () => {
-    A == null || A();
+    V == null || V(H, m);
+  }, B = () => {
+    N == null || N();
   }, Y = () => {
-    const y = `${H} ${_}`, B = k.split("{amount}");
+    const y = `${H} ${_}`, E = k.split("{amount}");
     return /* @__PURE__ */ r("span", { children: [
-      B[0],
+      E[0],
       /* @__PURE__ */ t("span", { className: P.impactAmount, children: y }),
-      B[1] || ""
+      E[1] || ""
     ] });
   };
   return /* @__PURE__ */ r("div", { className: P.donor, "data-color": n, children: [
@@ -5294,14 +5297,14 @@ const ks = "_donor_1hxqz_1", vs = "_tabsWrapper_1hxqz_14", bs = "_content_1hxqz_
     ] }) }) }),
     /* @__PURE__ */ r("div", { className: P.content, children: [
       /* @__PURE__ */ r("div", { className: P.amountSection, children: [
-        /* @__PURE__ */ t(xe, { className: P.amountLabel, "data-size": "sm", children: m }),
+        /* @__PURE__ */ t(xe, { className: P.amountLabel, "data-size": "sm", children: g }),
         /* @__PURE__ */ t("div", { className: P.amountButtons, children: e.map((y) => {
-          const B = !G && I === y.value;
+          const E = !G && I === y.value;
           return /* @__PURE__ */ t(
             ce,
             {
-              variant: B ? "primary" : "secondary",
-              "data-color": B ? "accent" : "neutral",
+              variant: E ? "primary" : "secondary",
+              "data-color": E ? "accent" : "neutral",
               onClick: () => J(y.value),
               children: y.label
             },
@@ -5313,7 +5316,7 @@ const ks = "_donor_1hxqz_1", vs = "_tabsWrapper_1hxqz_14", bs = "_content_1hxqz_
           {
             "aria-label": f,
             placeholder: f,
-            value: N,
+            value: j,
             onChange: T,
             onFocus: b,
             type: "number",
@@ -5321,8 +5324,8 @@ const ks = "_donor_1hxqz_1", vs = "_tabsWrapper_1hxqz_14", bs = "_content_1hxqz_
           }
         ) })
       ] }),
-      j && /* @__PURE__ */ r("div", { className: P.impactRow, children: [
-        /* @__PURE__ */ t("div", { className: P.heartIcon, children: q === "filled" ? /* @__PURE__ */ t(We, {}) : /* @__PURE__ */ t(Fs, {}) }),
+      A && /* @__PURE__ */ r("div", { className: P.impactRow, children: [
+        /* @__PURE__ */ t("div", { className: P.heartIcon, children: q === "filled" ? /* @__PURE__ */ t(We, {}) : /* @__PURE__ */ t(Es, {}) }),
         /* @__PURE__ */ t("p", { className: P.impactText, children: Y() })
       ] }),
       /* @__PURE__ */ r("div", { className: P.actionsSection, children: [
@@ -5335,7 +5338,7 @@ const ks = "_donor_1hxqz_1", vs = "_tabsWrapper_1hxqz_14", bs = "_content_1hxqz_
             "aria-label": `${D} Vipps`,
             children: [
               /* @__PURE__ */ t("span", { className: P.vippsButtonLabel, children: D }),
-              /* @__PURE__ */ t("span", { className: P.vippsLogo, children: /* @__PURE__ */ t(Bs, {}) })
+              /* @__PURE__ */ t("span", { className: P.vippsLogo, children: /* @__PURE__ */ t($s, {}) })
             ]
           }
         ),
@@ -5346,7 +5349,7 @@ const ks = "_donor_1hxqz_1", vs = "_tabsWrapper_1hxqz_14", bs = "_content_1hxqz_
             "data-color": "neutral",
             className: P.avtalegiroLink,
             onClick: (y) => {
-              A && (y.preventDefault(), E());
+              N && (y.preventDefault(), B());
             },
             children: S
           }
@@ -5355,7 +5358,7 @@ const ks = "_donor_1hxqz_1", vs = "_tabsWrapper_1hxqz_14", bs = "_content_1hxqz_
     ] })
   ] });
 };
-function $s(n) {
+function zs(n) {
   return `
 .${n.donor} {
   border-radius: 16px;
@@ -5524,69 +5527,69 @@ export {
   hn as Alert,
   Ke as Avatar,
   fn as Badge,
-  Us as BadgePosition,
-  Vs as Breadcrumbs,
-  Ks as BreadcrumbsItem,
-  qs as BreadcrumbsLink,
-  Os as BreadcrumbsList,
+  Os as BadgePosition,
+  Ks as Breadcrumbs,
+  Ys as BreadcrumbsItem,
+  Zs as BreadcrumbsLink,
+  qs as BreadcrumbsList,
   ce as Button,
   vn as Card,
-  Ys as CardBlock,
+  Xs as CardBlock,
   zo as Carousel,
   bn as Checkbox,
-  Xs as Chip,
+  Qs as Chip,
   ye as CrossCorner,
   xo as DateInput,
   mo as DatePicker,
-  ei as Details,
-  ti as Dialog,
-  ni as Divider,
-  Li as Donor,
+  ni as Details,
+  oi as Dialog,
+  ri as Divider,
+  Ni as Donor,
   U as Dropdown,
-  li as DropdownButton,
-  ai as DropdownHeading,
-  ii as DropdownItem,
-  si as DropdownList,
-  oi as DropdownTrigger,
-  ri as DropdownTriggerContext,
-  di as ErrorSummary,
-  ci as Field,
+  ci as DropdownButton,
+  ii as DropdownHeading,
+  di as DropdownItem,
+  li as DropdownList,
+  ai as DropdownTrigger,
+  si as DropdownTriggerContext,
+  pi as ErrorSummary,
+  mi as Field,
   Ko as FieldCounter,
   Oo as FieldDescription,
-  pi as Fieldset,
-  Di as Footer,
-  _i as Header,
+  gi as Fieldset,
+  Ai as Footer,
+  Li as Header,
   qo as Heading,
   Ze as Input,
   Yo as Label,
-  Js as LanguageProvider,
+  ei as LanguageProvider,
   te as Link,
-  mi as List,
+  ui as List,
   Zo as Pagination,
-  hi as PaginationButton,
-  ui as PaginationItem,
-  gi as PaginationList,
+  ki as PaginationButton,
+  fi as PaginationItem,
+  hi as PaginationList,
   xe as Paragraph,
-  ki as Popover,
-  vi as Radio,
+  bi as Popover,
+  yi as Radio,
   Ce as Search,
-  yi as Select,
-  xi as SkeletonLoader,
-  Ti as SkipLink,
+  Ti as Select,
+  Ci as SkeletonLoader,
+  wi as SkipLink,
   Po as Spinner,
   Xo as Suggestion,
-  je as Switch,
-  Ci as Table,
+  Ae as Switch,
+  Si as Table,
   we as Tabs,
   Jo as Tag,
-  wi as Textarea,
+  Ii as Textarea,
   Qo as Textfield,
-  Si as ToggleGroup,
-  Ii as Tooltip,
+  _i as ToggleGroup,
+  Di as Tooltip,
   er as ValidationMessage,
-  Zs as useCheckboxGroup,
-  Qs as useLanguage,
+  Js as useCheckboxGroup,
+  ti as useLanguage,
   Te as useLanguageOptional,
-  fi as usePagination,
-  bi as useRadioGroup
+  vi as usePagination,
+  xi as useRadioGroup
 };