rk-designsystem 1.1.71 → 1.1.73

package/dist/componentlibrary.es.js

@@ -1,23 +1,23 @@
-import { jsx as s, jsxs as w, Fragment as Ot } from "react/jsx-runtime";
-import Ve, { forwardRef as ge, useState as ne, useEffect as Z, useMemo as Se, useCallback as re, useRef as Ke, createContext as Vt, useContext as Kt } from "react";
-import { Alert as Yt, Avatar as qt, BadgePosition as Xt, Badge as Jt, Breadcrumbs as Zt, BreadcrumbsList as Qt, BreadcrumbsItem as en, BreadcrumbsLink as tn, Button as Ye, Card as nn, CardBlock as on, Checkbox as rn, useCheckboxGroup as sn, Fieldset as Ct, Chip as an, Spinner as ln, Details as dn, Dialog as cn, Divider as un, Dropdown as mn, ErrorSummary as pn, Field as gn, FieldDescription as hn, FieldCounter as fn, Heading as kn, Input as yn, Label as vn, Link as bn, List as Tn, Pagination as Sn, usePagination as xn, Paragraph as Cn, Popover as wn, Radio as In, useRadioGroup as Dn, Search as _n, SearchInput as An, SearchClear as Mn, SearchButton as jn, Select as Fn, Skeleton as Ln, SkipLink as En, EXPERIMENTAL_Suggestion as Nn, Switch as Bn, Table as Pn, Tabs as zn, Tag as Gn, Textarea as Rn, Textfield as Wn, ToggleGroup as Un, Tooltip as $n, ValidationMessage as Hn } from "@digdir/designsystemet-react";
-import { startOfMonth as be, isValid as $e, isSameMonth as mt, startOfWeek as wt, format as we, addDays as It, subMonths as On, addMonths as Vn, isSameDay as Kn, isToday as Yn, eachDayOfInterval as qn } from "date-fns";
-import { ChevronLeftIcon as Xn, ChevronRightIcon as Jn, ChevronDownIcon as pt, XMarkIcon as gt, MagnifyingGlassIcon as ht, MenuHamburgerIcon as Zn, HeartIcon as Qn } from "@navikt/aksel-icons";
+import { jsx as s, jsxs as w, Fragment as Vt } from "react/jsx-runtime";
+import Ve, { forwardRef as ge, useState as ne, useEffect as Z, useMemo as Se, useCallback as re, useRef as Ke, createContext as Kt, useContext as wt } from "react";
+import { Alert as Yt, Avatar as qt, BadgePosition as Xt, Badge as Jt, Breadcrumbs as Zt, BreadcrumbsList as Qt, BreadcrumbsItem as en, BreadcrumbsLink as tn, Button as Ye, Card as nn, CardBlock as on, Checkbox as rn, useCheckboxGroup as sn, Fieldset as It, Chip as an, Spinner as ln, Details as dn, Dialog as cn, Divider as un, Dropdown as mn, ErrorSummary as pn, Field as gn, FieldDescription as hn, FieldCounter as fn, Heading as kn, Input as yn, Label as vn, Link as bn, List as Tn, Pagination as Sn, usePagination as xn, Paragraph as Cn, Popover as wn, Radio as In, useRadioGroup as Dn, Search as _n, SearchInput as An, SearchClear as Mn, SearchButton as jn, Select as Ln, Skeleton as Fn, SkipLink as En, EXPERIMENTAL_Suggestion as Nn, Switch as Bn, Table as Pn, Tabs as Rn, Tag as zn, Textarea as Gn, Textfield as Wn, ToggleGroup as Un, Tooltip as Hn, ValidationMessage as $n } from "@digdir/designsystemet-react";
+import { startOfMonth as be, isValid as He, isSameMonth as pt, startOfWeek as Dt, format as we, addDays as _t, subMonths as On, addMonths as Vn, isSameDay as Kn, isToday as Yn, eachDayOfInterval as qn } from "date-fns";
+import { ChevronLeftIcon as Xn, ChevronRightIcon as Jn, ChevronDownIcon as gt, XMarkIcon as ht, MagnifyingGlassIcon as ft, MenuHamburgerIcon as Zn, HeartIcon as Qn } from "@navikt/aksel-icons";
 const eo = ge((t, e) => /* @__PURE__ */ s(Yt, { ref: e, ...t }));
 eo.displayName = "Alert";
-const Dt = ge((t, e) => /* @__PURE__ */ s(qt, { ref: e, ...t }));
-Dt.displayName = "Avatar";
+const At = ge((t, e) => /* @__PURE__ */ s(qt, { ref: e, ...t }));
+At.displayName = "Avatar";
 const to = ge((t, e) => /* @__PURE__ */ s(Jt, { ref: e, ...t }));
 to.displayName = "Badge";
-const Pi = Xt, zi = Zt, Gi = Qt, Ri = en, Wi = tn, xe = Ye;
+const Pi = Xt, Ri = Zt, zi = Qt, Gi = en, Wi = tn, xe = Ye;
 xe.displayName = "Button";
 const no = nn, Ui = on;
 no.displayName = "Card";
-const oo = rn, ro = Ct, $i = sn;
+const oo = rn, ro = It, Hi = sn;
 oo.displayName = "Checkbox";
 ro.displayName = "Fieldset";
