rk-designsystem 1.1.63 → 1.1.65

package/dist/componentlibrary.es.js

@@ -1,22 +1,22 @@
-import { jsx as d, jsxs as j, Fragment as Ut } from "react/jsx-runtime";
-import Ht, { forwardRef as me, useState as ne, useEffect as q, useMemo as be, useCallback as se, useRef as $e, createContext as Ot, useContext as $t } from "react";
-import { Alert as Vt, Avatar as Kt, BadgePosition as qt, Badge as Yt, Breadcrumbs as Jt, BreadcrumbsList as Zt, BreadcrumbsItem as Qt, BreadcrumbsLink as Xt, Button as Ve, Card as en, CardBlock as tn, Checkbox as nn, useCheckboxGroup as on, Fieldset as St, Chip as rn, Spinner as sn, Details as an, Dialog as ln, Divider as dn, Dropdown as cn, ErrorSummary as un, Field as mn, FieldDescription as pn, FieldCounter as gn, Heading as fn, Input as hn, Label as kn, Link as vn, List as yn, Pagination as bn, usePagination as Tn, Paragraph as Sn, Popover as xn, Radio as Cn, useRadioGroup as wn, Search as In, SearchInput as Dn, SearchClear as An, SearchButton as _n, Select as Mn, Skeleton as Fn, SkipLink as jn, EXPERIMENTAL_Suggestion as En, Switch as Ln, Table as Nn, Tabs as Bn, Tag as Pn, Textarea as zn, Textfield as Rn, ToggleGroup as Gn, Tooltip as Wn, ValidationMessage as Un } from "@digdir/designsystemet-react";
-import { startOfMonth as ve, isValid as Ue, isSameMonth as ct, startOfWeek as xt, format as xe, addDays as Ct, subMonths as Hn, addMonths as On, isSameDay as $n, isToday as Vn, eachDayOfInterval as Kn } from "date-fns";
-import { ChevronLeftIcon as qn, ChevronRightIcon as Yn, ChevronDownIcon as ut, XMarkIcon as mt, MagnifyingGlassIcon as pt, MenuHamburgerIcon as Jn, HeartIcon as Zn } from "@navikt/aksel-icons";
-const Qn = me((t, e) => /* @__PURE__ */ d(Vt, { ref: e, ...t }));
+import { jsx as d, jsxs as F, Fragment as Ut } from "react/jsx-runtime";
+import Ht, { forwardRef as pe, useState as ne, useEffect as q, useMemo as be, useCallback as se, useRef as $e, createContext as Ot, useContext as $t } from "react";
+import { Alert as Vt, Avatar as Kt, BadgePosition as qt, Badge as Yt, Breadcrumbs as Jt, BreadcrumbsList as Zt, BreadcrumbsItem as Qt, BreadcrumbsLink as Xt, Button as Ve, Card as en, CardBlock as tn, Checkbox as nn, useCheckboxGroup as on, Fieldset as St, Chip as rn, Spinner as sn, Details as an, Dialog as ln, Divider as dn, Dropdown as cn, ErrorSummary as un, Field as pn, FieldDescription as mn, FieldCounter as gn, Heading as fn, Input as hn, Label as kn, Link as yn, List as vn, Pagination as bn, usePagination as Tn, Paragraph as Sn, Popover as xn, Radio as Cn, useRadioGroup as wn, Search as In, SearchInput as Dn, SearchClear as An, SearchButton as _n, Select as Mn, Skeleton as jn, SkipLink as Fn, EXPERIMENTAL_Suggestion as En, Switch as Ln, Table as Bn, Tabs as Nn, Tag as Pn, Textarea as Gn, Textfield as Rn, ToggleGroup as zn, Tooltip as Wn, ValidationMessage as Un } from "@digdir/designsystemet-react";
+import { startOfMonth as ye, isValid as Ue, isSameMonth as ct, startOfWeek as xt, format as xe, addDays as Ct, subMonths as Hn, addMonths as On, isSameDay as $n, isToday as Vn, eachDayOfInterval as Kn } from "date-fns";
+import { ChevronLeftIcon as qn, ChevronRightIcon as Yn, ChevronDownIcon as ut, XMarkIcon as pt, MagnifyingGlassIcon as mt, MenuHamburgerIcon as Jn, HeartIcon as Zn } from "@navikt/aksel-icons";
+const Qn = pe((t, e) => /* @__PURE__ */ d(Vt, { ref: e, ...t }));
 Qn.displayName = "Alert";
-const wt = me((t, e) => /* @__PURE__ */ d(Kt, { ref: e, ...t }));
+const wt = pe((t, e) => /* @__PURE__ */ d(Kt, { ref: e, ...t }));
 wt.displayName = "Avatar";
-const Xn = me((t, e) => /* @__PURE__ */ d(Yt, { ref: e, ...t }));
+const Xn = pe((t, e) => /* @__PURE__ */ d(Yt, { ref: e, ...t }));
 Xn.displayName = "Badge";
-const ui = qt, mi = Jt, pi = Zt, gi = Qt, fi = Xt, Te = Ve;
+const ui = qt, pi = Jt, mi = Zt, gi = Qt, fi = Xt, Te = Ve;
 Te.displayName = "Button";
 const eo = en, hi = tn;
 eo.displayName = "Card";
 const to = nn, no = St, ki = on;
 to.displayName = "Checkbox";
 no.displayName = "Fieldset";
