rk-designsystem 1.1.72 → 1.1.74

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 Be, { 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 Ln, Select as jn, Skeleton as Fn, SkipLink as En, EXPERIMENTAL_Suggestion as Nn, Switch as Bn, Table as Pn, Tabs as zn, Tag as Rn, Textarea as Gn, Textfield as $n, ToggleGroup as Wn, Tooltip as Un, ValidationMessage as Hn } 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 zi = Xt, Ri = Zt, Gi = Qt, $i = 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 Oi = an;
+function Oe(t) {
   return (e = {}) => {
     const n = e.width ? String(e.width) : t.defaultWidth;
     return t.formats[n] || t.formats[t.defaultWidth];
@@ -43,9 +43,9 @@ function De(t) {
     const r = n.width, a = r && t.matchPatterns[r] || t.matchPatterns[t.defaultMatchWidth], i = e.match(a);
     if (!i)
       return null;
-    const o = i[0], d = r && t.parsePatterns[r] || t.parsePatterns[t.defaultParseWidth], l = Array.isArray(d) ? io(d, (u) => u.test(o)) : (
+    const o = i[0], d = r && t.parsePatterns[r] || t.parsePatterns[t.defaultParseWidth], l = Array.isArray(d) ? io(d, (m) => m.test(o)) : (
       // [TODO] -- I challenge you to fix the type
-      so(d, (u) => u.test(o))
+      so(d, (m) => m.test(o))
     );
     let c;
     c = t.valueCallback ? t.valueCallback(l) : l, c = n.valueCallback ? (
@@ -160,15 +160,15 @@ const lo = {
   medium: "{{date}} {{time}}",
   short: "{{date}} {{time}}"
 }, go = {
-  date: He({
+  date: Oe({
     formats: uo,
     defaultWidth: "full"
   }),
-  time: He({
+  time: Oe({
     formats: mo,
     defaultWidth: "full"
   }),
-  dateTime: He({
+  dateTime: Oe({
     formats: po,
     defaultWidth: "full"
   })
@@ -300,7 +300,7 @@ const lo = {
   narrow: /^[jfmasond]/i,
   abbreviated: /^(jan|feb|mars?|apr|mai|juni?|juli?|aug|sep|okt|nov|des)\.?/i,
   wide: /^(januar|februar|mars|april|mai|juni|juli|august|september|oktober|november|desember)/i
-}, jo = {
+}, Lo = {
   narrow: [
     /^j/i,
     /^f/i,
@@ -329,12 +329,12 @@ const lo = {
     /^n/i,
     /^d/i
   ]
-}, Fo = {
+}, jo = {
   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,
@@ -372,13 +372,13 @@ const lo = {
   month: De({
     matchPatterns: Mo,
     defaultMatchWidth: "wide",
-    parsePatterns: jo,
+    parsePatterns: Lo,
     defaultParseWidth: "any"
   }),
   day: De({
-    matchPatterns: Fo,
+    matchPatterns: jo,
     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 Lt = ({ 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 = {
+Lt.displayName = "ChevronRightIcon";
+const Po = "_calendarContainer_10l5p_1", zo = "_calendarHeader_10l5p_14", Ro = "_monthYear_10l5p_21", Go = "_navigationButtons_10l5p_32", $o = "_grid_10l5p_41", Wo = "_dayNameCell_10l5p_48", Uo = "_dateCell_10l5p_65", Ho = "_dateNumberContainer_10l5p_90", Oo = "_otherMonth_10l5p_103", Vo = "_selectedDate_10l5p_129", oe = {
   calendarContainer: Po,
   calendarHeader: zo,
-  monthYear: Go,
-  navigationButtons: Ro,
-  grid: Wo,
-  dayNameCell: Uo,
-  dateCell: $o,
+  monthYear: Ro,
+  navigationButtons: Go,
+  grid: $o,
+  dayNameCell: Wo,
+  dateCell: Uo,
   dateNumberContainer: Ho,
   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,38 +475,38 @@ 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)) {
-      const m = be(e);
-      mt(m, i) || o(m);
+    if (e && He(e)) {
+      const u = be(e);
+      pt(u, i) || o(u);
     }
   }, [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 });
-    return Array.from({ length: 7 }).map((T, A) => {
-      const M = we(It(m, A), "EEEEEE", { locale: Te });
-      return ft(M);
+    const u = Dt(/* @__PURE__ */ new Date(), { locale: Te });
+    return Array.from({ length: 7 }).map((b, D) => {
+      const M = we(_t(u, D), "EEEEEE", { locale: Te });
+      return kt(M);
     });
-  }, []), u = re(() => {
-    l || o((m) => be(On(m, 1)));
+  }, []), m = re(() => {
+    l || o((u) => be(On(u, 1)));
   }, [l]), f = re(() => {
-    o((m) => be(Vn(m, 1)));
+    o((u) => be(Vn(u, 1)));
   }, []), g = re(
-    (m) => {
-      n && n(m);
+    (u) => {
+      n && n(u);
     },
     [n]
   ), h = re(
-    (m, T) => {
-      (m.key === "Enter" || m.key === " ") && (m.preventDefault(), g(T));
+    (u, b) => {
+      (u.key === "Enter" || u.key === " ") && (u.preventDefault(), g(b));
     },
     [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",
     {
@@ -522,10 +522,10 @@ const Po = "_calendarContainer_10l5p_1", zo = "_calendarHeader_10l5p_14", Go = "
               {
                 variant: "tertiary",
                 icon: !0,
-                onClick: u,
+                onClick: m,
                 "aria-label": "Forrige måned",
                 disabled: l,
-                children: /* @__PURE__ */ s(_t, {})
+                children: /* @__PURE__ */ s(Mt, {})
               }
             ),
             /* @__PURE__ */ s(
@@ -535,33 +535,33 @@ 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(Lt, {})
               }
             )
           ] })
         ] }),
-        /* @__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 = [
+        /* @__PURE__ */ s("div", { className: oe.grid, children: v.map((u) => /* @__PURE__ */ s("div", { className: oe.dayNameCell, children: u }, u)) }),
+        /* @__PURE__ */ s("div", { className: oe.grid, children: c.map((u) => {
+          const b = pt(u, i), D = e && He(e) && Kn(u, e), M = Yn(u), C = [
             oe.dateCell,
-            T ? "" : oe.otherMonth,
-            A ? oe.selectedDate : "",
+            b ? "" : oe.otherMonth,
+            D ? oe.selectedDate : "",
             // Utheving basert på prop
-            M && !A ? oe.todayDate : ""
+            M && !D ? oe.todayDate : ""
           ].filter(Boolean).join(" ");
           return /* @__PURE__ */ s(
             "div",
             {
               className: C,
-              onClick: () => g(m),
-              onKeyDown: (D) => h(D, m),
+              onClick: () => g(u),
+              onKeyDown: (_) => h(_, u),
               role: "button",
               tabIndex: 0,
-              "aria-pressed": A ?? !1,
-              "aria-label": we(m, "PPP", { locale: Te }),
-              children: /* @__PURE__ */ s("span", { className: oe.dateNumberContainer, children: we(m, "d") })
+              "aria-pressed": D ?? !1,
+              "aria-label": we(u, "PPP", { locale: Te }),
+              children: /* @__PURE__ */ s("span", { className: oe.dateNumberContainer, children: we(u, "d") })
             },
-            m.toISOString()
+            u.toISOString()
           );
         }) })
       ]
@@ -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);
@@ -606,68 +606,68 @@ const qo = "_fieldset_16fx7_2", Xo = "_description_16fx7_14", Jo = "_error_16fx7
       value: l,
       defaultValue: c,
       onChange: v,
-      readOnly: u,
+      readOnly: m,
       placeholder: f = "dd.mm.åååå",
       id: g,
       name: h,
       required: k,
       disabled: y,
       onClick: p,
-      onFocus: m,
+      onFocus: u,
       // Send ekstern onFocus videre
-      onBlur: T,
+      onBlur: b,
       // Send ekstern onBlur videre
-      autoComplete: A = "off",
+      autoComplete: D = "off",
       "aria-label": M,
       "aria-labelledby": C,
-      description: D,
-      error: _,
+      description: _,
+      error: A,
       // Bruk error-prop for styling
       "data-color": F,
       // <-- Destrukturering
       "data-size": E,
       // <-- Destrukturering
       ...N
-    } = t, z = l !== void 0, G = Ke(null);
-    Ve.useImperativeHandle(
+    } = t, z = l !== void 0, R = Ke(null);
+    Be.useImperativeHandle(
       e,
-      () => G.current
+      () => R.current
     );
-    const R = re(
-      (b) => {
-        const I = yt(b), j = vt(I);
-        return kt(j);
+    const G = re(
+      (T) => {
+        const I = vt(T), L = bt(I);
+        return yt(L);
       },
       []
-    ), [W, B] = ne(
-      () => R(l ?? c)
+    ), [$, B] = ne(
+      () => G(l ?? c)
     );
     Z(() => {
       if (z) {
-        const b = R(l);
-        b !== W && (B(b), G.current && G.current.value !== b && (G.current.value = b));
+        const T = G(l);
+        T !== $ && (B(T), R.current && R.current.value !== T && (R.current.value = T));
       }
-    }, [l, z, W, R]);
+    }, [l, z, $, 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);
+      (T) => {
+        const I = T.target, L = I.value, K = $, q = vt(L).slice(0, 8), W = bt(q), x = yt(W);
         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 U = W.length;
+        U <= 2 ? P = U : U <= 4 ? P = U + 1 : P = U + 2, P = Math.min(P, x.length), requestAnimationFrame(() => {
+          if (R.current && (B(x), R.current.value = x, R.current.setSelectionRange(P, P), (x !== K || z) && v)) {
             const Y = {
-              ...b,
+              ...T,
               target: { ...I, value: x }
             };
             v(Y, x);
           }
         });
       },
-      [W, z, v, R]
+      [$, z, v, G]
     ), te = [ke.fieldset, i].filter(Boolean).join(" "), Q = [
       ke.inputWrapper,
       o,
-      _ ? ke.inputWrapperError : ""
+      A ? ke.inputWrapperError : ""
     ].filter(Boolean).join(" "), se = [
       d
     ].filter(Boolean).join(" "), ee = [
@@ -675,7 +675,7 @@ const qo = "_fieldset_16fx7_2", Xo = "_description_16fx7_14", Jo = "_error_16fx7
       a ? ke.suffixButtonInteractive : ""
     ].filter(Boolean).join(" ");
     !n && !M && !C && console.warn("Advarsel: DateInput-komponenten bør ha label, aria-label, eller aria-labelledby for tilgjengelighet.");
-    const ie = n && typeof n == "string" ? C || `${g}-label` : void 0, ae = D ? `${g}-desc` : void 0, V = _ ? `${g}-err` : void 0, ue = [ae, V].filter(Boolean).join(" ") || void 0;
+    const ie = n && typeof n == "string" ? C || `${g}-label` : void 0, ae = _ ? `${g}-desc` : void 0, V = A ? `${g}-err` : void 0, ue = [ae, V].filter(Boolean).join(" ") || void 0;
     return (
       // --- Bruk data-color og data-size på den ytre wrapperen ---
       /* @__PURE__ */ w(
@@ -686,18 +686,18 @@ const qo = "_fieldset_16fx7_2", Xo = "_description_16fx7_14", Jo = "_error_16fx7
           "data-size": E,
           children: [
             n && typeof n == "string" ? /* @__PURE__ */ s("label", { id: ie, htmlFor: g, children: n }) : n,
-            D && /* @__PURE__ */ s("p", { id: ae, className: ke.description, children: D }),
+            _ && /* @__PURE__ */ s("p", { id: ae, className: ke.description, children: _ }),
             /* @__PURE__ */ w("div", { className: Q, children: [
               /* @__PURE__ */ s(
                 "input",
                 {
-                  ref: G,
+                  ref: R,
                   type: "text",
                   inputMode: "numeric",
                   pattern: "\\d{2}\\.\\d{2}\\.\\d{4}",
                   maxLength: 10,
-                  value: W,
-                  readOnly: u,
+                  value: $,
+                  readOnly: m,
                   placeholder: f,
                   id: g,
                   name: h,
@@ -705,13 +705,13 @@ const qo = "_fieldset_16fx7_2", Xo = "_description_16fx7_14", Jo = "_error_16fx7
                   disabled: y,
                   onClick: p,
                   onChange: O,
-                  onFocus: m,
-                  onBlur: T,
-                  autoComplete: A,
+                  onFocus: u,
+                  onBlur: b,
+                  autoComplete: D,
                   "aria-label": M,
                   "aria-labelledby": ie,
                   "aria-describedby": ue,
-                  "aria-invalid": !!_,
+                  "aria-invalid": !!A,
                   className: se,
                   ...N
                 }
@@ -730,7 +730,7 @@ const qo = "_fieldset_16fx7_2", Xo = "_description_16fx7_14", Jo = "_error_16fx7
                 }
               )
             ] }),
-            _ && /* @__PURE__ */ s("p", { id: V, className: ke.error, role: "alert", children: _ })
+            A && /* @__PURE__ */ s("p", { id: V, className: ke.error, role: "alert", children: A })
           ]
         }
       )
@@ -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);
@@ -773,10 +773,10 @@ function Qe(t) {
 function qe(t) {
   return typeof t == "string";
 }
-function Pe(t) {
+function ze(t) {
   return typeof t == "boolean";
 }
-function St(t) {
+function xt(t) {
   return Object.prototype.toString.call(t) === "[object Object]";
 }
 function H(t) {
@@ -797,27 +797,27 @@ function ar(t) {
   return Math.round(t * 100) / 100;
 }
 function Me(t) {
-  return je(t).map(Number);
+  return Le(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) {
+function Le(t) {
   return Object.keys(t);
 }
-function Mt(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;
+function jt(t, e) {
+  return [t, e].reduce((n, r) => (Le(r).forEach((a) => {
+    const i = n[a], o = r[a], d = xt(i) && xt(o);
+    n[a] = d ? jt(i, o) : o;
   }), n), {});
 }
 function Xe(t, e) {
@@ -845,7 +845,7 @@ function lr(t, e) {
     measure: o
   };
 }
-function Fe() {
+function je() {
   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 = je(), i = 1e3 / 60;
   let o = null, d = 0, l = 0;
   function c() {
     a.add(t, "visibilitychange", () => {
@@ -879,17 +879,17 @@ function dr(t, e, n, r) {
   function v() {
     g(), a.clear();
   }
-  function u(y) {
+  function m(y) {
     if (!l) return;
     o || (o = y, n(), n());
     const p = y - o;
     for (o = y, d += p; d >= i; )
       n(), d -= i;
-    const m = d / i;
-    r(m), l && (l = e.requestAnimationFrame(u));
+    const u = d / i;
+    r(u), l && (l = e.requestAnimationFrame(m));
   }
   function f() {
-    l || (l = e.requestAnimationFrame(u));
+    l || (l = e.requestAnimationFrame(m));
   }
   function g() {
     e.cancelAnimationFrame(l), o = null, d = 0, l = 0;
@@ -907,7 +907,7 @@ function dr(t, e, n, r) {
   };
 }
 function cr(t, e) {
-  const n = e === "rtl", r = t === "y", a = r ? "y" : "x", i = r ? "x" : "y", o = !r && n ? -1 : 1, d = v(), l = u();
+  const n = e === "rtl", r = t === "y", a = r ? "y" : "x", i = r ? "x" : "y", o = !r && n ? -1 : 1, d = v(), l = m();
   function c(h) {
     const {
       height: k,
@@ -918,7 +918,7 @@ function cr(t, e) {
   function v() {
     return r ? "top" : n ? "right" : "left";
   }
-  function u() {
+  function m() {
     return r ? "bottom" : n ? "left" : "right";
   }
   function f(h) {
@@ -961,7 +961,7 @@ 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;
@@ -973,52 +973,52 @@ function jt(t, e, n) {
     return i;
   }
   function l(f) {
-    return i = o(f), u;
+    return i = o(f), m;
   }
   function c(f) {
     return v().set(d() + f);
   }
   function v() {
-    return jt(t, d(), n);
+    return Ft(t, d(), n);
   }
-  const u = {
+  const m = {
     get: d,
     set: l,
     add: c,
     clone: v
   };
-  return u;
+  return m;
 }
-function ur(t, e, n, r, a, i, o, d, l, c, v, u, f, g, h, k, y, p, m) {
+function ur(t, e, n, r, a, i, o, d, l, c, v, m, f, g, h, k, y, p, u) {
   const {
-    cross: T,
-    direction: A
+    cross: b,
+    direction: D
   } = t, M = ["INPUT", "SELECT", "TEXTAREA"], C = {
     passive: !1
-  }, D = Fe(), _ = Fe(), F = ye(50, 225).constrain(g.measure(20)), E = {
+  }, _ = je(), A = je(), F = 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;
+  let R = !1, G = 0, $ = 0, B = !1, O = !1, te = !1, Q = !1;
   function se(x) {
-    if (!m) return;
+    if (!u) return;
     function P(Y) {
-      (Pe(m) || m(x, Y)) && b(Y);
+      (ze(u) || u(x, Y)) && T(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 U = e;
+    _.add(U, "dragstart", (Y) => Y.preventDefault(), C).add(U, "touchmove", () => {
+    }, C).add(U, "touchend", () => {
+    }).add(U, "touchstart", P).add(U, "mousedown", P).add(U, "touchcancel", L).add(U, "contextmenu", L).add(U, "click", K, !0);
   }
   function ee() {
-    D.clear(), _.clear();
+    _.clear(), A.clear();
   }
   function ie() {
     const x = Q ? n : e;
-    _.add(x, "touchmove", I, C).add(x, "touchend", j).add(x, "mousemove", I, C).add(x, "mouseup", j);
+    A.add(x, "touchmove", I, C).add(x, "touchend", L).add(x, "mousemove", I, C).add(x, "mouseup", L);
   }
   function ae(x) {
     const P = x.nodeName || "";
@@ -1028,24 +1028,24 @@ 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 U = m.add(et(x) * -1), Y = v.byDistance(x, !h).distance;
+    return h || H(x) < F ? Y : y && P ? Y * 0.5 : v.byIndex(U.get(), 0).distance;
   }
-  function b(x) {
+  function T(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 && R, R = 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), $ = i.readPoint(x, b), 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);
+    if (!Xe(x, r) && x.touches.length >= 2) return L(x);
+    const U = i.readPoint(x), Y = i.readPoint(x, b), de = Ae(U, G), me = Ae(Y, $);
     if (!O && !Q && (!x.cancelable || (O = de > me, !O)))
-      return j(x);
+      return L(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();
+    de > k && (te = !0), c.useFriction(0.3).useDuration(0.75), d.start(), a.add(D(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;
-    O = !1, B = !1, _.clear(), c.useDuration(he).useFriction(pe), l.distance(de, !h), Q = !1, f.emit("pointerUp");
+  function L(x) {
+    const U = v.byDistance(0, !1).index !== m.get(), Y = i.pointerUp(x) * V(), de = ue(D(Y), U), me = ir(Y, de), he = z - 10 * me, pe = p + me / 50;
+    O = !1, B = !1, A.clear(), c.useDuration(he).useFriction(pe), l.distance(de, !h), Q = !1, f.emit("pointerUp");
   }
   function K(x) {
     te && (x.stopPropagation(), x.preventDefault(), te = !1);
@@ -1061,23 +1061,23 @@ function ur(t, e, n, r, a, i, o, d, l, c, v, u, f, g, h, k, y, p, m) {
 }
 function mr(t, e) {
   let r, a;
-  function i(u) {
-    return u.timeStamp;
+  function i(m) {
+    return m.timeStamp;
   }
-  function o(u, f) {
+  function o(m, f) {
     const h = `client${(f || t.scroll) === "x" ? "X" : "Y"}`;
-    return (Xe(u, e) ? u : u.touches[0])[h];
+    return (Xe(m, e) ? m : m.touches[0])[h];
   }
-  function d(u) {
-    return r = u, a = u, o(u);
+  function d(m) {
+    return r = m, a = m, o(m);
   }
-  function l(u) {
-    const f = o(u) - o(a), g = i(u) - i(r) > 170;
-    return a = u, g && (r = u), f;
+  function l(m) {
+    const f = o(m) - o(a), g = i(m) - i(r) > 170;
+    return a = m, g && (r = m), f;
   }
-  function c(u) {
+  function c(m) {
     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;
+    const f = o(a) - o(r), g = i(m) - i(r), h = i(m) - i(a) > 170, k = f / g;
     return g && !h && H(k) > 0.1 ? k : 0;
   }
   return {
@@ -1118,31 +1118,31 @@ function gr(t) {
 }
 function hr(t, e, n, r, a, i, o) {
   const d = [t].concat(r);
-  let l, c, v = [], u = !1;
+  let l, c, v = [], m = !1;
   function f(y) {
     return a.measureSize(o.measure(y));
   }
   function g(y) {
     if (!i) return;
     c = f(t), v = r.map(f);
-    function p(m) {
-      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) {
+    function p(u) {
+      for (const b of u) {
+        if (m) return;
+        const D = b.target === t, M = r.indexOf(b.target), C = D ? c : v[M], _ = f(D ? t : r[M]);
+        if (H(_ - C) >= 0.5) {
           y.reInit(), e.emit("resize");
           break;
         }
       }
     }
-    l = new ResizeObserver((m) => {
-      (Pe(i) || i(y, m)) && p(m);
+    l = new ResizeObserver((u) => {
+      (ze(i) || i(y, u)) && p(u);
     }), n.requestAnimationFrame(() => {
-      d.forEach((m) => l.observe(m));
+      d.forEach((u) => l.observe(u));
     });
   }
   function h() {
-    u = !0, l && l.disconnect();
+    m = !0, l && l.disconnect();
   }
   return {
     init: g,
@@ -1150,11 +1150,11 @@ function hr(t, e, n, r, a, i, o) {
   };
 }
 function fr(t, e, n, r, a, i) {
-  let o = 0, d = 0, l = a, c = i, v = t.get(), u = 0;
+  let o = 0, d = 0, l = a, c = i, v = t.get(), m = 0;
   function f() {
-    const C = r.get() - t.get(), D = !l;
-    let _ = 0;
-    return D ? (o = 0, n.set(r), t.set(r), _ = C) : (n.set(t), o += C / l, o *= c, v += o, t.add(o), _ = v - u), d = et(_), u = v, M;
+    const C = r.get() - t.get(), _ = !l;
+    let A = 0;
+    return _ ? (o = 0, n.set(r), t.set(r), A = C) : (n.set(t), o += C / l, o *= c, v += o, t.add(o), A = v - m), d = et(A), m = v, M;
   }
   function g() {
     const C = r.get() - e.get();
@@ -1170,15 +1170,15 @@ function fr(t, e, n, r, a, i) {
     return o;
   }
   function p() {
-    return T(a);
+    return b(a);
   }
-  function m() {
-    return A(i);
+  function u() {
+    return D(i);
   }
-  function T(C) {
+  function b(C) {
     return l = C, M;
   }
-  function A(C) {
+  function D(C) {
     return c = C, M;
   }
   const M = {
@@ -1187,10 +1187,10 @@ function fr(t, e, n, r, a, i) {
     velocity: y,
     seek: f,
     settled: g,
-    useBaseFriction: m,
+    useBaseFriction: u,
     useBaseDuration: p,
-    useFriction: A,
-    useDuration: T
+    useFriction: D,
+    useDuration: b
   };
   return M;
 }
@@ -1205,17 +1205,17 @@ function kr(t, e, n, r, a) {
     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());
   }
-  function u(g) {
+  function m(g) {
     l = !g;
   }
   return {
     shouldConstrain: c,
     constrain: v,
-    toggleActive: u
+    toggleActive: m
   };
 }
 function yr(t, e, n, r, a) {
-  const i = ye(-e + t, 0), o = u(), d = v(), l = f();
+  const i = ye(-e + t, 0), o = m(), d = v(), l = f();
   function c(h, k) {
     return Ae(h, k) <= 1;
   }
@@ -1223,13 +1223,13 @@ function yr(t, e, n, r, a) {
     const h = o[0], k = le(o), y = o.lastIndexOf(h), p = o.indexOf(k) + 1;
     return ye(y, p);
   }
-  function u() {
+  function m() {
     return n.map((h, k) => {
       const {
         min: y,
         max: p
-      } = i, m = i.constrain(h), T = !k, A = tt(n, k);
-      return T ? p : A || c(y, m) ? y : c(p, m) ? p : m;
+      } = i, u = i.constrain(h), b = !k, D = tt(n, k);
+      return b ? p : D || c(y, u) ? y : c(p, u) ? p : u;
     }).map((h) => parseFloat(h.toFixed(3)));
   }
   function f() {
@@ -1288,8 +1288,8 @@ function Sr(t, e, n, r, a) {
     endEdge: o
   } = t, {
     groupSlides: d
-  } = a, l = u().map(e.measure), c = f(), v = g();
-  function u() {
+  } = a, l = m().map(e.measure), c = f(), v = g();
+  function m() {
     return d(r).map((k) => le(k)[o] - k[0][i]).map(H);
   }
   function f() {
@@ -1313,14 +1313,14 @@ function xr(t, e, n, r, a, i) {
   function v() {
     const f = o(i), g = !t || e === "keepSnaps";
     return n.length === 1 ? [i] : g ? f : f.slice(d, l).map((h, k, y) => {
-      const p = !k, m = tt(y, k);
+      const p = !k, u = tt(y, k);
       if (p) {
-        const T = le(y[0]) + 1;
-        return xt(T);
+        const b = le(y[0]) + 1;
+        return Ct(b);
       }
-      if (m) {
-        const T = Le(i) - le(y)[0] + 1;
-        return xt(T, le(y)[0]);
+      if (u) {
+        const b = Fe(i) - le(y)[0] + 1;
+        return Ct(b, le(y)[0]);
       }
       return h;
     });
@@ -1339,10 +1339,10 @@ function Cr(t, e, n, r, a) {
     return h.concat().sort((k, y) => H(k) - H(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)), {
+    const k = t ? o(h) : d(h), y = e.map((u, b) => ({
+      diff: v(u - k, 0),
+      index: b
+    })).sort((u, b) => H(u.diff) - H(b.diff)), {
       index: p
     } = y[0];
     return {
@@ -1354,10 +1354,10 @@ function Cr(t, e, n, r, a) {
     const y = [h, h + n, h - n];
     if (!t) return h;
     if (!k) return l(y);
-    const p = y.filter((m) => et(m) === k);
+    const p = y.filter((u) => et(u) === k);
     return p.length ? l(p) : le(y) - n;
   }
-  function u(h, k) {
+  function m(h, k) {
     const y = e[h] - a.get(), p = v(y, k);
     return {
       index: h,
@@ -1367,13 +1367,13 @@ function Cr(t, e, n, r, a) {
   function f(h, k) {
     const y = a.get() + h, {
       index: p,
-      distance: m
-    } = c(y), T = !t && i(y);
-    if (!k || T) return {
+      distance: u
+    } = c(y), b = !t && i(y);
+    if (!k || b) return {
       index: p,
       distance: h
     };
-    const A = e[p] - m, M = h + v(A, 0);
+    const D = e[p] - u, M = h + v(D, 0);
     return {
       index: p,
       distance: M
@@ -1381,21 +1381,21 @@ function Cr(t, e, n, r, a) {
   }
   return {
     byDistance: f,
-    byIndex: u,
+    byIndex: m,
     shortcut: v
   };
 }
 function wr(t, e, n, r, a, i, o) {
-  function d(u) {
-    const f = u.distance, g = u.index !== e.get();
-    i.add(f), f && (r.duration() ? t.start() : (t.update(), t.render(1), t.update())), g && (n.set(e.get()), e.set(u.index), o.emit("select"));
+  function d(m) {
+    const f = m.distance, g = m.index !== e.get();
+    i.add(f), f && (r.duration() ? t.start() : (t.update(), t.render(1), t.update())), g && (n.set(e.get()), e.set(m.index), o.emit("select"));
   }
-  function l(u, f) {
-    const g = a.byDistance(u, f);
+  function l(m, f) {
+    const g = a.byDistance(m, f);
     d(g);
   }
-  function c(u, f) {
-    const g = e.clone().set(u), h = a.byIndex(g.get(), f);
+  function c(m, f) {
+    const g = e.clone().set(m), h = a.byIndex(g.get(), f);
     d(h);
   }
   return {
@@ -1414,16 +1414,16 @@ function Ir(t, e, n, r, a, i, o, d) {
     function h(k) {
       if ((/* @__PURE__ */ new Date()).getTime() - c > 10) return;
       o.emit("slideFocusStart"), t.scrollLeft = 0;
-      const m = n.findIndex((T) => T.includes(k));
-      Qe(m) && (a.useDuration(0), r.index(m, 0), o.emit("slideFocus"));
+      const u = n.findIndex((b) => b.includes(k));
+      Qe(u) && (a.useDuration(0), r.index(u, 0), o.emit("slideFocus"));
     }
-    i.add(document, "keydown", u, !1), e.forEach((k, y) => {
+    i.add(document, "keydown", m, !1), e.forEach((k, y) => {
       i.add(k, "focus", (p) => {
-        (Pe(d) || d(g, p)) && h(y);
+        (ze(d) || d(g, p)) && h(y);
       }, l);
     });
   }
-  function u(g) {
+  function m(g) {
     g.code === "Tab" && (c = (/* @__PURE__ */ new Date()).getTime());
   }
   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) {
@@ -1481,65 +1481,65 @@ 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], _);
+  const v = Me(a), m = Me(a).reverse(), f = p().concat(u());
+  function g(_, A) {
+    return _.reduce((F, E) => F - a[E], A);
   }
-  function h(D, _) {
-    return D.reduce((F, E) => g(F, _) > 0 ? F.concat([E]) : F, []);
+  function h(_, A) {
+    return _.reduce((F, E) => g(F, A) > 0 ? F.concat([E]) : F, []);
   }
-  function k(D) {
-    return i.map((_, F) => ({
-      start: _ - r[F] + 0.5 + D,
-      end: _ + e - 0.5 + D
+  function k(_) {
+    return i.map((A, F) => ({
+      start: A - r[F] + 0.5 + _,
+      end: A + e - 0.5 + _
     }));
   }
-  function y(D, _, F) {
-    const E = k(_);
-    return D.map((N) => {
-      const z = F ? 0 : -n, G = F ? n : 0, R = F ? "end" : "start", W = E[N][R];
+  function y(_, A, F) {
+    const E = k(A);
+    return _.map((N) => {
+      const z = F ? 0 : -n, R = F ? n : 0, G = F ? "end" : "start", $ = E[N][G];
       return {
         index: N,
-        loopPoint: W,
+        loopPoint: $,
         slideLocation: _e(-1),
-        translate: Ft(t, l[N]),
-        target: () => d.get() > W ? z : G
+        translate: Et(t, l[N]),
+        target: () => d.get() > $ ? z : R
       };
     });
   }
   function p() {
-    const D = o[0], _ = h(u, D);
-    return y(_, n, !1);
+    const _ = o[0], A = h(m, _);
+    return y(A, n, !1);
   }
-  function m() {
-    const D = e - o[0] - 1, _ = h(v, D);
-    return y(_, -n, !0);
+  function u() {
+    const _ = e - o[0] - 1, A = h(v, _);
+    return y(A, -n, !0);
   }
-  function T() {
+  function b() {
     return f.every(({
-      index: D
+      index: _
     }) => {
-      const _ = v.filter((F) => F !== D);
-      return g(_, e) <= 0.1;
+      const A = v.filter((F) => F !== _);
+      return g(A, e) <= 0.1;
     });
   }
-  function A() {
-    f.forEach((D) => {
+  function D() {
+    f.forEach((_) => {
       const {
-        target: _,
+        target: A,
         translate: F,
         slideLocation: E
-      } = D, N = _();
+      } = _, N = A();
       N !== E.get() && (F.to(N), E.set(N));
     });
   }
   function M() {
-    f.forEach((D) => D.translate.clear());
+    f.forEach((_) => _.translate.clear());
   }
   return {
-    canLoop: T,
+    canLoop: b,
     clear: M,
-    loop: A,
+    loop: D,
     loopPoints: f
   };
 }
@@ -1548,14 +1548,14 @@ function _r(t, e, n) {
   function i(l) {
     if (!n) return;
     function c(v) {
-      for (const u of v)
-        if (u.type === "childList") {
+      for (const m of v)
+        if (m.type === "childList") {
           l.reInit(), e.emit("slidesChanged");
           break;
         }
     }
     r = new MutationObserver((v) => {
-      a || (Pe(n) || n(l, v)) && c(v);
+      a || (ze(n) || n(l, v)) && c(v);
     }), r.observe(t, {
       childList: !0
     });
@@ -1585,18 +1585,18 @@ function Ar(t, e, n, r) {
   function v() {
     d && d.disconnect(), l = !0;
   }
-  function u(h) {
-    return je(a).reduce((k, y) => {
+  function m(h) {
+    return Le(a).reduce((k, y) => {
       const p = parseInt(y), {
-        isIntersecting: m
+        isIntersecting: u
       } = a[p];
-      return (h && m || !h && !m) && k.push(p), k;
+      return (h && u || !h && !u) && k.push(p), k;
     }, []);
   }
   function f(h = !0) {
     if (h && i) return i;
     if (!h && o) return o;
-    const k = u(h);
+    const k = m(h);
     return h && (i = k), h || (o = k), k;
   }
   return {
@@ -1610,46 +1610,46 @@ function Mr(t, e, n, r, a, i) {
     measureSize: o,
     startEdge: d,
     endEdge: l
-  } = t, c = n[0] && a, v = h(), u = k(), f = n.map(o), g = y();
+  } = t, c = n[0] && a, v = h(), m = k(), f = n.map(o), g = y();
   function h() {
     if (!c) return 0;
-    const m = n[0];
-    return H(e[d] - m[d]);
+    const u = n[0];
+    return H(e[d] - u[d]);
   }
   function k() {
     if (!c) return 0;
-    const m = i.getComputedStyle(le(r));
-    return parseFloat(m.getPropertyValue(`margin-${l}`));
+    const u = i.getComputedStyle(le(r));
+    return parseFloat(u.getPropertyValue(`margin-${l}`));
   }
   function y() {
-    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];
+    return n.map((u, b, D) => {
+      const M = !b, C = tt(D, b);
+      return M ? f[b] + v : C ? f[b] + m : D[b + 1][d] - u[d];
     }).map(H);
   }
   return {
     slideSizes: f,
     slideSizesWithGaps: g,
     startGap: v,
-    endGap: u
+    endGap: m
   };
 }
-function jr(t, e, n, r, a, i, o, d, l) {
+function Lr(t, e, n, r, a, i, o, d, l) {
   const {
     startEdge: c,
     endEdge: v,
-    direction: u
+    direction: m
   } = t, f = Qe(n);
-  function g(p, m) {
-    return Me(p).filter((T) => T % m === 0).map((T) => p.slice(T, T + m));
+  function g(p, u) {
+    return Me(p).filter((b) => b % u === 0).map((b) => p.slice(b, b + u));
   }
   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;
-    }, []).map((m, T, A) => {
-      const M = Math.max(A[T - 1] || 0);
-      return p.slice(M, m);
+    return p.length ? Me(p).reduce((u, b, D) => {
+      const M = le(u) || 0, C = M === 0, _ = b === Fe(p), A = a[c] - i[M][c], F = a[c] - i[b][v], E = !r && C ? m(o) : 0, N = !r && _ ? m(d) : 0, z = H(F - N - (A + E));
+      return D && z > e + l && u.push(b), _ && u.push(p.length), u;
+    }, []).map((u, b, D) => {
+      const M = Math.max(D[b - 1] || 0);
+      return p.slice(M, u);
     }) : [];
   }
   function k(p) {
@@ -1659,38 +1659,38 @@ function jr(t, e, n, r, a, i, o, d, l) {
     groupSlides: k
   };
 }
-function Fr(t, e, n, r, a, i, o) {
+function jr(t, e, n, r, a, i, o) {
   const {
     align: d,
     axis: l,
     direction: c,
     startIndex: v,
-    loop: u,
+    loop: m,
     duration: f,
     dragFree: g,
     dragThreshold: h,
     inViewThreshold: k,
     slidesToScroll: y,
     skipSnaps: p,
-    containScroll: m,
-    watchResize: T,
-    watchSlides: A,
+    containScroll: u,
+    watchResize: b,
+    watchSlides: D,
     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, _ = 2, A = pr(), F = A.measure(e), E = n.map(A.measure), N = cr(l, c), z = N.measureSize(F), R = gr(z), G = lr(d, z), $ = !m && !!u, B = m || !!u, {
     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, F, E, n, B, a), ee = Lr(N, z, y, m, F, E, Q, se, _), {
     snaps: ie,
     snapsAligned: ae
-  } = Sr(N, R, F, E, ee), V = -le(ie) + le(te), {
+  } = Sr(N, G, F, E, ee), V = -le(ie) + le(te), {
     snapsContained: ue,
-    scrollContainLimit: b
-  } = yr(z, 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 = ({
+    scrollContainLimit: T
+  } = yr(z, V, ae, u, _), I = $ ? ue : ae, {
+    limit: L
+  } = vr(V, I, m), K = Ft(Fe(I), v, m), q = K.clone(), W = Me(n), x = ({
     dragHandler: ve,
     scrollBody: We,
     scrollBounds: Ue,
@@ -1704,63 +1704,63 @@ function Fr(t, e, n, r, a, i, o) {
     translate: We,
     location: Ue,
     offsetLocation: Ee,
-    previousLocation: Pt,
-    scrollLooper: zt,
+    previousLocation: zt,
+    scrollLooper: Rt,
     slideLooper: Gt,
-    dragHandler: Rt,
+    dragHandler: $t,
     animation: Wt,
-    eventHandler: it,
+    eventHandler: at,
     scrollBounds: Ut,
     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(), Ht = !Ut.shouldConstrain(), ut = lt ? ct : ct && Ht, mt = ut && !$t.pointerDown();
+    mt && Wt.stop();
+    const Ot = Ue.get() * dt + zt.get() * (1 - dt);
+    Ee.set(Ot), lt && (Rt.loop(ve.direction()), Gt.loop()), We.to(Ee.get()), mt && at.emit("settle"), ut || at.emit("scroll");
+  }, U = dr(r, a, () => x($e), (ve) => P($e, 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(m, I, V, L, fe), Ge = wr(U, K, q, Ce, Re, fe, o), rt = Tr(L), st = je(), Bt = Ar(e, n, o, k), {
+    slideRegistry: it
+  } = xr($, u, I, T, ee, W), Pt = Ir(t, n, it, Ge, Ce, st, o, C), $e = {
     ownerDocument: r,
     ownerWindow: a,
     eventHandler: o,
     containerRect: F,
     slideRects: E,
-    animation: $,
+    animation: U,
     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, U, Ge, Ce, Re, K, o, R, g, h, p, Y, M),
+    eventStore: st,
+    percentOfView: R,
     index: K,
     indexPrevious: q,
-    limit: j,
+    limit: L,
     location: me,
     offsetLocation: pe,
     previousLocation: he,
     options: i,
-    resizeHandler: hr(e, o, a, n, N, T, _),
+    resizeHandler: hr(e, o, a, n, N, b, A),
     scrollBody: Ce,
-    scrollBounds: kr(j, pe, fe, Ce, G),
-    scrollLooper: br(V, j, pe, [me, pe, he, fe]),
-    scrollProgress: ot,
-    scrollSnapList: I.map(ot.get),
+    scrollBounds: kr(L, pe, fe, Ce, R),
+    scrollLooper: br(V, L, pe, [me, pe, he, fe]),
+    scrollProgress: rt,
+    scrollSnapList: I.map(rt.get),
     scrollSnaps: I,
-    scrollTarget: ze,
+    scrollTarget: Re,
     scrollTo: Ge,
     slideLooper: Dr(N, z, V, O, te, ie, I, pe, n),
-    slideFocus: Bt,
-    slidesHandler: _r(e, o, A),
-    slidesInView: Nt,
-    slideIndexes: U,
-    slideRegistry: st,
+    slideFocus: Pt,
+    slidesHandler: _r(e, o, D),
+    slidesInView: Bt,
+    slideIndexes: W,
+    slideRegistry: it,
     slidesToScroll: ee,
     target: fe,
-    translate: Ft(N, e)
+    translate: Et(N, e)
   };
-  return Re;
+  return $e;
 }
-function Lr() {
+function Fr() {
   let t = {}, e;
   function n(c) {
     e = c;
@@ -1775,7 +1775,7 @@ function Lr() {
     return t[c] = r(c).concat([v]), l;
   }
   function o(c, v) {
-    return t[c] = r(c).filter((u) => u !== v), l;
+    return t[c] = r(c).filter((m) => m !== v), l;
   }
   function d() {
     t = {};
@@ -1813,14 +1813,14 @@ const Er = {
 };
 function Nr(t) {
   function e(i, o) {
-    return Mt(i, o || {});
+    return jt(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), {});
+    const o = i.breakpoints || {}, d = Le(o).filter((l) => t.matchMedia(l).matches).map((l) => o[l]).reduce((l, c) => e(l, c), {});
     return e(i, d);
   }
   function r(i) {
-    return i.map((o) => je(o.breakpoints || {})).reduce((o, d) => o.concat(d), []).map(t.matchMedia);
+    return i.map((o) => Le(o.breakpoints || {})).reduce((o, d) => o.concat(d), []).map(t.matchMedia);
   }
   return {
     mergeOptions: e,
@@ -1845,63 +1845,63 @@ function Br(t) {
     destroy: r
   };
 }
-function Be(t, e, n) {
-  const r = t.ownerDocument, a = r.defaultView, i = Nr(a), o = Br(i), d = Fe(), l = Lr(), {
+function Pe(t, e, n) {
+  const r = t.ownerDocument, a = r.defaultView, i = Nr(a), o = Br(i), d = je(), l = Fr(), {
     mergeOptions: c,
     optionsAtMedia: v,
-    optionsMediaQueries: u
+    optionsMediaQueries: m
   } = i, {
     on: f,
     off: g,
     emit: h
   } = l, k = N;
-  let y = !1, p, m = c(Er, Be.globalOptions), T = c(m), A = [], M, C, D;
-  function _() {
+  let y = !1, p, u = c(Er, Pe.globalOptions), b = c(u), D = [], M, C, _;
+  function A() {
     const {
-      container: U,
+      container: W,
       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);
-  }
-  function F(U) {
-    const x = Fr(t, C, D, r, a, U, l);
-    if (U.loop && !x.slideLooper.canLoop()) {
-      const P = Object.assign({}, U, {
+    } = b;
+    C = (qe(W) ? t.querySelector(W) : W) || t.children[0];
+    const U = qe(x) ? C.querySelectorAll(x) : x;
+    _ = [].slice.call(U || C.children);
+  }
+  function F(W) {
+    const x = jr(t, C, _, r, a, W, l);
+    if (W.loop && !x.slideLooper.canLoop()) {
+      const P = Object.assign({}, W, {
         loop: !1
       });
       return F(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(({
+  function E(W, x) {
+    y || (u = c(u, W), b = v(u), D = x || D, A(), p = F(b), m([u, ...D.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)));
+    }) => P)]).forEach((P) => d.add(P, "change", N)), b.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 && _.length && p.dragHandler.init(q), M = o.init(q, D)));
   }
-  function N(U, x) {
+  function N(W, x) {
     const P = ee();
     z(), E(c({
       startIndex: P
-    }, U), x), l.emit("reInit");
+    }, W), x), l.emit("reInit");
   }
   function z() {
     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() {
+  function R() {
     y || (y = !0, d.clear(), z(), l.emit("destroy"), l.clear());
   }
-  function R(U, x, P) {
-    !T.active || y || (p.scrollBody.useBaseFriction().useDuration(x === !0 ? 0 : T.duration), p.scrollTo.index(U, P || 0));
+  function G(W, x, P) {
+    !b.active || y || (p.scrollBody.useBaseFriction().useDuration(x === !0 ? 0 : b.duration), p.scrollTo.index(W, P || 0));
   }
-  function W(U) {
+  function $(W) {
     const x = p.index.add(1).get();
-    R(x, U, -1);
+    G(x, W, -1);
   }
-  function B(U) {
+  function B(W) {
     const x = p.index.add(-1).get();
-    R(x, U, 1);
+    G(x, W, 1);
   }
   function O() {
     return p.index.add(1).get() !== ee();
@@ -1930,24 +1930,24 @@ function Be(t, e, n) {
   function ue() {
     return M;
   }
-  function b() {
+  function T() {
     return p;
   }
   function I() {
     return t;
   }
-  function j() {
+  function L() {
     return C;
   }
   function K() {
-    return D;
+    return _;
   }
   const q = {
     canScrollNext: O,
     canScrollPrev: te,
-    containerNode: j,
-    internalEngine: b,
-    destroy: G,
+    containerNode: L,
+    internalEngine: T,
+    destroy: R,
     off: g,
     on: f,
     emit: h,
@@ -1955,11 +1955,11 @@ function Be(t, e, n) {
     previousScrollSnap: ie,
     reInit: k,
     rootNode: I,
-    scrollNext: W,
+    scrollNext: $,
     scrollPrev: B,
     scrollProgress: se,
     scrollSnapList: Q,
-    scrollTo: R,
+    scrollTo: G,
     selectedScrollSnap: ee,
     slideNodes: K,
     slidesInView: ae,
@@ -1967,7 +1967,7 @@ function Be(t, e, n) {
   };
   return E(e, n), setTimeout(() => l.emit("init"), 0), q;
 }
-Be.globalOptions = void 0;
+Pe.globalOptions = void 0;
 function nt(t = {}, e = []) {
   const n = Ke(t), r = Ke(e), [a, i] = ne(), [o, d] = ne(), l = re(() => {
     a && a.reInit(n.current, r.current);
@@ -1978,22 +1978,22 @@ function nt(t = {}, e = []) {
     sr(r.current, e) || (r.current = e, l());
   }, [e, l]), Z(() => {
     if (rr() && o) {
-      Be.globalOptions = nt.globalOptions;
-      const c = Be(o, n.current, r.current);
+      Pe.globalOptions = nt.globalOptions;
+      const c = Pe(o, n.current, r.current);
       return i(c), () => c.destroy();
     } else
       i(void 0);
   }, [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", zr = "_viewport_1bu1s_11", Rr = "_slides_1bu1s_17", Gr = "_slide_1bu1s_17", $r = "_slideInner_1bu1s_37", Wr = "_loaderOverlay_1bu1s_45", Ur = "_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 = {
   carouselContainer: Pr,
   viewport: zr,
-  slides: Gr,
-  slide: Rr,
-  slideInner: Wr,
-  loaderOverlay: Ur,
-  image: $r,
+  slides: Rr,
+  slide: Gr,
+  slideInner: $r,
+  loaderOverlay: Wr,
+  image: Ur,
   loaded: Hr,
   empty: Or,
   controls: Vr,
@@ -2014,23 +2014,23 @@ const Pr = "_carouselContainer_1bu1s_1", zr = "_viewport_1bu1s_11", Gr = "_slide
   "data-color": c,
   "data-size": v
 }) => {
-  const u = {
+  const m = {
     loop: !0,
     align: "start",
     containScroll: "trimSnaps",
     slidesToScroll: 1
-  }, [f, g] = nt(u), [h, k] = ne(0), [y, p] = ne([]), [m, T] = ne([]);
+  }, [f, g] = nt(m), [h, k] = ne(0), [y, p] = ne([]), [u, b] = ne([]);
   Z(() => {
-    T(new Array((t == null ? void 0 : t.length) || 0).fill(!1));
+    b(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 D = re((R) => {
+    b((G) => {
+      const $ = [...G];
+      return $[R] = !0, $;
     });
   }, []), 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]), _ = re((R) => g && g.scrollTo(R), [g]), A = re(() => g && g.scrollPrev(), [g]), F = re(() => g && g.scrollNext(), [g]);
   Z(() => {
     if (g)
       return g.on("select", C), g.on("reInit", C), p(g.scrollSnapList()), () => {
@@ -2040,11 +2040,11 @@ 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 R = window.setInterval(() => {
       g.canScrollNext() && g.scrollNext();
     }, M);
     return () => {
-      window.clearInterval(G);
+      window.clearInterval(R);
     };
   }, [e, M, g, t]);
   const E = Math.max(1, o), N = `${100 / E}%`, z = d / 2;
@@ -2064,7 +2064,7 @@ const Pr = "_carouselContainer_1bu1s_1", zr = "_viewport_1bu1s_11", Gr = "_slide
               marginLeft: `-${z}px`,
               marginRight: `-${z}px`
             },
-            children: t && t.length > 0 ? t.map((G, R) => /* @__PURE__ */ s(
+            children: t && t.length > 0 ? t.map((R, G) => /* @__PURE__ */ s(
               "div",
               {
                 className: X.slide,
@@ -2077,24 +2077,24 @@ const Pr = "_carouselContainer_1bu1s_1", zr = "_viewport_1bu1s_11", Gr = "_slide
                   // 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" }) }),
+                  !u[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} ${u[G] ? X.loaded : X.loadingImage}`,
+                      src: R.src,
+                      alt: R.alt,
+                      loading: G < E ? "eager" : "lazy",
                       crossOrigin: "anonymous",
-                      onLoad: () => A(R),
-                      onError: (W) => {
-                        W.target.style.display = "none", A(R);
+                      onLoad: () => D(G),
+                      onError: ($) => {
+                        $.target.style.display = "none", D(G);
                       }
                     }
                   )
                 ] })
               },
-              `image-${R}-${G.src}`
+              `image-${G}-${R.src}`
             )) : /* @__PURE__ */ s("div", { className: X.slide, style: { flex: "0 0 100%" }, children: /* @__PURE__ */ s("div", { className: X.empty, children: "Ingen bilder" }) })
           }
         ) }),
@@ -2106,7 +2106,7 @@ const Pr = "_carouselContainer_1bu1s_1", zr = "_viewport_1bu1s_11", Gr = "_slide
                 variant: "primary",
                 icon: !0,
                 "aria-label": "Forrige bilde",
-                onClick: _,
+                onClick: A,
                 disabled: !t || t.length <= 1,
                 children: /* @__PURE__ */ s(Xn, { "aria-hidden": !0 })
               }
@@ -2123,19 +2123,19 @@ const Pr = "_carouselContainer_1bu1s_1", zr = "_viewport_1bu1s_11", Gr = "_slide
               }
             )
           ] }),
-          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((R, G) => {
+            const $ = G === h;
             return /* @__PURE__ */ s(
               "button",
               {
                 type: "button",
-                className: `${X.dot} ${W ? X.dotActive : ""}`,
-                onClick: () => D(R),
-                "aria-label": `Gå til bilde ${R + 1}`,
-                "aria-selected": W,
+                className: `${X.dot} ${$ ? X.dotActive : ""}`,
+                onClick: () => _(G),
+                "aria-label": `Gå til bilde ${G + 1}`,
+                "aria-selected": $,
                 role: "tab"
               },
-              `dot-${R}`
+              `dot-${G}`
             );
           }) })
         ] })
@@ -2144,24 +2144,24 @@ const Pr = "_carouselContainer_1bu1s_1", zr = "_viewport_1bu1s_11", Gr = "_slide
   );
 };
 Zr.displayName = "Carousel";
-const Oi = dn, Vi = cn, Ki = un, J = mn, Yi = pn, qi = gn, Qr = hn, es = fn;
+const Vi = dn, Ki = cn, Yi = un, J = mn, qi = pn, Xi = 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 Ji = 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 }));
+const Zi = yn, ns = ge((t, e) => /* @__PURE__ */ s(vn, { ref: e, ...t }));
 ns.displayName = "Label";
-const ce = bn, Zi = Tn, Qi = Sn, ea = xn, Je = ge(
+const ce = bn, Qi = Tn, ea = Sn, ta = xn, Je = ge(
   (t, e) => /* @__PURE__ */ s(Cn, { ref: e, ...t })
 );
 Je.displayName = "Paragraph";
-const ta = wn, na = In, oa = Dn, Ne = Object.assign(_n, {
-  Button: jn,
+const na = wn, oa = In, ra = Dn, Ne = Object.assign(_n, {
+  Button: Ln,
   ClearButton: Mn,
   Input: An
-}), ra = Fn, sa = Ln, ia = En, os = Nn;
+}), sa = jn, ia = Fn, aa = 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 Ve = Bn, la = Pn, da = zn, ca = Rn, ua = Gn, ma = $n, pa = Wn, ga = Un, rs = ge((t, e) => /* @__PURE__ */ s(Hn, { 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), ha = ({ 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 });
+}, fa = () => {
+  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", Ls = "_userName_ymzss_325", js = "_loginLink_ymzss_332", Fs = "_loginText_ymzss_341", Es = "_underline_ymzss_348", Ns = "_searchButtonWrapper_ymzss_354", Bs = "_buttonText_ymzss_358", Ps = "_menuButton_ymzss_363", zs = "_menuOverlay_ymzss_368", Rs = "_searchContent_ymzss_402", Gs = "_menuContent_ymzss_412", $s = "_menuLeftColumn_ymzss_421", Ws = "_menuRightColumn_ymzss_427", Us = "_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 = {
   header: is,
   languageSwitch: as,
   searchOverlay: ls,
@@ -4163,19 +4209,19 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
   ctaButton: _s,
   themeToggle: As,
   userInfo: Ms,
-  userName: js,
-  loginLink: Fs,
-  loginText: Ls,
+  userName: Ls,
+  loginLink: js,
+  loginText: Fs,
   underline: Es,
   searchButtonWrapper: Ns,
   buttonText: Bs,
   menuButton: Ps,
   menuOverlay: zs,
-  searchContent: Gs,
-  menuContent: Rs,
-  menuLeftColumn: Ws,
-  menuRightColumn: Us,
-  slotContent: $s,
+  searchContent: Rs,
+  menuContent: Gs,
+  menuLeftColumn: $s,
+  menuRightColumn: Ws,
+  slotContent: Us,
   navList: Hs,
   menuUtilities: Os,
   menuBrand: Vs,
@@ -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 = ({
+], ka = ({
   "data-color": t = "primary",
   activePage: e,
   setPage: n,
@@ -4266,24 +4312,24 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
   ctaLabel: l,
   ctaIcon: c = /* @__PURE__ */ s(Qn, { "aria-hidden": !0 }),
   onCtaClick: v,
-  showThemeToggle: u = !1,
+  showThemeToggle: m = !1,
   secondaryLogo: f = !1,
   secondaryLogoSrc: g,
   secondaryLogoSrcDark: h,
   secondaryLogoAlt: k = "Secondary Logo",
   navItems: y,
   showNavItems: p = !0,
-  showMenuButton: m = !0,
-  showHeaderExtension: T = !1,
-  showModeToggle: A = !1,
+  showMenuButton: u = !0,
+  showHeaderExtension: b = !1,
+  showModeToggle: D = !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, _] = ne(!1), [A, F] = ne(!1), [E, N] = ne(""), [z, R] = ne("light"), { language: G, setLanguage: $, t: B } = Nt(), [O, te] = ne(!1);
   Z(() => {
-    const b = "rk-header-inline-styles";
-    if (typeof document > "u" || document.getElementById(b)) return;
-    const I = ii(S), j = document.createElement("style");
-    j.id = b, j.textContent = I, document.head.appendChild(j);
+    const T = "rk-header-inline-styles";
+    if (typeof document > "u" || document.getElementById(T)) return;
+    const I = ii(S), L = document.createElement("style");
+    L.id = T, L.textContent = I, document.head.appendChild(L);
   }, []);
   const Q = () => /* @__PURE__ */ w(
     "svg",
@@ -4311,89 +4357,89 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
     }
   );
   Z(() => {
-    D(!1), F(!1), N("");
+    _(!1), F(!1), N("");
   }, [e]), Z(() => {
     if (!(typeof document > "u") && C && O) {
-      const b = document.body.style.overflow;
+      const T = document.body.style.overflow;
       return document.body.style.overflow = "hidden", () => {
-        document.body.style.overflow = b;
+        document.body.style.overflow = T;
       };
     }
   }, [C, O]), Z(() => {
     if (typeof window > "u" || typeof window.matchMedia > "u") return;
-    const b = window.matchMedia("(max-width: 850px)"), I = (j) => te("matches" in j ? j.matches : b.matches);
-    return I(b), b.addEventListener ? b.addEventListener("change", I) : b.addListener(I), () => {
-      b.removeEventListener ? b.removeEventListener("change", I) : b.removeListener(I);
+    const T = window.matchMedia("(max-width: 850px)"), I = (L) => te("matches" in L ? L.matches : T.matches);
+    return I(T), T.addEventListener ? T.addEventListener("change", I) : T.addListener(I), () => {
+      T.removeEventListener ? T.removeEventListener("change", I) : T.removeListener(I);
     };
   }, []), Z(() => {
     if (typeof document > "u") return;
-    const b = document.querySelector(`.${S.header}`);
-    if (!b) return;
+    const T = document.querySelector(`.${S.header}`);
+    if (!T) return;
     const I = () => {
-      const K = b.offsetHeight;
+      const K = T.offsetHeight;
       document.documentElement.style.setProperty("--header-height-mobile", `${K}px`);
     };
     I(), window.addEventListener("resize", I);
-    const j = new ResizeObserver(() => {
+    const L = new ResizeObserver(() => {
       I();
     });
-    return j.observe(b), () => {
-      window.removeEventListener("resize", I), j.disconnect();
+    return L.observe(T), () => {
+      window.removeEventListener("resize", I), L.disconnect();
     };
   }, [O]), Z(() => {
     if (typeof document > "u") return;
-    const b = document.querySelector(`.${S.logoWrapper}`);
-    if (!b) return;
+    const T = document.querySelector(`.${S.logoWrapper}`);
+    if (!T) return;
     const I = () => {
-      const j = b.offsetWidth;
-      document.documentElement.style.setProperty("--rk-logo-width", `${j}px`);
+      const L = T.offsetWidth;
+      document.documentElement.style.setProperty("--rk-logo-width", `${L}px`);
     };
     return I(), window.addEventListener("resize", I), () => window.removeEventListener("resize", I);
   }, [O]), Z(() => {
-    if (typeof document > "u" || !_) {
+    if (typeof document > "u" || !A) {
       document.documentElement.style.setProperty("--rk-search-overlay-height", "0px");
       return;
     }
-    const b = document.querySelector(`.${S.searchOverlay}`);
-    if (!b) return;
+    const T = document.querySelector(`.${S.searchOverlay}`);
+    if (!T) return;
     const I = () => {
-      const K = b.offsetHeight;
+      const K = T.offsetHeight;
       document.documentElement.style.setProperty("--rk-search-overlay-height", `${K}px`);
     };
     requestAnimationFrame(I), window.addEventListener("resize", I);
-    const j = new ResizeObserver(I);
-    return j.observe(b), () => {
-      window.removeEventListener("resize", I), j.disconnect();
+    const L = new ResizeObserver(I);
+    return L.observe(T), () => {
+      window.removeEventListener("resize", I), L.disconnect();
     };
-  }, [_]);
+  }, [A]);
   const se = () => {
-    const b = z === "light" ? "dark" : "light";
-    G(b), document.documentElement.setAttribute("data-color-scheme", b);
-  }, ee = (b) => {
-    n && (b.preventDefault(), n("home")), D(!1), F(!1);
+    const T = z === "light" ? "dark" : "light";
+    R(T), document.documentElement.setAttribute("data-color-scheme", T);
+  }, ee = (T) => {
+    n && (T.preventDefault(), n("home")), _(!1), F(!1);
   }, ie = () => {
-    D(!C), _ && F(!1), !C && typeof document < "u" && requestAnimationFrame(() => {
-      const b = document.querySelector(`.${S.header}`);
-      if (b) {
-        const I = b.offsetHeight;
+    _(!C), A && F(!1), !C && typeof document < "u" && requestAnimationFrame(() => {
+      const T = document.querySelector(`.${S.header}`);
+      if (T) {
+        const I = T.offsetHeight;
         document.documentElement.style.setProperty("--header-height-mobile", `${I}px`);
       }
     });
   }, ae = () => {
-    F(!_), C && D(!1);
+    F(!A), C && _(!1);
   }, V = Se(() => {
     if (!E.trim()) return [];
-    const b = E.toLowerCase();
+    const T = E.toLowerCase();
     return si.filter(
-      (I) => I.title.toLowerCase().startsWith(b)
+      (I) => I.title.toLowerCase().startsWith(T)
     );
-  }, [E]), ue = (b) => {
-    n && n(b), F(!1), N("");
+  }, [E]), ue = (T) => {
+    n && n(T), F(!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: [
-      A && /* @__PURE__ */ s("div", { className: S.extensionContent, children: /* @__PURE__ */ s(
-        Oe,
+    b && /* @__PURE__ */ s("div", { className: S.headerExtension, "data-color-scheme": "light", children: /* @__PURE__ */ w("div", { className: S.extensionContentWrapper, children: [
+      D && /* @__PURE__ */ s("div", { className: S.extensionContent, children: /* @__PURE__ */ s(
+        Ve,
         {
           "data-size": "sm",
           checked: z === "dark",
@@ -4403,7 +4449,7 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
           "data-color-scheme": "light"
         }
       ) }),
-      A && M && /* @__PURE__ */ s("div", { className: S.extensionDivider }),
+      D && M && /* @__PURE__ */ s("div", { className: S.extensionDivider }),
       M && /* @__PURE__ */ w("div", { className: S.languageSwitch, children: [
         /* @__PURE__ */ s("span", { className: S.languageLabel, children: B("header.language") }),
         /* @__PURE__ */ w(J.TriggerContext, { children: [
@@ -4414,9 +4460,9 @@ 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 })
               ]
             }
           ),
@@ -4426,8 +4472,8 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
               "data-color-scheme": z,
               placement: "bottom-end",
               children: /* @__PURE__ */ w(J.List, { children: [
-                /* @__PURE__ */ s(J.Item, { children: /* @__PURE__ */ s(J.Button, { onClick: () => W("NO"), children: "Norsk (NO)" }) }),
-                /* @__PURE__ */ s(J.Item, { children: /* @__PURE__ */ s(J.Button, { onClick: () => W("EN"), children: "English (EN)" }) })
+                /* @__PURE__ */ s(J.Item, { children: /* @__PURE__ */ s(J.Button, { onClick: () => $("NO"), children: "Norsk (NO)" }) }),
+                /* @__PURE__ */ s(J.Item, { children: /* @__PURE__ */ s(J.Button, { onClick: () => $("EN"), children: "English (EN)" }) })
               ] })
             }
           )
@@ -4455,15 +4501,15 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
           }
         ) : f ? /* @__PURE__ */ s("div", { className: S.slotComponent, children: /* @__PURE__ */ s("div", { className: S.slotContainer, children: /* @__PURE__ */ s("p", { className: S.slotText, children: "SLOT" }) }) }) : null })
       ] }),
-      p && y && y.length > 0 && !O && /* @__PURE__ */ s("nav", { className: S.navItems, children: y.map((b, I) => /* @__PURE__ */ s(
+      p && y && y.length > 0 && !O && /* @__PURE__ */ s("nav", { className: S.navItems, children: y.map((T, I) => /* @__PURE__ */ s(
         ce,
         {
-          href: b.href,
+          href: T.href,
           className: S.navLink,
-          onClick: (j) => {
-            n && (j.preventDefault(), n(b.href));
+          onClick: (L) => {
+            n && (L.preventDefault(), n(T.href));
           },
-          children: b.label
+          children: T.label
         },
         I
       )) }),
@@ -4482,8 +4528,8 @@ 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,
+        !b && m && /* @__PURE__ */ s("div", { className: S.themeToggle, children: /* @__PURE__ */ s(
+          Ve,
           {
             checked: z === "dark",
             onChange: se,
@@ -4492,7 +4538,7 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
         ) }),
         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") }),
@@ -4505,15 +4551,15 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
             "data-color": "main",
             "data-size": "md",
             onClick: ae,
-            "aria-expanded": _,
-            "aria-label": B(_ ? "header.closeSearch" : "header.openSearch"),
+            "aria-expanded": A,
+            "aria-label": B(A ? "header.closeSearch" : "header.openSearch"),
             children: [
-              _ ? /* @__PURE__ */ s(gt, { "aria-hidden": !0 }) : /* @__PURE__ */ s(ht, { "aria-hidden": !0 }),
-              /* @__PURE__ */ s("span", { className: S.buttonText, children: B(_ ? "header.close" : "header.search") })
+              A ? /* @__PURE__ */ s(ht, { "aria-hidden": !0 }) : /* @__PURE__ */ s(ft, { "aria-hidden": !0 }),
+              /* @__PURE__ */ s("span", { className: S.buttonText, children: B(A ? "header.close" : "header.search") })
             ]
           }
         ) }),
-        (m || O) && /* @__PURE__ */ w(
+        (u || O) && /* @__PURE__ */ w(
           xe,
           {
             variant: "primary",
@@ -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") })
             ]
           }
@@ -4534,7 +4580,7 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
     C && /* @__PURE__ */ s("div", { className: S.menuOverlay, children: /* @__PURE__ */ w("div", { className: S.menuContent, children: [
       /* @__PURE__ */ s("div", { className: S.menuLeftColumn }),
       /* @__PURE__ */ w("div", { className: S.menuRightColumn, children: [
-        O && (M || A) && /* @__PURE__ */ w("div", { className: S.menuUtilities, children: [
+        O && (M || D) && /* @__PURE__ */ w("div", { className: S.menuUtilities, children: [
           M && /* @__PURE__ */ w("div", { className: S.languageSwitch, children: [
             /* @__PURE__ */ s("span", { className: S.languageLabel, children: B("header.language") }),
             /* @__PURE__ */ w(J.TriggerContext, { children: [
@@ -4545,9 +4591,9 @@ 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 })
                   ]
                 }
               ),
@@ -4557,15 +4603,15 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
                   "data-color-scheme": z,
                   placement: "bottom-start",
                   children: /* @__PURE__ */ w(J.List, { children: [
-                    /* @__PURE__ */ s(J.Item, { children: /* @__PURE__ */ s(J.Button, { onClick: () => W("NO"), children: "Norsk (NO)" }) }),
-                    /* @__PURE__ */ s(J.Item, { children: /* @__PURE__ */ s(J.Button, { onClick: () => W("EN"), children: "English (EN)" }) })
+                    /* @__PURE__ */ s(J.Item, { children: /* @__PURE__ */ s(J.Button, { onClick: () => $("NO"), children: "Norsk (NO)" }) }),
+                    /* @__PURE__ */ s(J.Item, { children: /* @__PURE__ */ s(J.Button, { onClick: () => $("EN"), children: "English (EN)" }) })
                   ] })
                 }
               )
             ] })
           ] }),
-          A && /* @__PURE__ */ s("div", { className: S.extensionContent, children: /* @__PURE__ */ s(
-            Oe,
+          D && /* @__PURE__ */ s("div", { className: S.extensionContent, children: /* @__PURE__ */ s(
+            Ve,
             {
               "data-size": "sm",
               checked: z === "dark",
@@ -4578,15 +4624,15 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
         ] }),
         /* @__PURE__ */ w("div", { className: S.slotContent, children: [
           r,
-          O && p && y && y.length > 0 && /* @__PURE__ */ s("nav", { className: S.navList, children: y.map((b, I) => /* @__PURE__ */ s(
+          O && p && y && y.length > 0 && /* @__PURE__ */ s("nav", { className: S.navList, children: y.map((T, I) => /* @__PURE__ */ s(
             ce,
             {
-              href: b.href,
+              href: T.href,
               className: S.navLink,
-              onClick: (j) => {
-                n && (j.preventDefault(), n(b.href));
+              onClick: (L) => {
+                n && (L.preventDefault(), n(T.href));
               },
-              children: b.label
+              children: T.label
             },
             I
           )) })
@@ -4594,7 +4640,7 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
         O && /* @__PURE__ */ s("div", { className: S.menuBrand, children: /* @__PURE__ */ s(Q, {}) })
       ] })
     ] }) }),
-    _ && /* @__PURE__ */ s("div", { className: S.searchOverlay, children: /* @__PURE__ */ w("div", { className: S.searchContent, children: [
+    A && /* @__PURE__ */ s("div", { className: S.searchOverlay, children: /* @__PURE__ */ w("div", { className: S.searchContent, children: [
       /* @__PURE__ */ w(Ne, { children: [
         /* @__PURE__ */ s(
           Ne.Input,
@@ -4602,7 +4648,7 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
             "aria-label": B("header.search"),
             placeholder: B("header.searchPlaceholder"),
             value: E,
-            onChange: (b) => N(b.target.value)
+            onChange: (T) => N(T.target.value)
           }
         ),
         /* @__PURE__ */ s(Ne.Button, { "aria-label": B("header.search") }),
@@ -4610,34 +4656,34 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
       ] }),
       E && /* @__PURE__ */ s("div", { className: S.searchResults, children: V.length > 0 ? /* @__PURE__ */ w("div", { className: S.suggestionsSection, children: [
         /* @__PURE__ */ s("h3", { className: S.suggestionsTitle, children: B("header.suggestions") }),
-        /* @__PURE__ */ s("ul", { className: S.resultList, children: V.slice(0, 5).map((b) => /* @__PURE__ */ s("li", { className: S.resultItem, children: /* @__PURE__ */ w(
+        /* @__PURE__ */ s("ul", { className: S.resultList, children: V.slice(0, 5).map((T) => /* @__PURE__ */ s("li", { className: S.resultItem, children: /* @__PURE__ */ w(
           "button",
           {
             className: S.resultLink,
-            onClick: () => ue(b.path),
+            onClick: () => ue(T.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: [
-                  /* @__PURE__ */ s("span", { className: S.remainingText, children: j }),
+                const I = T.title.toLowerCase().indexOf(E.toLowerCase());
+                if (I === -1) return /* @__PURE__ */ s("span", { className: S.remainingText, children: T.title });
+                const L = T.title.slice(0, I), K = T.title.slice(I, I + E.length), q = T.title.slice(I + E.length);
+                return /* @__PURE__ */ w(Vt, { children: [
+                  /* @__PURE__ */ s("span", { className: S.remainingText, children: L }),
                   /* @__PURE__ */ s("span", { className: S.highlightedText, children: K }),
                   /* @__PURE__ */ s("span", { className: S.remainingText, children: q })
                 ] });
               })() })
             ]
           }
-        ) }, b.id)) }),
+        ) }, T.id)) }),
         V.length > 5 && /* @__PURE__ */ w(
           ce,
           {
             href: "#",
             "data-color": "neutral",
             className: S.viewAllLink,
-            onClick: (b) => {
-              b.preventDefault(), n && n(`search/${E}`), F(!1), N("");
+            onClick: (T) => {
+              T.preventDefault(), n && n(`search/${E}`), F(!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", Li = "_slotLarge_cf5vh_278", j = {
   footer: ai,
   redSection: li,
   redContainer: di,
@@ -4823,8 +4869,8 @@ const ai = "_footer_cf5vh_1", li = "_redSection_cf5vh_7", di = "_redContainer_cf
   logo: _i,
   designSystemLogo: Ai,
   slotSmall: Mi,
-  slotLarge: ji
-}, fa = ({
+  slotLarge: Li
+}, ya = ({
   "data-color": t = "additional",
   redSectionSlot: e,
   whiteSectionSlotSmall: n,
@@ -4836,81 +4882,88 @@ 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");
-  Ve.useEffect(() => {
+  const v = (/* @__PURE__ */ new Date()).getFullYear(), { t: m } = Nt();
+  Be.useEffect(() => {
+    const u = "rk-footer-inline-styles";
+    if (typeof document > "u" || document.getElementById(u)) return;
+    const b = ji(j), D = document.createElement("style");
+    D.id = u, D.textContent = b, document.head.appendChild(D);
+  }, []);
+  const [f, g] = Be.useState("light");
+  Be.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");
-    g(T);
-    const A = window.matchMedia("(prefers-color-scheme: dark)"), M = () => {
-      const D = m.getAttribute("data-color-scheme") || (A.matches ? "dark" : "light");
-      g(D);
+    const u = document.documentElement, b = u.getAttribute("data-color-scheme") || (window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light");
+    g(b);
+    const D = window.matchMedia("(prefers-color-scheme: dark)"), M = () => {
+      const _ = u.getAttribute("data-color-scheme") || (D.matches ? "dark" : "light");
+      g(_);
     }, C = new MutationObserver(M);
-    return C.observe(m, { attributes: !0, attributeFilter: ["data-color-scheme"] }), A.addEventListener("change", M), () => {
-      C.disconnect(), A.removeEventListener("change", M);
+    return C.observe(u, { attributes: !0, attributeFilter: ["data-color-scheme"] }), D.addEventListener("change", M), () => {
+      C.disconnect(), D.removeEventListener("change", M);
     };
   }, []);
   const h = f === "dark" && o ? o : i, k = [
-    { label: u("footer.shortcutsLinks.services"), href: "#" },
-    { label: u("footer.shortcutsLinks.volunteer"), href: "#" },
-    { label: u("footer.shortcutsLinks.ourWork"), href: "#" },
-    { label: u("footer.shortcutsLinks.about"), href: "#" },
-    { label: u("footer.shortcutsLinks.support"), href: "#" },
-    { label: u("footer.shortcutsLinks.contact"), href: "#" }
+    { label: m("footer.shortcutsLinks.services"), href: "#" },
+    { label: m("footer.shortcutsLinks.volunteer"), href: "#" },
+    { label: m("footer.shortcutsLinks.ourWork"), href: "#" },
+    { label: m("footer.shortcutsLinks.about"), href: "#" },
+    { label: m("footer.shortcutsLinks.support"), href: "#" },
+    { label: m("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: j.footer, "data-color": t, children: [
+    /* @__PURE__ */ s("div", { className: j.redSection, children: /* @__PURE__ */ w("div", { className: j.redContainer, children: [
+      /* @__PURE__ */ w("div", { className: j.shortcutsSection, children: [
+        /* @__PURE__ */ w("nav", { className: j.shortcutsColumn, "aria-label": m("footer.shortcuts"), children: [
+          /* @__PURE__ */ s("h3", { className: j.shortcutsTitle, children: m("footer.shortcuts") }),
+          /* @__PURE__ */ s("ul", { className: j.shortcutsList, children: y.map((u, b) => /* @__PURE__ */ s("li", { children: /* @__PURE__ */ s(ce, { href: u.href, className: j.shortcutLink, children: u.label }) }, b)) })
         ] }),
-        /* @__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: j.shortcutsColumn, "aria-label": m("footer.shortcuts"), children: [
+          /* @__PURE__ */ s("h3", { className: j.shortcutsTitle, children: m("footer.shortcuts") }),
+          /* @__PURE__ */ s("ul", { className: j.shortcutsList, children: p.map((u, b) => /* @__PURE__ */ s("li", { children: /* @__PURE__ */ s(ce, { href: u.href, className: j.shortcutLink, children: u.label }) }, b)) })
         ] }),
-        e && /* @__PURE__ */ s("div", { className: L.slotComponent, children: e })
+        e && /* @__PURE__ */ s("div", { className: j.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: j.divider }),
+      /* @__PURE__ */ w("div", { className: j.contactSection, children: [
+        /* @__PURE__ */ w("div", { className: j.contactColumn, children: [
+          /* @__PURE__ */ s("h4", { className: j.contactTitle, children: m("footer.contact.visitingAddress") }),
+          /* @__PURE__ */ w("div", { className: j.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: j.contactColumn, children: [
+          /* @__PURE__ */ s("h4", { className: j.contactTitle, children: m("footer.contact.organizationNumber") }),
+          /* @__PURE__ */ s("p", { className: j.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: j.contactColumn, children: [
+          /* @__PURE__ */ s("h4", { className: j.contactTitle, children: m("footer.contact.email") }),
+          /* @__PURE__ */ s("p", { className: j.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: j.divider }),
+      /* @__PURE__ */ w("div", { className: j.legalSection, children: [
+        /* @__PURE__ */ w("p", { className: j.copyrightText, children: [
           "© ",
           v,
           " ",
-          u("footer.copyright")
+          m("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: j.legalLinks, children: [
+          /* @__PURE__ */ s(ce, { href: "#", className: j.legalLink, children: m("footer.legal.privacy") }),
+          /* @__PURE__ */ s(ce, { href: "#", className: j.legalLink, children: m("footer.legal.press") }),
+          /* @__PURE__ */ s(ce, { href: "#", className: j.legalLink, children: m("footer.legal.procurement") }),
+          /* @__PURE__ */ s(ce, { href: "#", className: j.legalLink, children: m("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: j.whiteSection, children: /* @__PURE__ */ s("div", { className: j.whiteContainer, children: /* @__PURE__ */ w("div", { className: j.whiteContent, children: [
       /* @__PURE__ */ s(
         "img",
         {
           src: "/logo-red-cross.svg",
           alt: "Røde Kors Logo",
-          className: L.logo,
+          className: j.logo,
           loading: "lazy"
         }
       ),
@@ -4919,22 +4972,264 @@ const ai = "_footer_cf5vh_1", li = "_redSection_cf5vh_7", di = "_redContainer_cf
         {
           src: h,
           alt: d,
-          className: L.designSystemLogo,
+          className: j.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: j.slotSmall, children: n }),
+      r && /* @__PURE__ */ s("div", { className: j.slotLarge, children: r })
     ] }) }) })
   ] });
 };
+function ji(t) {
+  const e = t;
+  return `
+.${e.footer} {
+  margin-top: auto;
+  width: 100%;
+}
+.${e.redSection} {
+  background-color: var(--ds-color-additional-color-ocean-background-tinted, #f2f4f5);
+  width: 100%;
+}
+.${e.footer}[data-color="primary"] .${e.redSection} {
+  background-color: var(--ds-color-primary-color-red-background-tinted);
+}
+.${e.footer}[data-color="additional"] .${e.redSection} {
+  background-color: var(--ds-color-additional-color-ocean-background-tinted);
+}
+.${e.footer}[data-color="neutral"] .${e.redSection} {
+  background-color: var(--ds-color-neutral-background-tinted);
+}
+.${e.redContainer} {
+  width: 100%;
+  max-width: 1440px;
+  margin: 0 auto;
+  padding: var(--ds-size-30, 120px) var(--ds-size-44, 175px);
+  box-sizing: border-box;
+}
+.${e.shortcutsSection} {
+  display: flex;
+  gap: var(--ds-size-12, 48px);
+  align-items: flex-start;
+  padding: var(--ds-size-8, 32px) 0;
+  flex-wrap: wrap;
+}
+.${e.shortcutsColumn} {
+  display: flex;
+  flex-direction: column;
+  gap: var(--ds-size-6, 24px);
+  width: 257px;
+  flex-shrink: 0;
+}
+.${e.shortcutsTitle} {
+  font-size: var(--ds-font-size-7, 30px);
+  font-weight: var(--ds-font-weight-regular);
+  line-height: 1.3;
+  letter-spacing: -0.075px;
+  color: var(--ds-color-primary-color-red-text-default, #57110c);
+  margin: 0;
+}
+.${e.shortcutsList} {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+  display: flex;
+  flex-direction: column;
+  gap: var(--ds-size-2, 8px);
+}
+.${e.shortcutLink} {
+  font-size: var(--ds-font-size-4, 18px);
+  font-weight: var(--ds-font-weight-regular);
+  line-height: 1.5;
+  letter-spacing: 0.09px;
+  color: var(--ds-color-neutral-text-default, #2b2b2b);
+  text-decoration: underline;
+  text-underline-offset: 2px;
+  transition: color 0.2s ease;
+}
+.${e.shortcutLink}:hover {
+  color: var(--ds-color-neutral-text-default, #2b2b2b);
+  opacity: 0.8;
+}
+.${e.shortcutLink}:focus {
+  outline: 2px solid var(--ds-color-neutral-border-default, #797979);
+  outline-offset: 2px;
+  border-radius: var(--ds-border-radius-sm);
+}
+.${e.slotComponent} {
+  background-color: var(--ds-color-neutral-surface-default, #ffffff);
+  border: 2px dashed var(--ds-color-neutral-border-default, #797979);
+  border-radius: var(--ds-border-radius-lg, 8px);
+  padding: var(--ds-size-6, 24px) var(--ds-size-3, 12px);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex: 1 0 0;
+  min-width: 200px;
+}
+.${e.divider} {
+  width: 100%;
+  height: 1px;
+  background-color: var(--ds-color-neutral-border-subtle, #bcbcbc);
+  margin: var(--ds-size-6, 24px) 0;
+}
+.${e.contactSection} {
+  display: flex;
+  gap: var(--ds-size-6, 24px);
+  align-items: flex-start;
+  flex-wrap: wrap;
+}
+.${e.contactColumn} {
+  display: flex;
+  flex-direction: column;
+  gap: var(--ds-size-1, 4px);
+  flex: 1;
+  min-width: 200px;
+}
+.${e.contactTitle} {
+  font-size: var(--ds-font-size-3, 16px);
+  font-weight: var(--ds-font-weight-bold);
+  line-height: 1.5;
+  letter-spacing: 0.04px;
+  color: var(--ds-color-neutral-text-default, #2b2b2b);
+  margin: 0;
+}
+.${e.contactContent} {
+  font-size: var(--ds-font-size-3, 16px);
+  font-weight: var(--ds-font-weight-regular);
+  line-height: 1.5;
+  letter-spacing: 0.04px;
+  color: var(--ds-color-neutral-text-default, #2b2b2b);
+  margin: 0;
+}
+.${e.contactContent} p {
+  margin: 0;
+}
+.${e.legalSection} {
+  display: flex;
+  gap: var(--ds-size-10, 40px);
+  align-items: center;
+  flex-wrap: wrap;
+}
+.${e.copyrightText} {
+  font-size: var(--ds-font-size-2, 14px);
+  font-weight: var(--ds-font-weight-regular);
+  line-height: 1.3;
+  letter-spacing: 0.021px;
+  color: var(--ds-color-primary-color-red-text-default, #57110c);
+  margin: 0;
+}
+.${e.legalLinks} {
+  display: flex;
+  gap: var(--ds-size-10, 40px);
+  align-items: center;
+  flex-wrap: wrap;
+}
+.${e.legalLink} {
+  font-size: var(--ds-font-size-4, 18px);
+  font-weight: var(--ds-font-weight-regular);
+  line-height: 1.5;
+  letter-spacing: 0.09px;
+  color: var(--ds-color-neutral-text-default, #2b2b2b);
+  text-decoration: underline;
+  text-underline-offset: 2px;
+  transition: color 0.2s ease;
+}
+.${e.legalLink}:hover {
+  color: var(--ds-color-neutral-text-default, #2b2b2b);
+  opacity: 0.8;
+}
+.${e.legalLink}:focus {
+  outline: 2px solid var(--ds-color-neutral-border-default, #797979);
+  outline-offset: 2px;
+  border-radius: var(--ds-border-radius-sm);
+}
+.${e.whiteSection} {
+  background-color: white;
+  width: 100%;
+}
+.${e.whiteContainer} {
+  width: 100%;
+  max-width: 1440px;
+  margin: 0 auto;
+  padding: var(--ds-size-6, 24px) var(--ds-size-44, 175px);
+  box-sizing: border-box;
+}
+.${e.whiteContainer} > * {
+  max-width: 1090px;
+  margin: 0 auto;
+}
+.${e.whiteContent} {
+  display: flex;
+  gap: var(--ds-size-20, 80px);
+  align-items: center;
+  flex-wrap: wrap;
+}
+.${e.whiteContent} > img:first-of-type + img {
+  margin-left: var(--ds-size-10, 40px);
+}
+.${e.logo} {
+  height: 43px;
+  width: auto;
+  display: block;
+  flex-shrink: 0;
+}
+.${e.designSystemLogo} {
+  height: 24px;
+  width: auto;
+  display: block;
+  flex-shrink: 0;
+}
+.${e.slotSmall} {
+  background-color: var(--ds-color-neutral-surface-default, #ffffff);
+  border: 2px dashed var(--ds-color-neutral-border-default, #797979);
+  border-radius: var(--ds-border-radius-lg, 8px);
+  padding: var(--ds-size-6, 24px) var(--ds-size-3, 12px);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+}
+.${e.slotLarge} {
+  background-color: var(--ds-color-neutral-surface-default, #ffffff);
+  border: 2px dashed var(--ds-color-neutral-border-default, #797979);
+  border-radius: var(--ds-border-radius-lg, 8px);
+  padding: var(--ds-size-6, 24px) var(--ds-size-3, 12px);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex: 1 0 0;
+  min-width: 200px;
+}
+@media (max-width: 768px) {
+  .${e.shortcutsSection} {
+    flex-direction: column;
+  }
+  .${e.shortcutsColumn} {
+    width: 100%;
+  }
+  .${e.contactSection} {
+    flex-direction: column;
+  }
+  .${e.legalSection} {
+    flex-direction: column;
+    align-items: flex-start;
+  }
+  .${e.whiteContent} {
+    flex-direction: column;
+    align-items: flex-start;
+  }
+}
+`;
+}
 export {
   eo as Alert,
-  Dt as Avatar,
+  At as Avatar,
   to as Badge,
-  Pi as BadgePosition,
-  zi as Breadcrumbs,
-  Ri as BreadcrumbsItem,
+  zi as BadgePosition,
+  Ri as Breadcrumbs,
+  $i as BreadcrumbsItem,
   Wi as BreadcrumbsLink,
   Gi as BreadcrumbsList,
   xe as Button,
@@ -4942,47 +5237,48 @@ export {
   Ui as CardBlock,
   Zr as Carousel,
   oo as Checkbox,
-  Hi as Chip,
+  Oi as Chip,
   nr as DateInput,
   Yo as DatePicker,
-  Oi as Details,
-  Vi as Dialog,
-  Ki as Divider,
+  Vi as Details,
+  Ki as Dialog,
+  Yi as Divider,
   J as Dropdown,
-  Yi as ErrorSummary,
-  qi as Field,
+  qi as ErrorSummary,
+  Xi as Field,
   es as FieldCounter,
   Qr as FieldDescription,
-  Xi as Fieldset,
-  fa as Footer,
-  ha as Header,
+  Ji as Fieldset,
+  ya as Footer,
+  ka as Header,
   ts as Heading,
-  Ji as Input,
+  Zi as Input,
   ns as Label,
-  ga as LanguageProvider,
+  ha as LanguageProvider,
   ce as Link,
-  Zi as List,
-  Qi as Pagination,
+  Qi as List,
+  ea as Pagination,
   Je as Paragraph,
-  ta as Popover,
-  na as Radio,
+  na as Popover,
+  oa as Radio,
   Ne as Search,
-  ra as Select,
-  sa as SkeletonLoader,
-  ia as SkipLink,
+  sa as Select,
+  ia as SkeletonLoader,
+  aa as SkipLink,
   Jr as Spinner,
   os as Suggestion,
-  Oe as Switch,
-  aa as Table,
-  la as Tabs,
-  da as Tag,
-  ca as Textarea,
-  ua as Textfield,
-  ma as ToggleGroup,
-  pa as Tooltip,
+  Ve as Switch,
+  la as Table,
+  da as Tabs,
+  ca as Tag,
+  ua as Textarea,
+  ma as Textfield,
+  pa as ToggleGroup,
+  ga as Tooltip,
   rs as ValidationMessage,
-  $i as useCheckboxGroup,
-  Et as useLanguage,
-  ea as usePagination,
-  oa as useRadioGroup
+  Hi as useCheckboxGroup,
+  fa as useLanguage,
+  Nt as useLanguageOptional,
+  ta as usePagination,
+  ra as useRadioGroup
 };