-const Hi = an;
-function He(t) {
+const $i = an;
+function $e(t) {
   return (e = {}) => {
     const n = e.width ? String(e.width) : t.defaultWidth;
     return t.formats[n] || t.formats[t.defaultWidth];
@@ -160,15 +160,15 @@ const lo = {
   medium: "{{date}} {{time}}",
   short: "{{date}} {{time}}"
 }, go = {
-  date: He({
+  date: $e({
     formats: uo,
     defaultWidth: "full"
   }),
-  time: He({
+  time: $e({
     formats: mo,
     defaultWidth: "full"
   }),
-  dateTime: He({
+  dateTime: $e({
     formats: po,
     defaultWidth: "full"
   })
@@ -329,12 +329,12 @@ const lo = {
     /^n/i,
     /^d/i
   ]
-}, Fo = {
+}, Lo = {
   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
-}, Lo = {
+}, Fo = {
   any: [/^s/i, /^m/i, /^ti/i, /^o/i, /^to/i, /^f/i, /^l/i]
 }, Eo = {
   narrow: /^(midnatt|middag|(på) (morgenen|ettermiddagen|kvelden|natten)|[ap])/i,
@@ -376,9 +376,9 @@ const lo = {
     defaultParseWidth: "any"
   }),
   day: De({
-    matchPatterns: Fo,
+    matchPatterns: Lo,
     defaultMatchWidth: "wide",
-    parsePatterns: Lo,
+    parsePatterns: Fo,
     defaultParseWidth: "any"
   }),
   dayPeriod: De({
@@ -398,7 +398,7 @@ const lo = {
     weekStartsOn: 1,
     firstWeekContainsDate: 4
   }
-}, _t = ({ title: t, ...e }) => /* @__PURE__ */ w(
+}, Mt = ({ title: t, ...e }) => /* @__PURE__ */ w(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -423,8 +423,8 @@ const lo = {
     ]
   }
 );
-_t.displayName = "ChevronLeftIcon";
-const At = ({ title: t, ...e }) => /* @__PURE__ */ w(
+Mt.displayName = "ChevronLeftIcon";
+const jt = ({ title: t, ...e }) => /* @__PURE__ */ w(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -449,22 +449,22 @@ const At = ({ title: t, ...e }) => /* @__PURE__ */ w(
     ]
   }
 );
-At.displayName = "ChevronRightIcon";
-const Po = "_calendarContainer_10l5p_1", zo = "_calendarHeader_10l5p_14", Go = "_monthYear_10l5p_21", Ro = "_navigationButtons_10l5p_32", Wo = "_grid_10l5p_41", Uo = "_dayNameCell_10l5p_48", $o = "_dateCell_10l5p_65", Ho = "_dateNumberContainer_10l5p_90", Oo = "_otherMonth_10l5p_103", Vo = "_selectedDate_10l5p_129", oe = {
+jt.displayName = "ChevronRightIcon";
+const Po = "_calendarContainer_10l5p_1", Ro = "_calendarHeader_10l5p_14", zo = "_monthYear_10l5p_21", Go = "_navigationButtons_10l5p_32", Wo = "_grid_10l5p_41", Uo = "_dayNameCell_10l5p_48", Ho = "_dateCell_10l5p_65", $o = "_dateNumberContainer_10l5p_90", Oo = "_otherMonth_10l5p_103", Vo = "_selectedDate_10l5p_129", oe = {
   calendarContainer: Po,
-  calendarHeader: zo,
-  monthYear: Go,
-  navigationButtons: Ro,
+  calendarHeader: Ro,
+  monthYear: zo,
+  navigationButtons: Go,
   grid: Wo,
   dayNameCell: Uo,
-  dateCell: $o,
-  dateNumberContainer: Ho,
+  dateCell: Ho,
+  dateNumberContainer: $o,
   otherMonth: Oo,
   selectedDate: Vo
 }, Ko = (t) => {
-  const e = be(t), n = wt(e, { locale: Te }), r = It(n, 41);
+  const e = be(t), n = Dt(e, { locale: Te }), r = _t(n, 41);
   return qn({ start: n, end: r });
-}, ft = (t) => t && t.charAt(0).toUpperCase() + t.slice(1), Yo = ({
+}, kt = (t) => t && t.charAt(0).toUpperCase() + t.slice(1), Yo = ({
   initialDate: t = /* @__PURE__ */ new Date(),
   selectedDate: e = null,
   // Prop for valgt dato
@@ -475,22 +475,22 @@ const Po = "_calendarContainer_10l5p_1", zo = "_calendarHeader_10l5p_14", Go = "
   // <-- Destrukturert
 }) => {
   const [i, o] = ne(
-    be(e && $e(e) ? e : t)
+    be(e && He(e) ? e : t)
   );
   Z(() => {
-    if (e && $e(e)) {
+    if (e && He(e)) {
       const m = be(e);
-      mt(m, i) || o(m);
+      pt(m, i) || o(m);
     }
   }, [e]);
   const d = Se(() => be(/* @__PURE__ */ new Date()), []), l = Se(() => !1, [i, d]), c = Se(
     () => Ko(i),
     [i]
   ), v = Se(() => {
-    const m = wt(/* @__PURE__ */ new Date(), { locale: Te });
+    const m = Dt(/* @__PURE__ */ new Date(), { locale: Te });
     return Array.from({ length: 7 }).map((T, A) => {
-      const M = we(It(m, A), "EEEEEE", { locale: Te });
-      return ft(M);
+      const M = we(_t(m, A), "EEEEEE", { locale: Te });
+      return kt(M);
     });
   }, []), u = re(() => {
     l || o((m) => be(On(m, 1)));
@@ -506,7 +506,7 @@ const Po = "_calendarContainer_10l5p_1", zo = "_calendarHeader_10l5p_14", Go = "
       (m.key === "Enter" || m.key === " ") && (m.preventDefault(), g(T));
     },
     [g]
-  ), k = we(i, "MMMM", { locale: Te }), y = we(i, "yyyy", { locale: Te }), p = `${ft(k)} ${y}`;
+  ), k = we(i, "MMMM", { locale: Te }), y = we(i, "yyyy", { locale: Te }), p = `${kt(k)} ${y}`;
   return /* @__PURE__ */ w(
     "div",
     {
@@ -525,7 +525,7 @@ const Po = "_calendarContainer_10l5p_1", zo = "_calendarHeader_10l5p_14", Go = "
                 onClick: u,
                 "aria-label": "Forrige måned",
                 disabled: l,
-                children: /* @__PURE__ */ s(_t, {})
+                children: /* @__PURE__ */ s(Mt, {})
               }
             ),
             /* @__PURE__ */ s(
@@ -535,14 +535,14 @@ const Po = "_calendarContainer_10l5p_1", zo = "_calendarHeader_10l5p_14", Go = "
                 icon: !0,
                 onClick: f,
                 "aria-label": "Neste måned",
-                children: /* @__PURE__ */ s(At, {})
+                children: /* @__PURE__ */ s(jt, {})
               }
             )
           ] })
         ] }),
         /* @__PURE__ */ s("div", { className: oe.grid, children: v.map((m) => /* @__PURE__ */ s("div", { className: oe.dayNameCell, children: m }, m)) }),
         /* @__PURE__ */ s("div", { className: oe.grid, children: c.map((m) => {
-          const T = mt(m, i), A = e && $e(e) && Kn(m, e), M = Yn(m), C = [
+          const T = pt(m, i), A = e && He(e) && Kn(m, e), M = Yn(m), C = [
             oe.dateCell,
             T ? "" : oe.otherMonth,
             A ? oe.selectedDate : "",
@@ -577,10 +577,10 @@ const qo = "_fieldset_16fx7_2", Xo = "_description_16fx7_14", Jo = "_error_16fx7
   inputWrapperError: Qo,
   suffixButton: er,
   suffixButtonInteractive: tr
-}, kt = (t) => {
+}, yt = (t) => {
   const e = t.slice(0, 2), n = t.slice(2, 4), r = t.slice(4, 8);
   return t.length > 4 ? `${e}.${n}.${r}` : t.length > 2 ? `${e}.${n}` : t.length > 0 ? e : "";
-}, yt = (t) => (t || "").replace(/\D/g, ""), vt = (t) => {
+}, vt = (t) => (t || "").replace(/\D/g, ""), bt = (t) => {
   let e = t;
   if (e.length >= 2) {
     const n = parseInt(e.substring(0, 2), 10);
@@ -623,38 +623,38 @@ const qo = "_fieldset_16fx7_2", Xo = "_description_16fx7_14", Jo = "_error_16fx7
       description: D,
       error: _,
       // Bruk error-prop for styling
-      "data-color": F,
+      "data-color": L,
       // <-- Destrukturering
       "data-size": E,
       // <-- Destrukturering
       ...N
-    } = t, z = l !== void 0, G = Ke(null);
+    } = t, R = l !== void 0, z = Ke(null);
     Ve.useImperativeHandle(
       e,
-      () => G.current
+      () => z.current
     );
-    const R = re(
+    const G = re(
       (b) => {
-        const I = yt(b), j = vt(I);
-        return kt(j);
+        const I = vt(b), j = bt(I);
+        return yt(j);
       },
       []
     ), [W, B] = ne(
-      () => R(l ?? c)
+      () => G(l ?? c)
     );
     Z(() => {
-      if (z) {
-        const b = R(l);
-        b !== W && (B(b), G.current && G.current.value !== b && (G.current.value = b));
+      if (R) {
+        const b = G(l);
+        b !== W && (B(b), z.current && z.current.value !== b && (z.current.value = b));
       }
-    }, [l, z, W, R]);
+    }, [l, R, W, G]);
     const O = re(
       (b) => {
-        const I = b.target, j = I.value, K = W, q = yt(j).slice(0, 8), U = vt(q), x = kt(U);
+        const I = b.target, j = I.value, K = W, q = vt(j).slice(0, 8), U = bt(q), x = yt(U);
         let P = 0;
-        const $ = U.length;
-        $ <= 2 ? P = $ : $ <= 4 ? P = $ + 1 : P = $ + 2, P = Math.min(P, x.length), requestAnimationFrame(() => {
-          if (G.current && (B(x), G.current.value = x, G.current.setSelectionRange(P, P), (x !== K || z) && v)) {
+        const H = U.length;
+        H <= 2 ? P = H : H <= 4 ? P = H + 1 : P = H + 2, P = Math.min(P, x.length), requestAnimationFrame(() => {
+          if (z.current && (B(x), z.current.value = x, z.current.setSelectionRange(P, P), (x !== K || R) && v)) {
             const Y = {
               ...b,
               target: { ...I, value: x }
@@ -663,7 +663,7 @@ const qo = "_fieldset_16fx7_2", Xo = "_description_16fx7_14", Jo = "_error_16fx7
           }
         });
       },
-      [W, z, v, R]
+      [W, R, v, G]
     ), te = [ke.fieldset, i].filter(Boolean).join(" "), Q = [
       ke.inputWrapper,
       o,
@@ -682,7 +682,7 @@ const qo = "_fieldset_16fx7_2", Xo = "_description_16fx7_14", Jo = "_error_16fx7
         "div",
         {
           className: te,
-          "data-color": F,
+          "data-color": L,
           "data-size": E,
           children: [
             n && typeof n == "string" ? /* @__PURE__ */ s("label", { id: ie, htmlFor: g, children: n }) : n,
@@ -691,7 +691,7 @@ const qo = "_fieldset_16fx7_2", Xo = "_description_16fx7_14", Jo = "_error_16fx7
               /* @__PURE__ */ s(
                 "input",
                 {
-                  ref: G,
+                  ref: z,
                   type: "text",
                   inputMode: "numeric",
                   pattern: "\\d{2}\\.\\d{2}\\.\\d{4}",
@@ -741,7 +741,7 @@ nr.displayName = "DateInput";
 function or(t) {
   return Object.prototype.toString.call(t) === "[object Object]";
 }
-function bt(t) {
+function Tt(t) {
   return or(t) || Array.isArray(t);
 }
 function rr() {
@@ -753,15 +753,15 @@ function Ze(t, e) {
   const a = JSON.stringify(Object.keys(t.breakpoints || {})), i = JSON.stringify(Object.keys(e.breakpoints || {}));
   return a !== i ? !1 : n.every((o) => {
     const d = t[o], l = e[o];
-    return typeof d == "function" ? `${d}` == `${l}` : !bt(d) || !bt(l) ? d === l : Ze(d, l);
+    return typeof d == "function" ? `${d}` == `${l}` : !Tt(d) || !Tt(l) ? d === l : Ze(d, l);
   });
 }
-function Tt(t) {
+function St(t) {
   return t.concat().sort((e, n) => e.name > n.name ? 1 : -1).map((e) => e.options);
 }
 function sr(t, e) {
   if (t.length !== e.length) return !1;
-  const n = Tt(t), r = Tt(e);
+  const n = St(t), r = St(e);
   return n.every((a, i) => {
     const o = r[i];
     return Ze(a, o);
@@ -776,22 +776,22 @@ function qe(t) {
 function Pe(t) {
   return typeof t == "boolean";
 }
-function St(t) {
+function xt(t) {
   return Object.prototype.toString.call(t) === "[object Object]";
 }
-function H(t) {
+function $(t) {
   return Math.abs(t);
 }
 function et(t) {
   return Math.sign(t);
 }
 function Ae(t, e) {
-  return H(t - e);
+  return $(t - e);
 }
 function ir(t, e) {
-  if (t === 0 || e === 0 || H(t) <= H(e)) return 0;
-  const n = Ae(H(t), H(e));
-  return H(n / t);
+  if (t === 0 || e === 0 || $(t) <= $(e)) return 0;
+  const n = Ae($(t), $(e));
+  return $(n / t);
 }
 function ar(t) {
   return Math.round(t * 100) / 100;
@@ -800,24 +800,24 @@ function Me(t) {
   return je(t).map(Number);
 }
 function le(t) {
-  return t[Le(t)];
+  return t[Fe(t)];
 }
-function Le(t) {
+function Fe(t) {
   return Math.max(0, t.length - 1);
 }
 function tt(t, e) {
-  return e === Le(t);
+  return e === Fe(t);
 }
-function xt(t, e = 0) {
+function Ct(t, e = 0) {
   return Array.from(Array(t), (n, r) => e + r);
 }
 function je(t) {
   return Object.keys(t);
 }
-function Mt(t, e) {
+function Lt(t, e) {
   return [t, e].reduce((n, r) => (je(r).forEach((a) => {
-    const i = n[a], o = r[a], d = St(i) && St(o);
-    n[a] = d ? Mt(i, o) : o;
+    const i = n[a], o = r[a], d = xt(i) && xt(o);
+    n[a] = d ? Lt(i, o) : o;
   }), n), {});
 }
 function Xe(t, e) {
@@ -845,7 +845,7 @@ function lr(t, e) {
     measure: o
   };
 }
-function Fe() {
+function Le() {
   let t = [];
   function e(a, i, o, d = {
     passive: !0
@@ -869,7 +869,7 @@ function Fe() {
   return r;
 }
 function dr(t, e, n, r) {
-  const a = Fe(), i = 1e3 / 60;
+  const a = Le(), i = 1e3 / 60;
   let o = null, d = 0, l = 0;
   function c() {
     a.add(t, "visibilitychange", () => {
@@ -934,7 +934,7 @@ function cr(t, e) {
   };
 }
 function ye(t = 0, e = 0) {
-  const n = H(t - e);
+  const n = $(t - e);
   function r(c) {
     return c < t;
   }
@@ -961,13 +961,13 @@ function ye(t = 0, e = 0) {
     removeOffset: d
   };
 }
-function jt(t, e, n) {
+function Ft(t, e, n) {
   const {
     constrain: r
   } = ye(0, t), a = t + 1;
   let i = o(e);
   function o(f) {
-    return n ? H((a + f) % a) : r(f);
+    return n ? $((a + f) % a) : r(f);
   }
   function d() {
     return i;
@@ -979,7 +979,7 @@ function jt(t, e, n) {
     return v().set(d() + f);
   }
   function v() {
-    return jt(t, d(), n);
+    return Ft(t, d(), n);
   }
   const u = {
     get: d,
@@ -995,23 +995,23 @@ function ur(t, e, n, r, a, i, o, d, l, c, v, u, f, g, h, k, y, p, m) {
     direction: A
   } = t, M = ["INPUT", "SELECT", "TEXTAREA"], C = {
     passive: !1
-  }, D = Fe(), _ = Fe(), F = ye(50, 225).constrain(g.measure(20)), E = {
+  }, D = Le(), _ = Le(), L = ye(50, 225).constrain(g.measure(20)), E = {
     mouse: 300,
     touch: 400
   }, N = {
     mouse: 500,
     touch: 600
-  }, z = h ? 43 : 25;
-  let G = !1, R = 0, W = 0, B = !1, O = !1, te = !1, Q = !1;
+  }, R = h ? 43 : 25;
+  let z = !1, G = 0, W = 0, B = !1, O = !1, te = !1, Q = !1;
   function se(x) {
     if (!m) return;
     function P(Y) {
       (Pe(m) || m(x, Y)) && b(Y);
     }
-    const $ = e;
-    D.add($, "dragstart", (Y) => Y.preventDefault(), C).add($, "touchmove", () => {
-    }, C).add($, "touchend", () => {
-    }).add($, "touchstart", P).add($, "mousedown", P).add($, "touchcancel", j).add($, "contextmenu", j).add($, "click", K, !0);
+    const H = e;
+    D.add(H, "dragstart", (Y) => Y.preventDefault(), C).add(H, "touchmove", () => {
+    }, C).add(H, "touchend", () => {
+    }).add(H, "touchstart", P).add(H, "mousedown", P).add(H, "touchcancel", j).add(H, "contextmenu", j).add(H, "click", K, !0);
   }
   function ee() {
     D.clear(), _.clear();
@@ -1028,23 +1028,23 @@ function ur(t, e, n, r, a, i, o, d, l, c, v, u, f, g, h, k, y, p, m) {
     return (h ? N : E)[Q ? "mouse" : "touch"];
   }
   function ue(x, P) {
-    const $ = u.add(et(x) * -1), Y = v.byDistance(x, !h).distance;
-    return h || H(x) < F ? Y : y && P ? Y * 0.5 : v.byIndex($.get(), 0).distance;
+    const H = u.add(et(x) * -1), Y = v.byDistance(x, !h).distance;
+    return h || $(x) < L ? Y : y && P ? Y * 0.5 : v.byIndex(H.get(), 0).distance;
   }
   function b(x) {
     const P = Xe(x, r);
-    Q = P, te = h && P && !x.buttons && G, G = Ae(a.get(), o.get()) >= 2, !(P && x.button !== 0) && (ae(x.target) || (B = !0, i.pointerDown(x), c.useFriction(0).useDuration(0), a.set(o), ie(), R = i.readPoint(x), W = i.readPoint(x, T), f.emit("pointerDown")));
+    Q = P, te = h && P && !x.buttons && z, z = Ae(a.get(), o.get()) >= 2, !(P && x.button !== 0) && (ae(x.target) || (B = !0, i.pointerDown(x), c.useFriction(0).useDuration(0), a.set(o), ie(), G = i.readPoint(x), W = i.readPoint(x, T), f.emit("pointerDown")));
   }
   function I(x) {
     if (!Xe(x, r) && x.touches.length >= 2) return j(x);
-    const $ = i.readPoint(x), Y = i.readPoint(x, T), de = Ae($, R), me = Ae(Y, W);
+    const H = i.readPoint(x), Y = i.readPoint(x, T), de = Ae(H, G), me = Ae(Y, W);
     if (!O && !Q && (!x.cancelable || (O = de > me, !O)))
       return j(x);
     const he = i.pointerMove(x);
     de > k && (te = !0), c.useFriction(0.3).useDuration(0.75), d.start(), a.add(A(he)), x.preventDefault();
   }
   function j(x) {
-    const $ = v.byDistance(0, !1).index !== u.get(), Y = i.pointerUp(x) * V(), de = ue(A(Y), $), me = ir(Y, de), he = z - 10 * me, pe = p + me / 50;
+    const H = v.byDistance(0, !1).index !== u.get(), Y = i.pointerUp(x) * V(), de = ue(A(Y), H), me = ir(Y, de), he = R - 10 * me, pe = p + me / 50;
     O = !1, B = !1, _.clear(), c.useDuration(he).useFriction(pe), l.distance(de, !h), Q = !1, f.emit("pointerUp");
   }
   function K(x) {
@@ -1078,7 +1078,7 @@ function mr(t, e) {
   function c(u) {
     if (!r || !a) return 0;
     const f = o(a) - o(r), g = i(u) - i(r), h = i(u) - i(a) > 170, k = f / g;
-    return g && !h && H(k) > 0.1 ? k : 0;
+    return g && !h && $(k) > 0.1 ? k : 0;
   }
   return {
     pointerDown: d,
@@ -1129,7 +1129,7 @@ function hr(t, e, n, r, a, i, o) {
       for (const T of m) {
         if (u) return;
         const A = T.target === t, M = r.indexOf(T.target), C = A ? c : v[M], D = f(A ? t : r[M]);
-        if (H(D - C) >= 0.5) {
+        if ($(D - C) >= 0.5) {
           y.reInit(), e.emit("resize");
           break;
         }
@@ -1158,7 +1158,7 @@ function fr(t, e, n, r, a, i) {
   }
   function g() {
     const C = r.get() - e.get();
-    return H(C) < 1e-3;
+    return $(C) < 1e-3;
   }
   function h() {
     return l;
@@ -1202,8 +1202,8 @@ function kr(t, e, n, r, a) {
   }
   function v(g) {
     if (!c()) return;
-    const h = t.reachedMin(e.get()) ? "min" : "max", k = H(t[h] - e.get()), y = n.get() - e.get(), p = d.constrain(k / o);
-    n.subtract(y * p), !g && H(y) < i && (n.set(t.constrain(n.get())), r.useDuration(25).useBaseFriction());
+    const h = t.reachedMin(e.get()) ? "min" : "max", k = $(t[h] - e.get()), y = n.get() - e.get(), p = d.constrain(k / o);
+    n.subtract(y * p), !g && $(y) < i && (n.set(t.constrain(n.get())), r.useDuration(25).useBaseFriction());
   }
   function u(g) {
     l = !g;
@@ -1290,10 +1290,10 @@ function Sr(t, e, n, r, a) {
     groupSlides: d
   } = a, l = u().map(e.measure), c = f(), v = g();
   function u() {
-    return d(r).map((k) => le(k)[o] - k[0][i]).map(H);
+    return d(r).map((k) => le(k)[o] - k[0][i]).map($);
   }
   function f() {
-    return r.map((k) => n[i] - k[i]).map((k) => -H(k));
+    return r.map((k) => n[i] - k[i]).map((k) => -$(k));
   }
   function g() {
     return d(c).map((k) => k[0]).map((k, y) => k + l[y]);
@@ -1316,11 +1316,11 @@ function xr(t, e, n, r, a, i) {
       const p = !k, m = tt(y, k);
       if (p) {
         const T = le(y[0]) + 1;
-        return xt(T);
+        return Ct(T);
       }
       if (m) {
-        const T = Le(i) - le(y)[0] + 1;
-        return xt(T, le(y)[0]);
+        const T = Fe(i) - le(y)[0] + 1;
+        return Ct(T, le(y)[0]);
       }
       return h;
     });
@@ -1336,13 +1336,13 @@ function Cr(t, e, n, r, a) {
     constrain: d
   } = r;
   function l(h) {
-    return h.concat().sort((k, y) => H(k) - H(y))[0];
+    return h.concat().sort((k, y) => $(k) - $(y))[0];
   }
   function c(h) {
     const k = t ? o(h) : d(h), y = e.map((m, T) => ({
       diff: v(m - k, 0),
       index: T
-    })).sort((m, T) => H(m.diff) - H(T.diff)), {
+    })).sort((m, T) => $(m.diff) - $(T.diff)), {
       index: p
     } = y[0];
     return {
@@ -1454,7 +1454,7 @@ function _e(t) {
     subtract: i
   };
 }
-function Ft(t, e) {
+function Et(t, e) {
   const n = t.scroll === "x" ? o : d, r = e.style;
   let a = null, i = !1;
   function o(f) {
@@ -1483,27 +1483,27 @@ function Ft(t, e) {
 function Dr(t, e, n, r, a, i, o, d, l) {
   const v = Me(a), u = Me(a).reverse(), f = p().concat(m());
   function g(D, _) {
-    return D.reduce((F, E) => F - a[E], _);
+    return D.reduce((L, E) => L - a[E], _);
   }
   function h(D, _) {
-    return D.reduce((F, E) => g(F, _) > 0 ? F.concat([E]) : F, []);
+    return D.reduce((L, E) => g(L, _) > 0 ? L.concat([E]) : L, []);
   }
   function k(D) {
-    return i.map((_, F) => ({
-      start: _ - r[F] + 0.5 + D,
+    return i.map((_, L) => ({
+      start: _ - r[L] + 0.5 + D,
       end: _ + e - 0.5 + D
     }));
   }
-  function y(D, _, F) {
+  function y(D, _, L) {
     const E = k(_);
     return D.map((N) => {
-      const z = F ? 0 : -n, G = F ? n : 0, R = F ? "end" : "start", W = E[N][R];
+      const R = L ? 0 : -n, z = L ? n : 0, G = L ? "end" : "start", W = E[N][G];
       return {
         index: N,
         loopPoint: W,
         slideLocation: _e(-1),
-        translate: Ft(t, l[N]),
-        target: () => d.get() > W ? z : G
+        translate: Et(t, l[N]),
+        target: () => d.get() > W ? R : z
       };
     });
   }
@@ -1519,7 +1519,7 @@ function Dr(t, e, n, r, a, i, o, d, l) {
     return f.every(({
       index: D
     }) => {
-      const _ = v.filter((F) => F !== D);
+      const _ = v.filter((L) => L !== D);
       return g(_, e) <= 0.1;
     });
   }
@@ -1527,10 +1527,10 @@ function Dr(t, e, n, r, a, i, o, d, l) {
     f.forEach((D) => {
       const {
         target: _,
-        translate: F,
+        translate: L,
         slideLocation: E
       } = D, N = _();
-      N !== E.get() && (F.to(N), E.set(N));
+      N !== E.get() && (L.to(N), E.set(N));
     });
   }
   function M() {
@@ -1614,7 +1614,7 @@ function Mr(t, e, n, r, a, i) {
   function h() {
     if (!c) return 0;
     const m = n[0];
-    return H(e[d] - m[d]);
+    return $(e[d] - m[d]);
   }
   function k() {
     if (!c) return 0;
@@ -1625,7 +1625,7 @@ function Mr(t, e, n, r, a, i) {
     return n.map((m, T, A) => {
       const M = !T, C = tt(A, T);
       return M ? f[T] + v : C ? f[T] + u : A[T + 1][d] - m[d];
-    }).map(H);
+    }).map($);
   }
   return {
     slideSizes: f,
@@ -1645,8 +1645,8 @@ function jr(t, e, n, r, a, i, o, d, l) {
   }
   function h(p) {
     return p.length ? Me(p).reduce((m, T, A) => {
-      const M = le(m) || 0, C = M === 0, D = T === Le(p), _ = a[c] - i[M][c], F = a[c] - i[T][v], E = !r && C ? u(o) : 0, N = !r && D ? u(d) : 0, z = H(F - N - (_ + E));
-      return A && z > e + l && m.push(T), D && m.push(p.length), m;
+      const M = le(m) || 0, C = M === 0, D = T === Fe(p), _ = a[c] - i[M][c], L = a[c] - i[T][v], E = !r && C ? u(o) : 0, N = !r && D ? u(d) : 0, R = $(L - N - (_ + E));
+      return A && R > e + l && m.push(T), D && m.push(p.length), m;
     }, []).map((m, T, A) => {
       const M = Math.max(A[T - 1] || 0);
       return p.slice(M, m);
@@ -1659,7 +1659,7 @@ function jr(t, e, n, r, a, i, o, d, l) {
     groupSlides: k
   };
 }
-function Fr(t, e, n, r, a, i, o) {
+function Lr(t, e, n, r, a, i, o) {
   const {
     align: d,
     axis: l,
@@ -1677,20 +1677,20 @@ function Fr(t, e, n, r, a, i, o) {
     watchSlides: A,
     watchDrag: M,
     watchFocus: C
-  } = i, D = 2, _ = pr(), F = _.measure(e), E = n.map(_.measure), N = cr(l, c), z = N.measureSize(F), G = gr(z), R = lr(d, z), W = !u && !!m, B = u || !!m, {
+  } = i, D = 2, _ = pr(), L = _.measure(e), E = n.map(_.measure), N = cr(l, c), R = N.measureSize(L), z = gr(R), G = lr(d, R), W = !u && !!m, B = u || !!m, {
     slideSizes: O,
     slideSizesWithGaps: te,
     startGap: Q,
     endGap: se
-  } = Mr(N, F, E, n, B, a), ee = jr(N, z, y, u, F, E, Q, se, D), {
+  } = Mr(N, L, E, n, B, a), ee = jr(N, R, y, u, L, E, Q, se, D), {
     snaps: ie,
     snapsAligned: ae
-  } = Sr(N, R, F, E, ee), V = -le(ie) + le(te), {
+  } = Sr(N, G, L, E, ee), V = -le(ie) + le(te), {
     snapsContained: ue,
     scrollContainLimit: b
-  } = yr(z, V, ae, m, D), I = W ? ue : ae, {
+  } = yr(R, V, ae, m, D), I = W ? ue : ae, {
     limit: j
-  } = vr(V, I, u), K = jt(Le(I), v, u), q = K.clone(), U = Me(n), x = ({
+  } = vr(V, I, u), K = Ft(Fe(I), v, u), q = K.clone(), U = Me(n), x = ({
     dragHandler: ve,
     scrollBody: We,
     scrollBounds: Ue,
@@ -1704,34 +1704,34 @@ function Fr(t, e, n, r, a, i, o) {
     translate: We,
     location: Ue,
     offsetLocation: Ee,
-    previousLocation: Pt,
+    previousLocation: Rt,
     scrollLooper: zt,
     slideLooper: Gt,
-    dragHandler: Rt,
-    animation: Wt,
-    eventHandler: it,
-    scrollBounds: Ut,
+    dragHandler: Wt,
+    animation: Ut,
+    eventHandler: at,
+    scrollBounds: Ht,
     options: {
-      loop: at
+      loop: lt
     }
-  }, lt) => {
-    const dt = ve.settled(), $t = !Ut.shouldConstrain(), ct = at ? dt : dt && $t, ut = ct && !Rt.pointerDown();
-    ut && Wt.stop();
-    const Ht = Ue.get() * lt + Pt.get() * (1 - lt);
-    Ee.set(Ht), at && (zt.loop(ve.direction()), Gt.loop()), We.to(Ee.get()), ut && it.emit("settle"), ct || it.emit("scroll");
-  }, $ = dr(r, a, () => x(Re), (ve) => P(Re, ve)), Y = 0.68, de = I[K.get()], me = _e(de), he = _e(de), pe = _e(de), fe = _e(de), Ce = fr(me, pe, he, fe, f, Y), ze = Cr(u, I, V, j, fe), Ge = wr($, K, q, Ce, ze, fe, o), ot = Tr(j), rt = Fe(), Nt = Ar(e, n, o, k), {
-    slideRegistry: st
-  } = xr(W, m, I, b, ee, U), Bt = Ir(t, n, st, Ge, Ce, rt, o, C), Re = {
+  }, dt) => {
+    const ct = ve.settled(), $t = !Ht.shouldConstrain(), ut = lt ? ct : ct && $t, mt = ut && !Wt.pointerDown();
+    mt && Ut.stop();
+    const Ot = Ue.get() * dt + Rt.get() * (1 - dt);
+    Ee.set(Ot), lt && (zt.loop(ve.direction()), Gt.loop()), We.to(Ee.get()), mt && at.emit("settle"), ut || at.emit("scroll");
+  }, H = dr(r, a, () => x(Ge), (ve) => P(Ge, ve)), Y = 0.68, de = I[K.get()], me = _e(de), he = _e(de), pe = _e(de), fe = _e(de), Ce = fr(me, pe, he, fe, f, Y), Re = Cr(u, I, V, j, fe), ze = wr(H, K, q, Ce, Re, fe, o), rt = Tr(j), st = Le(), Bt = Ar(e, n, o, k), {
+    slideRegistry: it
+  } = xr(W, m, I, b, ee, U), Pt = Ir(t, n, it, ze, Ce, st, o, C), Ge = {
     ownerDocument: r,
     ownerWindow: a,
     eventHandler: o,
-    containerRect: F,
+    containerRect: L,
     slideRects: E,
-    animation: $,
+    animation: H,
     axis: N,
-    dragHandler: ur(N, t, r, a, fe, mr(N, a), me, $, Ge, Ce, ze, K, o, G, g, h, p, Y, M),
-    eventStore: rt,
-    percentOfView: G,
+    dragHandler: ur(N, t, r, a, fe, mr(N, a), me, H, ze, Ce, Re, K, o, z, g, h, p, Y, M),
+    eventStore: st,
+    percentOfView: z,
     index: K,
     indexPrevious: q,
     limit: j,
@@ -1741,26 +1741,26 @@ function Fr(t, e, n, r, a, i, o) {
     options: i,
     resizeHandler: hr(e, o, a, n, N, T, _),
     scrollBody: Ce,
-    scrollBounds: kr(j, pe, fe, Ce, G),
+    scrollBounds: kr(j, pe, fe, Ce, z),
     scrollLooper: br(V, j, pe, [me, pe, he, fe]),
-    scrollProgress: ot,
-    scrollSnapList: I.map(ot.get),
+    scrollProgress: rt,
+    scrollSnapList: I.map(rt.get),
     scrollSnaps: I,
-    scrollTarget: ze,
-    scrollTo: Ge,
-    slideLooper: Dr(N, z, V, O, te, ie, I, pe, n),
-    slideFocus: Bt,
+    scrollTarget: Re,
+    scrollTo: ze,
+    slideLooper: Dr(N, R, V, O, te, ie, I, pe, n),
+    slideFocus: Pt,
     slidesHandler: _r(e, o, A),
-    slidesInView: Nt,
+    slidesInView: Bt,
     slideIndexes: U,
-    slideRegistry: st,
+    slideRegistry: it,
     slidesToScroll: ee,
     target: fe,
-    translate: Ft(N, e)
+    translate: Et(N, e)
   };
-  return Re;
+  return Ge;
 }
-function Lr() {
+function Fr() {
   let t = {}, e;
   function n(c) {
     e = c;
@@ -1813,7 +1813,7 @@ const Er = {
 };
 function Nr(t) {
   function e(i, o) {
-    return Mt(i, o || {});
+    return Lt(i, o || {});
   }
   function n(i) {
     const o = i.breakpoints || {}, d = je(o).filter((l) => t.matchMedia(l).matches).map((l) => o[l]).reduce((l, c) => e(l, c), {});
@@ -1846,7 +1846,7 @@ function Br(t) {
   };
 }
 function Be(t, e, n) {
-  const r = t.ownerDocument, a = r.defaultView, i = Nr(a), o = Br(i), d = Fe(), l = Lr(), {
+  const r = t.ownerDocument, a = r.defaultView, i = Nr(a), o = Br(i), d = Le(), l = Fr(), {
     mergeOptions: c,
     optionsAtMedia: v,
     optionsMediaQueries: u
@@ -1862,46 +1862,46 @@ function Be(t, e, n) {
       slides: x
     } = T;
     C = (qe(U) ? t.querySelector(U) : U) || t.children[0];
-    const $ = qe(x) ? C.querySelectorAll(x) : x;
-    D = [].slice.call($ || C.children);
+    const H = qe(x) ? C.querySelectorAll(x) : x;
+    D = [].slice.call(H || C.children);
   }
-  function F(U) {
-    const x = Fr(t, C, D, r, a, U, l);
+  function L(U) {
+    const x = Lr(t, C, D, r, a, U, l);
     if (U.loop && !x.slideLooper.canLoop()) {
       const P = Object.assign({}, U, {
         loop: !1
       });
-      return F(P);
+      return L(P);
     }
     return x;
   }
   function E(U, x) {
-    y || (m = c(m, U), T = v(m), A = x || A, _(), p = F(T), u([m, ...A.map(({
+    y || (m = c(m, U), T = v(m), A = x || A, _(), p = L(T), u([m, ...A.map(({
       options: P
     }) => P)]).forEach((P) => d.add(P, "change", N)), T.active && (p.translate.to(p.location.get()), p.animation.init(), p.slidesInView.init(), p.slideFocus.init(q), p.eventHandler.init(q), p.resizeHandler.init(q), p.slidesHandler.init(q), p.options.loop && p.slideLooper.loop(), C.offsetParent && D.length && p.dragHandler.init(q), M = o.init(q, A)));
   }
   function N(U, x) {
     const P = ee();
-    z(), E(c({
+    R(), E(c({
       startIndex: P
     }, U), x), l.emit("reInit");
   }
-  function z() {
+  function R() {
     p.dragHandler.destroy(), p.eventStore.clear(), p.translate.clear(), p.slideLooper.clear(), p.resizeHandler.destroy(), p.slidesHandler.destroy(), p.slidesInView.destroy(), p.animation.destroy(), o.destroy(), d.clear();
   }
-  function G() {
-    y || (y = !0, d.clear(), z(), l.emit("destroy"), l.clear());
+  function z() {
+    y || (y = !0, d.clear(), R(), l.emit("destroy"), l.clear());
   }
-  function R(U, x, P) {
+  function G(U, x, P) {
     !T.active || y || (p.scrollBody.useBaseFriction().useDuration(x === !0 ? 0 : T.duration), p.scrollTo.index(U, P || 0));
   }
   function W(U) {
     const x = p.index.add(1).get();
-    R(x, U, -1);
+    G(x, U, -1);
   }
   function B(U) {
     const x = p.index.add(-1).get();
-    R(x, U, 1);
+    G(x, U, 1);
   }
   function O() {
     return p.index.add(1).get() !== ee();
@@ -1947,7 +1947,7 @@ function Be(t, e, n) {
     canScrollPrev: te,
     containerNode: j,
     internalEngine: b,
-    destroy: G,
+    destroy: z,
     off: g,
     on: f,
     emit: h,
@@ -1959,7 +1959,7 @@ function Be(t, e, n) {
     scrollPrev: B,
     scrollProgress: se,
     scrollSnapList: Q,
-    scrollTo: R,
+    scrollTo: G,
     selectedScrollSnap: ee,
     slideNodes: K,
     slidesInView: ae,
@@ -1986,15 +1986,15 @@ function nt(t = {}, e = []) {
   }, [o, i]), [d, a];
 }
 nt.globalOptions = void 0;
-const Pr = "_carouselContainer_1bu1s_1", zr = "_viewport_1bu1s_11", Gr = "_slides_1bu1s_17", Rr = "_slide_1bu1s_17", Wr = "_slideInner_1bu1s_37", Ur = "_loaderOverlay_1bu1s_45", $r = "_image_1bu1s_55", Hr = "_loaded_1bu1s_66", Or = "_empty_1bu1s_78", Vr = "_controls_1bu1s_84", Kr = "_arrows_1bu1s_94", Yr = "_dots_1bu1s_104", qr = "_dot_1bu1s_104", Xr = "_dotActive_1bu1s_130", X = {
+const Pr = "_carouselContainer_1bu1s_1", Rr = "_viewport_1bu1s_11", zr = "_slides_1bu1s_17", Gr = "_slide_1bu1s_17", Wr = "_slideInner_1bu1s_37", Ur = "_loaderOverlay_1bu1s_45", Hr = "_image_1bu1s_55", $r = "_loaded_1bu1s_66", Or = "_empty_1bu1s_78", Vr = "_controls_1bu1s_84", Kr = "_arrows_1bu1s_94", Yr = "_dots_1bu1s_104", qr = "_dot_1bu1s_104", Xr = "_dotActive_1bu1s_130", X = {
   carouselContainer: Pr,
-  viewport: zr,
-  slides: Gr,
-  slide: Rr,
+  viewport: Rr,
+  slides: zr,
+  slide: Gr,
   slideInner: Wr,
   loaderOverlay: Ur,
-  image: $r,
-  loaded: Hr,
+  image: Hr,
+  loaded: $r,
   empty: Or,
   controls: Vr,
   arrows: Kr,
@@ -2023,14 +2023,14 @@ const Pr = "_carouselContainer_1bu1s_1", zr = "_viewport_1bu1s_11", Gr = "_slide
   Z(() => {
     T(new Array((t == null ? void 0 : t.length) || 0).fill(!1));
   }, [t]);
-  const A = re((G) => {
-    T((R) => {
-      const W = [...R];
-      return W[G] = !0, W;
+  const A = re((z) => {
+    T((G) => {
+      const W = [...G];
+      return W[z] = !0, W;
     });
   }, []), M = Se(() => n * 1e3, [n]), C = re(() => {
     g && k(g.selectedScrollSnap());
-  }, [g]), D = re((G) => g && g.scrollTo(G), [g]), _ = re(() => g && g.scrollPrev(), [g]), F = re(() => g && g.scrollNext(), [g]);
+  }, [g]), D = re((z) => g && g.scrollTo(z), [g]), _ = re(() => g && g.scrollPrev(), [g]), L = re(() => g && g.scrollNext(), [g]);
   Z(() => {
     if (g)
       return g.on("select", C), g.on("reInit", C), p(g.scrollSnapList()), () => {
@@ -2040,14 +2040,14 @@ const Pr = "_carouselContainer_1bu1s_1", zr = "_viewport_1bu1s_11", Gr = "_slide
     g && (g.reInit(), p(g.scrollSnapList()));
   }, [g, t, o, d]), Z(() => {
     if (!e || !g || !t || t.length <= 1) return;
-    const G = window.setInterval(() => {
+    const z = window.setInterval(() => {
       g.canScrollNext() && g.scrollNext();
     }, M);
     return () => {
-      window.clearInterval(G);
+      window.clearInterval(z);
     };
   }, [e, M, g, t]);
-  const E = Math.max(1, o), N = `${100 / E}%`, z = d / 2;
+  const E = Math.max(1, o), N = `${100 / E}%`, R = d / 2;
   return /* @__PURE__ */ w(
     "div",
     {
@@ -2061,40 +2061,40 @@ const Pr = "_carouselContainer_1bu1s_1", zr = "_viewport_1bu1s_11", Gr = "_slide
           {
             className: X.slides,
             style: {
-              marginLeft: `-${z}px`,
-              marginRight: `-${z}px`
+              marginLeft: `-${R}px`,
+              marginRight: `-${R}px`
             },
-            children: t && t.length > 0 ? t.map((G, R) => /* @__PURE__ */ s(
+            children: t && t.length > 0 ? t.map((z, G) => /* @__PURE__ */ s(
               "div",
               {
                 className: X.slide,
                 style: {
                   flex: `0 0 ${N}`,
-                  paddingLeft: `${z}px`,
-                  paddingRight: `${z}px`,
+                  paddingLeft: `${R}px`,
+                  paddingRight: `${R}px`,
                   borderRadius: l > 0 ? `${l}px` : void 0,
                   overflow: "hidden"
                   // Ensure radius clips content
                 },
                 children: /* @__PURE__ */ w("div", { className: X.slideInner, style: { borderRadius: `${l}px`, overflow: "hidden", position: "relative", width: "100%", height: "100%" }, children: [
-                  !m[R] && /* @__PURE__ */ s("div", { className: X.loaderOverlay, children: /* @__PURE__ */ s(Jr, { "aria-label": "Laster bilde" }) }),
+                  !m[G] && /* @__PURE__ */ s("div", { className: X.loaderOverlay, children: /* @__PURE__ */ s(Jr, { "aria-label": "Laster bilde" }) }),
                   /* @__PURE__ */ s(
                     "img",
                     {
-                      className: `${X.image} ${m[R] ? X.loaded : X.loadingImage}`,
-                      src: G.src,
-                      alt: G.alt,
-                      loading: R < E ? "eager" : "lazy",
+                      className: `${X.image} ${m[G] ? X.loaded : X.loadingImage}`,
+                      src: z.src,
+                      alt: z.alt,
+                      loading: G < E ? "eager" : "lazy",
                       crossOrigin: "anonymous",
-                      onLoad: () => A(R),
+                      onLoad: () => A(G),
                       onError: (W) => {
-                        W.target.style.display = "none", A(R);
+                        W.target.style.display = "none", A(G);
                       }
                     }
                   )
                 ] })
               },
-              `image-${R}-${G.src}`
+              `image-${G}-${z.src}`
             )) : /* @__PURE__ */ s("div", { className: X.slide, style: { flex: "0 0 100%" }, children: /* @__PURE__ */ s("div", { className: X.empty, children: "Ingen bilder" }) })
           }
         ) }),
@@ -2117,25 +2117,25 @@ const Pr = "_carouselContainer_1bu1s_1", zr = "_viewport_1bu1s_11", Gr = "_slide
                 variant: "primary",
                 icon: !0,
                 "aria-label": "Neste bilde",
-                onClick: F,
+                onClick: L,
                 disabled: !t || t.length <= 1,
                 children: /* @__PURE__ */ s(Jn, { "aria-hidden": !0 })
               }
             )
           ] }),
-          a && t && t.length > 1 && /* @__PURE__ */ s("div", { className: X.dots, role: "tablist", "aria-label": "Bildeposisjon", children: y.map((G, R) => {
-            const W = R === h;
+          a && t && t.length > 1 && /* @__PURE__ */ s("div", { className: X.dots, role: "tablist", "aria-label": "Bildeposisjon", children: y.map((z, G) => {
+            const W = G === h;
             return /* @__PURE__ */ s(
               "button",
               {
                 type: "button",
                 className: `${X.dot} ${W ? X.dotActive : ""}`,
-                onClick: () => D(R),
-                "aria-label": `Gå til bilde ${R + 1}`,
+                onClick: () => D(G),
+                "aria-label": `Gå til bilde ${G + 1}`,
                 "aria-selected": W,
                 role: "tab"
               },
-              `dot-${R}`
+              `dot-${G}`
             );
           }) })
         ] })
@@ -2147,7 +2147,7 @@ Zr.displayName = "Carousel";
 const Oi = dn, Vi = cn, Ki = un, J = mn, Yi = pn, qi = gn, Qr = hn, es = fn;
 Qr.displayName = "Field.Description";
 es.displayName = "Field.Counter";
-const Xi = Ct, ts = ge((t, e) => /* @__PURE__ */ s(kn, { ref: e, ...t }));
+const Xi = It, ts = ge((t, e) => /* @__PURE__ */ s(kn, { ref: e, ...t }));
 ts.displayName = "Heading";
 const Ji = yn, ns = ge((t, e) => /* @__PURE__ */ s(vn, { ref: e, ...t }));
 ns.displayName = "Label";
@@ -2159,9 +2159,9 @@ const ta = wn, na = In, oa = Dn, Ne = Object.assign(_n, {
   Button: jn,
   ClearButton: Mn,
   Input: An
-}), ra = Fn, sa = Ln, ia = En, os = Nn;
+}), ra = Ln, sa = Fn, ia = En, os = Nn;
 os.displayName = "Suggestion";
-const Oe = Bn, aa = Pn, la = zn, da = Gn, ca = Rn, ua = Wn, ma = Un, pa = $n, rs = ge((t, e) => /* @__PURE__ */ s(Hn, { ref: e, ...t }));
+const Oe = Bn, aa = Pn, la = Rn, da = zn, ca = Gn, ua = Wn, ma = Un, pa = Hn, rs = ge((t, e) => /* @__PURE__ */ s($n, { ref: e, ...t }));
 rs.displayName = "ValidationMessage";
 const ss = {
   NO: {
@@ -4120,7 +4120,7 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
       }
     }
   }
-}, Lt = Vt(void 0), ga = ({ children: t }) => {
+}, ot = Kt(void 0), ga = ({ children: t }) => {
   const [e, n] = ne("NO"), r = (a) => {
     const i = a.split(".");
     let o = ss[e];
@@ -4131,13 +4131,59 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
     }
     return o;
   };
-  return /* @__PURE__ */ s(Lt.Provider, { value: { language: e, setLanguage: n, t: r }, children: t });
-}, Et = () => {
-  const t = Kt(Lt);
+  return /* @__PURE__ */ s(ot.Provider, { value: { language: e, setLanguage: n, t: r }, children: t });
+}, ha = () => {
+  const t = wt(ot);
   if (t === void 0)
     throw new Error("useLanguage must be used within a LanguageProvider");
   return t;
-}, is = "_header_ymzss_1", as = "_languageSwitch_ymzss_36", ls = "_searchOverlay_ymzss_40", ds = "_headerExtension_ymzss_45", cs = "_extensionContentWrapper_ymzss_73", us = "_extensionContent_ymzss_73", ms = "_extensionDivider_ymzss_100", ps = "_languageLabel_ymzss_124", gs = "_languageLink_ymzss_140", hs = "_headerInner_ymzss_175", fs = "_logoWrapper_ymzss_192", ks = "_logo_ymzss_192", ys = "_secondaryLogoWrapper_ymzss_215", vs = "_slotComponent_ymzss_224", bs = "_slotContainer_ymzss_234", Ts = "_slotText_ymzss_242", Ss = "_secondaryLogo_ymzss_215", xs = "_redCrossLogo_ymzss_269", Cs = "_primaryLogo_ymzss_275", ws = "_navItems_ymzss_279", Is = "_navLink_ymzss_288", Ds = "_actions_ymzss_301", _s = "_ctaButton_ymzss_309", As = "_themeToggle_ymzss_314", Ms = "_userInfo_ymzss_319", js = "_userName_ymzss_325", Fs = "_loginLink_ymzss_332", Ls = "_loginText_ymzss_341", Es = "_underline_ymzss_348", Ns = "_searchButtonWrapper_ymzss_354", Bs = "_buttonText_ymzss_358", Ps = "_menuButton_ymzss_363", zs = "_menuOverlay_ymzss_368", Gs = "_searchContent_ymzss_402", Rs = "_menuContent_ymzss_412", Ws = "_menuLeftColumn_ymzss_421", Us = "_menuRightColumn_ymzss_427", $s = "_slotContent_ymzss_441", Hs = "_navList_ymzss_454", Os = "_menuUtilities_ymzss_461", Vs = "_menuBrand_ymzss_468", Ks = "_suggestionsSection_ymzss_472", Ys = "_suggestionsTitle_ymzss_478", qs = "_searchResults_ymzss_487", Xs = "_resultList_ymzss_493", Js = "_resultItem_ymzss_499", Zs = "_resultLink_ymzss_507", Qs = "_suggestionIcon_ymzss_521", ei = "_suggestionText_ymzss_534", ti = "_highlightedText_ymzss_541", ni = "_remainingText_ymzss_546", oi = "_viewAllLink_ymzss_559", ri = "_noResults_ymzss_594", S = {
+}, Nt = () => {
+  const t = wt(ot);
+  return t === void 0 ? {
+    language: "NO",
+    setLanguage: () => {
+      console.warn("LanguageProvider is not available. Language changes will not work.");
+    },
+    t: (e) => ({
+      // Header translations
+      "header.darkMode": "Mørk modus",
+      "header.language": "Språk",
+      "header.selectLanguage": "Velg språk",
+      "header.homeAriaLabel": "Norges Røde Kors Hjem",
+      "header.login": "Logg inn",
+      "header.search": "Søk",
+      "header.close": "Lukk",
+      "header.closeSearch": "Lukk søk",
+      "header.openSearch": "Åpne søk",
+      "header.menu": "Meny",
+      "header.closeMenu": "Lukk meny",
+      "header.openMenu": "Åpne meny",
+      "header.supportUs": "Støtt oss",
+      "header.toggleTheme": "Bytt tema",
+      "header.searchPlaceholder": "Søk...",
+      "header.clearSearch": "Tøm søk",
+      "header.suggestions": "Forslag",
+      "header.viewAll": "Se alle",
+      "header.noResults": "Ingen resultater for",
+      // Footer translations
+      "footer.shortcuts": "Snarveier",
+      "footer.shortcutsLinks.services": "Tilbudene",
+      "footer.shortcutsLinks.volunteer": "Bli frivillig",
+      "footer.shortcutsLinks.ourWork": "Vårt arbeid",
+      "footer.shortcutsLinks.about": "Om Røde Kors",
+      "footer.shortcutsLinks.support": "Støtt arbeidet",
+      "footer.shortcutsLinks.contact": "Kontakt oss",
+      "footer.contact.visitingAddress": "Besøks adresse",
+      "footer.contact.organizationNumber": "Organisasjonsnummer",
+      "footer.contact.email": "E-post",
+      "footer.copyright": "Rødekors",
+      "footer.legal.privacy": "Personvern",
+      "footer.legal.press": "For presse",
+      "footer.legal.procurement": "Regler for innkjøp",
+      "footer.legal.whistleblowing": "Varsling/Misconduct"
+    })[e] || e
+  } : t;
+}, is = "_header_ymzss_1", as = "_languageSwitch_ymzss_36", ls = "_searchOverlay_ymzss_40", ds = "_headerExtension_ymzss_45", cs = "_extensionContentWrapper_ymzss_73", us = "_extensionContent_ymzss_73", ms = "_extensionDivider_ymzss_100", ps = "_languageLabel_ymzss_124", gs = "_languageLink_ymzss_140", hs = "_headerInner_ymzss_175", fs = "_logoWrapper_ymzss_192", ks = "_logo_ymzss_192", ys = "_secondaryLogoWrapper_ymzss_215", vs = "_slotComponent_ymzss_224", bs = "_slotContainer_ymzss_234", Ts = "_slotText_ymzss_242", Ss = "_secondaryLogo_ymzss_215", xs = "_redCrossLogo_ymzss_269", Cs = "_primaryLogo_ymzss_275", ws = "_navItems_ymzss_279", Is = "_navLink_ymzss_288", Ds = "_actions_ymzss_301", _s = "_ctaButton_ymzss_309", As = "_themeToggle_ymzss_314", Ms = "_userInfo_ymzss_319", js = "_userName_ymzss_325", Ls = "_loginLink_ymzss_332", Fs = "_loginText_ymzss_341", Es = "_underline_ymzss_348", Ns = "_searchButtonWrapper_ymzss_354", Bs = "_buttonText_ymzss_358", Ps = "_menuButton_ymzss_363", Rs = "_menuOverlay_ymzss_368", zs = "_searchContent_ymzss_402", Gs = "_menuContent_ymzss_412", Ws = "_menuLeftColumn_ymzss_421", Us = "_menuRightColumn_ymzss_427", Hs = "_slotContent_ymzss_441", $s = "_navList_ymzss_454", Os = "_menuUtilities_ymzss_461", Vs = "_menuBrand_ymzss_468", Ks = "_suggestionsSection_ymzss_472", Ys = "_suggestionsTitle_ymzss_478", qs = "_searchResults_ymzss_487", Xs = "_resultList_ymzss_493", Js = "_resultItem_ymzss_499", Zs = "_resultLink_ymzss_507", Qs = "_suggestionIcon_ymzss_521", ei = "_suggestionText_ymzss_534", ti = "_highlightedText_ymzss_541", ni = "_remainingText_ymzss_546", oi = "_viewAllLink_ymzss_559", ri = "_noResults_ymzss_594", S = {
   header: is,
   languageSwitch: as,
   searchOverlay: ls,
@@ -4164,19 +4210,19 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
   themeToggle: As,
   userInfo: Ms,
   userName: js,
-  loginLink: Fs,
-  loginText: Ls,
+  loginLink: Ls,
+  loginText: Fs,
   underline: Es,
   searchButtonWrapper: Ns,
   buttonText: Bs,
   menuButton: Ps,
-  menuOverlay: zs,
-  searchContent: Gs,
-  menuContent: Rs,
+  menuOverlay: Rs,
+  searchContent: zs,
+  menuContent: Gs,
   menuLeftColumn: Ws,
   menuRightColumn: Us,
-  slotContent: $s,
-  navList: Hs,
+  slotContent: Hs,
+  navList: $s,
   menuUtilities: Os,
   menuBrand: Vs,
   suggestionsSection: Ks,
@@ -4254,7 +4300,7 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
   { id: "komponent-kreasjon", title: "Komponent Kreasjon", category: "Code", path: "code/komponent-kreasjon", description: "Opprette nye komponenter" },
   { id: "progression", title: "Progresjon", category: "Code", path: "code/progression", description: "Fra design til ferdig komponent" },
   { id: "metadata-files", title: "Metadata filer", category: "Code", path: "code/metadata-files", description: "Struktur og bruk av metadata.json" }
-], ha = ({
+], fa = ({
   "data-color": t = "primary",
   activePage: e,
   setPage: n,
@@ -4278,7 +4324,7 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
   showModeToggle: A = !1,
   showLanguageSwitch: M = !1
 }) => {
-  const [C, D] = ne(!1), [_, F] = ne(!1), [E, N] = ne(""), [z, G] = ne("light"), { language: R, setLanguage: W, t: B } = Et(), [O, te] = ne(!1);
+  const [C, D] = ne(!1), [_, L] = ne(!1), [E, N] = ne(""), [R, z] = ne("light"), { language: G, setLanguage: W, t: B } = Nt(), [O, te] = ne(!1);
   Z(() => {
     const b = "rk-header-inline-styles";
     if (typeof document > "u" || document.getElementById(b)) return;
@@ -4311,7 +4357,7 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
     }
   );
   Z(() => {
-    D(!1), F(!1), N("");
+    D(!1), L(!1), N("");
   }, [e]), Z(() => {
     if (!(typeof document > "u") && C && O) {
       const b = document.body.style.overflow;
@@ -4367,12 +4413,12 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
     };
   }, [_]);
   const se = () => {
-    const b = z === "light" ? "dark" : "light";
-    G(b), document.documentElement.setAttribute("data-color-scheme", b);
+    const b = R === "light" ? "dark" : "light";
+    z(b), document.documentElement.setAttribute("data-color-scheme", b);
   }, ee = (b) => {
-    n && (b.preventDefault(), n("home")), D(!1), F(!1);
+    n && (b.preventDefault(), n("home")), D(!1), L(!1);
   }, ie = () => {
-    D(!C), _ && F(!1), !C && typeof document < "u" && requestAnimationFrame(() => {
+    D(!C), _ && L(!1), !C && typeof document < "u" && requestAnimationFrame(() => {
       const b = document.querySelector(`.${S.header}`);
       if (b) {
         const I = b.offsetHeight;
@@ -4380,7 +4426,7 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
       }
     });
   }, ae = () => {
-    F(!_), C && D(!1);
+    L(!_), C && D(!1);
   }, V = Se(() => {
     if (!E.trim()) return [];
     const b = E.toLowerCase();
@@ -4388,7 +4434,7 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
       (I) => I.title.toLowerCase().startsWith(b)
     );
   }, [E]), ue = (b) => {
-    n && n(b), F(!1), N("");
+    n && n(b), L(!1), N("");
   };
   return /* @__PURE__ */ w("header", { className: S.header, "data-open": C ? "true" : "false", "data-color": t, children: [
     T && /* @__PURE__ */ s("div", { className: S.headerExtension, "data-color-scheme": "light", children: /* @__PURE__ */ w("div", { className: S.extensionContentWrapper, children: [
@@ -4396,7 +4442,7 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
         Oe,
         {
           "data-size": "sm",
-          checked: z === "dark",
+          checked: R === "dark",
           onChange: se,
           label: B("header.darkMode"),
           color: "neutral",
@@ -4414,16 +4460,16 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
               "aria-label": B("header.selectLanguage"),
               style: { background: "transparent", border: "none", padding: 0, cursor: "pointer", font: "inherit" },
               children: [
-                R,
+                G,
                 " ",
-                /* @__PURE__ */ s(pt, { "aria-hidden": !0 })
+                /* @__PURE__ */ s(gt, { "aria-hidden": !0 })
               ]
             }
           ),
           /* @__PURE__ */ s(
             J,
             {
-              "data-color-scheme": z,
+              "data-color-scheme": R,
               placement: "bottom-end",
               children: /* @__PURE__ */ w(J.List, { children: [
                 /* @__PURE__ */ s(J.Item, { children: /* @__PURE__ */ s(J.Button, { onClick: () => W("NO"), children: "Norsk (NO)" }) }),
@@ -4449,7 +4495,7 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
         /* @__PURE__ */ s("div", { className: S.secondaryLogoWrapper, children: f && g ? /* @__PURE__ */ s(
           "img",
           {
-            src: z === "dark" && h ? h : g,
+            src: R === "dark" && h ? h : g,
             alt: k,
             className: S.secondaryLogo
           }
@@ -4485,14 +4531,14 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
         !T && u && /* @__PURE__ */ s("div", { className: S.themeToggle, children: /* @__PURE__ */ s(
           Oe,
           {
-            checked: z === "dark",
+            checked: R === "dark",
             onChange: se,
             "aria-label": B("header.toggleTheme")
           }
         ) }),
         a && /* @__PURE__ */ w("div", { className: S.userInfo, children: [
           /* @__PURE__ */ s(Je, { "data-size": "md", className: S.userName, children: "Frodo Baggins" }),
-          /* @__PURE__ */ s(Dt, { "aria-label": "Frodo Baggins", "data-color": "main", variant: "circle", initials: "FB" })
+          /* @__PURE__ */ s(At, { "aria-label": "Frodo Baggins", "data-color": "main", variant: "circle", initials: "FB" })
         ] }),
         o && /* @__PURE__ */ w("a", { href: "#", className: S.loginLink, children: [
           /* @__PURE__ */ s("span", { className: S.loginText, children: B("header.login") }),
@@ -4508,7 +4554,7 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
             "aria-expanded": _,
             "aria-label": B(_ ? "header.closeSearch" : "header.openSearch"),
             children: [
-              _ ? /* @__PURE__ */ s(gt, { "aria-hidden": !0 }) : /* @__PURE__ */ s(ht, { "aria-hidden": !0 }),
+              _ ? /* @__PURE__ */ s(ht, { "aria-hidden": !0 }) : /* @__PURE__ */ s(ft, { "aria-hidden": !0 }),
               /* @__PURE__ */ s("span", { className: S.buttonText, children: B(_ ? "header.close" : "header.search") })
             ]
           }
@@ -4524,7 +4570,7 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
             "aria-label": B(C ? "header.closeMenu" : "header.openMenu"),
             className: S.menuButton,
             children: [
-              C ? /* @__PURE__ */ s(gt, { "aria-hidden": !0 }) : /* @__PURE__ */ s(Zn, { "aria-hidden": !0 }),
+              C ? /* @__PURE__ */ s(ht, { "aria-hidden": !0 }) : /* @__PURE__ */ s(Zn, { "aria-hidden": !0 }),
               /* @__PURE__ */ s("span", { className: S.buttonText, children: B(C ? "header.close" : "header.menu") })
             ]
           }
@@ -4545,16 +4591,16 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
                   "aria-label": B("header.selectLanguage"),
                   style: { background: "transparent", border: "none", padding: 0, cursor: "pointer", font: "inherit" },
                   children: [
-                    R,
+                    G,
                     " ",
-                    /* @__PURE__ */ s(pt, { "aria-hidden": !0 })
+                    /* @__PURE__ */ s(gt, { "aria-hidden": !0 })
                   ]
                 }
               ),
               /* @__PURE__ */ s(
                 J,
                 {
-                  "data-color-scheme": z,
+                  "data-color-scheme": R,
                   placement: "bottom-start",
                   children: /* @__PURE__ */ w(J.List, { children: [
                     /* @__PURE__ */ s(J.Item, { children: /* @__PURE__ */ s(J.Button, { onClick: () => W("NO"), children: "Norsk (NO)" }) }),
@@ -4568,7 +4614,7 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
             Oe,
             {
               "data-size": "sm",
-              checked: z === "dark",
+              checked: R === "dark",
               onChange: se,
               label: B("header.darkMode"),
               color: "neutral",
@@ -4616,12 +4662,12 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
             className: S.resultLink,
             onClick: () => ue(b.path),
             children: [
-              /* @__PURE__ */ s("span", { className: S.suggestionIcon, children: /* @__PURE__ */ s(ht, { "aria-hidden": !0 }) }),
+              /* @__PURE__ */ s("span", { className: S.suggestionIcon, children: /* @__PURE__ */ s(ft, { "aria-hidden": !0 }) }),
               /* @__PURE__ */ s("span", { className: S.suggestionText, children: (() => {
                 const I = b.title.toLowerCase().indexOf(E.toLowerCase());
                 if (I === -1) return /* @__PURE__ */ s("span", { className: S.remainingText, children: b.title });
                 const j = b.title.slice(0, I), K = b.title.slice(I, I + E.length), q = b.title.slice(I + E.length);
-                return /* @__PURE__ */ w(Ot, { children: [
+                return /* @__PURE__ */ w(Vt, { children: [
                   /* @__PURE__ */ s("span", { className: S.remainingText, children: j }),
                   /* @__PURE__ */ s("span", { className: S.highlightedText, children: K }),
                   /* @__PURE__ */ s("span", { className: S.remainingText, children: q })
@@ -4637,7 +4683,7 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
             "data-color": "neutral",
             className: S.viewAllLink,
             onClick: (b) => {
-              b.preventDefault(), n && n(`search/${E}`), F(!1), N("");
+              b.preventDefault(), n && n(`search/${E}`), L(!1), N("");
             },
             children: [
               B("header.viewAll"),
@@ -4798,7 +4844,7 @@ function ii(t) {
 }
 `;
 }
-const ai = "_footer_cf5vh_1", li = "_redSection_cf5vh_7", di = "_redContainer_cf5vh_26", ci = "_shortcutsSection_cf5vh_35", ui = "_shortcutsColumn_cf5vh_43", mi = "_shortcutsTitle_cf5vh_51", pi = "_shortcutsList_cf5vh_60", gi = "_shortcutLink_cf5vh_69", hi = "_slotComponent_cf5vh_92", fi = "_divider_cf5vh_131", ki = "_contactSection_cf5vh_139", yi = "_contactColumn_cf5vh_146", vi = "_contactTitle_cf5vh_154", bi = "_contactContent_cf5vh_163", Ti = "_legalSection_cf5vh_177", Si = "_copyrightText_cf5vh_184", xi = "_legalLinks_cf5vh_193", Ci = "_legalLink_cf5vh_193", wi = "_whiteSection_cf5vh_223", Ii = "_whiteContainer_cf5vh_228", Di = "_whiteContent_cf5vh_241", _i = "_logo_cf5vh_253", Ai = "_designSystemLogo_cf5vh_260", Mi = "_slotSmall_cf5vh_267", ji = "_slotLarge_cf5vh_278", L = {
+const ai = "_footer_cf5vh_1", li = "_redSection_cf5vh_7", di = "_redContainer_cf5vh_26", ci = "_shortcutsSection_cf5vh_35", ui = "_shortcutsColumn_cf5vh_43", mi = "_shortcutsTitle_cf5vh_51", pi = "_shortcutsList_cf5vh_60", gi = "_shortcutLink_cf5vh_69", hi = "_slotComponent_cf5vh_92", fi = "_divider_cf5vh_131", ki = "_contactSection_cf5vh_139", yi = "_contactColumn_cf5vh_146", vi = "_contactTitle_cf5vh_154", bi = "_contactContent_cf5vh_163", Ti = "_legalSection_cf5vh_177", Si = "_copyrightText_cf5vh_184", xi = "_legalLinks_cf5vh_193", Ci = "_legalLink_cf5vh_193", wi = "_whiteSection_cf5vh_223", Ii = "_whiteContainer_cf5vh_228", Di = "_whiteContent_cf5vh_241", _i = "_logo_cf5vh_253", Ai = "_designSystemLogo_cf5vh_260", Mi = "_slotSmall_cf5vh_267", ji = "_slotLarge_cf5vh_278", F = {
   footer: ai,
   redSection: li,
   redContainer: di,
@@ -4824,7 +4870,7 @@ const ai = "_footer_cf5vh_1", li = "_redSection_cf5vh_7", di = "_redContainer_cf
   designSystemLogo: Ai,
   slotSmall: Mi,
   slotLarge: ji
-}, fa = ({
+}, ka = ({
   "data-color": t = "additional",
   redSectionSlot: e,
   whiteSectionSlotSmall: n,
@@ -4836,7 +4882,7 @@ const ai = "_footer_cf5vh_1", li = "_redSection_cf5vh_7", di = "_redContainer_cf
   shortcutsLinksLeft: l,
   shortcutsLinksRight: c
 } = {}) => {
-  const v = (/* @__PURE__ */ new Date()).getFullYear(), { t: u } = Et(), [f, g] = Ve.useState("light");
+  const v = (/* @__PURE__ */ new Date()).getFullYear(), { t: u } = Nt(), [f, g] = Ve.useState("light");
   Ve.useEffect(() => {
     if (typeof document > "u") return;
     const m = document.documentElement, T = m.getAttribute("data-color-scheme") || (window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light");
@@ -4857,60 +4903,60 @@ const ai = "_footer_cf5vh_1", li = "_redSection_cf5vh_7", di = "_redContainer_cf
     { label: u("footer.shortcutsLinks.support"), href: "#" },
     { label: u("footer.shortcutsLinks.contact"), href: "#" }
   ], y = l || k, p = c || k;
-  return /* @__PURE__ */ w("footer", { className: L.footer, "data-color": t, children: [
-    /* @__PURE__ */ s("div", { className: L.redSection, children: /* @__PURE__ */ w("div", { className: L.redContainer, children: [
-      /* @__PURE__ */ w("div", { className: L.shortcutsSection, children: [
-        /* @__PURE__ */ w("nav", { className: L.shortcutsColumn, "aria-label": u("footer.shortcuts"), children: [
-          /* @__PURE__ */ s("h3", { className: L.shortcutsTitle, children: u("footer.shortcuts") }),
-          /* @__PURE__ */ s("ul", { className: L.shortcutsList, children: y.map((m, T) => /* @__PURE__ */ s("li", { children: /* @__PURE__ */ s(ce, { href: m.href, className: L.shortcutLink, children: m.label }) }, T)) })
+  return /* @__PURE__ */ w("footer", { className: F.footer, "data-color": t, children: [
+    /* @__PURE__ */ s("div", { className: F.redSection, children: /* @__PURE__ */ w("div", { className: F.redContainer, children: [
+      /* @__PURE__ */ w("div", { className: F.shortcutsSection, children: [
+        /* @__PURE__ */ w("nav", { className: F.shortcutsColumn, "aria-label": u("footer.shortcuts"), children: [
+          /* @__PURE__ */ s("h3", { className: F.shortcutsTitle, children: u("footer.shortcuts") }),
+          /* @__PURE__ */ s("ul", { className: F.shortcutsList, children: y.map((m, T) => /* @__PURE__ */ s("li", { children: /* @__PURE__ */ s(ce, { href: m.href, className: F.shortcutLink, children: m.label }) }, T)) })
         ] }),
-        /* @__PURE__ */ w("nav", { className: L.shortcutsColumn, "aria-label": u("footer.shortcuts"), children: [
-          /* @__PURE__ */ s("h3", { className: L.shortcutsTitle, children: u("footer.shortcuts") }),
-          /* @__PURE__ */ s("ul", { className: L.shortcutsList, children: p.map((m, T) => /* @__PURE__ */ s("li", { children: /* @__PURE__ */ s(ce, { href: m.href, className: L.shortcutLink, children: m.label }) }, T)) })
+        /* @__PURE__ */ w("nav", { className: F.shortcutsColumn, "aria-label": u("footer.shortcuts"), children: [
+          /* @__PURE__ */ s("h3", { className: F.shortcutsTitle, children: u("footer.shortcuts") }),
+          /* @__PURE__ */ s("ul", { className: F.shortcutsList, children: p.map((m, T) => /* @__PURE__ */ s("li", { children: /* @__PURE__ */ s(ce, { href: m.href, className: F.shortcutLink, children: m.label }) }, T)) })
         ] }),
-        e && /* @__PURE__ */ s("div", { className: L.slotComponent, children: e })
+        e && /* @__PURE__ */ s("div", { className: F.slotComponent, children: e })
       ] }),
-      /* @__PURE__ */ s("div", { className: L.divider }),
-      /* @__PURE__ */ w("div", { className: L.contactSection, children: [
-        /* @__PURE__ */ w("div", { className: L.contactColumn, children: [
-          /* @__PURE__ */ s("h4", { className: L.contactTitle, children: u("footer.contact.visitingAddress") }),
-          /* @__PURE__ */ w("div", { className: L.contactContent, children: [
+      /* @__PURE__ */ s("div", { className: F.divider }),
+      /* @__PURE__ */ w("div", { className: F.contactSection, children: [
+        /* @__PURE__ */ w("div", { className: F.contactColumn, children: [
+          /* @__PURE__ */ s("h4", { className: F.contactTitle, children: u("footer.contact.visitingAddress") }),
+          /* @__PURE__ */ w("div", { className: F.contactContent, children: [
             /* @__PURE__ */ s("p", { children: "Hausmannsgate 7 (Korsegården)" }),
             /* @__PURE__ */ s("p", { children: "0186 Oslo" })
           ] })
         ] }),
-        /* @__PURE__ */ w("div", { className: L.contactColumn, children: [
-          /* @__PURE__ */ s("h4", { className: L.contactTitle, children: u("footer.contact.organizationNumber") }),
-          /* @__PURE__ */ s("p", { className: L.contactContent, children: "XXX XXX XXX" })
+        /* @__PURE__ */ w("div", { className: F.contactColumn, children: [
+          /* @__PURE__ */ s("h4", { className: F.contactTitle, children: u("footer.contact.organizationNumber") }),
+          /* @__PURE__ */ s("p", { className: F.contactContent, children: "XXX XXX XXX" })
         ] }),
-        /* @__PURE__ */ w("div", { className: L.contactColumn, children: [
-          /* @__PURE__ */ s("h4", { className: L.contactTitle, children: u("footer.contact.email") }),
-          /* @__PURE__ */ s("p", { className: L.contactContent, children: "post@redcross.no" })
+        /* @__PURE__ */ w("div", { className: F.contactColumn, children: [
+          /* @__PURE__ */ s("h4", { className: F.contactTitle, children: u("footer.contact.email") }),
+          /* @__PURE__ */ s("p", { className: F.contactContent, children: "post@redcross.no" })
         ] })
       ] }),
-      /* @__PURE__ */ s("div", { className: L.divider }),
-      /* @__PURE__ */ w("div", { className: L.legalSection, children: [
-        /* @__PURE__ */ w("p", { className: L.copyrightText, children: [
+      /* @__PURE__ */ s("div", { className: F.divider }),
+      /* @__PURE__ */ w("div", { className: F.legalSection, children: [
+        /* @__PURE__ */ w("p", { className: F.copyrightText, children: [
           "© ",
           v,
           " ",
           u("footer.copyright")
         ] }),
-        /* @__PURE__ */ w("div", { className: L.legalLinks, children: [
-          /* @__PURE__ */ s(ce, { href: "#", className: L.legalLink, children: u("footer.legal.privacy") }),
-          /* @__PURE__ */ s(ce, { href: "#", className: L.legalLink, children: u("footer.legal.press") }),
-          /* @__PURE__ */ s(ce, { href: "#", className: L.legalLink, children: u("footer.legal.procurement") }),
-          /* @__PURE__ */ s(ce, { href: "#", className: L.legalLink, children: u("footer.legal.whistleblowing") })
+        /* @__PURE__ */ w("div", { className: F.legalLinks, children: [
+          /* @__PURE__ */ s(ce, { href: "#", className: F.legalLink, children: u("footer.legal.privacy") }),
+          /* @__PURE__ */ s(ce, { href: "#", className: F.legalLink, children: u("footer.legal.press") }),
+          /* @__PURE__ */ s(ce, { href: "#", className: F.legalLink, children: u("footer.legal.procurement") }),
+          /* @__PURE__ */ s(ce, { href: "#", className: F.legalLink, children: u("footer.legal.whistleblowing") })
         ] })
       ] })
     ] }) }),
-    /* @__PURE__ */ s("div", { className: L.whiteSection, children: /* @__PURE__ */ s("div", { className: L.whiteContainer, children: /* @__PURE__ */ w("div", { className: L.whiteContent, children: [
+    /* @__PURE__ */ s("div", { className: F.whiteSection, children: /* @__PURE__ */ s("div", { className: F.whiteContainer, children: /* @__PURE__ */ w("div", { className: F.whiteContent, children: [
       /* @__PURE__ */ s(
         "img",
         {
           src: "/logo-red-cross.svg",
           alt: "Røde Kors Logo",
-          className: L.logo,
+          className: F.logo,
           loading: "lazy"
         }
       ),
@@ -4919,30 +4965,30 @@ const ai = "_footer_cf5vh_1", li = "_redSection_cf5vh_7", di = "_redContainer_cf
         {
           src: h,
           alt: d,
-          className: L.designSystemLogo,
+          className: F.designSystemLogo,
           loading: "lazy"
         }
       ),
-      n && /* @__PURE__ */ s("div", { className: L.slotSmall, children: n }),
-      r && /* @__PURE__ */ s("div", { className: L.slotLarge, children: r })
+      n && /* @__PURE__ */ s("div", { className: F.slotSmall, children: n }),
+      r && /* @__PURE__ */ s("div", { className: F.slotLarge, children: r })
     ] }) }) })
   ] });
 };
 export {
   eo as Alert,
-  Dt as Avatar,
+  At as Avatar,
   to as Badge,
   Pi as BadgePosition,
-  zi as Breadcrumbs,
-  Ri as BreadcrumbsItem,
+  Ri as Breadcrumbs,
+  Gi as BreadcrumbsItem,
   Wi as BreadcrumbsLink,
-  Gi as BreadcrumbsList,
+  zi as BreadcrumbsList,
   xe as Button,
   no as Card,
   Ui as CardBlock,
   Zr as Carousel,
   oo as Checkbox,
-  Hi as Chip,
+  $i as Chip,
   nr as DateInput,
   Yo as DatePicker,
   Oi as Details,
@@ -4954,8 +5000,8 @@ export {
   es as FieldCounter,
   Qr as FieldDescription,
   Xi as Fieldset,
-  fa as Footer,
-  ha as Header,
+  ka as Footer,
+  fa as Header,
   ts as Heading,
   Ji as Input,
   ns as Label,
@@ -4981,8 +5027,9 @@ export {
   ma as ToggleGroup,
   pa as Tooltip,
   rs as ValidationMessage,
-  $i as useCheckboxGroup,
-  Et as useLanguage,
+  Hi as useCheckboxGroup,
+  ha as useLanguage,
+  Nt as useLanguageOptional,
   ea as usePagination,
   oa as useRadioGroup
 };