-const vi = rn;
+const yi = rn;
 function He(t) {
   return (e = {}) => {
     const n = e.width ? String(e.width) : t.defaultWidth;
@@ -52,8 +52,8 @@ function we(t) {
       // [TODO] -- I challenge you to fix the type
       n.valueCallback(c)
     ) : c;
-    const y = e.slice(o.length);
-    return { value: c, rest: y };
+    const v = e.slice(o.length);
+    return { value: c, rest: v };
   };
 }
 function oo(t, e) {
@@ -159,7 +159,7 @@ const io = {
   long: "{{date}} 'kl.' {{time}}",
   medium: "{{date}} {{time}}",
   short: "{{date}} {{time}}"
-}, mo = {
+}, po = {
   date: He({
     formats: lo,
     defaultWidth: "full"
@@ -172,14 +172,14 @@ const io = {
     formats: uo,
     defaultWidth: "full"
   })
-}, po = {
+}, mo = {
   lastWeek: "'forrige' eeee 'kl.' p",
   yesterday: "'i går kl.' p",
   today: "'i dag kl.' p",
   tomorrow: "'i morgen kl.' p",
   nextWeek: "EEEE 'kl.' p",
   other: "P"
-}, go = (t, e, n, r) => po[t], fo = {
+}, go = (t, e, n, r) => mo[t], fo = {
   narrow: ["f.Kr.", "e.Kr."],
   abbreviated: ["f.Kr.", "e.Kr."],
   wide: ["før Kristus", "etter Kristus"]
@@ -217,7 +217,7 @@ const io = {
     "november",
     "desember"
   ]
-}, vo = {
+}, yo = {
   narrow: ["S", "M", "T", "O", "T", "F", "L"],
   short: ["sø", "ma", "ti", "on", "to", "fr", "lø"],
   abbreviated: ["søn", "man", "tir", "ons", "tor", "fre", "lør"],
@@ -230,7 +230,7 @@ const io = {
     "fredag",
     "lørdag"
   ]
-}, yo = {
+}, vo = {
   narrow: {
     am: "a",
     pm: "p",
@@ -277,11 +277,11 @@ const io = {
     defaultWidth: "wide"
   }),
   day: Ce({
-    values: vo,
+    values: yo,
     defaultWidth: "wide"
   }),
   dayPeriod: Ce({
-    values: yo,
+    values: vo,
     defaultWidth: "wide"
   })
 }, So = /^(\d+)\.?/i, xo = /\d+/i, Co = {
@@ -334,9 +334,9 @@ const io = {
   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
-}, Fo = {
-  any: [/^s/i, /^m/i, /^ti/i, /^o/i, /^to/i, /^f/i, /^l/i]
 }, jo = {
+  any: [/^s/i, /^m/i, /^ti/i, /^o/i, /^to/i, /^f/i, /^l/i]
+}, Fo = {
   narrow: /^(midnatt|middag|(på) (morgenen|ettermiddagen|kvelden|natten)|[ap])/i,
   any: /^([ap]\.?\s?m\.?|midnatt|middag|(på) (morgenen|ettermiddagen|kvelden|natten))/i
 }, Eo = {
@@ -378,19 +378,19 @@ const io = {
   day: we({
     matchPatterns: Mo,
     defaultMatchWidth: "wide",
-    parsePatterns: Fo,
+    parsePatterns: jo,
     defaultParseWidth: "any"
   }),
   dayPeriod: we({
-    matchPatterns: jo,
+    matchPatterns: Fo,
     defaultMatchWidth: "any",
     parsePatterns: Eo,
     defaultParseWidth: "any"
   })
-}, ye = {
+}, ve = {
   code: "nb",
   formatDistance: ao,
-  formatLong: mo,
+  formatLong: po,
   formatRelative: go,
   localize: To,
   match: Lo,
@@ -398,7 +398,7 @@ const io = {
     weekStartsOn: 1,
     firstWeekContainsDate: 4
   }
-}, It = ({ title: t, ...e }) => /* @__PURE__ */ j(
+}, It = ({ title: t, ...e }) => /* @__PURE__ */ F(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -424,7 +424,7 @@ const io = {
   }
 );
 It.displayName = "ChevronLeftIcon";
-const Dt = ({ title: t, ...e }) => /* @__PURE__ */ j(
+const Dt = ({ title: t, ...e }) => /* @__PURE__ */ F(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -450,19 +450,19 @@ const Dt = ({ title: t, ...e }) => /* @__PURE__ */ j(
   }
 );
 Dt.displayName = "ChevronRightIcon";
-const No = "_calendarContainer_10l5p_1", Bo = "_calendarHeader_10l5p_14", Po = "_monthYear_10l5p_21", zo = "_navigationButtons_10l5p_32", Ro = "_grid_10l5p_41", Go = "_dayNameCell_10l5p_48", Wo = "_dateCell_10l5p_65", Uo = "_dateNumberContainer_10l5p_90", Ho = "_otherMonth_10l5p_103", Oo = "_selectedDate_10l5p_129", re = {
-  calendarContainer: No,
-  calendarHeader: Bo,
+const Bo = "_calendarContainer_10l5p_1", No = "_calendarHeader_10l5p_14", Po = "_monthYear_10l5p_21", Go = "_navigationButtons_10l5p_32", Ro = "_grid_10l5p_41", zo = "_dayNameCell_10l5p_48", Wo = "_dateCell_10l5p_65", Uo = "_dateNumberContainer_10l5p_90", Ho = "_otherMonth_10l5p_103", Oo = "_selectedDate_10l5p_129", re = {
+  calendarContainer: Bo,
+  calendarHeader: No,
   monthYear: Po,
-  navigationButtons: zo,
+  navigationButtons: Go,
   grid: Ro,
-  dayNameCell: Go,
+  dayNameCell: zo,
   dateCell: Wo,
   dateNumberContainer: Uo,
   otherMonth: Ho,
   selectedDate: Oo
 }, $o = (t) => {
-  const e = ve(t), n = xt(e, { locale: ye }), r = Ct(n, 41);
+  const e = ye(t), n = xt(e, { locale: ve }), r = Ct(n, 41);
   return Kn({ start: n, end: r });
 }, gt = (t) => t && t.charAt(0).toUpperCase() + t.slice(1), Vo = ({
   initialDate: t = /* @__PURE__ */ new Date(),
@@ -475,48 +475,48 @@ const No = "_calendarContainer_10l5p_1", Bo = "_calendarHeader_10l5p_14", Po = "
   // <-- Destrukturert
 }) => {
   const [s, o] = ne(
-    ve(e && Ue(e) ? e : t)
+    ye(e && Ue(e) ? e : t)
   );
   q(() => {
     if (e && Ue(e)) {
-      const u = ve(e);
+      const u = ye(e);
       ct(u, s) || o(u);
     }
   }, [e]);
-  const l = be(() => ve(/* @__PURE__ */ new Date()), []), a = be(() => !1, [s, l]), c = be(
+  const l = be(() => ye(/* @__PURE__ */ new Date()), []), a = be(() => !1, [s, l]), c = be(
     () => $o(s),
     [s]
-  ), y = be(() => {
-    const u = xt(/* @__PURE__ */ new Date(), { locale: ye });
+  ), v = be(() => {
+    const u = xt(/* @__PURE__ */ new Date(), { locale: ve });
     return Array.from({ length: 7 }).map((T, _) => {
-      const A = xe(Ct(u, _), "EEEEEE", { locale: ye });
+      const A = xe(Ct(u, _), "EEEEEE", { locale: ve });
       return gt(A);
     });
   }, []), g = se(() => {
-    a || o((u) => ve(Hn(u, 1)));
+    a || o((u) => ye(Hn(u, 1)));
   }, [a]), k = se(() => {
-    o((u) => ve(On(u, 1)));
-  }, []), p = se(
+    o((u) => ye(On(u, 1)));
+  }, []), m = se(
     (u) => {
       n && n(u);
     },
     [n]
   ), f = se(
     (u, T) => {
-      (u.key === "Enter" || u.key === " ") && (u.preventDefault(), p(T));
+      (u.key === "Enter" || u.key === " ") && (u.preventDefault(), m(T));
     },
-    [p]
-  ), h = xe(s, "MMMM", { locale: ye }), v = xe(s, "yyyy", { locale: ye }), m = `${gt(h)} ${v}`;
-  return /* @__PURE__ */ j(
+    [m]
+  ), h = xe(s, "MMMM", { locale: ve }), y = xe(s, "yyyy", { locale: ve }), p = `${gt(h)} ${y}`;
+  return /* @__PURE__ */ F(
     "div",
     {
       className: re.calendarContainer,
       "data-color": r,
       "data-size": i,
       children: [
-        /* @__PURE__ */ j("div", { className: re.calendarHeader, children: [
-          /* @__PURE__ */ d("span", { className: re.monthYear, children: m }),
-          /* @__PURE__ */ j("div", { className: re.navigationButtons, children: [
+        /* @__PURE__ */ F("div", { className: re.calendarHeader, children: [
+          /* @__PURE__ */ d("span", { className: re.monthYear, children: p }),
+          /* @__PURE__ */ F("div", { className: re.navigationButtons, children: [
             /* @__PURE__ */ d(
               Ve,
               {
@@ -540,7 +540,7 @@ const No = "_calendarContainer_10l5p_1", Bo = "_calendarHeader_10l5p_14", Po = "
             )
           ] })
         ] }),
-        /* @__PURE__ */ d("div", { className: re.grid, children: y.map((u) => /* @__PURE__ */ d("div", { className: re.dayNameCell, children: u }, u)) }),
+        /* @__PURE__ */ d("div", { className: re.grid, children: v.map((u) => /* @__PURE__ */ d("div", { className: re.dayNameCell, children: u }, u)) }),
         /* @__PURE__ */ d("div", { className: re.grid, children: c.map((u) => {
           const T = ct(u, s), _ = e && Ue(e) && $n(u, e), A = Vn(u), M = [
             re.dateCell,
@@ -553,12 +553,12 @@ const No = "_calendarContainer_10l5p_1", Bo = "_calendarHeader_10l5p_14", Po = "
             "div",
             {
               className: M,
-              onClick: () => p(u),
+              onClick: () => m(u),
               onKeyDown: (C) => f(C, u),
               role: "button",
               tabIndex: 0,
               "aria-pressed": _ ?? !1,
-              "aria-label": xe(u, "PPP", { locale: ye }),
+              "aria-label": xe(u, "PPP", { locale: ve }),
               children: /* @__PURE__ */ d("span", { className: re.dateNumberContainer, children: xe(u, "d") })
             },
             u.toISOString()
@@ -591,7 +591,7 @@ const Ko = "_fieldset_16fx7_2", qo = "_description_16fx7_14", Yo = "_error_16fx7
     !isNaN(n) && n > 12 && (e = e.substring(0, 2) + "12" + e.substring(4));
   }
   return e.slice(0, 8);
-}, er = me(
+}, er = pe(
   (t, e) => {
     const {
       label: n,
@@ -605,14 +605,14 @@ const Ko = "_fieldset_16fx7_2", qo = "_description_16fx7_14", Yo = "_error_16fx7
       // For selve input-elementet
       value: a,
       defaultValue: c,
-      onChange: y,
+      onChange: v,
       readOnly: g,
       placeholder: k = "dd.mm.åååå",
-      id: p,
+      id: m,
       name: f,
       required: h,
-      disabled: v,
-      onClick: m,
+      disabled: y,
+      onClick: p,
       onFocus: u,
       // Send ekstern onFocus videre
       onBlur: T,
@@ -623,9 +623,9 @@ const Ko = "_fieldset_16fx7_2", qo = "_description_16fx7_14", Yo = "_error_16fx7
       description: C,
       error: D,
       // Bruk error-prop for styling
-      "data-color": F,
+      "data-color": j,
       // <-- Destrukturering
-      "data-size": z,
+      "data-size": G,
       // <-- Destrukturering
       ...L
     } = t, R = a !== void 0, P = $e(null);
@@ -633,37 +633,37 @@ const Ko = "_fieldset_16fx7_2", qo = "_description_16fx7_14", Yo = "_error_16fx7
       e,
       () => P.current
     );
-    const N = se(
+    const B = se(
       (w) => {
         const E = ht(w), U = kt(E);
         return ft(U);
       },
       []
     ), [I, O] = ne(
-      () => N(a ?? c)
+      () => B(a ?? c)
     );
     q(() => {
       if (R) {
-        const w = N(a);
+        const w = B(a);
         w !== I && (O(w), P.current && P.current.value !== w && (P.current.value = w));
       }
-    }, [a, R, I, N]);
+    }, [a, R, I, B]);
     const oe = se(
       (w) => {
-        const E = w.target, U = E.value, te = I, ee = ht(U).slice(0, 8), G = kt(ee), x = ft(G);
-        let B = 0;
-        const W = G.length;
-        W <= 2 ? B = W : W <= 4 ? B = W + 1 : B = W + 2, B = Math.min(B, x.length), requestAnimationFrame(() => {
-          if (P.current && (O(x), P.current.value = x, P.current.setSelectionRange(B, B), (x !== te || R) && y)) {
+        const E = w.target, U = E.value, te = I, ee = ht(U).slice(0, 8), z = kt(ee), x = ft(z);
+        let N = 0;
+        const W = z.length;
+        W <= 2 ? N = W : W <= 4 ? N = W + 1 : N = W + 2, N = Math.min(N, x.length), requestAnimationFrame(() => {
+          if (P.current && (O(x), P.current.value = x, P.current.setSelectionRange(N, N), (x !== te || R) && v)) {
             const $ = {
               ...w,
               target: { ...E, value: x }
             };
-            y($, x);
+            v($, x);
           }
         });
       },
-      [I, R, y, N]
+      [I, R, v, B]
     ), J = [fe.fieldset, s].filter(Boolean).join(" "), Y = [
       fe.inputWrapper,
       o,
@@ -675,19 +675,19 @@ const Ko = "_fieldset_16fx7_2", qo = "_description_16fx7_14", Yo = "_error_16fx7
       i ? fe.suffixButtonInteractive : ""
     ].filter(Boolean).join(" ");
     !n && !A && !M && console.warn("Advarsel: DateInput-komponenten bør ha label, aria-label, eller aria-labelledby for tilgjengelighet.");
-    const ie = n && typeof n == "string" ? M || `${p}-label` : void 0, Q = C ? `${p}-desc` : void 0, X = D ? `${p}-err` : void 0, S = [Q, X].filter(Boolean).join(" ") || void 0;
+    const ie = n && typeof n == "string" ? M || `${m}-label` : void 0, Q = C ? `${m}-desc` : void 0, X = D ? `${m}-err` : void 0, S = [Q, X].filter(Boolean).join(" ") || void 0;
     return (
       // --- Bruk data-color og data-size på den ytre wrapperen ---
-      /* @__PURE__ */ j(
+      /* @__PURE__ */ F(
         "div",
         {
           className: J,
-          "data-color": F,
-          "data-size": z,
+          "data-color": j,
+          "data-size": G,
           children: [
-            n && typeof n == "string" ? /* @__PURE__ */ d("label", { id: ie, htmlFor: p, children: n }) : n,
+            n && typeof n == "string" ? /* @__PURE__ */ d("label", { id: ie, htmlFor: m, children: n }) : n,
             C && /* @__PURE__ */ d("p", { id: Q, className: fe.description, children: C }),
-            /* @__PURE__ */ j("div", { className: Y, children: [
+            /* @__PURE__ */ F("div", { className: Y, children: [
               /* @__PURE__ */ d(
                 "input",
                 {
@@ -699,11 +699,11 @@ const Ko = "_fieldset_16fx7_2", qo = "_description_16fx7_14", Yo = "_error_16fx7
                   value: I,
                   readOnly: g,
                   placeholder: k,
-                  id: p,
+                  id: m,
                   name: f,
                   required: h,
-                  disabled: v,
-                  onClick: m,
+                  disabled: y,
+                  onClick: p,
                   onChange: oe,
                   onFocus: u,
                   onBlur: T,
@@ -721,10 +721,10 @@ const Ko = "_fieldset_16fx7_2", qo = "_description_16fx7_14", Yo = "_error_16fx7
                 {
                   type: "button",
                   className: Z,
-                  onClick: v ? void 0 : i,
-                  tabIndex: i && !v ? 0 : -1,
+                  onClick: y ? void 0 : i,
+                  tabIndex: i && !y ? 0 : -1,
                   "aria-hidden": !i,
-                  disabled: v,
+                  disabled: y,
                   "aria-label": i ? "Åpne datovelger" : void 0,
                   children: r
                 }
@@ -741,7 +741,7 @@ er.displayName = "DateInput";
 function tr(t) {
   return Object.prototype.toString.call(t) === "[object Object]";
 }
-function vt(t) {
+function yt(t) {
   return tr(t) || Array.isArray(t);
 }
 function nr() {
@@ -753,15 +753,15 @@ function Je(t, e) {
   const i = JSON.stringify(Object.keys(t.breakpoints || {})), s = JSON.stringify(Object.keys(e.breakpoints || {}));
   return i !== s ? !1 : n.every((o) => {
     const l = t[o], a = e[o];
-    return typeof l == "function" ? `${l}` == `${a}` : !vt(l) || !vt(a) ? l === a : Je(l, a);
+    return typeof l == "function" ? `${l}` == `${a}` : !yt(l) || !yt(a) ? l === a : Je(l, a);
   });
 }
-function yt(t) {
+function vt(t) {
   return t.concat().sort((e, n) => e.name > n.name ? 1 : -1).map((e) => e.options);
 }
 function or(t, e) {
   if (t.length !== e.length) return !1;
-  const n = yt(t), r = yt(e);
+  const n = vt(t), r = vt(e);
   return n.every((i, s) => {
     const o = r[s];
     return Je(i, o);
@@ -773,7 +773,7 @@ function Ze(t) {
 function Ke(t) {
   return typeof t == "string";
 }
-function Be(t) {
+function Ne(t) {
   return typeof t == "boolean";
 }
 function bt(t) {
@@ -800,13 +800,13 @@ function Ae(t) {
   return _e(t).map(Number);
 }
 function ae(t) {
-  return t[Fe(t)];
+  return t[je(t)];
 }
-function Fe(t) {
+function je(t) {
   return Math.max(0, t.length - 1);
 }
 function Xe(t, e) {
-  return e === Fe(t);
+  return e === je(t);
 }
 function Tt(t, e = 0) {
   return Array.from(Array(t), (n, r) => e + r);
@@ -876,14 +876,14 @@ function ar(t, e, n, r) {
       t.hidden && f();
     });
   }
-  function y() {
-    p(), i.clear();
+  function v() {
+    m(), i.clear();
   }
-  function g(v) {
+  function g(y) {
     if (!a) return;
-    o || (o = v, n(), n());
-    const m = v - o;
-    for (o = v, l += m; l >= s; )
+    o || (o = y, n(), n());
+    const p = y - o;
+    for (o = y, l += p; l >= s; )
       n(), l -= s;
     const u = l / s;
     r(u), a && (a = e.requestAnimationFrame(g));
@@ -891,7 +891,7 @@ function ar(t, e, n, r) {
   function k() {
     a || (a = e.requestAnimationFrame(g));
   }
-  function p() {
+  function m() {
     e.cancelAnimationFrame(a), o = null, l = 0, a = 0;
   }
   function f() {
@@ -899,23 +899,23 @@ function ar(t, e, n, r) {
   }
   return {
     init: c,
-    destroy: y,
+    destroy: v,
     start: k,
-    stop: p,
+    stop: m,
     update: n,
     render: r
   };
 }
 function lr(t, e) {
-  const n = e === "rtl", r = t === "y", i = r ? "y" : "x", s = r ? "x" : "y", o = !r && n ? -1 : 1, l = y(), a = g();
+  const n = e === "rtl", r = t === "y", i = r ? "y" : "x", s = r ? "x" : "y", o = !r && n ? -1 : 1, l = v(), a = g();
   function c(f) {
     const {
       height: h,
-      width: v
+      width: y
     } = f;
-    return r ? h : v;
+    return r ? h : y;
   }
-  function y() {
+  function v() {
     return r ? "top" : n ? "right" : "left";
   }
   function g() {
@@ -976,42 +976,42 @@ function _t(t, e, n) {
     return s = o(k), g;
   }
   function c(k) {
-    return y().set(l() + k);
+    return v().set(l() + k);
   }
-  function y() {
+  function v() {
     return _t(t, l(), n);
   }
   const g = {
     get: l,
     set: a,
     add: c,
-    clone: y
+    clone: v
   };
   return g;
 }
-function dr(t, e, n, r, i, s, o, l, a, c, y, g, k, p, f, h, v, m, u) {
+function dr(t, e, n, r, i, s, o, l, a, c, v, g, k, m, f, h, y, p, u) {
   const {
     cross: T,
     direction: _
   } = t, A = ["INPUT", "SELECT", "TEXTAREA"], M = {
     passive: !1
-  }, C = Me(), D = Me(), F = he(50, 225).constrain(p.measure(20)), z = {
+  }, C = Me(), D = Me(), j = he(50, 225).constrain(m.measure(20)), G = {
     mouse: 300,
     touch: 400
   }, L = {
     mouse: 500,
     touch: 600
   }, R = f ? 43 : 25;
-  let P = !1, N = 0, I = 0, O = !1, oe = !1, J = !1, Y = !1;
+  let P = !1, B = 0, I = 0, O = !1, oe = !1, J = !1, Y = !1;
   function de(x) {
     if (!u) return;
-    function B($) {
-      (Be(u) || u(x, $)) && w($);
+    function N($) {
+      (Ne(u) || u(x, $)) && w($);
     }
     const W = e;
     C.add(W, "dragstart", ($) => $.preventDefault(), M).add(W, "touchmove", () => {
     }, M).add(W, "touchend", () => {
-    }).add(W, "touchstart", B).add(W, "mousedown", B).add(W, "touchcancel", U).add(W, "contextmenu", U).add(W, "click", te, !0);
+    }).add(W, "touchstart", N).add(W, "mousedown", N).add(W, "touchcancel", U).add(W, "contextmenu", U).add(W, "click", te, !0);
   }
   function Z() {
     C.clear(), D.clear();
@@ -1021,31 +1021,31 @@ function dr(t, e, n, r, i, s, o, l, a, c, y, g, k, p, f, h, v, m, u) {
     D.add(x, "touchmove", E, M).add(x, "touchend", U).add(x, "mousemove", E, M).add(x, "mouseup", U);
   }
   function Q(x) {
-    const B = x.nodeName || "";
-    return A.includes(B);
+    const N = x.nodeName || "";
+    return A.includes(N);
   }
   function X() {
-    return (f ? L : z)[Y ? "mouse" : "touch"];
+    return (f ? L : G)[Y ? "mouse" : "touch"];
   }
-  function S(x, B) {
-    const W = g.add(Qe(x) * -1), $ = y.byDistance(x, !f).distance;
-    return f || H(x) < F ? $ : v && B ? $ * 0.5 : y.byIndex(W.get(), 0).distance;
+  function S(x, N) {
+    const W = g.add(Qe(x) * -1), $ = v.byDistance(x, !f).distance;
+    return f || H(x) < j ? $ : y && N ? $ * 0.5 : v.byIndex(W.get(), 0).distance;
   }
   function w(x) {
-    const B = qe(x, r);
-    Y = B, J = f && B && !x.buttons && P, P = De(i.get(), o.get()) >= 2, !(B && x.button !== 0) && (Q(x.target) || (O = !0, s.pointerDown(x), c.useFriction(0).useDuration(0), i.set(o), ie(), N = s.readPoint(x), I = s.readPoint(x, T), k.emit("pointerDown")));
+    const N = qe(x, r);
+    Y = N, J = f && N && !x.buttons && P, P = De(i.get(), o.get()) >= 2, !(N && x.button !== 0) && (Q(x.target) || (O = !0, s.pointerDown(x), c.useFriction(0).useDuration(0), i.set(o), ie(), B = s.readPoint(x), I = s.readPoint(x, T), k.emit("pointerDown")));
   }
   function E(x) {
     if (!qe(x, r) && x.touches.length >= 2) return U(x);
-    const W = s.readPoint(x), $ = s.readPoint(x, T), le = De(W, N), ce = De($, I);
+    const W = s.readPoint(x), $ = s.readPoint(x, T), le = De(W, B), ce = De($, I);
     if (!oe && !Y && (!x.cancelable || (oe = le > ce, !oe)))
       return U(x);
-    const pe = s.pointerMove(x);
-    le > h && (J = !0), c.useFriction(0.3).useDuration(0.75), l.start(), i.add(_(pe)), x.preventDefault();
+    const me = s.pointerMove(x);
+    le > h && (J = !0), c.useFriction(0.3).useDuration(0.75), l.start(), i.add(_(me)), x.preventDefault();
   }
   function U(x) {
-    const W = y.byDistance(0, !1).index !== g.get(), $ = s.pointerUp(x) * X(), le = S(_($), W), ce = rr($, le), pe = R - 10 * ce, ue = m + ce / 50;
-    oe = !1, O = !1, D.clear(), c.useDuration(pe).useFriction(ue), a.distance(le, !f), Y = !1, k.emit("pointerUp");
+    const W = v.byDistance(0, !1).index !== g.get(), $ = s.pointerUp(x) * X(), le = S(_($), W), ce = rr($, le), me = R - 10 * ce, ue = p + ce / 50;
+    oe = !1, O = !1, D.clear(), c.useDuration(me).useFriction(ue), a.distance(le, !f), Y = !1, k.emit("pointerUp");
   }
   function te(x) {
     J && (x.stopPropagation(), x.preventDefault(), J = !1);
@@ -1072,13 +1072,13 @@ function cr(t, e) {
     return r = g, i = g, o(g);
   }
   function a(g) {
-    const k = o(g) - o(i), p = s(g) - s(r) > 170;
-    return i = g, p && (r = g), k;
+    const k = o(g) - o(i), m = s(g) - s(r) > 170;
+    return i = g, m && (r = g), k;
   }
   function c(g) {
     if (!r || !i) return 0;
-    const k = o(i) - o(r), p = s(g) - s(r), f = s(g) - s(i) > 170, h = k / p;
-    return p && !f && H(h) > 0.1 ? h : 0;
+    const k = o(i) - o(r), m = s(g) - s(r), f = s(g) - s(i) > 170, h = k / m;
+    return m && !f && H(h) > 0.1 ? h : 0;
   }
   return {
     pointerDown: l,
@@ -1108,7 +1108,7 @@ function ur() {
     measure: t
   };
 }
-function mr(t) {
+function pr(t) {
   function e(r) {
     return t * (r / 100);
   }
@@ -1116,27 +1116,27 @@ function mr(t) {
     measure: e
   };
 }
-function pr(t, e, n, r, i, s, o) {
+function mr(t, e, n, r, i, s, o) {
   const l = [t].concat(r);
-  let a, c, y = [], g = !1;
-  function k(v) {
-    return i.measureSize(o.measure(v));
+  let a, c, v = [], g = !1;
+  function k(y) {
+    return i.measureSize(o.measure(y));
   }
-  function p(v) {
+  function m(y) {
     if (!s) return;
-    c = k(t), y = r.map(k);
-    function m(u) {
+    c = k(t), v = r.map(k);
+    function p(u) {
       for (const T of u) {
         if (g) return;
-        const _ = T.target === t, A = r.indexOf(T.target), M = _ ? c : y[A], C = k(_ ? t : r[A]);
+        const _ = T.target === t, A = r.indexOf(T.target), M = _ ? c : v[A], C = k(_ ? t : r[A]);
         if (H(C - M) >= 0.5) {
-          v.reInit(), e.emit("resize");
+          y.reInit(), e.emit("resize");
           break;
         }
       }
     }
     a = new ResizeObserver((u) => {
-      (Be(s) || s(v, u)) && m(u);
+      (Ne(s) || s(y, u)) && p(u);
     }), n.requestAnimationFrame(() => {
       l.forEach((u) => a.observe(u));
     });
@@ -1145,18 +1145,18 @@ function pr(t, e, n, r, i, s, o) {
     g = !0, a && a.disconnect();
   }
   return {
-    init: p,
+    init: m,
     destroy: f
   };
 }
 function gr(t, e, n, r, i, s) {
-  let o = 0, l = 0, a = i, c = s, y = t.get(), g = 0;
+  let o = 0, l = 0, a = i, c = s, v = t.get(), g = 0;
   function k() {
     const M = r.get() - t.get(), C = !a;
     let D = 0;
-    return C ? (o = 0, n.set(r), t.set(r), D = M) : (n.set(t), o += M / a, o *= c, y += o, t.add(o), D = y - g), l = Qe(D), g = y, A;
+    return C ? (o = 0, n.set(r), t.set(r), D = M) : (n.set(t), o += M / a, o *= c, v += o, t.add(o), D = v - g), l = Qe(D), g = v, A;
   }
-  function p() {
+  function m() {
     const M = r.get() - e.get();
     return H(M) < 1e-3;
   }
@@ -1166,10 +1166,10 @@ function gr(t, e, n, r, i, s) {
   function h() {
     return l;
   }
-  function v() {
+  function y() {
     return o;
   }
-  function m() {
+  function p() {
     return T(i);
   }
   function u() {
@@ -1184,11 +1184,11 @@ function gr(t, e, n, r, i, s) {
   const A = {
     direction: h,
     duration: f,
-    velocity: v,
+    velocity: y,
     seek: k,
-    settled: p,
+    settled: m,
     useBaseFriction: u,
-    useBaseDuration: m,
+    useBaseDuration: p,
     useFriction: _,
     useDuration: T
   };
@@ -1200,36 +1200,36 @@ function fr(t, e, n, r, i) {
   function c() {
     return !(a || !t.reachedAny(n.get()) || !t.reachedAny(e.get()));
   }
-  function y(p) {
+  function v(m) {
     if (!c()) return;
-    const f = t.reachedMin(e.get()) ? "min" : "max", h = H(t[f] - e.get()), v = n.get() - e.get(), m = l.constrain(h / o);
-    n.subtract(v * m), !p && H(v) < s && (n.set(t.constrain(n.get())), r.useDuration(25).useBaseFriction());
+    const f = t.reachedMin(e.get()) ? "min" : "max", h = H(t[f] - e.get()), y = n.get() - e.get(), p = l.constrain(h / o);
+    n.subtract(y * p), !m && H(y) < s && (n.set(t.constrain(n.get())), r.useDuration(25).useBaseFriction());
   }
-  function g(p) {
-    a = !p;
+  function g(m) {
+    a = !m;
   }
   return {
     shouldConstrain: c,
-    constrain: y,
+    constrain: v,
     toggleActive: g
   };
 }
 function hr(t, e, n, r, i) {
-  const s = he(-e + t, 0), o = g(), l = y(), a = k();
+  const s = he(-e + t, 0), o = g(), l = v(), a = k();
   function c(f, h) {
     return De(f, h) <= 1;
   }
-  function y() {
-    const f = o[0], h = ae(o), v = o.lastIndexOf(f), m = o.indexOf(h) + 1;
-    return he(v, m);
+  function v() {
+    const f = o[0], h = ae(o), y = o.lastIndexOf(f), p = o.indexOf(h) + 1;
+    return he(y, p);
   }
   function g() {
     return n.map((f, h) => {
       const {
-        min: v,
-        max: m
+        min: y,
+        max: p
       } = s, u = s.constrain(f), T = !h, _ = Xe(n, h);
-      return T ? m : _ || c(v, u) ? v : c(m, u) ? m : u;
+      return T ? p : _ || c(y, u) ? y : c(p, u) ? p : u;
     }).map((f) => parseFloat(f.toFixed(3)));
   }
   function k() {
@@ -1252,7 +1252,7 @@ function kr(t, e, n) {
     limit: he(i, r)
   };
 }
-function vr(t, e, n, r) {
+function yr(t, e, n, r) {
   const s = e.min + 0.1, o = e.max + 0.1, {
     reachedMin: l,
     reachedMax: a
@@ -1260,16 +1260,16 @@ function vr(t, e, n, r) {
   function c(k) {
     return k === 1 ? a(n.get()) : k === -1 ? l(n.get()) : !1;
   }
-  function y(k) {
+  function v(k) {
     if (!c(k)) return;
-    const p = t * (k * -1);
-    r.forEach((f) => f.add(p));
+    const m = t * (k * -1);
+    r.forEach((f) => f.add(m));
   }
   return {
-    loop: y
+    loop: v
   };
 }
-function yr(t) {
+function vr(t) {
   const {
     max: e,
     length: n
@@ -1288,19 +1288,19 @@ function br(t, e, n, r, i) {
     endEdge: o
   } = t, {
     groupSlides: l
-  } = i, a = g().map(e.measure), c = k(), y = p();
+  } = i, a = g().map(e.measure), c = k(), v = m();
   function g() {
     return l(r).map((h) => ae(h)[o] - h[0][s]).map(H);
   }
   function k() {
     return r.map((h) => n[s] - h[s]).map((h) => -H(h));
   }
-  function p() {
-    return l(c).map((h) => h[0]).map((h, v) => h + a[v]);
+  function m() {
+    return l(c).map((h) => h[0]).map((h, y) => h + a[y]);
   }
   return {
     snaps: c,
-    snapsAligned: y
+    snapsAligned: v
   };
 }
 function Tr(t, e, n, r, i, s) {
@@ -1309,18 +1309,18 @@ function Tr(t, e, n, r, i, s) {
   } = i, {
     min: l,
     max: a
-  } = r, c = y();
-  function y() {
-    const k = o(s), p = !t || e === "keepSnaps";
-    return n.length === 1 ? [s] : p ? k : k.slice(l, a).map((f, h, v) => {
-      const m = !h, u = Xe(v, h);
-      if (m) {
-        const T = ae(v[0]) + 1;
+  } = r, c = v();
+  function v() {
+    const k = o(s), m = !t || e === "keepSnaps";
+    return n.length === 1 ? [s] : m ? k : k.slice(l, a).map((f, h, y) => {
+      const p = !h, u = Xe(y, h);
+      if (p) {
+        const T = ae(y[0]) + 1;
         return Tt(T);
       }
       if (u) {
-        const T = Fe(s) - ae(v)[0] + 1;
-        return Tt(T, ae(v)[0]);
+        const T = je(s) - ae(y)[0] + 1;
+        return Tt(T, ae(y)[0]);
       }
       return f;
     });
@@ -1336,66 +1336,66 @@ function Sr(t, e, n, r, i) {
     constrain: l
   } = r;
   function a(f) {
-    return f.concat().sort((h, v) => H(h) - H(v))[0];
+    return f.concat().sort((h, y) => H(h) - H(y))[0];
   }
   function c(f) {
-    const h = t ? o(f) : l(f), v = e.map((u, T) => ({
-      diff: y(u - h, 0),
+    const h = t ? o(f) : l(f), y = e.map((u, T) => ({
+      diff: v(u - h, 0),
       index: T
     })).sort((u, T) => H(u.diff) - H(T.diff)), {
-      index: m
-    } = v[0];
+      index: p
+    } = y[0];
     return {
-      index: m,
+      index: p,
       distance: h
     };
   }
-  function y(f, h) {
-    const v = [f, f + n, f - n];
+  function v(f, h) {
+    const y = [f, f + n, f - n];
     if (!t) return f;
-    if (!h) return a(v);
-    const m = v.filter((u) => Qe(u) === h);
-    return m.length ? a(m) : ae(v) - n;
+    if (!h) return a(y);
+    const p = y.filter((u) => Qe(u) === h);
+    return p.length ? a(p) : ae(y) - n;
   }
   function g(f, h) {
-    const v = e[f] - i.get(), m = y(v, h);
+    const y = e[f] - i.get(), p = v(y, h);
     return {
       index: f,
-      distance: m
+      distance: p
     };
   }
   function k(f, h) {
-    const v = i.get() + f, {
-      index: m,
+    const y = i.get() + f, {
+      index: p,
       distance: u
-    } = c(v), T = !t && s(v);
+    } = c(y), T = !t && s(y);
     if (!h || T) return {
-      index: m,
+      index: p,
       distance: f
     };
-    const _ = e[m] - u, A = f + y(_, 0);
+    const _ = e[p] - u, A = f + v(_, 0);
     return {
-      index: m,
+      index: p,
       distance: A
     };
   }
   return {
     byDistance: k,
     byIndex: g,
-    shortcut: y
+    shortcut: v
   };
 }
 function xr(t, e, n, r, i, s, o) {
   function l(g) {
-    const k = g.distance, p = g.index !== e.get();
-    s.add(k), k && (r.duration() ? t.start() : (t.update(), t.render(1), t.update())), p && (n.set(e.get()), e.set(g.index), o.emit("select"));
+    const k = g.distance, m = g.index !== e.get();
+    s.add(k), k && (r.duration() ? t.start() : (t.update(), t.render(1), t.update())), m && (n.set(e.get()), e.set(g.index), o.emit("select"));
   }
   function a(g, k) {
-    const p = i.byDistance(g, k);
-    l(p);
+    const m = i.byDistance(g, k);
+    l(m);
   }
   function c(g, k) {
-    const p = e.clone().set(g), f = i.byIndex(p.get(), k);
+    const m = e.clone().set(g), f = i.byIndex(m.get(), k);
     l(f);
   }
   return {
@@ -1409,7 +1409,7 @@ function Cr(t, e, n, r, i, s, o, l) {
     capture: !0
   };
   let c = 0;
-  function y(p) {
+  function v(m) {
     if (!l) return;
     function f(h) {
       if ((/* @__PURE__ */ new Date()).getTime() - c > 10) return;
@@ -1417,17 +1417,17 @@ function Cr(t, e, n, r, i, s, o, l) {
       const u = n.findIndex((T) => T.includes(h));
       Ze(u) && (i.useDuration(0), r.index(u, 0), o.emit("slideFocus"));
     }
-    s.add(document, "keydown", g, !1), e.forEach((h, v) => {
-      s.add(h, "focus", (m) => {
-        (Be(l) || l(p, m)) && f(v);
+    s.add(document, "keydown", g, !1), e.forEach((h, y) => {
+      s.add(h, "focus", (p) => {
+        (Ne(l) || l(m, p)) && f(y);
       }, a);
     });
   }
-  function g(p) {
-    p.code === "Tab" && (c = (/* @__PURE__ */ new Date()).getTime());
+  function g(m) {
+    m.code === "Tab" && (c = (/* @__PURE__ */ new Date()).getTime());
   }
   return {
-    init: y
+    init: v
   };
 }
 function Ie(t) {
@@ -1465,39 +1465,39 @@ function Mt(t, e) {
   }
   function a(k) {
     if (s) return;
-    const p = sr(t.direction(k));
-    p !== i && (r.transform = n(p), i = p);
+    const m = sr(t.direction(k));
+    m !== i && (r.transform = n(m), i = m);
   }
   function c(k) {
     s = !k;
   }
-  function y() {
+  function v() {
     s || (r.transform = "", e.getAttribute("style") || e.removeAttribute("style"));
   }
   return {
-    clear: y,
+    clear: v,
     to: a,
     toggleActive: c
   };
 }
 function wr(t, e, n, r, i, s, o, l, a) {
-  const y = Ae(i), g = Ae(i).reverse(), k = m().concat(u());
-  function p(C, D) {
-    return C.reduce((F, z) => F - i[z], D);
+  const v = Ae(i), g = Ae(i).reverse(), k = p().concat(u());
+  function m(C, D) {
+    return C.reduce((j, G) => j - i[G], D);
   }
   function f(C, D) {
-    return C.reduce((F, z) => p(F, D) > 0 ? F.concat([z]) : F, []);
+    return C.reduce((j, G) => m(j, D) > 0 ? j.concat([G]) : j, []);
   }
   function h(C) {
-    return s.map((D, F) => ({
-      start: D - r[F] + 0.5 + C,
+    return s.map((D, j) => ({
+      start: D - r[j] + 0.5 + C,
       end: D + e - 0.5 + C
     }));
   }
-  function v(C, D, F) {
-    const z = h(D);
+  function y(C, D, j) {
+    const G = h(D);
     return C.map((L) => {
-      const R = F ? 0 : -n, P = F ? n : 0, N = F ? "end" : "start", I = z[L][N];
+      const R = j ? 0 : -n, P = j ? n : 0, B = j ? "end" : "start", I = G[L][B];
       return {
         index: L,
         loopPoint: I,
@@ -1507,30 +1507,30 @@ function wr(t, e, n, r, i, s, o, l, a) {
       };
     });
   }
-  function m() {
+  function p() {
     const C = o[0], D = f(g, C);
-    return v(D, n, !1);
+    return y(D, n, !1);
   }
   function u() {
-    const C = e - o[0] - 1, D = f(y, C);
-    return v(D, -n, !0);
+    const C = e - o[0] - 1, D = f(v, C);
+    return y(D, -n, !0);
   }
   function T() {
     return k.every(({
       index: C
     }) => {
-      const D = y.filter((F) => F !== C);
-      return p(D, e) <= 0.1;
+      const D = v.filter((j) => j !== C);
+      return m(D, e) <= 0.1;
     });
   }
   function _() {
     k.forEach((C) => {
       const {
         target: D,
-        translate: F,
-        slideLocation: z
+        translate: j,
+        slideLocation: G
       } = C, L = D();
-      L !== z.get() && (F.to(L), z.set(L));
+      L !== G.get() && (j.to(L), G.set(L));
     });
   }
   function A() {
@@ -1547,15 +1547,15 @@ function Ir(t, e, n) {
   let r, i = !1;
   function s(a) {
     if (!n) return;
-    function c(y) {
-      for (const g of y)
+    function c(v) {
+      for (const g of v)
         if (g.type === "childList") {
           a.reInit(), e.emit("slidesChanged");
           break;
         }
     }
-    r = new MutationObserver((y) => {
-      i || (Be(n) || n(a, y)) && c(y);
+    r = new MutationObserver((v) => {
+      i || (Ne(n) || n(a, v)) && c(v);
     }), r.observe(t, {
       childList: !0
     });
@@ -1574,23 +1574,23 @@ function Dr(t, e, n, r) {
   function c() {
     l = new IntersectionObserver((f) => {
       a || (f.forEach((h) => {
-        const v = e.indexOf(h.target);
-        i[v] = h;
+        const y = e.indexOf(h.target);
+        i[y] = h;
       }), s = null, o = null, n.emit("slidesInView"));
     }, {
       root: t.parentElement,
       threshold: r
     }), e.forEach((f) => l.observe(f));
   }
-  function y() {
+  function v() {
     l && l.disconnect(), a = !0;
   }
   function g(f) {
-    return _e(i).reduce((h, v) => {
-      const m = parseInt(v), {
+    return _e(i).reduce((h, y) => {
+      const p = parseInt(y), {
         isIntersecting: u
-      } = i[m];
-      return (f && u || !f && !u) && h.push(m), h;
+      } = i[p];
+      return (f && u || !f && !u) && h.push(p), h;
     }, []);
   }
   function k(f = !0) {
@@ -1601,7 +1601,7 @@ function Dr(t, e, n, r) {
   }
   return {
     init: c,
-    destroy: y,
+    destroy: v,
     get: k
   };
 }
@@ -1610,7 +1610,7 @@ function Ar(t, e, n, r, i, s) {
     measureSize: o,
     startEdge: l,
     endEdge: a
-  } = t, c = n[0] && i, y = f(), g = h(), k = n.map(o), p = v();
+  } = t, c = n[0] && i, v = f(), g = h(), k = n.map(o), m = y();
   function f() {
     if (!c) return 0;
     const u = n[0];
@@ -1621,39 +1621,39 @@ function Ar(t, e, n, r, i, s) {
     const u = s.getComputedStyle(ae(r));
     return parseFloat(u.getPropertyValue(`margin-${a}`));
   }
-  function v() {
+  function y() {
     return n.map((u, T, _) => {
       const A = !T, M = Xe(_, T);
-      return A ? k[T] + y : M ? k[T] + g : _[T + 1][l] - u[l];
+      return A ? k[T] + v : M ? k[T] + g : _[T + 1][l] - u[l];
     }).map(H);
   }
   return {
     slideSizes: k,
-    slideSizesWithGaps: p,
-    startGap: y,
+    slideSizesWithGaps: m,
+    startGap: v,
     endGap: g
   };
 }
 function _r(t, e, n, r, i, s, o, l, a) {
   const {
     startEdge: c,
-    endEdge: y,
+    endEdge: v,
     direction: g
   } = t, k = Ze(n);
-  function p(m, u) {
-    return Ae(m).filter((T) => T % u === 0).map((T) => m.slice(T, T + u));
+  function m(p, u) {
+    return Ae(p).filter((T) => T % u === 0).map((T) => p.slice(T, T + u));
   }
-  function f(m) {
-    return m.length ? Ae(m).reduce((u, T, _) => {
-      const A = ae(u) || 0, M = A === 0, C = T === Fe(m), D = i[c] - s[A][c], F = i[c] - s[T][y], z = !r && M ? g(o) : 0, L = !r && C ? g(l) : 0, R = H(F - L - (D + z));
-      return _ && R > e + a && u.push(T), C && u.push(m.length), u;
+  function f(p) {
+    return p.length ? Ae(p).reduce((u, T, _) => {
+      const A = ae(u) || 0, M = A === 0, C = T === je(p), D = i[c] - s[A][c], j = i[c] - s[T][v], G = !r && M ? g(o) : 0, L = !r && C ? g(l) : 0, R = H(j - L - (D + G));
+      return _ && R > e + a && u.push(T), C && u.push(p.length), u;
     }, []).map((u, T, _) => {
       const A = Math.max(_[T - 1] || 0);
-      return m.slice(A, u);
+      return p.slice(A, u);
     }) : [];
   }
-  function h(m) {
-    return k ? p(m, n) : f(m);
+  function h(p) {
+    return k ? m(p, n) : f(p);
   }
   return {
     groupSlides: h
@@ -1664,72 +1664,72 @@ function Mr(t, e, n, r, i, s, o) {
     align: l,
     axis: a,
     direction: c,
-    startIndex: y,
+    startIndex: v,
     loop: g,
     duration: k,
-    dragFree: p,
+    dragFree: m,
     dragThreshold: f,
     inViewThreshold: h,
-    slidesToScroll: v,
-    skipSnaps: m,
+    slidesToScroll: y,
+    skipSnaps: p,
     containScroll: u,
     watchResize: T,
     watchSlides: _,
     watchDrag: A,
     watchFocus: M
-  } = s, C = 2, D = ur(), F = D.measure(e), z = n.map(D.measure), L = lr(a, c), R = L.measureSize(F), P = mr(R), N = ir(l, R), I = !g && !!u, O = g || !!u, {
+  } = s, C = 2, D = ur(), j = D.measure(e), G = n.map(D.measure), L = lr(a, c), R = L.measureSize(j), P = pr(R), B = ir(l, R), I = !g && !!u, O = g || !!u, {
     slideSizes: oe,
     slideSizesWithGaps: J,
     startGap: Y,
     endGap: de
-  } = Ar(L, F, z, n, O, i), Z = _r(L, R, v, g, F, z, Y, de, C), {
+  } = Ar(L, j, G, n, O, i), Z = _r(L, R, y, g, j, G, Y, de, C), {
     snaps: ie,
     snapsAligned: Q
-  } = br(L, N, F, z, Z), X = -ae(ie) + ae(J), {
+  } = br(L, B, j, G, Z), X = -ae(ie) + ae(J), {
     snapsContained: S,
     scrollContainLimit: w
   } = hr(R, X, Q, u, C), E = I ? S : Q, {
     limit: U
-  } = kr(X, E, g), te = _t(Fe(E), y, g), ee = te.clone(), G = Ae(n), x = ({
+  } = kr(X, E, g), te = _t(je(E), v, g), ee = te.clone(), z = Ae(n), x = ({
     dragHandler: ke,
-    scrollBody: Ge,
+    scrollBody: ze,
     scrollBounds: We,
     options: {
-      loop: je
+      loop: Fe
     }
   }) => {
-    je || We.constrain(ke.pointerDown()), Ge.seek();
-  }, B = ({
+    Fe || We.constrain(ke.pointerDown()), ze.seek();
+  }, N = ({
     scrollBody: ke,
-    translate: Ge,
+    translate: ze,
     location: We,
-    offsetLocation: je,
+    offsetLocation: Fe,
     previousLocation: Lt,
-    scrollLooper: Nt,
-    slideLooper: Bt,
+    scrollLooper: Bt,
+    slideLooper: Nt,
     dragHandler: Pt,
-    animation: zt,
+    animation: Gt,
     eventHandler: rt,
     scrollBounds: Rt,
     options: {
       loop: st
     }
   }, it) => {
-    const at = ke.settled(), Gt = !Rt.shouldConstrain(), lt = st ? at : at && Gt, dt = lt && !Pt.pointerDown();
-    dt && zt.stop();
+    const at = ke.settled(), zt = !Rt.shouldConstrain(), lt = st ? at : at && zt, dt = lt && !Pt.pointerDown();
+    dt && Gt.stop();
     const Wt = We.get() * it + Lt.get() * (1 - it);
-    je.set(Wt), st && (Nt.loop(ke.direction()), Bt.loop()), Ge.to(je.get()), dt && rt.emit("settle"), lt || rt.emit("scroll");
-  }, W = ar(r, i, () => x(Re), (ke) => B(Re, ke)), $ = 0.68, le = E[te.get()], ce = Ie(le), pe = Ie(le), ue = Ie(le), ge = Ie(le), Se = gr(ce, ue, pe, ge, k, $), Pe = Sr(g, E, X, U, ge), ze = xr(W, te, ee, Se, Pe, ge, o), tt = yr(U), nt = Me(), jt = Dr(e, n, o, h), {
+    Fe.set(Wt), st && (Bt.loop(ke.direction()), Nt.loop()), ze.to(Fe.get()), dt && rt.emit("settle"), lt || rt.emit("scroll");
+  }, W = ar(r, i, () => x(Re), (ke) => N(Re, ke)), $ = 0.68, le = E[te.get()], ce = Ie(le), me = Ie(le), ue = Ie(le), ge = Ie(le), Se = gr(ce, ue, me, ge, k, $), Pe = Sr(g, E, X, U, ge), Ge = xr(W, te, ee, Se, Pe, ge, o), tt = vr(U), nt = Me(), Ft = Dr(e, n, o, h), {
     slideRegistry: ot
-  } = Tr(I, u, E, w, Z, G), Et = Cr(t, n, ot, ze, Se, nt, o, M), Re = {
+  } = Tr(I, u, E, w, Z, z), Et = Cr(t, n, ot, Ge, Se, nt, o, M), Re = {
     ownerDocument: r,
     ownerWindow: i,
     eventHandler: o,
-    containerRect: F,
-    slideRects: z,
+    containerRect: j,
+    slideRects: G,
     animation: W,
     axis: L,
-    dragHandler: dr(L, t, r, i, ge, cr(L, i), ce, W, ze, Se, Pe, te, o, P, p, f, m, $, A),
+    dragHandler: dr(L, t, r, i, ge, cr(L, i), ce, W, Ge, Se, Pe, te, o, P, m, f, p, $, A),
     eventStore: nt,
     percentOfView: P,
     index: te,
@@ -1737,22 +1737,22 @@ function Mr(t, e, n, r, i, s, o) {
     limit: U,
     location: ce,
     offsetLocation: ue,
-    previousLocation: pe,
+    previousLocation: me,
     options: s,
-    resizeHandler: pr(e, o, i, n, L, T, D),
+    resizeHandler: mr(e, o, i, n, L, T, D),
     scrollBody: Se,
     scrollBounds: fr(U, ue, ge, Se, P),
-    scrollLooper: vr(X, U, ue, [ce, ue, pe, ge]),
+    scrollLooper: yr(X, U, ue, [ce, ue, me, ge]),
     scrollProgress: tt,
     scrollSnapList: E.map(tt.get),
     scrollSnaps: E,
     scrollTarget: Pe,
-    scrollTo: ze,
+    scrollTo: Ge,
     slideLooper: wr(L, R, X, oe, J, ie, E, ue, n),
     slideFocus: Et,
     slidesHandler: Ir(e, o, _),
-    slidesInView: jt,
-    slideIndexes: G,
+    slidesInView: Ft,
+    slideIndexes: z,
     slideRegistry: ot,
     slidesToScroll: Z,
     target: ge,
@@ -1760,7 +1760,7 @@ function Mr(t, e, n, r, i, s, o) {
   };
   return Re;
 }
-function Fr() {
+function jr() {
   let t = {}, e;
   function n(c) {
     e = c;
@@ -1769,13 +1769,13 @@ function Fr() {
     return t[c] || [];
   }
   function i(c) {
-    return r(c).forEach((y) => y(e, c)), a;
+    return r(c).forEach((v) => v(e, c)), a;
   }
-  function s(c, y) {
-    return t[c] = r(c).concat([y]), a;
+  function s(c, v) {
+    return t[c] = r(c).concat([v]), a;
   }
-  function o(c, y) {
-    return t[c] = r(c).filter((g) => g !== y), a;
+  function o(c, v) {
+    return t[c] = r(c).filter((g) => g !== v), a;
   }
   function l() {
     t = {};
@@ -1789,7 +1789,7 @@ function Fr() {
   };
   return a;
 }
-const jr = {
+const Fr = {
   align: "center",
   axis: "x",
   container: null,
@@ -1845,93 +1845,93 @@ function Lr(t) {
     destroy: r
   };
 }
-function Ne(t, e, n) {
-  const r = t.ownerDocument, i = r.defaultView, s = Er(i), o = Lr(s), l = Me(), a = Fr(), {
+function Be(t, e, n) {
+  const r = t.ownerDocument, i = r.defaultView, s = Er(i), o = Lr(s), l = Me(), a = jr(), {
     mergeOptions: c,
-    optionsAtMedia: y,
+    optionsAtMedia: v,
     optionsMediaQueries: g
   } = s, {
     on: k,
-    off: p,
+    off: m,
     emit: f
   } = a, h = L;
-  let v = !1, m, u = c(jr, Ne.globalOptions), T = c(u), _ = [], A, M, C;
+  let y = !1, p, u = c(Fr, Be.globalOptions), T = c(u), _ = [], A, M, C;
   function D() {
     const {
-      container: G,
+      container: z,
       slides: x
     } = T;
-    M = (Ke(G) ? t.querySelector(G) : G) || t.children[0];
+    M = (Ke(z) ? t.querySelector(z) : z) || t.children[0];
     const W = Ke(x) ? M.querySelectorAll(x) : x;
     C = [].slice.call(W || M.children);
   }
-  function F(G) {
-    const x = Mr(t, M, C, r, i, G, a);
-    if (G.loop && !x.slideLooper.canLoop()) {
-      const B = Object.assign({}, G, {
+  function j(z) {
+    const x = Mr(t, M, C, r, i, z, a);
+    if (z.loop && !x.slideLooper.canLoop()) {
+      const N = Object.assign({}, z, {
         loop: !1
       });
-      return F(B);
+      return j(N);
     }
     return x;
   }
-  function z(G, x) {
-    v || (u = c(u, G), T = y(u), _ = x || _, D(), m = F(T), g([u, ..._.map(({
-      options: B
-    }) => B)]).forEach((B) => l.add(B, "change", L)), T.active && (m.translate.to(m.location.get()), m.animation.init(), m.slidesInView.init(), m.slideFocus.init(ee), m.eventHandler.init(ee), m.resizeHandler.init(ee), m.slidesHandler.init(ee), m.options.loop && m.slideLooper.loop(), M.offsetParent && C.length && m.dragHandler.init(ee), A = o.init(ee, _)));
+  function G(z, x) {
+    y || (u = c(u, z), T = v(u), _ = x || _, D(), p = j(T), g([u, ..._.map(({
+      options: N
+    }) => N)]).forEach((N) => l.add(N, "change", L)), T.active && (p.translate.to(p.location.get()), p.animation.init(), p.slidesInView.init(), p.slideFocus.init(ee), p.eventHandler.init(ee), p.resizeHandler.init(ee), p.slidesHandler.init(ee), p.options.loop && p.slideLooper.loop(), M.offsetParent && C.length && p.dragHandler.init(ee), A = o.init(ee, _)));
   }
-  function L(G, x) {
-    const B = Z();
-    R(), z(c({
-      startIndex: B
-    }, G), x), a.emit("reInit");
+  function L(z, x) {
+    const N = Z();
+    R(), G(c({
+      startIndex: N
+    }, z), x), a.emit("reInit");
   }
   function R() {
-    m.dragHandler.destroy(), m.eventStore.clear(), m.translate.clear(), m.slideLooper.clear(), m.resizeHandler.destroy(), m.slidesHandler.destroy(), m.slidesInView.destroy(), m.animation.destroy(), o.destroy(), l.clear();
+    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(), l.clear();
   }
   function P() {
-    v || (v = !0, l.clear(), R(), a.emit("destroy"), a.clear());
+    y || (y = !0, l.clear(), R(), a.emit("destroy"), a.clear());
   }
-  function N(G, x, B) {
-    !T.active || v || (m.scrollBody.useBaseFriction().useDuration(x === !0 ? 0 : T.duration), m.scrollTo.index(G, B || 0));
+  function B(z, x, N) {
+    !T.active || y || (p.scrollBody.useBaseFriction().useDuration(x === !0 ? 0 : T.duration), p.scrollTo.index(z, N || 0));
   }
-  function I(G) {
-    const x = m.index.add(1).get();
-    N(x, G, -1);
+  function I(z) {
+    const x = p.index.add(1).get();
+    B(x, z, -1);
   }
-  function O(G) {
-    const x = m.index.add(-1).get();
-    N(x, G, 1);
+  function O(z) {
+    const x = p.index.add(-1).get();
+    B(x, z, 1);
   }
   function oe() {
-    return m.index.add(1).get() !== Z();
+    return p.index.add(1).get() !== Z();
   }
   function J() {
-    return m.index.add(-1).get() !== Z();
+    return p.index.add(-1).get() !== Z();
   }
   function Y() {
-    return m.scrollSnapList;
+    return p.scrollSnapList;
   }
   function de() {
-    return m.scrollProgress.get(m.offsetLocation.get());
+    return p.scrollProgress.get(p.offsetLocation.get());
   }
   function Z() {
-    return m.index.get();
+    return p.index.get();
   }
   function ie() {
-    return m.indexPrevious.get();
+    return p.indexPrevious.get();
   }
   function Q() {
-    return m.slidesInView.get();
+    return p.slidesInView.get();
   }
   function X() {
-    return m.slidesInView.get(!1);
+    return p.slidesInView.get(!1);
   }
   function S() {
     return A;
   }
   function w() {
-    return m;
+    return p;
   }
   function E() {
     return t;
@@ -1948,7 +1948,7 @@ function Ne(t, e, n) {
     containerNode: U,
     internalEngine: w,
     destroy: P,
-    off: p,
+    off: m,
     on: k,
     emit: f,
     plugins: S,
@@ -1959,15 +1959,15 @@ function Ne(t, e, n) {
     scrollPrev: O,
     scrollProgress: de,
     scrollSnapList: Y,
-    scrollTo: N,
+    scrollTo: B,
     selectedScrollSnap: Z,
     slideNodes: te,
     slidesInView: Q,
     slidesNotInView: X
   };
-  return z(e, n), setTimeout(() => a.emit("init"), 0), ee;
+  return G(e, n), setTimeout(() => a.emit("init"), 0), ee;
 }
-Ne.globalOptions = void 0;
+Be.globalOptions = void 0;
 function et(t = {}, e = []) {
   const n = $e(t), r = $e(e), [i, s] = ne(), [o, l] = ne(), a = se(() => {
     i && i.reInit(n.current, r.current);
@@ -1978,21 +1978,21 @@ function et(t = {}, e = []) {
     or(r.current, e) || (r.current = e, a());
   }, [e, a]), q(() => {
     if (nr() && o) {
-      Ne.globalOptions = et.globalOptions;
-      const c = Ne(o, n.current, r.current);
+      Be.globalOptions = et.globalOptions;
+      const c = Be(o, n.current, r.current);
       return s(c), () => c.destroy();
     } else
       s(void 0);
   }, [o, s]), [l, i];
 }
 et.globalOptions = void 0;
-const Nr = "_carouselContainer_1bu1s_1", Br = "_viewport_1bu1s_11", Pr = "_slides_1bu1s_17", zr = "_slide_1bu1s_17", Rr = "_slideInner_1bu1s_37", Gr = "_loaderOverlay_1bu1s_45", Wr = "_image_1bu1s_55", Ur = "_loaded_1bu1s_66", Hr = "_empty_1bu1s_78", Or = "_controls_1bu1s_84", $r = "_arrows_1bu1s_94", Vr = "_dots_1bu1s_104", Kr = "_dot_1bu1s_104", qr = "_dotActive_1bu1s_130", V = {
-  carouselContainer: Nr,
-  viewport: Br,
+const Br = "_carouselContainer_1bu1s_1", Nr = "_viewport_1bu1s_11", Pr = "_slides_1bu1s_17", Gr = "_slide_1bu1s_17", Rr = "_slideInner_1bu1s_37", zr = "_loaderOverlay_1bu1s_45", Wr = "_image_1bu1s_55", Ur = "_loaded_1bu1s_66", Hr = "_empty_1bu1s_78", Or = "_controls_1bu1s_84", $r = "_arrows_1bu1s_94", Vr = "_dots_1bu1s_104", Kr = "_dot_1bu1s_104", qr = "_dotActive_1bu1s_130", V = {
+  carouselContainer: Br,
+  viewport: Nr,
   slides: Pr,
-  slide: zr,
+  slide: Gr,
   slideInner: Rr,
-  loaderOverlay: Gr,
+  loaderOverlay: zr,
   image: Wr,
   loaded: Ur,
   empty: Hr,
@@ -2012,48 +2012,48 @@ const Nr = "_carouselContainer_1bu1s_1", Br = "_viewport_1bu1s_11", Pr = "_slide
   slideSpacing: l = 16,
   cornerRadius: a = 0,
   "data-color": c,
-  "data-size": y
+  "data-size": v
 }) => {
   const g = {
     loop: !0,
     align: "start",
     containScroll: "trimSnaps",
     slidesToScroll: 1
-  }, [k, p] = et(g), [f, h] = ne(0), [v, m] = ne([]), [u, T] = ne([]);
+  }, [k, m] = et(g), [f, h] = ne(0), [y, p] = ne([]), [u, T] = ne([]);
   q(() => {
     T(new Array((t == null ? void 0 : t.length) || 0).fill(!1));
   }, [t]);
   const _ = se((P) => {
-    T((N) => {
-      const I = [...N];
+    T((B) => {
+      const I = [...B];
       return I[P] = !0, I;
     });
   }, []), A = be(() => n * 1e3, [n]), M = se(() => {
-    p && h(p.selectedScrollSnap());
-  }, [p]), C = se((P) => p && p.scrollTo(P), [p]), D = se(() => p && p.scrollPrev(), [p]), F = se(() => p && p.scrollNext(), [p]);
+    m && h(m.selectedScrollSnap());
+  }, [m]), C = se((P) => m && m.scrollTo(P), [m]), D = se(() => m && m.scrollPrev(), [m]), j = se(() => m && m.scrollNext(), [m]);
   q(() => {
-    if (p)
-      return p.on("select", M), p.on("reInit", M), m(p.scrollSnapList()), () => {
-        p.off("select", M), p.off("reInit", M);
+    if (m)
+      return m.on("select", M), m.on("reInit", M), p(m.scrollSnapList()), () => {
+        m.off("select", M), m.off("reInit", M);
       };
-  }, [p, M]), q(() => {
-    p && (p.reInit(), m(p.scrollSnapList()));
-  }, [p, t, o, l]), q(() => {
-    if (!e || !p || !t || t.length <= 1) return;
+  }, [m, M]), q(() => {
+    m && (m.reInit(), p(m.scrollSnapList()));
+  }, [m, t, o, l]), q(() => {
+    if (!e || !m || !t || t.length <= 1) return;
     const P = window.setInterval(() => {
-      p.canScrollNext() && p.scrollNext();
+      m.canScrollNext() && m.scrollNext();
     }, A);
     return () => {
       window.clearInterval(P);
     };
-  }, [e, A, p, t]);
-  const z = Math.max(1, o), L = `${100 / z}%`, R = l / 2;
-  return /* @__PURE__ */ j(
+  }, [e, A, m, t]);
+  const G = Math.max(1, o), L = `${100 / G}%`, R = l / 2;
+  return /* @__PURE__ */ F(
     "div",
     {
       className: V.carouselContainer,
       "data-color": c,
-      "data-size": y,
+      "data-size": v,
       "data-variant": s,
       children: [
         /* @__PURE__ */ d("div", { className: V.viewport, ref: k, children: /* @__PURE__ */ d(
@@ -2064,7 +2064,7 @@ const Nr = "_carouselContainer_1bu1s_1", Br = "_viewport_1bu1s_11", Pr = "_slide
               marginLeft: `-${R}px`,
               marginRight: `-${R}px`
             },
-            children: t && t.length > 0 ? t.map((P, N) => /* @__PURE__ */ d(
+            children: t && t.length > 0 ? t.map((P, B) => /* @__PURE__ */ d(
               "div",
               {
                 className: V.slide,
@@ -2076,30 +2076,30 @@ const Nr = "_carouselContainer_1bu1s_1", Br = "_viewport_1bu1s_11", Pr = "_slide
                   overflow: "hidden"
                   // Ensure radius clips content
                 },
-                children: /* @__PURE__ */ j("div", { className: V.slideInner, style: { borderRadius: `${a}px`, overflow: "hidden", position: "relative", width: "100%", height: "100%" }, children: [
-                  !u[N] && /* @__PURE__ */ d("div", { className: V.loaderOverlay, children: /* @__PURE__ */ d(Yr, { "aria-label": "Laster bilde" }) }),
+                children: /* @__PURE__ */ F("div", { className: V.slideInner, style: { borderRadius: `${a}px`, overflow: "hidden", position: "relative", width: "100%", height: "100%" }, children: [
+                  !u[B] && /* @__PURE__ */ d("div", { className: V.loaderOverlay, children: /* @__PURE__ */ d(Yr, { "aria-label": "Laster bilde" }) }),
                   /* @__PURE__ */ d(
                     "img",
                     {
-                      className: `${V.image} ${u[N] ? V.loaded : V.loadingImage}`,
+                      className: `${V.image} ${u[B] ? V.loaded : V.loadingImage}`,
                       src: P.src,
                       alt: P.alt,
-                      loading: N < z ? "eager" : "lazy",
+                      loading: B < G ? "eager" : "lazy",
                       crossOrigin: "anonymous",
-                      onLoad: () => _(N),
+                      onLoad: () => _(B),
                       onError: (I) => {
-                        I.target.style.display = "none", _(N);
+                        I.target.style.display = "none", _(B);
                       }
                     }
                   )
                 ] })
               },
-              `image-${N}-${P.src}`
+              `image-${B}-${P.src}`
             )) : /* @__PURE__ */ d("div", { className: V.slide, style: { flex: "0 0 100%" }, children: /* @__PURE__ */ d("div", { className: V.empty, children: "Ingen bilder" }) })
           }
         ) }),
-        (r || i && t && t.length > 1) && /* @__PURE__ */ j("div", { className: V.controls, "aria-hidden": "false", children: [
-          r && /* @__PURE__ */ j("div", { className: V.arrows, children: [
+        (r || i && t && t.length > 1) && /* @__PURE__ */ F("div", { className: V.controls, "aria-hidden": "false", children: [
+          r && /* @__PURE__ */ F("div", { className: V.arrows, children: [
             /* @__PURE__ */ d(
               Te,
               {
@@ -2117,25 +2117,25 @@ const Nr = "_carouselContainer_1bu1s_1", Br = "_viewport_1bu1s_11", Pr = "_slide
                 variant: "primary",
                 icon: !0,
                 "aria-label": "Neste bilde",
-                onClick: F,
+                onClick: j,
                 disabled: !t || t.length <= 1,
                 children: /* @__PURE__ */ d(Yn, { "aria-hidden": !0 })
               }
             )
           ] }),
-          i && t && t.length > 1 && /* @__PURE__ */ d("div", { className: V.dots, role: "tablist", "aria-label": "Bildeposisjon", children: v.map((P, N) => {
-            const I = N === f;
+          i && t && t.length > 1 && /* @__PURE__ */ d("div", { className: V.dots, role: "tablist", "aria-label": "Bildeposisjon", children: y.map((P, B) => {
+            const I = B === f;
             return /* @__PURE__ */ d(
               "button",
               {
                 type: "button",
                 className: `${V.dot} ${I ? V.dotActive : ""}`,
-                onClick: () => C(N),
-                "aria-label": `Gå til bilde ${N + 1}`,
+                onClick: () => C(B),
+                "aria-label": `Gå til bilde ${B + 1}`,
                 "aria-selected": I,
                 role: "tab"
               },
-              `dot-${N}`
+              `dot-${B}`
             );
           }) })
         ] })
@@ -2144,24 +2144,24 @@ const Nr = "_carouselContainer_1bu1s_1", Br = "_viewport_1bu1s_11", Pr = "_slide
   );
 };
 Jr.displayName = "Carousel";
-const yi = an, bi = ln, Ti = dn, K = cn, Si = un, xi = mn, Zr = pn, Qr = gn;
+const vi = an, bi = ln, Ti = dn, K = cn, Si = un, xi = pn, Zr = mn, Qr = gn;
 Zr.displayName = "Field.Description";
 Qr.displayName = "Field.Counter";
-const Ci = St, Xr = me((t, e) => /* @__PURE__ */ d(fn, { ref: e, ...t }));
+const Ci = St, Xr = pe((t, e) => /* @__PURE__ */ d(fn, { ref: e, ...t }));
 Xr.displayName = "Heading";
-const wi = hn, es = me((t, e) => /* @__PURE__ */ d(kn, { ref: e, ...t }));
+const wi = hn, es = pe((t, e) => /* @__PURE__ */ d(kn, { ref: e, ...t }));
 es.displayName = "Label";
-const Ee = vn, Ii = yn, Di = bn, Ai = Tn, Ye = me(
+const Ee = yn, Ii = vn, Di = bn, Ai = Tn, Ye = pe(
   (t, e) => /* @__PURE__ */ d(Sn, { ref: e, ...t })
 );
 Ye.displayName = "Paragraph";
-const _i = xn, Mi = Cn, Fi = wn, Le = Object.assign(In, {
+const _i = xn, Mi = Cn, ji = wn, Le = Object.assign(In, {
   Button: _n,
   ClearButton: An,
   Input: Dn
-}), ji = Mn, Ei = Fn, Li = jn, ts = En;
+}), Fi = Mn, Ei = jn, Li = Fn, ts = En;
 ts.displayName = "Suggestion";
-const Oe = Ln, Ni = Nn, Bi = Bn, Pi = Pn, zi = zn, Ri = Rn, Gi = Gn, Wi = Wn, ns = me((t, e) => /* @__PURE__ */ d(Un, { ref: e, ...t }));
+const Oe = Ln, Bi = Bn, Ni = Nn, Pi = Pn, Gi = Gn, Ri = Rn, zi = zn, Wi = Wn, ns = pe((t, e) => /* @__PURE__ */ d(Un, { ref: e, ...t }));
 ns.displayName = "ValidationMessage";
 const os = {
   NO: {
@@ -2261,10 +2261,14 @@ const os = {
         contribute: "Bidra",
         home: "Startside",
         getStarted: "Kom i gang",
+        styling: "Styling",
         designTokens: "Designtokens",
         fonts: "Fonter",
         icons: "Bruk av ikoner",
         figmaMcp: "Fra Figma til Kode (MCP)",
+        introduction: "Introduksjon",
+        cursor: "Cursor",
+        claudeCode: "Claude Code",
         componentCreation: "Komponent Kreasjon",
         metadataFiles: "Metadata filer",
         developerGuide: "Utviklerguide",
@@ -2416,7 +2420,42 @@ const os = {
       },
       figmaMcp: {
         title: "Arbeidsflyt: Fra Figma til Kode med MCP",
+        introTitle: "Introduksjon til MCP og Arbeidsflyt",
         intro: "Denne guiden beskriver hvordan vi bruker Model Context Protocol (MCP) for å koble Figma direkte til utviklingsmiljøet. Dette gjør det mulig å hente designspesifikasjoner, tokens og strukturer automatisk, validert mot vårt designsystem.",
+        whatIsMcpTitle: "Hva er MCP?",
+        whatIsMcpText1: "Model Context Protocol (MCP) er en åpen standard som lar AI-assistenter kommunisere direkte med eksterne datakilder og verktøy. I vår kontekst bruker vi MCP til å koble Figma-designfiler direkte til utviklingsmiljøet vårt.",
+        whatIsMcpText2: "Dette betyr at når du gir AI-en en Figma-lenke, kan den automatisk:",
+        whatIsMcpItem1: "Lese designspesifikasjoner direkte fra Figma",
+        whatIsMcpItem2: "Hente eksakte farger, spacing, typografi og andre design tokens",
+        whatIsMcpItem3: "Forstå komponentstrukturen og hierarkiet",
+        whatIsMcpItem4: "Generere kode som matcher designet nøyaktig",
+        whyUseMcpTitle: "Hvorfor bruke MCP?",
+        whyUseMcpText1: "Tradisjonelt har utviklere måttet manuelt konvertere design til kode, noe som kan være tidkrevende og feilutsatt. Med MCP får vi:",
+        whyUseMcpItem1Title: "Nøyaktighet:",
+        whyUseMcpItem1Text: "AI-en leser designet direkte fra kilde, så ingen informasjon går tapt i oversettelsen.",
+        whyUseMcpItem2Title: "Hastighet:",
+        whyUseMcpItem2Text: "Automatisk konvertering fra design til kode sparer timer med manuelt arbeid.",
+        whyUseMcpItem3Title: "Konsistens:",
+        whyUseMcpItem3Text: "Alle design tokens og komponenter brukes konsekvent, validert mot designsystemet vårt.",
+        whyUseMcpItem4Title: "Effektivitet:",
+        whyUseMcpItem4Text: "Mindre tid på repetitivt arbeid, mer tid på å løse faktiske problemer.",
+        howItWorksTitle: "Hvordan fungerer det?",
+        howItWorksIntro: "Prosessen er enkel og følger disse stegene:",
+        stepByStepTitle: "Steg-for-steg oversikt",
+        stepByStep1Title: "1. Oppsett (kun én gang)",
+        stepByStep1Text: "Du setter opp en lokal MCP-server som kobler Figma til AI-assistenten din. Dette krever en Figma Access Token og litt konfigurasjon.",
+        stepByStep2Title: "2. Hent AI Design System Guide",
+        stepByStep2Text: "Du laster ned en spesiallaget guide som inneholder all informasjon om komponenter, tokens og beste praksis. Dette gir AI-en full kontekst om designsystemet vårt.",
+        stepByStep3Title: "3. Kopier Figma-lenke",
+        stepByStep3Text: "I Figma markerer du den delen av designet du vil implementere og kopierer lenken til den spesifikke komponenten eller rammen.",
+        stepByStep4Title: "4. Gi instruksjoner til AI-en",
+        stepByStep4Text: "Du gir AI-en Figma-lenken sammen med instruksjoner om hva du vil lage. AI-en bruker MCP til å lese designet og genererer kode basert på designsystemet vårt.",
+        stepByStep5Title: "5. Review og juster",
+        stepByStep5Text: "AI-en genererer kode som du kan gjennomgå, teste og justere etter behov. Koden følger automatisk design tokens og komponenter fra designsystemet.",
+        nextStepsTitle: "Neste steg",
+        nextStepsText: "Nå som du forstår grunnleggende om MCP og arbeidsflyten, kan du velge mellom:",
+        nextStepsItem1: "Cursor workflow - for brukere av Cursor IDE",
+        nextStepsItem2: "Claude Code workflow - for brukere av Claude Code",
         part1Title: "Del 1: Oppsett av Figma MCP Server",
         part1Intro: "Dette gjøres kun én gang for å aktivere integrasjonen i Cursor/Windsurf.",
         part1Description: 'For at AI-en skal kunne "lese" Figma-filene, må vi sette opp en lokal kobling.',
@@ -2472,6 +2511,23 @@ const os = {
         step0_5ClaudeMethod2Title: "Metode 2: Be Claude om å hente den",
         step0_5ClaudeMethod2Text: 'Du kan også be Claude Code direkte: "Please fetch the AI Design System Guide from https://norwegianredcross.github.io/DesignSystem/storybook/AI_DESIGN_SYSTEM_GUIDE.md"',
         step0_5ClaudeMethod2Note: "Merk: Dette laster ned filen lokalt, akkurat som curl-kommandoen.",
+        step0_5ClaudeSetupTitle: "Steg 0.6: Be Claude om å lese guiden og sette opp prosjektet",
+        step0_5ClaudeSetupIntro: "Før du begynner å konvertere Figma-design til kode, må du be Claude om å lese gjennom AI Design System Guide og verifisere at prosjektet er satt opp korrekt i henhold til guiden. Dette sikrer at alle nødvendige pakker, CSS-imports og font-oppsett er på plass før konvertering.",
+        step0_5ClaudeSetupStep1: "Be Claude om å lese AI Design System Guide: Gi Claude en prompt som ber den lese filen @componentlibrary/AI_DESIGN_SYSTEM_GUIDE.md (eller den nedlastede filen hvis den er i prosjektroten)",
+        step0_5ClaudeSetupStep2: "Be Claude om å verifisere CSS-imports: Gi Claude en prompt som ber den sjekke at CSS-filene er importert i riktig rekkefølge (base styles først, deretter theme)",
+        step0_5ClaudeSetupStep3: "Be Claude om å verifisere font-oppsett: Gi Claude en prompt som ber den sjekke at Source Sans 3 er konfigurert korrekt (se Font Setup-seksjonen i guiden)",
+        step0_5ClaudeSetupStep4: "Be Claude om å verifisere pakke-installasjon: Gi Claude en prompt som ber den sjekke at alle nødvendige pakker er installert (rk-designsystem, @digdir/designsystemet-css, rk-design-tokens)",
+        step0_5ClaudeSetupStep5: "Be Claude om å verifisere prosjektstruktur: Gi Claude en prompt som ber den sjekke at prosjektstrukturen matcher anbefalingene i guiden",
+        step0_5ClaudeSetupPromptTitle: "Ferdig prompt å kopiere:",
+        step0_5ClaudeSetupPrompt: `Les gjennom AI_DESIGN_SYSTEM_GUIDE.md filen og verifiser at prosjektet mitt er satt opp korrekt i henhold til guiden. Sjekk spesifikt:
+
+1. At CSS-filene er importert i riktig rekkefølge (base styles først, deretter theme)
+2. At Source Sans 3 font er konfigurert korrekt (se Font Setup-seksjonen)
+3. At alle nødvendige pakker er installert (rk-designsystem, @digdir/designsystemet-css, rk-design-tokens)
+4. At prosjektstrukturen matcher anbefalingene i guiden
+
+Gi meg en oversikt over hva som er korrekt satt opp og hva som eventuelt må fikses.`,
+        step0_5ClaudeSetupNote: "Du trenger ikke gjøre dette manuelt - be Claude om å gjøre det. Dette steget sikrer at prosjektet er riktig konfigurert før du begynner å konvertere Figma-design. Uten korrekt oppsett kan komponenter og design tokens ikke fungere som forventet.",
         step0_5ClaudeUsageTitle: "Bruk av guiden i Claude:",
         step0_5ClaudeUsageText: "Etter at guiden er lastet ned, referer til den i dine prompts:",
         step0_5ClaudeUsageExample: '"Using the AI_DESIGN_SYSTEM_GUIDE.md file and this Figma link [paste link], create a React component..."',
@@ -3182,10 +3238,14 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
         contribute: "Contribute",
         home: "Home",
         getStarted: "Get Started",
+        styling: "Styling",
         designTokens: "Design Tokens",
         fonts: "Fonts",
         icons: "Using Icons",
         figmaMcp: "From Figma to Code (MCP)",
+        introduction: "Introduction",
+        cursor: "Cursor",
+        claudeCode: "Claude Code",
         componentCreation: "Component Creation",
         metadataFiles: "Metadata Files",
         developerGuide: "Developer Guide",
@@ -3340,7 +3400,42 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
       },
       figmaMcp: {
         title: "Workflow: From Figma to Code with MCP",
+        introTitle: "Introduction to MCP and Workflow",
         intro: "This guide describes how we use Model Context Protocol (MCP) to connect Figma directly to the development environment. This makes it possible to fetch design specifications, tokens, and structures automatically, validated against our design system.",
+        whatIsMcpTitle: "What is MCP?",
+        whatIsMcpText1: "Model Context Protocol (MCP) is an open standard that allows AI assistants to communicate directly with external data sources and tools. In our context, we use MCP to connect Figma design files directly to our development environment.",
+        whatIsMcpText2: "This means that when you give the AI a Figma link, it can automatically:",
+        whatIsMcpItem1: "Read design specifications directly from Figma",
+        whatIsMcpItem2: "Fetch exact colors, spacing, typography, and other design tokens",
+        whatIsMcpItem3: "Understand component structure and hierarchy",
+        whatIsMcpItem4: "Generate code that matches the design accurately",
+        whyUseMcpTitle: "Why use MCP?",
+        whyUseMcpText1: "Traditionally, developers have had to manually convert designs to code, which can be time-consuming and error-prone. With MCP, we get:",
+        whyUseMcpItem1Title: "Accuracy:",
+        whyUseMcpItem1Text: "The AI reads the design directly from the source, so no information is lost in translation.",
+        whyUseMcpItem2Title: "Speed:",
+        whyUseMcpItem2Text: "Automatic conversion from design to code saves hours of manual work.",
+        whyUseMcpItem3Title: "Consistency:",
+        whyUseMcpItem3Text: "All design tokens and components are used consistently, validated against our design system.",
+        whyUseMcpItem4Title: "Efficiency:",
+        whyUseMcpItem4Text: "Less time on repetitive work, more time solving actual problems.",
+        howItWorksTitle: "How does it work?",
+        howItWorksIntro: "The process is simple and follows these steps:",
+        stepByStepTitle: "Step-by-step overview",
+        stepByStep1Title: "1. Setup (one time only)",
+        stepByStep1Text: "You set up a local MCP server that connects Figma to your AI assistant. This requires a Figma Access Token and some configuration.",
+        stepByStep2Title: "2. Fetch AI Design System Guide",
+        stepByStep2Text: "You download a specially crafted guide containing all information about components, tokens, and best practices. This gives the AI full context about our design system.",
+        stepByStep3Title: "3. Copy Figma link",
+        stepByStep3Text: "In Figma, you mark the part of the design you want to implement and copy the link to that specific component or frame.",
+        stepByStep4Title: "4. Give instructions to the AI",
+        stepByStep4Text: "You give the AI the Figma link along with instructions about what you want to create. The AI uses MCP to read the design and generates code based on our design system.",
+        stepByStep5Title: "5. Review and adjust",
+        stepByStep5Text: "The AI generates code that you can review, test, and adjust as needed. The code automatically follows design tokens and components from our design system.",
+        nextStepsTitle: "Next steps",
+        nextStepsText: "Now that you understand the basics of MCP and the workflow, you can choose between:",
+        nextStepsItem1: "Cursor workflow - for Cursor IDE users",
+        nextStepsItem2: "Claude Code workflow - for Claude Code users",
         cursorWorkflowTitle: "Complete Workflow: Cursor",
         cursorWorkflowIntro: "Follow these steps to set up and use the Figma MCP workflow in Cursor.",
         claudeWorkflowTitle: "Complete Workflow: Claude Code",
@@ -3396,6 +3491,23 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
         step0_5ClaudeMethod2Title: "Method 2: Ask Claude to fetch it",
         step0_5ClaudeMethod2Text: 'You can also ask Claude Code directly: "Please fetch the AI Design System Guide from https://norwegianredcross.github.io/DesignSystem/storybook/AI_DESIGN_SYSTEM_GUIDE.md"',
         step0_5ClaudeMethod2Note: "Note: This downloads the file locally, just like the curl command.",
+        step0_5ClaudeSetupTitle: "Step 0.6: Ask Claude to read the guide and set up the project",
+        step0_5ClaudeSetupIntro: "Before you start converting Figma designs to code, you need to ask Claude to read through the AI Design System Guide and verify that the project is set up correctly according to the guide. This ensures all necessary packages, CSS imports, and font setup are in place before conversion.",
+        step0_5ClaudeSetupStep1: "Ask Claude to read AI Design System Guide: Give Claude a prompt asking it to read the file @componentlibrary/AI_DESIGN_SYSTEM_GUIDE.md (or the downloaded file if it's in the project root)",
+        step0_5ClaudeSetupStep2: "Ask Claude to verify CSS imports: Give Claude a prompt asking it to check that CSS files are imported in the correct order (base styles first, then theme)",
+        step0_5ClaudeSetupStep3: "Ask Claude to verify font setup: Give Claude a prompt asking it to check that Source Sans 3 is configured correctly (see Font Setup section in the guide)",
+        step0_5ClaudeSetupStep4: "Ask Claude to verify package installation: Give Claude a prompt asking it to check that all necessary packages are installed (rk-designsystem, @digdir/designsystemet-css, rk-design-tokens)",
+        step0_5ClaudeSetupStep5: "Ask Claude to verify project structure: Give Claude a prompt asking it to check that the project structure matches the recommendations in the guide",
+        step0_5ClaudeSetupPromptTitle: "Ready-to-copy prompt:",
+        step0_5ClaudeSetupPrompt: `Read through the AI_DESIGN_SYSTEM_GUIDE.md file and verify that my project is set up correctly according to the guide. Specifically check:
+
+1. That CSS files are imported in the correct order (base styles first, then theme)
+2. That Source Sans 3 font is configured correctly (see Font Setup section)
+3. That all necessary packages are installed (rk-designsystem, @digdir/designsystemet-css, rk-design-tokens)
+4. That the project structure matches the recommendations in the guide
+
+Give me an overview of what is correctly set up and what might need to be fixed.`,
+        step0_5ClaudeSetupNote: "You don't need to do this manually - ask Claude to do it. This step ensures the project is correctly configured before you start converting Figma designs. Without proper setup, components and design tokens may not work as expected.",
         step0_5ClaudeUsageTitle: "Using the guide in Claude:",
         step0_5ClaudeUsageText: "After the guide is downloaded, reference it in your prompts:",
         step0_5ClaudeUsageExample: '"Using the AI_DESIGN_SYSTEM_GUIDE.md file and this Figma link [paste link], create a React component..."',
@@ -4008,7 +4120,7 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
       }
     }
   }
-}, Ft = Ot(void 0), Ui = ({ children: t }) => {
+}, jt = Ot(void 0), Ui = ({ children: t }) => {
   const [e, n] = ne("NO"), r = (i) => {
     const s = i.split(".");
     let o = os[e];
@@ -4019,13 +4131,13 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
     }
     return o;
   };
-  return /* @__PURE__ */ d(Ft.Provider, { value: { language: e, setLanguage: n, t: r }, children: t });
+  return /* @__PURE__ */ d(jt.Provider, { value: { language: e, setLanguage: n, t: r }, children: t });
 }, rs = () => {
-  const t = $t(Ft);
+  const t = $t(jt);
   if (t === void 0)
     throw new Error("useLanguage must be used within a LanguageProvider");
   return t;
-}, ss = "_header_3zql2_1", is = "_languageSwitch_3zql2_36", as = "_searchOverlay_3zql2_40", ls = "_headerExtension_3zql2_45", ds = "_extensionContentWrapper_3zql2_61", cs = "_extensionContent_3zql2_61", us = "_extensionDivider_3zql2_84", ms = "_languageLabel_3zql2_98", ps = "_languageLink_3zql2_104", gs = "_headerInner_3zql2_129", fs = "_logoWrapper_3zql2_146", hs = "_logo_3zql2_146", ks = "_secondaryLogoWrapper_3zql2_169", vs = "_slotComponent_3zql2_178", ys = "_slotContainer_3zql2_188", bs = "_slotText_3zql2_196", Ts = "_secondaryLogo_3zql2_169", Ss = "_redCrossLogo_3zql2_223", xs = "_primaryLogo_3zql2_229", Cs = "_navItems_3zql2_233", ws = "_navLink_3zql2_242", Is = "_actions_3zql2_255", Ds = "_ctaButton_3zql2_263", As = "_themeToggle_3zql2_268", _s = "_userInfo_3zql2_273", Ms = "_userName_3zql2_279", Fs = "_loginLink_3zql2_286", js = "_loginText_3zql2_295", Es = "_underline_3zql2_302", Ls = "_searchButtonWrapper_3zql2_308", Ns = "_buttonText_3zql2_312", Bs = "_menuButton_3zql2_317", Ps = "_menuOverlay_3zql2_322", zs = "_searchContent_3zql2_356", Rs = "_menuContent_3zql2_366", Gs = "_menuLeftColumn_3zql2_375", Ws = "_menuRightColumn_3zql2_381", Us = "_slotContent_3zql2_395", Hs = "_navList_3zql2_408", Os = "_menuUtilities_3zql2_415", $s = "_menuBrand_3zql2_422", Vs = "_suggestionsSection_3zql2_426", Ks = "_suggestionsTitle_3zql2_432", qs = "_searchResults_3zql2_441", Ys = "_resultList_3zql2_447", Js = "_resultItem_3zql2_453", Zs = "_resultLink_3zql2_461", Qs = "_suggestionIcon_3zql2_475", Xs = "_suggestionText_3zql2_488", ei = "_highlightedText_3zql2_495", ti = "_remainingText_3zql2_500", ni = "_viewAllLink_3zql2_513", oi = "_noResults_3zql2_548", b = {
+}, ss = "_header_3zql2_1", is = "_languageSwitch_3zql2_36", as = "_searchOverlay_3zql2_40", ls = "_headerExtension_3zql2_45", ds = "_extensionContentWrapper_3zql2_61", cs = "_extensionContent_3zql2_61", us = "_extensionDivider_3zql2_84", ps = "_languageLabel_3zql2_98", ms = "_languageLink_3zql2_104", gs = "_headerInner_3zql2_129", fs = "_logoWrapper_3zql2_146", hs = "_logo_3zql2_146", ks = "_secondaryLogoWrapper_3zql2_169", ys = "_slotComponent_3zql2_178", vs = "_slotContainer_3zql2_188", bs = "_slotText_3zql2_196", Ts = "_secondaryLogo_3zql2_169", Ss = "_redCrossLogo_3zql2_223", xs = "_primaryLogo_3zql2_229", Cs = "_navItems_3zql2_233", ws = "_navLink_3zql2_242", Is = "_actions_3zql2_255", Ds = "_ctaButton_3zql2_263", As = "_themeToggle_3zql2_268", _s = "_userInfo_3zql2_273", Ms = "_userName_3zql2_279", js = "_loginLink_3zql2_286", Fs = "_loginText_3zql2_295", Es = "_underline_3zql2_302", Ls = "_searchButtonWrapper_3zql2_308", Bs = "_buttonText_3zql2_312", Ns = "_menuButton_3zql2_317", Ps = "_menuOverlay_3zql2_322", Gs = "_searchContent_3zql2_356", Rs = "_menuContent_3zql2_366", zs = "_menuLeftColumn_3zql2_375", Ws = "_menuRightColumn_3zql2_381", Us = "_slotContent_3zql2_395", Hs = "_navList_3zql2_408", Os = "_menuUtilities_3zql2_415", $s = "_menuBrand_3zql2_422", Vs = "_suggestionsSection_3zql2_426", Ks = "_suggestionsTitle_3zql2_432", qs = "_searchResults_3zql2_441", Ys = "_resultList_3zql2_447", Js = "_resultItem_3zql2_453", Zs = "_resultLink_3zql2_461", Qs = "_suggestionIcon_3zql2_475", Xs = "_suggestionText_3zql2_488", ei = "_highlightedText_3zql2_495", ti = "_remainingText_3zql2_500", ni = "_viewAllLink_3zql2_513", oi = "_noResults_3zql2_548", b = {
   header: ss,
   languageSwitch: is,
   searchOverlay: as,
@@ -4033,14 +4145,14 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
   extensionContentWrapper: ds,
   extensionContent: cs,
   extensionDivider: us,
-  languageLabel: ms,
-  languageLink: ps,
+  languageLabel: ps,
+  languageLink: ms,
   headerInner: gs,
   logoWrapper: fs,
   logo: hs,
   secondaryLogoWrapper: ks,
-  slotComponent: vs,
-  slotContainer: ys,
+  slotComponent: ys,
+  slotContainer: vs,
   slotText: bs,
   secondaryLogo: Ts,
   redCrossLogo: Ss,
@@ -4052,16 +4164,16 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
   themeToggle: As,
   userInfo: _s,
   userName: Ms,
-  loginLink: Fs,
-  loginText: js,
+  loginLink: js,
+  loginText: Fs,
   underline: Es,
   searchButtonWrapper: Ls,
-  buttonText: Ns,
-  menuButton: Bs,
+  buttonText: Bs,
+  menuButton: Ns,
   menuOverlay: Ps,
-  searchContent: zs,
+  searchContent: Gs,
   menuContent: Rs,
-  menuLeftColumn: Gs,
+  menuLeftColumn: zs,
   menuRightColumn: Ws,
   slotContent: Us,
   navList: Hs,
@@ -4153,26 +4265,26 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
   ctaLabel: l,
   ctaIcon: a = /* @__PURE__ */ d(Zn, { "aria-hidden": !0 }),
   onCtaClick: c,
-  showThemeToggle: y = !1,
+  showThemeToggle: v = !1,
   secondaryLogo: g = !1,
   secondaryLogoSrc: k,
-  secondaryLogoSrcDark: p,
+  secondaryLogoSrcDark: m,
   secondaryLogoAlt: f = "Secondary Logo",
   navItems: h,
-  showNavItems: v = !0,
-  showMenuButton: m = !0,
+  showNavItems: y = !0,
+  showMenuButton: p = !0,
   showHeaderExtension: u = !1,
   showModeToggle: T = !1,
   showLanguageSwitch: _ = !1
 }) => {
-  const [A, M] = ne(!1), [C, D] = ne(!1), [F, z] = ne(""), [L, R] = ne("light"), { language: P, setLanguage: N, t: I } = rs(), [O, oe] = ne(!1);
+  const [A, M] = ne(!1), [C, D] = ne(!1), [j, G] = ne(""), [L, R] = ne("light"), { language: P, setLanguage: B, t: I } = rs(), [O, oe] = ne(!1);
   q(() => {
     const S = "rk-header-inline-styles";
     if (typeof document > "u" || document.getElementById(S)) return;
     const w = si(b), E = document.createElement("style");
     E.id = S, E.textContent = w, document.head.appendChild(E);
   }, []);
-  const J = () => /* @__PURE__ */ j(
+  const J = () => /* @__PURE__ */ F(
     "svg",
     {
       width: "170",
@@ -4198,7 +4310,7 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
     }
   );
   q(() => {
-    M(!1), D(!1), z("");
+    M(!1), D(!1), G("");
   }, [t]), q(() => {
     if (!(typeof document > "u") && A && O) {
       const S = document.body.style.overflow;
@@ -4269,16 +4381,16 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
   }, ie = () => {
     D(!C), A && M(!1);
   }, Q = be(() => {
-    if (!F.trim()) return [];
-    const S = F.toLowerCase();
+    if (!j.trim()) return [];
+    const S = j.toLowerCase();
     return ri.filter(
       (w) => w.title.toLowerCase().startsWith(S)
     );
-  }, [F]), X = (S) => {
-    e && e(S), D(!1), z("");
+  }, [j]), X = (S) => {
+    e && e(S), D(!1), G("");
   };
-  return /* @__PURE__ */ j("header", { className: b.header, "data-open": A ? "true" : "false", children: [
-    u && /* @__PURE__ */ d("div", { className: b.headerExtension, "data-color-scheme": "light", children: /* @__PURE__ */ j("div", { className: b.extensionContentWrapper, children: [
+  return /* @__PURE__ */ F("header", { className: b.header, "data-open": A ? "true" : "false", children: [
+    u && /* @__PURE__ */ d("div", { className: b.headerExtension, "data-color-scheme": "light", children: /* @__PURE__ */ F("div", { className: b.extensionContentWrapper, children: [
       T && /* @__PURE__ */ d("div", { className: b.extensionContent, children: /* @__PURE__ */ d(
         Oe,
         {
@@ -4291,10 +4403,10 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
         }
       ) }),
       T && _ && /* @__PURE__ */ d("div", { className: b.extensionDivider }),
-      _ && /* @__PURE__ */ j("div", { className: b.languageSwitch, children: [
+      _ && /* @__PURE__ */ F("div", { className: b.languageSwitch, children: [
         /* @__PURE__ */ d("span", { className: b.languageLabel, children: I("header.language") }),
-        /* @__PURE__ */ j(K.TriggerContext, { children: [
-          /* @__PURE__ */ j(
+        /* @__PURE__ */ F(K.TriggerContext, { children: [
+          /* @__PURE__ */ F(
             K.Trigger,
             {
               className: b.languageLink,
@@ -4312,17 +4424,17 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
             {
               "data-color-scheme": L,
               placement: "bottom-end",
-              children: /* @__PURE__ */ j(K.List, { children: [
-                /* @__PURE__ */ d(K.Item, { children: /* @__PURE__ */ d(K.Button, { onClick: () => N("NO"), children: "Norsk (NO)" }) }),
-                /* @__PURE__ */ d(K.Item, { children: /* @__PURE__ */ d(K.Button, { onClick: () => N("EN"), children: "English (EN)" }) })
+              children: /* @__PURE__ */ F(K.List, { children: [
+                /* @__PURE__ */ d(K.Item, { children: /* @__PURE__ */ d(K.Button, { onClick: () => B("NO"), children: "Norsk (NO)" }) }),
+                /* @__PURE__ */ d(K.Item, { children: /* @__PURE__ */ d(K.Button, { onClick: () => B("EN"), children: "English (EN)" }) })
               ] })
             }
           )
         ] })
       ] })
     ] }) }),
-    /* @__PURE__ */ j("div", { className: b.headerInner, children: [
-      /* @__PURE__ */ j("div", { className: b.logoWrapper, children: [
+    /* @__PURE__ */ F("div", { className: b.headerInner, children: [
+      /* @__PURE__ */ F("div", { className: b.logoWrapper, children: [
         /* @__PURE__ */ d(
           Ee,
           {
@@ -4336,13 +4448,13 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
         /* @__PURE__ */ d("div", { className: b.secondaryLogoWrapper, children: g && k ? /* @__PURE__ */ d(
           "img",
           {
-            src: L === "dark" && p ? p : k,
+            src: L === "dark" && m ? m : k,
             alt: f,
             className: b.secondaryLogo
           }
         ) : g ? /* @__PURE__ */ d("div", { className: b.slotComponent, children: /* @__PURE__ */ d("div", { className: b.slotContainer, children: /* @__PURE__ */ d("p", { className: b.slotText, children: "SLOT" }) }) }) : null })
       ] }),
-      v && h && h.length > 0 && !O && /* @__PURE__ */ d("nav", { className: b.navItems, children: h.map((S, w) => /* @__PURE__ */ d(
+      y && h && h.length > 0 && !O && /* @__PURE__ */ d("nav", { className: b.navItems, children: h.map((S, w) => /* @__PURE__ */ d(
         Ee,
         {
           href: S.href,
@@ -4354,8 +4466,8 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
         },
         w
       )) }),
-      /* @__PURE__ */ j("div", { className: b.actions, children: [
-        o && /* @__PURE__ */ j(
+      /* @__PURE__ */ F("div", { className: b.actions, children: [
+        o && /* @__PURE__ */ F(
           Te,
           {
             variant: "primary",
@@ -4369,7 +4481,7 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
             ]
           }
         ),
-        !u && y && /* @__PURE__ */ d("div", { className: b.themeToggle, children: /* @__PURE__ */ d(
+        !u && v && /* @__PURE__ */ d("div", { className: b.themeToggle, children: /* @__PURE__ */ d(
           Oe,
           {
             checked: L === "dark",
@@ -4377,15 +4489,15 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
             "aria-label": I("header.toggleTheme")
           }
         ) }),
-        r && /* @__PURE__ */ j("div", { className: b.userInfo, children: [
+        r && /* @__PURE__ */ F("div", { className: b.userInfo, children: [
           /* @__PURE__ */ d(Ye, { "data-size": "md", className: b.userName, children: "Frodo Baggins" }),
           /* @__PURE__ */ d(wt, { "aria-label": "Frodo Baggins", "data-color": "main", variant: "circle", initials: "FB" })
         ] }),
-        s && /* @__PURE__ */ j("a", { href: "#", className: b.loginLink, children: [
+        s && /* @__PURE__ */ F("a", { href: "#", className: b.loginLink, children: [
           /* @__PURE__ */ d("span", { className: b.loginText, children: I("header.login") }),
           /* @__PURE__ */ d("div", { className: b.underline })
         ] }),
-        i && /* @__PURE__ */ d("div", { className: b.searchButtonWrapper, children: /* @__PURE__ */ j(
+        i && /* @__PURE__ */ d("div", { className: b.searchButtonWrapper, children: /* @__PURE__ */ F(
           Te,
           {
             variant: "secondary",
@@ -4395,12 +4507,12 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
             "aria-expanded": C,
             "aria-label": I(C ? "header.closeSearch" : "header.openSearch"),
             children: [
-              C ? /* @__PURE__ */ d(mt, { "aria-hidden": !0 }) : /* @__PURE__ */ d(pt, { "aria-hidden": !0 }),
+              C ? /* @__PURE__ */ d(pt, { "aria-hidden": !0 }) : /* @__PURE__ */ d(mt, { "aria-hidden": !0 }),
               /* @__PURE__ */ d("span", { className: b.buttonText, children: I(C ? "header.close" : "header.search") })
             ]
           }
         ) }),
-        (m || O) && /* @__PURE__ */ j(
+        (p || O) && /* @__PURE__ */ F(
           Te,
           {
             variant: "primary",
@@ -4411,21 +4523,21 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
             "aria-label": I(A ? "header.closeMenu" : "header.openMenu"),
             className: b.menuButton,
             children: [
-              A ? /* @__PURE__ */ d(mt, { "aria-hidden": !0 }) : /* @__PURE__ */ d(Jn, { "aria-hidden": !0 }),
+              A ? /* @__PURE__ */ d(pt, { "aria-hidden": !0 }) : /* @__PURE__ */ d(Jn, { "aria-hidden": !0 }),
               /* @__PURE__ */ d("span", { className: b.buttonText, children: I(A ? "header.close" : "header.menu") })
             ]
           }
         )
       ] })
     ] }),
-    A && /* @__PURE__ */ d("div", { className: b.menuOverlay, children: /* @__PURE__ */ j("div", { className: b.menuContent, children: [
+    A && /* @__PURE__ */ d("div", { className: b.menuOverlay, children: /* @__PURE__ */ F("div", { className: b.menuContent, children: [
       /* @__PURE__ */ d("div", { className: b.menuLeftColumn }),
-      /* @__PURE__ */ j("div", { className: b.menuRightColumn, children: [
-        O && (_ || T) && /* @__PURE__ */ j("div", { className: b.menuUtilities, children: [
-          _ && /* @__PURE__ */ j("div", { className: b.languageSwitch, children: [
+      /* @__PURE__ */ F("div", { className: b.menuRightColumn, children: [
+        O && (_ || T) && /* @__PURE__ */ F("div", { className: b.menuUtilities, children: [
+          _ && /* @__PURE__ */ F("div", { className: b.languageSwitch, children: [
             /* @__PURE__ */ d("span", { className: b.languageLabel, children: I("header.language") }),
-            /* @__PURE__ */ j(K.TriggerContext, { children: [
-              /* @__PURE__ */ j(
+            /* @__PURE__ */ F(K.TriggerContext, { children: [
+              /* @__PURE__ */ F(
                 K.Trigger,
                 {
                   className: b.languageLink,
@@ -4443,9 +4555,9 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
                 {
                   "data-color-scheme": L,
                   placement: "bottom-start",
-                  children: /* @__PURE__ */ j(K.List, { children: [
-                    /* @__PURE__ */ d(K.Item, { children: /* @__PURE__ */ d(K.Button, { onClick: () => N("NO"), children: "Norsk (NO)" }) }),
-                    /* @__PURE__ */ d(K.Item, { children: /* @__PURE__ */ d(K.Button, { onClick: () => N("EN"), children: "English (EN)" }) })
+                  children: /* @__PURE__ */ F(K.List, { children: [
+                    /* @__PURE__ */ d(K.Item, { children: /* @__PURE__ */ d(K.Button, { onClick: () => B("NO"), children: "Norsk (NO)" }) }),
+                    /* @__PURE__ */ d(K.Item, { children: /* @__PURE__ */ d(K.Button, { onClick: () => B("EN"), children: "English (EN)" }) })
                   ] })
                 }
               )
@@ -4463,9 +4575,9 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
             }
           ) })
         ] }),
-        /* @__PURE__ */ j("div", { className: b.slotContent, children: [
+        /* @__PURE__ */ F("div", { className: b.slotContent, children: [
           n,
-          O && v && h && h.length > 0 && /* @__PURE__ */ d("nav", { className: b.navList, children: h.map((S, w) => /* @__PURE__ */ d(
+          O && y && h && h.length > 0 && /* @__PURE__ */ d("nav", { className: b.navList, children: h.map((S, w) => /* @__PURE__ */ d(
             Ee,
             {
               href: S.href,
@@ -4481,34 +4593,34 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
         O && /* @__PURE__ */ d("div", { className: b.menuBrand, children: /* @__PURE__ */ d(J, {}) })
       ] })
     ] }) }),
-    C && /* @__PURE__ */ d("div", { className: b.searchOverlay, children: /* @__PURE__ */ j("div", { className: b.searchContent, children: [
-      /* @__PURE__ */ j(Le, { children: [
+    C && /* @__PURE__ */ d("div", { className: b.searchOverlay, children: /* @__PURE__ */ F("div", { className: b.searchContent, children: [
+      /* @__PURE__ */ F(Le, { children: [
         /* @__PURE__ */ d(
           Le.Input,
           {
             "aria-label": I("header.search"),
             placeholder: I("header.searchPlaceholder"),
-            value: F,
-            onChange: (S) => z(S.target.value)
+            value: j,
+            onChange: (S) => G(S.target.value)
           }
         ),
         /* @__PURE__ */ d(Le.Button, { "aria-label": I("header.search") }),
-        /* @__PURE__ */ d(Le.ClearButton, { onClick: () => z(""), "aria-label": I("header.clearSearch") })
+        /* @__PURE__ */ d(Le.ClearButton, { onClick: () => G(""), "aria-label": I("header.clearSearch") })
       ] }),
-      F && /* @__PURE__ */ d("div", { className: b.searchResults, children: Q.length > 0 ? /* @__PURE__ */ j("div", { className: b.suggestionsSection, children: [
+      j && /* @__PURE__ */ d("div", { className: b.searchResults, children: Q.length > 0 ? /* @__PURE__ */ F("div", { className: b.suggestionsSection, children: [
         /* @__PURE__ */ d("h3", { className: b.suggestionsTitle, children: I("header.suggestions") }),
-        /* @__PURE__ */ d("ul", { className: b.resultList, children: Q.slice(0, 5).map((S) => /* @__PURE__ */ d("li", { className: b.resultItem, children: /* @__PURE__ */ j(
+        /* @__PURE__ */ d("ul", { className: b.resultList, children: Q.slice(0, 5).map((S) => /* @__PURE__ */ d("li", { className: b.resultItem, children: /* @__PURE__ */ F(
           "button",
           {
             className: b.resultLink,
             onClick: () => X(S.path),
             children: [
-              /* @__PURE__ */ d("span", { className: b.suggestionIcon, children: /* @__PURE__ */ d(pt, { "aria-hidden": !0 }) }),
+              /* @__PURE__ */ d("span", { className: b.suggestionIcon, children: /* @__PURE__ */ d(mt, { "aria-hidden": !0 }) }),
               /* @__PURE__ */ d("span", { className: b.suggestionText, children: (() => {
-                const w = S.title.toLowerCase().indexOf(F.toLowerCase());
+                const w = S.title.toLowerCase().indexOf(j.toLowerCase());
                 if (w === -1) return /* @__PURE__ */ d("span", { className: b.remainingText, children: S.title });
-                const E = S.title.slice(0, w), U = S.title.slice(w, w + F.length), te = S.title.slice(w + F.length);
-                return /* @__PURE__ */ j(Ut, { children: [
+                const E = S.title.slice(0, w), U = S.title.slice(w, w + j.length), te = S.title.slice(w + j.length);
+                return /* @__PURE__ */ F(Ut, { children: [
                   /* @__PURE__ */ d("span", { className: b.remainingText, children: E }),
                   /* @__PURE__ */ d("span", { className: b.highlightedText, children: U }),
                   /* @__PURE__ */ d("span", { className: b.remainingText, children: te })
@@ -4517,14 +4629,14 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
             ]
           }
         ) }, S.id)) }),
-        Q.length > 5 && /* @__PURE__ */ j(
+        Q.length > 5 && /* @__PURE__ */ F(
           Ee,
           {
             href: "#",
             "data-color": "neutral",
             className: b.viewAllLink,
             onClick: (S) => {
-              S.preventDefault(), e && e(`search/${F}`), D(!1), z("");
+              S.preventDefault(), e && e(`search/${j}`), D(!1), G("");
             },
             children: [
               I("header.viewAll"),
@@ -4534,10 +4646,10 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
             ]
           }
         )
-      ] }) : /* @__PURE__ */ d("div", { className: b.noResults, children: /* @__PURE__ */ j(Ye, { children: [
+      ] }) : /* @__PURE__ */ d("div", { className: b.noResults, children: /* @__PURE__ */ F(Ye, { children: [
         I("header.noResults"),
         ' "',
-        F,
+        j,
         '"'
       ] }) }) })
     ] }) })
@@ -4678,19 +4790,19 @@ export {
   wt as Avatar,
   Xn as Badge,
   ui as BadgePosition,
-  mi as Breadcrumbs,
+  pi as Breadcrumbs,
   gi as BreadcrumbsItem,
   fi as BreadcrumbsLink,
-  pi as BreadcrumbsList,
+  mi as BreadcrumbsList,
   Te as Button,
   eo as Card,
   hi as CardBlock,
   Jr as Carousel,
   to as Checkbox,
-  vi as Chip,
+  yi as Chip,
   er as DateInput,
   Vo as DatePicker,
-  yi as Details,
+  vi as Details,
   bi as Dialog,
   Ti as Divider,
   K as Dropdown,
@@ -4711,22 +4823,22 @@ export {
   _i as Popover,
   Mi as Radio,
   Le as Search,
-  ji as Select,
+  Fi as Select,
   Ei as SkeletonLoader,
   Li as SkipLink,
   Yr as Spinner,
   ts as Suggestion,
   Oe as Switch,
-  Ni as Table,
-  Bi as Tabs,
+  Bi as Table,
+  Ni as Tabs,
   Pi as Tag,
-  zi as Textarea,
+  Gi as Textarea,
   Ri as Textfield,
-  Gi as ToggleGroup,
+  zi as ToggleGroup,
   Wi as Tooltip,
   ns as ValidationMessage,
   ki as useCheckboxGroup,
   rs as useLanguage,
   Ai as usePagination,
-  Fi as useRadioGroup
+  ji as useRadioGroup
 };