rk-designsystem 1.1.52 → 1.1.54

package/dist/componentlibrary.es.js

@@ -1,6 +1,6 @@
-import Dt, { forwardRef as ue, useState as oe, useEffect as te, useMemo as ve, useCallback as ae, useRef as Ke, createContext as qt, useContext as Yt } from "react";
-import { Alert as Jt, Avatar as Zt, BadgePosition as Xt, Badge as Qt, Breadcrumbs as en, BreadcrumbsList as tn, BreadcrumbsItem as nn, BreadcrumbsLink as on, Button as qe, Card as rn, CardBlock as sn, Checkbox as an, useCheckboxGroup as ln, Fieldset as It, Chip as dn, Spinner as cn, Details as un, Dialog as mn, Divider as gn, Dropdown as pn, ErrorSummary as fn, Field as hn, FieldDescription as kn, FieldCounter as bn, Heading as vn, Input as yn, Label as xn, Link as Tn, List as Sn, Pagination as wn, usePagination as Cn, Paragraph as jn, Popover as Dn, Radio as In, useRadioGroup as Ln, Search as An, SearchInput as Fn, SearchClear as _n, SearchButton as En, Select as Bn, Skeleton as Nn, SkipLink as Pn, EXPERIMENTAL_Suggestion as Mn, Switch as Rn, Table as zn, Tabs as On, Tag as $n, Textarea as Hn, Textfield as Wn, ToggleGroup as Vn, Tooltip as Gn, ValidationMessage as Un } from "@digdir/designsystemet-react";
-import { startOfMonth as ke, isValid as Ve, isSameMonth as mt, startOfWeek as Lt, format as Te, addDays as At, subMonths as Kn, addMonths as qn, isSameDay as Yn, isToday as Jn, eachDayOfInterval as Zn } from "date-fns";
+import Dt, { forwardRef as ue, useState as oe, useEffect as te, useMemo as ve, useCallback as ae, useRef as Ue, createContext as Kt, useContext as Yt } from "react";
+import { Alert as Jt, Avatar as Zt, BadgePosition as Xt, Badge as Qt, Breadcrumbs as en, BreadcrumbsList as tn, BreadcrumbsItem as nn, BreadcrumbsLink as on, Button as Ke, Card as rn, CardBlock as sn, Checkbox as an, useCheckboxGroup as ln, Fieldset as It, Chip as dn, Spinner as cn, Details as un, Dialog as mn, Divider as gn, Dropdown as pn, ErrorSummary as fn, Field as hn, FieldDescription as kn, FieldCounter as bn, Heading as vn, Input as yn, Label as xn, Link as Tn, List as Sn, Pagination as wn, usePagination as Cn, Paragraph as jn, Popover as Dn, Radio as In, useRadioGroup as Ln, Search as An, SearchInput as Fn, SearchClear as _n, SearchButton as En, Select as Bn, Skeleton as Nn, SkipLink as Pn, EXPERIMENTAL_Suggestion as Mn, Switch as Rn, Table as zn, Tabs as On, Tag as $n, Textarea as Hn, Textfield as Wn, ToggleGroup as Vn, Tooltip as Gn, ValidationMessage as qn } from "@digdir/designsystemet-react";
+import { startOfMonth as ke, isValid as Ve, isSameMonth as mt, startOfWeek as Lt, format as Te, addDays as At, subMonths as Un, addMonths as Kn, isSameDay as Yn, isToday as Jn, eachDayOfInterval as Zn } from "date-fns";
 import { ChevronLeftIcon as Xn, ChevronRightIcon as Qn, ChevronDownIcon as gt, XMarkIcon as pt, MagnifyingGlassIcon as ft, MenuHamburgerIcon as eo, HeartIcon as to } from "@navikt/aksel-icons";
 var Be = { exports: {} }, Se = {};
 /**
@@ -74,7 +74,7 @@ function oo() {
             return "Portal";
           case _:
             return c.displayName || "Context";
-          case x:
+          case T:
             return (c._context.displayName || "Context") + ".Consumer";
           case F:
             var A = c.render;
@@ -122,7 +122,7 @@ function oo() {
       }
     }
     function i() {
-      var c = H.A;
+      var c = W.A;
       return c === null ? null : c.getOwner();
     }
     function a() {
@@ -137,7 +137,7 @@ function oo() {
     }
     function d(c, A) {
       function P() {
-        U || (U = !0, console.error(
+        q || (q = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
           A
         ));
@@ -153,7 +153,7 @@ function oo() {
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), c = this.props.ref, c !== void 0 ? c : null;
     }
-    function u(c, A, P, z, S, I) {
+    function u(c, A, P, z, x, D) {
       var C = P.ref;
       return c = {
         $$typeof: h,
@@ -178,15 +178,15 @@ function oo() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: S
+        value: x
       }), Object.defineProperty(c, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: I
+        value: D
       }), Object.freeze && (Object.freeze(c.props), Object.freeze(c)), c;
     }
-    function y(c, A, P, z, S, I) {
+    function y(c, A, P, z, x, D) {
       var C = A.children;
       if (C !== void 0)
         if (z)
@@ -201,10 +201,10 @@ function oo() {
         else f(C);
       if (M.call(A, "key")) {
         C = t(c);
-        var W = Object.keys(A).filter(function(X) {
+        var H = Object.keys(A).filter(function(X) {
           return X !== "key";
         });
-        z = 0 < W.length ? "{key: someKey, " + W.join(": ..., ") + ": ...}" : "{key: someKey}", re[C + z] || (W = 0 < W.length ? "{" + W.join(": ..., ") + ": ...}" : "{}", console.error(
+        z = 0 < H.length ? "{key: someKey, " + H.join(": ..., ") + ": ...}" : "{key: someKey}", re[C + z] || (H = 0 < H.length ? "{" + H.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -213,7 +213,7 @@ React keys must be passed directly to JSX without using spread:
   <%s key={someKey} {...props} />`,
           z,
           C,
-          W,
+          H,
           C
         ), re[C + z] = !0);
       }
@@ -230,8 +230,8 @@ React keys must be passed directly to JSX without using spread:
         C,
         P,
         i(),
-        S,
-        I
+        x,
+        D
       );
     }
     function f(c) {
@@ -240,7 +240,7 @@ React keys must be passed directly to JSX without using spread:
     function k(c) {
       return typeof c == "object" && c !== null && c.$$typeof === h;
     }
-    var g = Dt, h = Symbol.for("react.transitional.element"), b = Symbol.for("react.portal"), v = Symbol.for("react.fragment"), p = Symbol.for("react.strict_mode"), m = Symbol.for("react.profiler"), x = Symbol.for("react.consumer"), _ = Symbol.for("react.context"), F = Symbol.for("react.forward_ref"), E = Symbol.for("react.suspense"), j = Symbol.for("react.suspense_list"), L = Symbol.for("react.memo"), B = Symbol.for("react.lazy"), $ = Symbol.for("react.activity"), N = Symbol.for("react.client.reference"), H = g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, M = Object.prototype.hasOwnProperty, R = Array.isArray, D = console.createTask ? console.createTask : function() {
+    var g = Dt, h = Symbol.for("react.transitional.element"), b = Symbol.for("react.portal"), v = Symbol.for("react.fragment"), p = Symbol.for("react.strict_mode"), m = Symbol.for("react.profiler"), T = Symbol.for("react.consumer"), _ = Symbol.for("react.context"), F = Symbol.for("react.forward_ref"), E = Symbol.for("react.suspense"), j = Symbol.for("react.suspense_list"), L = Symbol.for("react.memo"), B = Symbol.for("react.lazy"), $ = Symbol.for("react.activity"), N = Symbol.for("react.client.reference"), W = g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, M = Object.prototype.hasOwnProperty, R = Array.isArray, I = console.createTask ? console.createTask : function() {
       return null;
     };
     g = {
@@ -248,29 +248,29 @@ React keys must be passed directly to JSX without using spread:
         return c();
       }
     };
-    var U, ne = {}, Y = g.react_stack_bottom_frame.bind(
+    var q, ne = {}, Y = g.react_stack_bottom_frame.bind(
       g,
       a
-    )(), q = D(s(a)), re = {};
+    )(), K = I(s(a)), re = {};
     we.Fragment = v, we.jsx = function(c, A, P) {
-      var z = 1e4 > H.recentlyCreatedOwnerStacks++;
+      var z = 1e4 > W.recentlyCreatedOwnerStacks++;
       return y(
         c,
         A,
         P,
         !1,
         z ? Error("react-stack-top-frame") : Y,
-        z ? D(s(c)) : q
+        z ? I(s(c)) : K
       );
     }, we.jsxs = function(c, A, P) {
-      var z = 1e4 > H.recentlyCreatedOwnerStacks++;
+      var z = 1e4 > W.recentlyCreatedOwnerStacks++;
       return y(
         c,
         A,
         P,
         !0,
         z ? Error("react-stack-top-frame") : Y,
-        z ? D(s(c)) : q
+        z ? I(s(c)) : K
       );
     };
   })()), we;
@@ -286,7 +286,7 @@ const Ft = ue((t, e) => /* @__PURE__ */ r.jsx(Zt, { ref: e, ...t }));
 Ft.displayName = "Avatar";
 const ao = ue((t, e) => /* @__PURE__ */ r.jsx(Qt, { ref: e, ...t }));
 ao.displayName = "Badge";
-const ka = Xt, ba = en, va = tn, ya = nn, xa = on, ye = qe;
+const ka = Xt, ba = en, va = tn, ya = nn, xa = on, ye = Ke;
 ye.displayName = "Button";
 const io = rn, Ta = sn;
 io.displayName = "Card";
@@ -727,14 +727,14 @@ const Et = ({ title: t, ...e }) => /* @__PURE__ */ r.jsxs(
   }
 );
 Et.displayName = "ChevronRightIcon";
-const Ho = "_calendarContainer_10l5p_1", Wo = "_calendarHeader_10l5p_14", Vo = "_monthYear_10l5p_21", Go = "_navigationButtons_10l5p_32", Uo = "_grid_10l5p_41", Ko = "_dayNameCell_10l5p_48", qo = "_dateCell_10l5p_65", Yo = "_dateNumberContainer_10l5p_90", Jo = "_otherMonth_10l5p_103", Zo = "_selectedDate_10l5p_129", se = {
+const Ho = "_calendarContainer_10l5p_1", Wo = "_calendarHeader_10l5p_14", Vo = "_monthYear_10l5p_21", Go = "_navigationButtons_10l5p_32", qo = "_grid_10l5p_41", Uo = "_dayNameCell_10l5p_48", Ko = "_dateCell_10l5p_65", Yo = "_dateNumberContainer_10l5p_90", Jo = "_otherMonth_10l5p_103", Zo = "_selectedDate_10l5p_129", se = {
   calendarContainer: Ho,
   calendarHeader: Wo,
   monthYear: Vo,
   navigationButtons: Go,
-  grid: Uo,
-  dayNameCell: Ko,
-  dateCell: qo,
+  grid: qo,
+  dayNameCell: Uo,
+  dateCell: Ko,
   dateNumberContainer: Yo,
   otherMonth: Jo,
   selectedDate: Zo
@@ -765,22 +765,22 @@ const Ho = "_calendarContainer_10l5p_1", Wo = "_calendarHeader_10l5p_14", Vo = "
     [a]
   ), y = ve(() => {
     const m = Lt(/* @__PURE__ */ new Date(), { locale: be });
-    return Array.from({ length: 7 }).map((x, _) => {
+    return Array.from({ length: 7 }).map((T, _) => {
       const F = Te(At(m, _), "EEEEEE", { locale: be });
       return vt(F);
     });
   }, []), f = ae(() => {
-    l || o((m) => ke(Kn(m, 1)));
+    l || o((m) => ke(Un(m, 1)));
   }, [l]), k = ae(() => {
-    o((m) => ke(qn(m, 1)));
+    o((m) => ke(Kn(m, 1)));
   }, []), g = ae(
     (m) => {
       n && n(m);
     },
     [n]
   ), h = ae(
-    (m, x) => {
-      (m.key === "Enter" || m.key === " ") && (m.preventDefault(), g(x));
+    (m, T) => {
+      (m.key === "Enter" || m.key === " ") && (m.preventDefault(), g(T));
     },
     [g]
   ), b = Te(a, "MMMM", { locale: be }), v = Te(a, "yyyy", { locale: be }), p = `${vt(b)} ${v}`;
@@ -795,7 +795,7 @@ const Ho = "_calendarContainer_10l5p_1", Wo = "_calendarHeader_10l5p_14", Vo = "
           /* @__PURE__ */ r.jsx("span", { className: se.monthYear, children: p }),
           /* @__PURE__ */ r.jsxs("div", { className: se.navigationButtons, children: [
             /* @__PURE__ */ r.jsx(
-              qe,
+              Ke,
               {
                 variant: "tertiary",
                 icon: !0,
@@ -806,7 +806,7 @@ const Ho = "_calendarContainer_10l5p_1", Wo = "_calendarHeader_10l5p_14", Vo = "
               }
             ),
             /* @__PURE__ */ r.jsx(
-              qe,
+              Ke,
               {
                 variant: "tertiary",
                 icon: !0,
@@ -819,9 +819,9 @@ const Ho = "_calendarContainer_10l5p_1", Wo = "_calendarHeader_10l5p_14", Vo = "
         ] }),
         /* @__PURE__ */ r.jsx("div", { className: se.grid, children: y.map((m) => /* @__PURE__ */ r.jsx("div", { className: se.dayNameCell, children: m }, m)) }),
         /* @__PURE__ */ r.jsx("div", { className: se.grid, children: u.map((m) => {
-          const x = mt(m, a), _ = e && Ve(e) && Yn(m, e), F = Jn(m), E = [
+          const T = mt(m, a), _ = e && Ve(e) && Yn(m, e), F = Jn(m), E = [
             se.dateCell,
-            x ? "" : se.otherMonth,
+            T ? "" : se.otherMonth,
             _ ? se.selectedDate : "",
             // Utheving basert på prop
             F && !_ ? se.todayDate : ""
@@ -892,7 +892,7 @@ const er = "_fieldset_16fx7_2", tr = "_description_16fx7_14", nr = "_error_16fx7
       onClick: p,
       onFocus: m,
       // Send ekstern onFocus videre
-      onBlur: x,
+      onBlur: T,
       // Send ekstern onBlur videre
       autoComplete: _ = "off",
       "aria-label": F,
@@ -905,43 +905,43 @@ const er = "_fieldset_16fx7_2", tr = "_description_16fx7_14", nr = "_error_16fx7
       "data-size": $,
       // <-- Destrukturering
       ...N
-    } = t, H = l !== void 0, M = Ke(null);
+    } = t, W = l !== void 0, M = Ue(null);
     Dt.useImperativeHandle(
       e,
       () => M.current
     );
     const R = ae(
-      (I) => {
-        const C = xt(I), W = Tt(C);
-        return yt(W);
+      (D) => {
+        const C = xt(D), H = Tt(C);
+        return yt(H);
       },
       []
-    ), [D, U] = oe(
+    ), [I, q] = oe(
       () => R(l ?? u)
     );
     te(() => {
-      if (H) {
-        const I = R(l);
-        I !== D && (U(I), M.current && M.current.value !== I && (M.current.value = I));
+      if (W) {
+        const D = R(l);
+        D !== I && (q(D), M.current && M.current.value !== D && (M.current.value = D));
       }
-    }, [l, H, D, R]);
+    }, [l, W, I, R]);
     const ne = ae(
-      (I) => {
-        const C = I.target, W = C.value, J = D, X = xt(W).slice(0, 8), V = Tt(X), w = yt(V);
+      (D) => {
+        const C = D.target, H = C.value, J = I, X = xt(H).slice(0, 8), V = Tt(X), w = yt(V);
         let O = 0;
         const G = V.length;
         G <= 2 ? O = G : G <= 4 ? O = G + 1 : O = G + 2, O = Math.min(O, w.length), requestAnimationFrame(() => {
-          if (M.current && (U(w), M.current.value = w, M.current.setSelectionRange(O, O), (w !== J || H) && y)) {
+          if (M.current && (q(w), M.current.value = w, M.current.setSelectionRange(O, O), (w !== J || W) && y)) {
             const Z = {
-              ...I,
+              ...D,
               target: { ...C, value: w }
             };
             y(Z, w);
           }
         });
       },
-      [D, H, y, R]
-    ), Y = [pe.fieldset, a].filter(Boolean).join(" "), q = [
+      [I, W, y, R]
+    ), Y = [pe.fieldset, a].filter(Boolean).join(" "), K = [
       pe.inputWrapper,
       o,
       L ? pe.inputWrapperError : ""
@@ -952,7 +952,7 @@ const er = "_fieldset_16fx7_2", tr = "_description_16fx7_14", nr = "_error_16fx7
       i ? pe.suffixButtonInteractive : ""
     ].filter(Boolean).join(" ");
     !n && !F && !E && console.warn("Advarsel: DateInput-komponenten bør ha label, aria-label, eller aria-labelledby for tilgjengelighet.");
-    const A = n && typeof n == "string" ? E || `${g}-label` : void 0, P = j ? `${g}-desc` : void 0, z = L ? `${g}-err` : void 0, S = [P, z].filter(Boolean).join(" ") || void 0;
+    const A = n && typeof n == "string" ? E || `${g}-label` : void 0, P = j ? `${g}-desc` : void 0, z = L ? `${g}-err` : void 0, x = [P, z].filter(Boolean).join(" ") || void 0;
     return (
       // --- Bruk data-color og data-size på den ytre wrapperen ---
       /* @__PURE__ */ r.jsxs(
@@ -964,7 +964,7 @@ const er = "_fieldset_16fx7_2", tr = "_description_16fx7_14", nr = "_error_16fx7
           children: [
             n && typeof n == "string" ? /* @__PURE__ */ r.jsx("label", { id: A, htmlFor: g, children: n }) : n,
             j && /* @__PURE__ */ r.jsx("p", { id: P, className: pe.description, children: j }),
-            /* @__PURE__ */ r.jsxs("div", { className: q, children: [
+            /* @__PURE__ */ r.jsxs("div", { className: K, children: [
               /* @__PURE__ */ r.jsx(
                 "input",
                 {
@@ -973,7 +973,7 @@ const er = "_fieldset_16fx7_2", tr = "_description_16fx7_14", nr = "_error_16fx7
                   inputMode: "numeric",
                   pattern: "\\d{2}\\.\\d{2}\\.\\d{4}",
                   maxLength: 10,
-                  value: D,
+                  value: I,
                   readOnly: f,
                   placeholder: k,
                   id: g,
@@ -983,11 +983,11 @@ const er = "_fieldset_16fx7_2", tr = "_description_16fx7_14", nr = "_error_16fx7
                   onClick: p,
                   onChange: ne,
                   onFocus: m,
-                  onBlur: x,
+                  onBlur: T,
                   autoComplete: _,
                   "aria-label": F,
                   "aria-labelledby": A,
-                  "aria-describedby": S,
+                  "aria-describedby": x,
                   "aria-invalid": !!L,
                   className: re,
                   ...N
@@ -1056,19 +1056,19 @@ function Re(t) {
 function Ct(t) {
   return Object.prototype.toString.call(t) === "[object Object]";
 }
-function K(t) {
+function U(t) {
   return Math.abs(t);
 }
 function et(t) {
   return Math.sign(t);
 }
 function Ie(t, e) {
-  return K(t - e);
+  return U(t - e);
 }
 function ur(t, e) {
-  if (t === 0 || e === 0 || K(t) <= K(e)) return 0;
-  const n = Ie(K(t), K(e));
-  return K(n / t);
+  if (t === 0 || e === 0 || U(t) <= U(e)) return 0;
+  const n = Ie(U(t), U(e));
+  return U(n / t);
 }
 function mr(t) {
   return Math.round(t * 100) / 100;
@@ -1211,7 +1211,7 @@ function fr(t, e) {
   };
 }
 function fe(t = 0, e = 0) {
-  const n = K(t - e);
+  const n = U(t - e);
   function s(u) {
     return u < t;
   }
@@ -1244,7 +1244,7 @@ function Nt(t, e, n) {
   } = fe(0, t), i = t + 1;
   let a = o(e);
   function o(k) {
-    return n ? K((i + k) % i) : s(k);
+    return n ? U((i + k) % i) : s(k);
   }
   function d() {
     return a;
@@ -1268,7 +1268,7 @@ function Nt(t, e, n) {
 }
 function hr(t, e, n, s, i, a, o, d, l, u, y, f, k, g, h, b, v, p, m) {
   const {
-    cross: x,
+    cross: T,
     direction: _
   } = t, F = ["INPUT", "SELECT", "TEXTAREA"], E = {
     passive: !1
@@ -1278,57 +1278,57 @@ function hr(t, e, n, s, i, a, o, d, l, u, y, f, k, g, h, b, v, p, m) {
   }, N = {
     mouse: 500,
     touch: 600
-  }, H = h ? 43 : 25;
-  let M = !1, R = 0, D = 0, U = !1, ne = !1, Y = !1, q = !1;
+  }, W = h ? 43 : 25;
+  let M = !1, R = 0, I = 0, q = !1, ne = !1, Y = !1, K = !1;
   function re(w) {
     if (!m) return;
     function O(Z) {
-      (Re(m) || m(w, Z)) && I(Z);
+      (Re(m) || m(w, Z)) && D(Z);
     }
     const G = e;
     j.add(G, "dragstart", (Z) => Z.preventDefault(), E).add(G, "touchmove", () => {
     }, E).add(G, "touchend", () => {
-    }).add(G, "touchstart", O).add(G, "mousedown", O).add(G, "touchcancel", W).add(G, "contextmenu", W).add(G, "click", J, !0);
+    }).add(G, "touchstart", O).add(G, "mousedown", O).add(G, "touchcancel", H).add(G, "contextmenu", H).add(G, "click", J, !0);
   }
   function c() {
     j.clear(), L.clear();
   }
   function A() {
-    const w = q ? n : e;
-    L.add(w, "touchmove", C, E).add(w, "touchend", W).add(w, "mousemove", C, E).add(w, "mouseup", W);
+    const w = K ? n : e;
+    L.add(w, "touchmove", C, E).add(w, "touchend", H).add(w, "mousemove", C, E).add(w, "mouseup", H);
   }
   function P(w) {
     const O = w.nodeName || "";
     return F.includes(O);
   }
   function z() {
-    return (h ? N : $)[q ? "mouse" : "touch"];
+    return (h ? N : $)[K ? "mouse" : "touch"];
   }
-  function S(w, O) {
+  function x(w, O) {
     const G = f.add(et(w) * -1), Z = y.byDistance(w, !h).distance;
-    return h || K(w) < B ? Z : v && O ? Z * 0.5 : y.byIndex(G.get(), 0).distance;
+    return h || U(w) < B ? Z : v && O ? Z * 0.5 : y.byIndex(G.get(), 0).distance;
   }
-  function I(w) {
+  function D(w) {
     const O = Je(w, s);
-    q = O, Y = h && O && !w.buttons && M, M = Ie(i.get(), o.get()) >= 2, !(O && w.button !== 0) && (P(w.target) || (U = !0, a.pointerDown(w), u.useFriction(0).useDuration(0), i.set(o), A(), R = a.readPoint(w), D = a.readPoint(w, x), k.emit("pointerDown")));
+    K = O, Y = h && O && !w.buttons && M, M = Ie(i.get(), o.get()) >= 2, !(O && w.button !== 0) && (P(w.target) || (q = !0, a.pointerDown(w), u.useFriction(0).useDuration(0), i.set(o), A(), R = a.readPoint(w), I = a.readPoint(w, T), k.emit("pointerDown")));
   }
   function C(w) {
-    if (!Je(w, s) && w.touches.length >= 2) return W(w);
-    const G = a.readPoint(w), Z = a.readPoint(w, x), le = Ie(G, R), de = Ie(Z, D);
-    if (!ne && !q && (!w.cancelable || (ne = le > de, !ne)))
-      return W(w);
+    if (!Je(w, s) && w.touches.length >= 2) return H(w);
+    const G = a.readPoint(w), Z = a.readPoint(w, T), le = Ie(G, R), de = Ie(Z, I);
+    if (!ne && !K && (!w.cancelable || (ne = le > de, !ne)))
+      return H(w);
     const me = a.pointerMove(w);
     le > b && (Y = !0), u.useFriction(0.3).useDuration(0.75), d.start(), i.add(_(me)), w.preventDefault();
   }
-  function W(w) {
-    const G = y.byDistance(0, !1).index !== f.get(), Z = a.pointerUp(w) * z(), le = S(_(Z), G), de = ur(Z, le), me = H - 10 * de, ce = p + de / 50;
-    ne = !1, U = !1, L.clear(), u.useDuration(me).useFriction(ce), l.distance(le, !h), q = !1, k.emit("pointerUp");
+  function H(w) {
+    const G = y.byDistance(0, !1).index !== f.get(), Z = a.pointerUp(w) * z(), le = x(_(Z), G), de = ur(Z, le), me = W - 10 * de, ce = p + de / 50;
+    ne = !1, q = !1, L.clear(), u.useDuration(me).useFriction(ce), l.distance(le, !h), K = !1, k.emit("pointerUp");
   }
   function J(w) {
     Y && (w.stopPropagation(), w.preventDefault(), Y = !1);
   }
   function X() {
-    return U;
+    return q;
   }
   return {
     init: re,
@@ -1355,7 +1355,7 @@ function kr(t, e) {
   function u(f) {
     if (!s || !i) return 0;
     const k = o(i) - o(s), g = a(f) - a(s), h = a(f) - a(i) > 170, b = k / g;
-    return g && !h && K(b) > 0.1 ? b : 0;
+    return g && !h && U(b) > 0.1 ? b : 0;
   }
   return {
     pointerDown: d,
@@ -1403,10 +1403,10 @@ function yr(t, e, n, s, i, a, o) {
     if (!a) return;
     u = k(t), y = s.map(k);
     function p(m) {
-      for (const x of m) {
+      for (const T of m) {
         if (f) return;
-        const _ = x.target === t, F = s.indexOf(x.target), E = _ ? u : y[F], j = k(_ ? t : s[F]);
-        if (K(j - E) >= 0.5) {
+        const _ = T.target === t, F = s.indexOf(T.target), E = _ ? u : y[F], j = k(_ ? t : s[F]);
+        if (U(j - E) >= 0.5) {
           v.reInit(), e.emit("resize");
           break;
         }
@@ -1435,7 +1435,7 @@ function xr(t, e, n, s, i, a) {
   }
   function g() {
     const E = s.get() - e.get();
-    return K(E) < 1e-3;
+    return U(E) < 1e-3;
   }
   function h() {
     return l;
@@ -1447,12 +1447,12 @@ function xr(t, e, n, s, i, a) {
     return o;
   }
   function p() {
-    return x(i);
+    return T(i);
   }
   function m() {
     return _(a);
   }
-  function x(E) {
+  function T(E) {
     return l = E, F;
   }
   function _(E) {
@@ -1467,7 +1467,7 @@ function xr(t, e, n, s, i, a) {
     useBaseFriction: m,
     useBaseDuration: p,
     useFriction: _,
-    useDuration: x
+    useDuration: T
   };
   return F;
 }
@@ -1479,8 +1479,8 @@ function Tr(t, e, n, s, i) {
   }
   function y(g) {
     if (!u()) return;
-    const h = t.reachedMin(e.get()) ? "min" : "max", b = K(t[h] - e.get()), v = n.get() - e.get(), p = d.constrain(b / o);
-    n.subtract(v * p), !g && K(v) < a && (n.set(t.constrain(n.get())), s.useDuration(25).useBaseFriction());
+    const h = t.reachedMin(e.get()) ? "min" : "max", b = U(t[h] - e.get()), v = n.get() - e.get(), p = d.constrain(b / o);
+    n.subtract(v * p), !g && U(v) < a && (n.set(t.constrain(n.get())), s.useDuration(25).useBaseFriction());
   }
   function f(g) {
     l = !g;
@@ -1505,8 +1505,8 @@ function Sr(t, e, n, s, i) {
       const {
         min: v,
         max: p
-      } = a, m = a.constrain(h), x = !b, _ = tt(n, b);
-      return x ? p : _ || u(v, m) ? v : u(p, m) ? p : m;
+      } = a, m = a.constrain(h), T = !b, _ = tt(n, b);
+      return T ? p : _ || u(v, m) ? v : u(p, m) ? p : m;
     }).map((h) => parseFloat(h.toFixed(3)));
   }
   function k() {
@@ -1567,10 +1567,10 @@ function Dr(t, e, n, s, i) {
     groupSlides: d
   } = i, l = f().map(e.measure), u = k(), y = g();
   function f() {
-    return d(s).map((b) => ie(b)[o] - b[0][a]).map(K);
+    return d(s).map((b) => ie(b)[o] - b[0][a]).map(U);
   }
   function k() {
-    return s.map((b) => n[a] - b[a]).map((b) => -K(b));
+    return s.map((b) => n[a] - b[a]).map((b) => -U(b));
   }
   function g() {
     return d(u).map((b) => b[0]).map((b, v) => b + l[v]);
@@ -1592,12 +1592,12 @@ function Ir(t, e, n, s, i, a) {
     return n.length === 1 ? [a] : g ? k : k.slice(d, l).map((h, b, v) => {
       const p = !b, m = tt(v, b);
       if (p) {
-        const x = ie(v[0]) + 1;
-        return jt(x);
+        const T = ie(v[0]) + 1;
+        return jt(T);
       }
       if (m) {
-        const x = _e(a) - ie(v)[0] + 1;
-        return jt(x, ie(v)[0]);
+        const T = _e(a) - ie(v)[0] + 1;
+        return jt(T, ie(v)[0]);
       }
       return h;
     });
@@ -1613,13 +1613,13 @@ function Lr(t, e, n, s, i) {
     constrain: d
   } = s;
   function l(h) {
-    return h.concat().sort((b, v) => K(b) - K(v))[0];
+    return h.concat().sort((b, v) => U(b) - U(v))[0];
   }
   function u(h) {
-    const b = t ? o(h) : d(h), v = e.map((m, x) => ({
+    const b = t ? o(h) : d(h), v = e.map((m, T) => ({
       diff: y(m - b, 0),
-      index: x
-    })).sort((m, x) => K(m.diff) - K(x.diff)), {
+      index: T
+    })).sort((m, T) => U(m.diff) - U(T.diff)), {
       index: p
     } = v[0];
     return {
@@ -1645,8 +1645,8 @@ function Lr(t, e, n, s, i) {
     const v = i.get() + h, {
       index: p,
       distance: m
-    } = u(v), x = !t && a(v);
-    if (!b || x) return {
+    } = u(v), T = !t && a(v);
+    if (!b || T) return {
       index: p,
       distance: h
     };
@@ -1691,7 +1691,7 @@ function Fr(t, e, n, s, i, a, o, d) {
     function h(b) {
       if ((/* @__PURE__ */ new Date()).getTime() - u > 10) return;
       o.emit("slideFocusStart"), t.scrollLeft = 0;
-      const m = n.findIndex((x) => x.includes(b));
+      const m = n.findIndex((T) => T.includes(b));
       Qe(m) && (i.useDuration(0), s.index(m, 0), o.emit("slideFocus"));
     }
     a.add(document, "keydown", f, !1), e.forEach((b, v) => {
@@ -1774,13 +1774,13 @@ function _r(t, e, n, s, i, a, o, d, l) {
   function v(j, L, B) {
     const $ = b(L);
     return j.map((N) => {
-      const H = B ? 0 : -n, M = B ? n : 0, R = B ? "end" : "start", D = $[N][R];
+      const W = B ? 0 : -n, M = B ? n : 0, R = B ? "end" : "start", I = $[N][R];
       return {
         index: N,
-        loopPoint: D,
+        loopPoint: I,
         slideLocation: De(-1),
         translate: Pt(t, l[N]),
-        target: () => d.get() > D ? H : M
+        target: () => d.get() > I ? W : M
       };
     });
   }
@@ -1792,7 +1792,7 @@ function _r(t, e, n, s, i, a, o, d, l) {
     const j = e - o[0] - 1, L = h(y, j);
     return v(L, -n, !0);
   }
-  function x() {
+  function T() {
     return k.every(({
       index: j
     }) => {
@@ -1814,7 +1814,7 @@ function _r(t, e, n, s, i, a, o, d, l) {
     k.forEach((j) => j.translate.clear());
   }
   return {
-    canLoop: x,
+    canLoop: T,
     clear: F,
     loop: _,
     loopPoints: k
@@ -1891,7 +1891,7 @@ function Nr(t, e, n, s, i, a) {
   function h() {
     if (!u) return 0;
     const m = n[0];
-    return K(e[d] - m[d]);
+    return U(e[d] - m[d]);
   }
   function b() {
     if (!u) return 0;
@@ -1899,10 +1899,10 @@ function Nr(t, e, n, s, i, a) {
     return parseFloat(m.getPropertyValue(`margin-${l}`));
   }
   function v() {
-    return n.map((m, x, _) => {
-      const F = !x, E = tt(_, x);
-      return F ? k[x] + y : E ? k[x] + f : _[x + 1][d] - m[d];
-    }).map(K);
+    return n.map((m, T, _) => {
+      const F = !T, E = tt(_, T);
+      return F ? k[T] + y : E ? k[T] + f : _[T + 1][d] - m[d];
+    }).map(U);
   }
   return {
     slideSizes: k,
@@ -1918,14 +1918,14 @@ function Pr(t, e, n, s, i, a, o, d, l) {
     direction: f
   } = t, k = Qe(n);
   function g(p, m) {
-    return Le(p).filter((x) => x % m === 0).map((x) => p.slice(x, x + m));
+    return Le(p).filter((T) => T % m === 0).map((T) => p.slice(T, T + m));
   }
   function h(p) {
-    return p.length ? Le(p).reduce((m, x, _) => {
-      const F = ie(m) || 0, E = F === 0, j = x === _e(p), L = i[u] - a[F][u], B = i[u] - a[x][y], $ = !s && E ? f(o) : 0, N = !s && j ? f(d) : 0, H = K(B - N - (L + $));
-      return _ && H > e + l && m.push(x), j && m.push(p.length), m;
-    }, []).map((m, x, _) => {
-      const F = Math.max(_[x - 1] || 0);
+    return p.length ? Le(p).reduce((m, T, _) => {
+      const F = ie(m) || 0, E = F === 0, j = T === _e(p), L = i[u] - a[F][u], B = i[u] - a[T][y], $ = !s && E ? f(o) : 0, N = !s && j ? f(d) : 0, W = U(B - N - (L + $));
+      return _ && W > e + l && m.push(T), j && m.push(p.length), m;
+    }, []).map((m, T, _) => {
+      const F = Math.max(_[T - 1] || 0);
       return p.slice(F, m);
     }) : [];
   }
@@ -1950,23 +1950,23 @@ function Mr(t, e, n, s, i, a, o) {
     slidesToScroll: v,
     skipSnaps: p,
     containScroll: m,
-    watchResize: x,
+    watchResize: T,
     watchSlides: _,
     watchDrag: F,
     watchFocus: E
-  } = a, j = 2, L = br(), B = L.measure(e), $ = n.map(L.measure), N = fr(l, u), H = N.measureSize(B), M = vr(H), R = gr(d, H), D = !f && !!m, U = f || !!m, {
+  } = a, j = 2, L = br(), B = L.measure(e), $ = n.map(L.measure), N = fr(l, u), W = N.measureSize(B), M = vr(W), R = gr(d, W), I = !f && !!m, q = f || !!m, {
     slideSizes: ne,
     slideSizesWithGaps: Y,
-    startGap: q,
+    startGap: K,
     endGap: re
-  } = Nr(N, B, $, n, U, i), c = Pr(N, H, v, f, B, $, q, re, j), {
+  } = Nr(N, B, $, n, q, i), c = Pr(N, W, v, f, B, $, K, re, j), {
     snaps: A,
     snapsAligned: P
   } = Dr(N, R, B, $, c), z = -ie(A) + ie(Y), {
-    snapsContained: S,
-    scrollContainLimit: I
-  } = Sr(H, z, P, m, j), C = D ? S : P, {
-    limit: W
+    snapsContained: x,
+    scrollContainLimit: D
+  } = Sr(W, z, P, m, j), C = I ? x : P, {
+    limit: H
   } = wr(z, C, f), J = Nt(_e(C), y, f), X = J.clone(), V = Le(n), w = ({
     dragHandler: he,
     scrollBody: He,
@@ -1992,13 +1992,13 @@ function Mr(t, e, n, s, i, a, o) {
       loop: it
     }
   }, lt) => {
-    const dt = he.settled(), Ut = !Gt.shouldConstrain(), ct = it ? dt : dt && Ut, ut = ct && !Wt.pointerDown();
+    const dt = he.settled(), qt = !Gt.shouldConstrain(), ct = it ? dt : dt && qt, ut = ct && !Wt.pointerDown();
     ut && Vt.stop();
-    const Kt = We.get() * lt + Ot.get() * (1 - lt);
-    Ee.set(Kt), it && ($t.loop(he.direction()), Ht.loop()), He.to(Ee.get()), ut && at.emit("settle"), ct || at.emit("scroll");
-  }, G = pr(s, i, () => w($e), (he) => O($e, he)), Z = 0.68, le = C[J.get()], de = De(le), me = De(le), ce = De(le), ge = De(le), xe = xr(de, ce, me, ge, k, Z), ze = Lr(f, C, z, W, ge), Oe = Ar(G, J, X, xe, ze, ge, o), ot = jr(W), rt = Fe(), Rt = Br(e, n, o, b), {
+    const Ut = We.get() * lt + Ot.get() * (1 - lt);
+    Ee.set(Ut), it && ($t.loop(he.direction()), Ht.loop()), He.to(Ee.get()), ut && at.emit("settle"), ct || at.emit("scroll");
+  }, G = pr(s, i, () => w($e), (he) => O($e, he)), Z = 0.68, le = C[J.get()], de = De(le), me = De(le), ce = De(le), ge = De(le), xe = xr(de, ce, me, ge, k, Z), ze = Lr(f, C, z, H, ge), Oe = Ar(G, J, X, xe, ze, ge, o), ot = jr(H), rt = Fe(), Rt = Br(e, n, o, b), {
     slideRegistry: st
-  } = Ir(D, m, C, I, c, V), zt = Fr(t, n, st, Oe, xe, rt, o, E), $e = {
+  } = Ir(I, m, C, D, c, V), zt = Fr(t, n, st, Oe, xe, rt, o, E), $e = {
     ownerDocument: s,
     ownerWindow: i,
     eventHandler: o,
@@ -2011,21 +2011,21 @@ function Mr(t, e, n, s, i, a, o) {
     percentOfView: M,
     index: J,
     indexPrevious: X,
-    limit: W,
+    limit: H,
     location: de,
     offsetLocation: ce,
     previousLocation: me,
     options: a,
-    resizeHandler: yr(e, o, i, n, N, x, L),
+    resizeHandler: yr(e, o, i, n, N, T, L),
     scrollBody: xe,
-    scrollBounds: Tr(W, ce, ge, xe, M),
-    scrollLooper: Cr(z, W, ce, [de, ce, me, ge]),
+    scrollBounds: Tr(H, ce, ge, xe, M),
+    scrollLooper: Cr(z, H, ce, [de, ce, me, ge]),
     scrollProgress: ot,
     scrollSnapList: C.map(ot.get),
     scrollSnaps: C,
     scrollTarget: ze,
     scrollTo: Oe,
-    slideLooper: _r(N, H, z, ne, Y, A, C, ce, n),
+    slideLooper: _r(N, W, z, ne, Y, A, C, ce, n),
     slideFocus: zt,
     slidesHandler: Er(e, o, _),
     slidesInView: Rt,
@@ -2132,12 +2132,12 @@ function Me(t, e, n) {
     off: g,
     emit: h
   } = l, b = N;
-  let v = !1, p, m = u(zr, Me.globalOptions), x = u(m), _ = [], F, E, j;
+  let v = !1, p, m = u(zr, Me.globalOptions), T = u(m), _ = [], F, E, j;
   function L() {
     const {
       container: V,
       slides: w
-    } = x;
+    } = T;
     E = (Ye(V) ? t.querySelector(V) : V) || t.children[0];
     const G = Ye(w) ? E.querySelectorAll(w) : w;
     j = [].slice.call(G || E.children);
@@ -2153,30 +2153,30 @@ function Me(t, e, n) {
     return w;
   }
   function $(V, w) {
-    v || (m = u(m, V), x = y(m), _ = w || _, L(), p = B(x), f([m, ..._.map(({
+    v || (m = u(m, V), T = y(m), _ = w || _, L(), p = B(T), f([m, ..._.map(({
       options: O
-    }) => O)]).forEach((O) => d.add(O, "change", N)), x.active && (p.translate.to(p.location.get()), p.animation.init(), p.slidesInView.init(), p.slideFocus.init(X), p.eventHandler.init(X), p.resizeHandler.init(X), p.slidesHandler.init(X), p.options.loop && p.slideLooper.loop(), E.offsetParent && j.length && p.dragHandler.init(X), F = o.init(X, _)));
+    }) => O)]).forEach((O) => d.add(O, "change", N)), T.active && (p.translate.to(p.location.get()), p.animation.init(), p.slidesInView.init(), p.slideFocus.init(X), p.eventHandler.init(X), p.resizeHandler.init(X), p.slidesHandler.init(X), p.options.loop && p.slideLooper.loop(), E.offsetParent && j.length && p.dragHandler.init(X), F = o.init(X, _)));
   }
   function N(V, w) {
     const O = c();
-    H(), $(u({
+    W(), $(u({
       startIndex: O
     }, V), w), l.emit("reInit");
   }
-  function H() {
+  function W() {
     p.dragHandler.destroy(), p.eventStore.clear(), p.translate.clear(), p.slideLooper.clear(), p.resizeHandler.destroy(), p.slidesHandler.destroy(), p.slidesInView.destroy(), p.animation.destroy(), o.destroy(), d.clear();
   }
   function M() {
-    v || (v = !0, d.clear(), H(), l.emit("destroy"), l.clear());
+    v || (v = !0, d.clear(), W(), l.emit("destroy"), l.clear());
   }
   function R(V, w, O) {
-    !x.active || v || (p.scrollBody.useBaseFriction().useDuration(w === !0 ? 0 : x.duration), p.scrollTo.index(V, O || 0));
+    !T.active || v || (p.scrollBody.useBaseFriction().useDuration(w === !0 ? 0 : T.duration), p.scrollTo.index(V, O || 0));
   }
-  function D(V) {
+  function I(V) {
     const w = p.index.add(1).get();
     R(w, V, -1);
   }
-  function U(V) {
+  function q(V) {
     const w = p.index.add(-1).get();
     R(w, V, 1);
   }
@@ -2186,7 +2186,7 @@ function Me(t, e, n) {
   function Y() {
     return p.index.add(-1).get() !== c();
   }
-  function q() {
+  function K() {
     return p.scrollSnapList;
   }
   function re() {
@@ -2204,16 +2204,16 @@ function Me(t, e, n) {
   function z() {
     return p.slidesInView.get(!1);
   }
-  function S() {
+  function x() {
     return F;
   }
-  function I() {
+  function D() {
     return p;
   }
   function C() {
     return t;
   }
-  function W() {
+  function H() {
     return E;
   }
   function J() {
@@ -2222,20 +2222,20 @@ function Me(t, e, n) {
   const X = {
     canScrollNext: ne,
     canScrollPrev: Y,
-    containerNode: W,
-    internalEngine: I,
+    containerNode: H,
+    internalEngine: D,
     destroy: M,
     off: g,
     on: k,
     emit: h,
-    plugins: S,
+    plugins: x,
     previousScrollSnap: A,
     reInit: b,
     rootNode: C,
-    scrollNext: D,
-    scrollPrev: U,
+    scrollNext: I,
+    scrollPrev: q,
     scrollProgress: re,
-    scrollSnapList: q,
+    scrollSnapList: K,
     scrollTo: R,
     selectedScrollSnap: c,
     slideNodes: J,
@@ -2246,7 +2246,7 @@ function Me(t, e, n) {
 }
 Me.globalOptions = void 0;
 function nt(t = {}, e = []) {
-  const n = Ke(t), s = Ke(e), [i, a] = oe(), [o, d] = oe(), l = ae(() => {
+  const n = Ue(t), s = Ue(e), [i, a] = oe(), [o, d] = oe(), l = ae(() => {
     i && i.reInit(n.current, s.current);
   }, [i]);
   return te(() => {
@@ -2263,14 +2263,14 @@ function nt(t = {}, e = []) {
   }, [o, a]), [d, i];
 }
 nt.globalOptions = void 0;
-const Hr = "_carouselContainer_1bu1s_1", Wr = "_viewport_1bu1s_11", Vr = "_slides_1bu1s_17", Gr = "_slide_1bu1s_17", Ur = "_slideInner_1bu1s_37", Kr = "_loaderOverlay_1bu1s_45", qr = "_image_1bu1s_55", Yr = "_loaded_1bu1s_66", Jr = "_empty_1bu1s_78", Zr = "_controls_1bu1s_84", Xr = "_arrows_1bu1s_94", Qr = "_dots_1bu1s_104", es = "_dot_1bu1s_104", ts = "_dotActive_1bu1s_130", Q = {
+const Hr = "_carouselContainer_1bu1s_1", Wr = "_viewport_1bu1s_11", Vr = "_slides_1bu1s_17", Gr = "_slide_1bu1s_17", qr = "_slideInner_1bu1s_37", Ur = "_loaderOverlay_1bu1s_45", Kr = "_image_1bu1s_55", Yr = "_loaded_1bu1s_66", Jr = "_empty_1bu1s_78", Zr = "_controls_1bu1s_84", Xr = "_arrows_1bu1s_94", Qr = "_dots_1bu1s_104", es = "_dot_1bu1s_104", ts = "_dotActive_1bu1s_130", Q = {
   carouselContainer: Hr,
   viewport: Wr,
   slides: Vr,
   slide: Gr,
-  slideInner: Ur,
-  loaderOverlay: Kr,
-  image: qr,
+  slideInner: qr,
+  loaderOverlay: Ur,
+  image: Kr,
   loaded: Yr,
   empty: Jr,
   controls: Zr,
@@ -2296,14 +2296,14 @@ const Hr = "_carouselContainer_1bu1s_1", Wr = "_viewport_1bu1s_11", Vr = "_slide
     align: "start",
     containScroll: "trimSnaps",
     slidesToScroll: 1
-  }, [k, g] = nt(f), [h, b] = oe(0), [v, p] = oe([]), [m, x] = oe([]);
+  }, [k, g] = nt(f), [h, b] = oe(0), [v, p] = oe([]), [m, T] = oe([]);
   te(() => {
-    x(new Array((t == null ? void 0 : t.length) || 0).fill(!1));
+    T(new Array((t == null ? void 0 : t.length) || 0).fill(!1));
   }, [t]);
   const _ = ae((M) => {
-    x((R) => {
-      const D = [...R];
-      return D[M] = !0, D;
+    T((R) => {
+      const I = [...R];
+      return I[M] = !0, I;
     });
   }, []), F = ve(() => n * 1e3, [n]), E = ae(() => {
     g && b(g.selectedScrollSnap());
@@ -2324,7 +2324,7 @@ const Hr = "_carouselContainer_1bu1s_1", Wr = "_viewport_1bu1s_11", Vr = "_slide
       window.clearInterval(M);
     };
   }, [e, F, g, t]);
-  const $ = Math.max(1, o), N = `${100 / $}%`, H = d / 2;
+  const $ = Math.max(1, o), N = `${100 / $}%`, W = d / 2;
   return /* @__PURE__ */ r.jsxs(
     "div",
     {
@@ -2338,8 +2338,8 @@ const Hr = "_carouselContainer_1bu1s_1", Wr = "_viewport_1bu1s_11", Vr = "_slide
           {
             className: Q.slides,
             style: {
-              marginLeft: `-${H}px`,
-              marginRight: `-${H}px`
+              marginLeft: `-${W}px`,
+              marginRight: `-${W}px`
             },
             children: t && t.length > 0 ? t.map((M, R) => /* @__PURE__ */ r.jsx(
               "div",
@@ -2347,8 +2347,8 @@ const Hr = "_carouselContainer_1bu1s_1", Wr = "_viewport_1bu1s_11", Vr = "_slide
                 className: Q.slide,
                 style: {
                   flex: `0 0 ${N}`,
-                  paddingLeft: `${H}px`,
-                  paddingRight: `${H}px`,
+                  paddingLeft: `${W}px`,
+                  paddingRight: `${W}px`,
                   borderRadius: l > 0 ? `${l}px` : void 0,
                   overflow: "hidden"
                   // Ensure radius clips content
@@ -2364,8 +2364,8 @@ const Hr = "_carouselContainer_1bu1s_1", Wr = "_viewport_1bu1s_11", Vr = "_slide
                       loading: R < $ ? "eager" : "lazy",
                       crossOrigin: "anonymous",
                       onLoad: () => _(R),
-                      onError: (D) => {
-                        D.target.style.display = "none", _(R);
+                      onError: (I) => {
+                        I.target.style.display = "none", _(R);
                       }
                     }
                   )
@@ -2401,15 +2401,15 @@ const Hr = "_carouselContainer_1bu1s_1", Wr = "_viewport_1bu1s_11", Vr = "_slide
             )
           ] }),
           i && t && t.length > 1 && /* @__PURE__ */ r.jsx("div", { className: Q.dots, role: "tablist", "aria-label": "Bildeposisjon", children: v.map((M, R) => {
-            const D = R === h;
+            const I = R === h;
             return /* @__PURE__ */ r.jsx(
               "button",
               {
                 type: "button",
-                className: `${Q.dot} ${D ? Q.dotActive : ""}`,
+                className: `${Q.dot} ${I ? Q.dotActive : ""}`,
                 onClick: () => j(R),
                 "aria-label": `Gå til bilde ${R + 1}`,
-                "aria-selected": D,
+                "aria-selected": I,
                 role: "tab"
               },
               `dot-${R}`
@@ -2438,7 +2438,7 @@ const Na = Dn, Pa = In, Ma = Ln, Pe = Object.assign(An, {
   Input: Fn
 }), Ra = Bn, za = Nn, Oa = Pn, ls = Mn;
 ls.displayName = "Suggestion";
-const Ue = Rn, $a = zn, Ha = On, Wa = $n, Va = Hn, Ga = Wn, Ua = Vn, Ka = Gn, ds = ue((t, e) => /* @__PURE__ */ r.jsx(Un, { ref: e, ...t }));
+const qe = Rn, $a = zn, Ha = On, Wa = $n, Va = Hn, Ga = Wn, qa = Vn, Ua = Gn, ds = ue((t, e) => /* @__PURE__ */ r.jsx(qn, { ref: e, ...t }));
 ds.displayName = "ValidationMessage";
 const cs = {
   NO: {
@@ -3968,7 +3968,7 @@ const cs = {
     // Footer
     footer: {}
   }
-}, Mt = qt(void 0), qa = ({ children: t }) => {
+}, Mt = Kt(void 0), Ka = ({ children: t }) => {
   const [e, n] = oe("NO"), s = (i) => {
     const a = i.split(".");
     let o = cs[e];
@@ -3985,7 +3985,7 @@ const cs = {
   if (t === void 0)
     throw new Error("useLanguage must be used within a LanguageProvider");
   return t;
-}, ms = "_header_125p6_1", gs = "_languageSwitch_125p6_36", ps = "_searchOverlay_125p6_40", fs = "_headerExtension_125p6_45", hs = "_extensionContentWrapper_125p6_61", ks = "_extensionContent_125p6_61", bs = "_extensionDivider_125p6_84", vs = "_languageLabel_125p6_98", ys = "_languageLink_125p6_104", xs = "_headerInner_125p6_129", Ts = "_logoWrapper_125p6_146", Ss = "_logo_125p6_146", ws = "_secondaryLogoWrapper_125p6_169", Cs = "_slotComponent_125p6_178", js = "_slotContainer_125p6_188", Ds = "_slotText_125p6_196", Is = "_secondaryLogo_125p6_169", Ls = "_redCrossLogo_125p6_223", As = "_primaryLogo_125p6_229", Fs = "_navItems_125p6_233", _s = "_navLink_125p6_242", Es = "_actions_125p6_255", Bs = "_ctaButton_125p6_263", Ns = "_themeToggle_125p6_268", Ps = "_userInfo_125p6_273", Ms = "_userName_125p6_279", Rs = "_loginLink_125p6_286", zs = "_loginText_125p6_295", Os = "_underline_125p6_302", $s = "_searchButtonWrapper_125p6_308", Hs = "_buttonText_125p6_312", Ws = "_menuButton_125p6_317", Vs = "_menuOverlay_125p6_322", Gs = "_searchContent_125p6_356", Us = "_menuContent_125p6_366", Ks = "_menuLeftColumn_125p6_375", qs = "_menuRightColumn_125p6_381", Ys = "_slotContent_125p6_395", Js = "_navList_125p6_408", Zs = "_menuUtilities_125p6_415", Xs = "_menuBrand_125p6_422", Qs = "_suggestionsSection_125p6_426", ea = "_suggestionsTitle_125p6_432", ta = "_searchResults_125p6_441", na = "_resultList_125p6_447", oa = "_resultItem_125p6_453", ra = "_resultLink_125p6_461", sa = "_suggestionIcon_125p6_475", aa = "_suggestionText_125p6_488", ia = "_highlightedText_125p6_495", la = "_remainingText_125p6_500", da = "_viewAllLink_125p6_513", ca = "_noResults_125p6_548", T = {
+}, ms = "_header_q5a4u_1", gs = "_languageSwitch_q5a4u_36", ps = "_searchOverlay_q5a4u_40", fs = "_headerExtension_q5a4u_45", hs = "_extensionContentWrapper_q5a4u_61", ks = "_extensionContent_q5a4u_61", bs = "_extensionDivider_q5a4u_84", vs = "_languageLabel_q5a4u_98", ys = "_languageLink_q5a4u_104", xs = "_headerInner_q5a4u_129", Ts = "_logoWrapper_q5a4u_146", Ss = "_logo_q5a4u_146", ws = "_secondaryLogoWrapper_q5a4u_169", Cs = "_slotComponent_q5a4u_178", js = "_slotContainer_q5a4u_188", Ds = "_slotText_q5a4u_196", Is = "_secondaryLogo_q5a4u_169", Ls = "_redCrossLogo_q5a4u_223", As = "_primaryLogo_q5a4u_229", Fs = "_navItems_q5a4u_233", _s = "_navLink_q5a4u_242", Es = "_actions_q5a4u_255", Bs = "_ctaButton_q5a4u_263", Ns = "_themeToggle_q5a4u_268", Ps = "_userInfo_q5a4u_273", Ms = "_userName_q5a4u_279", Rs = "_loginLink_q5a4u_286", zs = "_loginText_q5a4u_295", Os = "_underline_q5a4u_302", $s = "_searchButtonWrapper_q5a4u_308", Hs = "_buttonText_q5a4u_312", Ws = "_menuButton_q5a4u_317", Vs = "_menuOverlay_q5a4u_322", Gs = "_searchContent_q5a4u_356", qs = "_menuContent_q5a4u_366", Us = "_menuLeftColumn_q5a4u_375", Ks = "_menuRightColumn_q5a4u_381", Ys = "_slotContent_q5a4u_395", Js = "_navList_q5a4u_408", Zs = "_menuUtilities_q5a4u_415", Xs = "_menuBrand_q5a4u_422", Qs = "_suggestionsSection_q5a4u_426", ea = "_suggestionsTitle_q5a4u_432", ta = "_searchResults_q5a4u_441", na = "_resultList_q5a4u_447", oa = "_resultItem_q5a4u_453", ra = "_resultLink_q5a4u_461", sa = "_suggestionIcon_q5a4u_475", aa = "_suggestionText_q5a4u_488", ia = "_highlightedText_q5a4u_495", la = "_remainingText_q5a4u_500", da = "_viewAllLink_q5a4u_513", ca = "_noResults_q5a4u_548", S = {
   header: ms,
   languageSwitch: gs,
   searchOverlay: ps,
@@ -4020,9 +4020,9 @@ const cs = {
   menuButton: Ws,
   menuOverlay: Vs,
   searchContent: Gs,
-  menuContent: Us,
-  menuLeftColumn: Ks,
-  menuRightColumn: qs,
+  menuContent: qs,
+  menuLeftColumn: Us,
+  menuRightColumn: Ks,
   slotContent: Ys,
   navList: Js,
   menuUtilities: Zs,
@@ -4122,15 +4122,15 @@ const cs = {
   showNavItems: v = !0,
   showMenuButton: p = !0,
   showHeaderExtension: m = !1,
-  showModeToggle: x = !1,
+  showModeToggle: T = !1,
   showLanguageSwitch: _ = !1
 }) => {
-  const [F, E] = oe(!1), [j, L] = oe(!1), [B, $] = oe(""), [N, H] = oe("light"), { language: M, setLanguage: R, t: D } = us(), [U, ne] = oe(!1);
+  const [F, E] = oe(!1), [j, L] = oe(!1), [B, $] = oe(""), [N, W] = oe("light"), { language: M, setLanguage: R, t: I } = us(), [q, ne] = oe(!1);
   te(() => {
-    const S = "rk-header-inline-styles";
-    if (typeof document > "u" || document.getElementById(S)) return;
-    const I = ma(T), C = document.createElement("style");
-    C.id = S, C.textContent = I, document.head.appendChild(C);
+    const x = "rk-header-inline-styles";
+    if (typeof document > "u" || document.getElementById(x)) return;
+    const D = ma(S), C = document.createElement("style");
+    C.id = x, C.textContent = D, document.head.appendChild(C);
   }, []);
   const Y = () => /* @__PURE__ */ r.jsxs(
     "svg",
@@ -4142,7 +4142,7 @@ const cs = {
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": !0,
       focusable: "false",
-      className: T.redCrossLogo,
+      className: S.redCrossLogo,
       children: [
         /* @__PURE__ */ r.jsx("path", { d: "M76.1036 48.1397C77.8925 47.8781 79.6984 47.7525 81.5061 47.7639C84.1713 47.7639 86.0396 48.1669 87.3182 49.1857C87.8735 49.639 88.3149 50.2176 88.6067 50.8744C88.8984 51.5312 89.0323 52.2479 88.9974 52.9665C88.9839 53.9451 88.6724 54.896 88.1049 55.691C87.5373 56.4861 86.7411 57.087 85.8235 57.4129V57.4944C87.0796 58.006 87.7684 59.2104 88.2231 60.8722C88.7813 62.9097 89.3441 65.2688 89.6907 65.9661H85.5309C85.2382 65.4544 84.7835 63.9829 84.2793 61.7597C83.7751 59.5365 83.0097 58.8527 81.344 58.8527H80.1284V65.9661H76.1036V48.1397ZM80.1284 55.9141H81.7312C83.7526 55.9141 84.9546 54.8954 84.9546 53.3151C84.9546 51.6534 83.8336 50.8202 81.9698 50.7931C81.3532 50.7814 80.7368 50.8268 80.1284 50.9289V55.9141Z", fill: "#1E1E1E" }),
         /* @__PURE__ */ r.jsx("path", { d: "M97.8528 52.5633C98.9439 52.5351 100.026 52.7744 101.004 53.2606L102.256 51.4087L103.669 52.4003L102.467 54.2115C103.188 54.8589 103.758 55.6585 104.137 56.5531C104.515 57.4478 104.692 58.4154 104.655 59.3869C104.655 64.0506 101.243 66.2738 97.8573 66.2738C96.7852 66.2984 95.7234 66.059 94.7644 65.5765L93.4543 67.4556L92.1037 66.387L93.2787 64.6438C91.8651 63.4892 91.0277 61.7233 91.0277 59.414C91.0277 55.2891 93.7965 52.5543 97.8213 52.5543L97.8528 52.5633ZM99.2934 55.9411C98.8798 55.6237 98.3731 55.4533 97.8528 55.4566C95.7458 55.4566 94.949 57.5757 94.949 59.4005C94.9265 60.126 95.0909 60.845 95.4262 61.4878L95.4802 61.515L99.2934 55.9411ZM96.4932 62.8552C96.8653 63.1843 97.3486 63.3576 97.8438 63.3397C99.6446 63.3397 100.748 61.7821 100.748 59.4774C100.76 58.7777 100.625 58.0833 100.351 57.4399L100.27 57.4127L96.4932 62.8552Z", fill: "#1E1E1E" }),
@@ -4160,93 +4160,105 @@ const cs = {
   te(() => {
     E(!1), L(!1), $("");
   }, [t]), te(() => {
-    if (!(typeof document > "u") && F && U) {
-      const S = document.body.style.overflow;
+    if (!(typeof document > "u") && F && q) {
+      const x = document.body.style.overflow;
       return document.body.style.overflow = "hidden", () => {
-        document.body.style.overflow = S;
+        document.body.style.overflow = x;
       };
     }
-  }, [F, U]), te(() => {
+  }, [F, q]), te(() => {
     if (typeof window > "u" || typeof window.matchMedia > "u") return;
-    const S = window.matchMedia("(max-width: 850px)"), I = (C) => ne("matches" in C ? C.matches : S.matches);
-    return I(S), S.addEventListener ? S.addEventListener("change", I) : S.addListener(I), () => {
-      S.removeEventListener ? S.removeEventListener("change", I) : S.removeListener(I);
+    const x = window.matchMedia("(max-width: 850px)"), D = (C) => ne("matches" in C ? C.matches : x.matches);
+    return D(x), x.addEventListener ? x.addEventListener("change", D) : x.addListener(D), () => {
+      x.removeEventListener ? x.removeEventListener("change", D) : x.removeListener(D);
     };
   }, []), te(() => {
     if (typeof document > "u") return;
-    const S = document.querySelector(`.${T.header}`);
-    if (!S) return;
-    const I = () => {
-      const C = S.offsetHeight;
-      document.documentElement.style.setProperty("--header-height-mobile", `${C}px`);
+    const x = document.querySelector(`.${S.header}`);
+    if (!x) return;
+    const D = () => {
+      const H = x.offsetHeight;
+      document.documentElement.style.setProperty("--header-height-mobile", `${H}px`);
+    };
+    D(), window.addEventListener("resize", D);
+    const C = new ResizeObserver(() => {
+      D();
+    });
+    return C.observe(x), () => {
+      window.removeEventListener("resize", D), C.disconnect();
     };
-    return I(), window.addEventListener("resize", I), () => window.removeEventListener("resize", I);
-  }, [U]), te(() => {
+  }, [q]), te(() => {
     if (typeof document > "u") return;
-    const S = document.querySelector(`.${T.logoWrapper}`);
-    if (!S) return;
-    const I = () => {
-      const C = S.offsetWidth;
+    const x = document.querySelector(`.${S.logoWrapper}`);
+    if (!x) return;
+    const D = () => {
+      const C = x.offsetWidth;
       document.documentElement.style.setProperty("--rk-logo-width", `${C}px`);
     };
-    return I(), window.addEventListener("resize", I), () => window.removeEventListener("resize", I);
-  }, [U]), te(() => {
+    return D(), window.addEventListener("resize", D), () => window.removeEventListener("resize", D);
+  }, [q]), te(() => {
     if (typeof document > "u" || !j) {
       document.documentElement.style.setProperty("--rk-search-overlay-height", "0px");
       return;
     }
-    const S = document.querySelector(`.${T.searchOverlay}`);
-    if (!S) return;
-    const I = () => {
-      const W = S.offsetHeight;
-      document.documentElement.style.setProperty("--rk-search-overlay-height", `${W}px`);
+    const x = document.querySelector(`.${S.searchOverlay}`);
+    if (!x) return;
+    const D = () => {
+      const H = x.offsetHeight;
+      document.documentElement.style.setProperty("--rk-search-overlay-height", `${H}px`);
     };
-    requestAnimationFrame(I), window.addEventListener("resize", I);
-    const C = new ResizeObserver(I);
-    return C.observe(S), () => {
-      window.removeEventListener("resize", I), C.disconnect();
+    requestAnimationFrame(D), window.addEventListener("resize", D);
+    const C = new ResizeObserver(D);
+    return C.observe(x), () => {
+      window.removeEventListener("resize", D), C.disconnect();
     };
   }, [j]);
-  const q = () => {
-    const S = N === "light" ? "dark" : "light";
-    H(S), document.documentElement.setAttribute("data-color-scheme", S);
-  }, re = (S) => {
-    e && (S.preventDefault(), e("home")), E(!1), L(!1);
+  const K = () => {
+    const x = N === "light" ? "dark" : "light";
+    W(x), document.documentElement.setAttribute("data-color-scheme", x);
+  }, re = (x) => {
+    e && (x.preventDefault(), e("home")), E(!1), L(!1);
   }, c = () => {
-    E(!F), j && L(!1);
+    E(!F), j && L(!1), !F && typeof document < "u" && requestAnimationFrame(() => {
+      const x = document.querySelector(`.${S.header}`);
+      if (x) {
+        const D = x.offsetHeight;
+        document.documentElement.style.setProperty("--header-height-mobile", `${D}px`);
+      }
+    });
   }, A = () => {
     L(!j), F && E(!1);
   }, P = ve(() => {
     if (!B.trim()) return [];
-    const S = B.toLowerCase();
+    const x = B.toLowerCase();
     return ua.filter(
-      (I) => I.title.toLowerCase().startsWith(S)
+      (D) => D.title.toLowerCase().startsWith(x)
     );
-  }, [B]), z = (S) => {
-    e && e(S), L(!1), $("");
+  }, [B]), z = (x) => {
+    e && e(x), L(!1), $("");
   };
-  return /* @__PURE__ */ r.jsxs("header", { className: T.header, "data-open": F ? "true" : "false", children: [
-    m && /* @__PURE__ */ r.jsx("div", { className: T.headerExtension, "data-color-scheme": "light", children: /* @__PURE__ */ r.jsxs("div", { className: T.extensionContentWrapper, children: [
-      x && /* @__PURE__ */ r.jsx("div", { className: T.extensionContent, children: /* @__PURE__ */ r.jsx(
-        Ue,
+  return /* @__PURE__ */ r.jsxs("header", { className: S.header, "data-open": F ? "true" : "false", children: [
+    m && /* @__PURE__ */ r.jsx("div", { className: S.headerExtension, "data-color-scheme": "light", children: /* @__PURE__ */ r.jsxs("div", { className: S.extensionContentWrapper, children: [
+      T && /* @__PURE__ */ r.jsx("div", { className: S.extensionContent, children: /* @__PURE__ */ r.jsx(
+        qe,
         {
           "data-size": "sm",
           checked: N === "dark",
-          onChange: q,
-          label: D("header.darkMode"),
+          onChange: K,
+          label: I("header.darkMode"),
           color: "neutral",
           "data-color-scheme": "light"
         }
       ) }),
-      x && _ && /* @__PURE__ */ r.jsx("div", { className: T.extensionDivider }),
-      _ && /* @__PURE__ */ r.jsxs("div", { className: T.languageSwitch, children: [
-        /* @__PURE__ */ r.jsx("span", { className: T.languageLabel, children: D("header.language") }),
+      T && _ && /* @__PURE__ */ r.jsx("div", { className: S.extensionDivider }),
+      _ && /* @__PURE__ */ r.jsxs("div", { className: S.languageSwitch, children: [
+        /* @__PURE__ */ r.jsx("span", { className: S.languageLabel, children: I("header.language") }),
         /* @__PURE__ */ r.jsxs(ee.TriggerContext, { children: [
           /* @__PURE__ */ r.jsxs(
             ee.Trigger,
             {
-              className: T.languageLink,
-              "aria-label": D("header.selectLanguage"),
+              className: S.languageLink,
+              "aria-label": I("header.selectLanguage"),
               style: { background: "transparent", border: "none", padding: 0, cursor: "pointer", font: "inherit" },
               children: [
                 M,
@@ -4269,71 +4281,71 @@ const cs = {
         ] })
       ] })
     ] }) }),
-    /* @__PURE__ */ r.jsxs("div", { className: T.headerInner, children: [
-      /* @__PURE__ */ r.jsxs("div", { className: T.logoWrapper, children: [
+    /* @__PURE__ */ r.jsxs("div", { className: S.headerInner, children: [
+      /* @__PURE__ */ r.jsxs("div", { className: S.logoWrapper, children: [
         /* @__PURE__ */ r.jsx(
           Ne,
           {
             href: "/",
-            className: `${T.logo} ${T.primaryLogo}`,
-            "aria-label": D("header.homeAriaLabel"),
+            className: `${S.logo} ${S.primaryLogo}`,
+            "aria-label": I("header.homeAriaLabel"),
             onClick: re,
             children: /* @__PURE__ */ r.jsx(Y, {})
           }
         ),
-        /* @__PURE__ */ r.jsx("div", { className: T.secondaryLogoWrapper, children: f && k ? /* @__PURE__ */ r.jsx(
+        /* @__PURE__ */ r.jsx("div", { className: S.secondaryLogoWrapper, children: f && k ? /* @__PURE__ */ r.jsx(
           "img",
           {
             src: N === "dark" && g ? g : k,
             alt: h,
-            className: T.secondaryLogo
+            className: S.secondaryLogo
           }
-        ) : f ? /* @__PURE__ */ r.jsx("div", { className: T.slotComponent, children: /* @__PURE__ */ r.jsx("div", { className: T.slotContainer, children: /* @__PURE__ */ r.jsx("p", { className: T.slotText, children: "SLOT" }) }) }) : null })
+        ) : f ? /* @__PURE__ */ r.jsx("div", { className: S.slotComponent, children: /* @__PURE__ */ r.jsx("div", { className: S.slotContainer, children: /* @__PURE__ */ r.jsx("p", { className: S.slotText, children: "SLOT" }) }) }) : null })
       ] }),
-      v && b && b.length > 0 && !U && /* @__PURE__ */ r.jsx("nav", { className: T.navItems, children: b.map((S, I) => /* @__PURE__ */ r.jsx(
+      v && b && b.length > 0 && !q && /* @__PURE__ */ r.jsx("nav", { className: S.navItems, children: b.map((x, D) => /* @__PURE__ */ r.jsx(
         Ne,
         {
-          href: S.href,
-          className: T.navLink,
+          href: x.href,
+          className: S.navLink,
           onClick: (C) => {
-            e && (C.preventDefault(), e(S.href));
+            e && (C.preventDefault(), e(x.href));
           },
-          children: S.label
+          children: x.label
         },
-        I
+        D
       )) }),
-      /* @__PURE__ */ r.jsxs("div", { className: T.actions, children: [
+      /* @__PURE__ */ r.jsxs("div", { className: S.actions, children: [
         o && /* @__PURE__ */ r.jsxs(
           ye,
           {
             variant: "primary",
             "data-color": "main",
             "data-size": "md",
-            className: T.ctaButton,
+            className: S.ctaButton,
             onClick: u,
             children: [
               l,
-              /* @__PURE__ */ r.jsx("span", { className: T.buttonText, children: d || D("header.supportUs") })
+              /* @__PURE__ */ r.jsx("span", { className: S.buttonText, children: d || I("header.supportUs") })
             ]
           }
         ),
-        !m && y && /* @__PURE__ */ r.jsx("div", { className: T.themeToggle, children: /* @__PURE__ */ r.jsx(
-          Ue,
+        !m && y && /* @__PURE__ */ r.jsx("div", { className: S.themeToggle, children: /* @__PURE__ */ r.jsx(
+          qe,
           {
             checked: N === "dark",
-            onChange: q,
-            "aria-label": D("header.toggleTheme")
+            onChange: K,
+            "aria-label": I("header.toggleTheme")
           }
         ) }),
-        s && /* @__PURE__ */ r.jsxs("div", { className: T.userInfo, children: [
-          /* @__PURE__ */ r.jsx(Ze, { "data-size": "md", className: T.userName, children: "Frodo Baggins" }),
+        s && /* @__PURE__ */ r.jsxs("div", { className: S.userInfo, children: [
+          /* @__PURE__ */ r.jsx(Ze, { "data-size": "md", className: S.userName, children: "Frodo Baggins" }),
           /* @__PURE__ */ r.jsx(Ft, { "aria-label": "Frodo Baggins", "data-color": "main", variant: "circle", initials: "FB" })
         ] }),
-        a && /* @__PURE__ */ r.jsxs("a", { href: "#", className: T.loginLink, children: [
-          /* @__PURE__ */ r.jsx("span", { className: T.loginText, children: D("header.login") }),
-          /* @__PURE__ */ r.jsx("div", { className: T.underline })
+        a && /* @__PURE__ */ r.jsxs("a", { href: "#", className: S.loginLink, children: [
+          /* @__PURE__ */ r.jsx("span", { className: S.loginText, children: I("header.login") }),
+          /* @__PURE__ */ r.jsx("div", { className: S.underline })
         ] }),
-        i && /* @__PURE__ */ r.jsx("div", { className: T.searchButtonWrapper, children: /* @__PURE__ */ r.jsxs(
+        i && /* @__PURE__ */ r.jsx("div", { className: S.searchButtonWrapper, children: /* @__PURE__ */ r.jsxs(
           ye,
           {
             variant: "secondary",
@@ -4341,14 +4353,14 @@ const cs = {
             "data-size": "md",
             onClick: A,
             "aria-expanded": j,
-            "aria-label": D(j ? "header.closeSearch" : "header.openSearch"),
+            "aria-label": I(j ? "header.closeSearch" : "header.openSearch"),
             children: [
               j ? /* @__PURE__ */ r.jsx(pt, { "aria-hidden": !0 }) : /* @__PURE__ */ r.jsx(ft, { "aria-hidden": !0 }),
-              /* @__PURE__ */ r.jsx("span", { className: T.buttonText, children: D(j ? "header.close" : "header.search") })
+              /* @__PURE__ */ r.jsx("span", { className: S.buttonText, children: I(j ? "header.close" : "header.search") })
             ]
           }
         ) }),
-        (p || U) && /* @__PURE__ */ r.jsxs(
+        (p || q) && /* @__PURE__ */ r.jsxs(
           ye,
           {
             variant: "primary",
@@ -4356,28 +4368,28 @@ const cs = {
             "data-size": "md",
             onClick: c,
             "aria-expanded": F,
-            "aria-label": D(F ? "header.closeMenu" : "header.openMenu"),
-            className: T.menuButton,
+            "aria-label": I(F ? "header.closeMenu" : "header.openMenu"),
+            className: S.menuButton,
             children: [
               F ? /* @__PURE__ */ r.jsx(pt, { "aria-hidden": !0 }) : /* @__PURE__ */ r.jsx(eo, { "aria-hidden": !0 }),
-              /* @__PURE__ */ r.jsx("span", { className: T.buttonText, children: D(F ? "header.close" : "header.menu") })
+              /* @__PURE__ */ r.jsx("span", { className: S.buttonText, children: I(F ? "header.close" : "header.menu") })
             ]
           }
         )
       ] })
     ] }),
-    F && /* @__PURE__ */ r.jsx("div", { className: T.menuOverlay, children: /* @__PURE__ */ r.jsxs("div", { className: T.menuContent, children: [
-      /* @__PURE__ */ r.jsx("div", { className: T.menuLeftColumn }),
-      /* @__PURE__ */ r.jsxs("div", { className: T.menuRightColumn, children: [
-        U && (_ || x) && /* @__PURE__ */ r.jsxs("div", { className: T.menuUtilities, children: [
-          _ && /* @__PURE__ */ r.jsxs("div", { className: T.languageSwitch, children: [
-            /* @__PURE__ */ r.jsx("span", { className: T.languageLabel, children: D("header.language") }),
+    F && /* @__PURE__ */ r.jsx("div", { className: S.menuOverlay, children: /* @__PURE__ */ r.jsxs("div", { className: S.menuContent, children: [
+      /* @__PURE__ */ r.jsx("div", { className: S.menuLeftColumn }),
+      /* @__PURE__ */ r.jsxs("div", { className: S.menuRightColumn, children: [
+        q && (_ || T) && /* @__PURE__ */ r.jsxs("div", { className: S.menuUtilities, children: [
+          _ && /* @__PURE__ */ r.jsxs("div", { className: S.languageSwitch, children: [
+            /* @__PURE__ */ r.jsx("span", { className: S.languageLabel, children: I("header.language") }),
             /* @__PURE__ */ r.jsxs(ee.TriggerContext, { children: [
               /* @__PURE__ */ r.jsxs(
                 ee.Trigger,
                 {
-                  className: T.languageLink,
-                  "aria-label": D("header.selectLanguage"),
+                  className: S.languageLink,
+                  "aria-label": I("header.selectLanguage"),
                   style: { background: "transparent", border: "none", padding: 0, cursor: "pointer", font: "inherit" },
                   children: [
                     M,
@@ -4399,91 +4411,91 @@ const cs = {
               )
             ] })
           ] }),
-          x && /* @__PURE__ */ r.jsx("div", { className: T.extensionContent, children: /* @__PURE__ */ r.jsx(
-            Ue,
+          T && /* @__PURE__ */ r.jsx("div", { className: S.extensionContent, children: /* @__PURE__ */ r.jsx(
+            qe,
             {
               "data-size": "sm",
               checked: N === "dark",
-              onChange: q,
-              label: D("header.darkMode"),
+              onChange: K,
+              label: I("header.darkMode"),
               color: "neutral",
               "data-color-scheme": "light"
             }
           ) })
         ] }),
-        /* @__PURE__ */ r.jsxs("div", { className: T.slotContent, children: [
+        /* @__PURE__ */ r.jsxs("div", { className: S.slotContent, children: [
           n,
-          U && v && b && b.length > 0 && /* @__PURE__ */ r.jsx("nav", { className: T.navList, children: b.map((S, I) => /* @__PURE__ */ r.jsx(
+          q && v && b && b.length > 0 && /* @__PURE__ */ r.jsx("nav", { className: S.navList, children: b.map((x, D) => /* @__PURE__ */ r.jsx(
             Ne,
             {
-              href: S.href,
-              className: T.navLink,
+              href: x.href,
+              className: S.navLink,
               onClick: (C) => {
-                e && (C.preventDefault(), e(S.href));
+                e && (C.preventDefault(), e(x.href));
               },
-              children: S.label
+              children: x.label
             },
-            I
+            D
           )) })
         ] }),
-        U && /* @__PURE__ */ r.jsx("div", { className: T.menuBrand, children: /* @__PURE__ */ r.jsx(Y, {}) })
+        q && /* @__PURE__ */ r.jsx("div", { className: S.menuBrand, children: /* @__PURE__ */ r.jsx(Y, {}) })
       ] })
     ] }) }),
-    j && /* @__PURE__ */ r.jsx("div", { className: T.searchOverlay, children: /* @__PURE__ */ r.jsxs("div", { className: T.searchContent, children: [
+    j && /* @__PURE__ */ r.jsx("div", { className: S.searchOverlay, children: /* @__PURE__ */ r.jsxs("div", { className: S.searchContent, children: [
       /* @__PURE__ */ r.jsxs(Pe, { children: [
         /* @__PURE__ */ r.jsx(
           Pe.Input,
           {
-            "aria-label": D("header.search"),
-            placeholder: D("header.searchPlaceholder"),
+            "aria-label": I("header.search"),
+            placeholder: I("header.searchPlaceholder"),
             value: B,
-            onChange: (S) => $(S.target.value)
+            onChange: (x) => $(x.target.value)
           }
         ),
-        /* @__PURE__ */ r.jsx(Pe.Button, { "aria-label": D("header.search") }),
-        /* @__PURE__ */ r.jsx(Pe.ClearButton, { onClick: () => $(""), "aria-label": D("header.clearSearch") })
+        /* @__PURE__ */ r.jsx(Pe.Button, { "aria-label": I("header.search") }),
+        /* @__PURE__ */ r.jsx(Pe.ClearButton, { onClick: () => $(""), "aria-label": I("header.clearSearch") })
       ] }),
-      B && /* @__PURE__ */ r.jsx("div", { className: T.searchResults, children: P.length > 0 ? /* @__PURE__ */ r.jsxs("div", { className: T.suggestionsSection, children: [
-        /* @__PURE__ */ r.jsx("h3", { className: T.suggestionsTitle, children: D("header.suggestions") }),
-        /* @__PURE__ */ r.jsx("ul", { className: T.resultList, children: P.slice(0, 5).map((S) => /* @__PURE__ */ r.jsx("li", { className: T.resultItem, children: /* @__PURE__ */ r.jsxs(
+      B && /* @__PURE__ */ r.jsx("div", { className: S.searchResults, children: P.length > 0 ? /* @__PURE__ */ r.jsxs("div", { className: S.suggestionsSection, children: [
+        /* @__PURE__ */ r.jsx("h3", { className: S.suggestionsTitle, children: I("header.suggestions") }),
+        /* @__PURE__ */ r.jsx("ul", { className: S.resultList, children: P.slice(0, 5).map((x) => /* @__PURE__ */ r.jsx("li", { className: S.resultItem, children: /* @__PURE__ */ r.jsxs(
           "button",
           {
-            className: T.resultLink,
-            onClick: () => z(S.path),
+            className: S.resultLink,
+            onClick: () => z(x.path),
             children: [
-              /* @__PURE__ */ r.jsx("span", { className: T.suggestionIcon, children: /* @__PURE__ */ r.jsx(ft, { "aria-hidden": !0 }) }),
-              /* @__PURE__ */ r.jsx("span", { className: T.suggestionText, children: (() => {
-                const I = S.title.toLowerCase().indexOf(B.toLowerCase());
-                if (I === -1) return /* @__PURE__ */ r.jsx("span", { className: T.remainingText, children: S.title });
-                const C = S.title.slice(0, I), W = S.title.slice(I, I + B.length), J = S.title.slice(I + B.length);
+              /* @__PURE__ */ r.jsx("span", { className: S.suggestionIcon, children: /* @__PURE__ */ r.jsx(ft, { "aria-hidden": !0 }) }),
+              /* @__PURE__ */ r.jsx("span", { className: S.suggestionText, children: (() => {
+                const D = x.title.toLowerCase().indexOf(B.toLowerCase());
+                if (D === -1) return /* @__PURE__ */ r.jsx("span", { className: S.remainingText, children: x.title });
+                const C = x.title.slice(0, D), H = x.title.slice(D, D + B.length), J = x.title.slice(D + B.length);
                 return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-                  /* @__PURE__ */ r.jsx("span", { className: T.remainingText, children: C }),
-                  /* @__PURE__ */ r.jsx("span", { className: T.highlightedText, children: W }),
-                  /* @__PURE__ */ r.jsx("span", { className: T.remainingText, children: J })
+                  /* @__PURE__ */ r.jsx("span", { className: S.remainingText, children: C }),
+                  /* @__PURE__ */ r.jsx("span", { className: S.highlightedText, children: H }),
+                  /* @__PURE__ */ r.jsx("span", { className: S.remainingText, children: J })
                 ] });
               })() })
             ]
           }
-        ) }, S.id)) }),
+        ) }, x.id)) }),
         P.length > 5 && /* @__PURE__ */ r.jsxs(
           Ne,
           {
             href: "#",
             "data-color": "neutral",
-            className: T.viewAllLink,
-            onClick: (S) => {
-              S.preventDefault(), e && e(`search/${B}`), L(!1), $("");
+            className: S.viewAllLink,
+            onClick: (x) => {
+              x.preventDefault(), e && e(`search/${B}`), L(!1), $("");
             },
             children: [
-              D("header.viewAll"),
+              I("header.viewAll"),
               " (",
               P.length,
               ")"
             ]
           }
         )
-      ] }) : /* @__PURE__ */ r.jsx("div", { className: T.noResults, children: /* @__PURE__ */ r.jsxs(Ze, { children: [
-        D("header.noResults"),
+      ] }) : /* @__PURE__ */ r.jsx("div", { className: S.noResults, children: /* @__PURE__ */ r.jsxs(Ze, { children: [
+        I("header.noResults"),
         ' "',
         B,
         '"'
@@ -4602,11 +4614,12 @@ function ma(t) {
   .${e.userName} { display: none; }
   .${e.menuButton} .${e.buttonText} { display: none; }
   .${e.searchButtonWrapper} .${e.buttonText} { display: inline; }
-  .${e.menuOverlay} { position: fixed; top: 70px; left: 0; right: 0; bottom: 0; width: 100vw; height: calc(100vh - 70px); z-index: 9999; border-radius: 0; border: none; overflow-y: auto; }
+  .${e.menuOverlay} { position: fixed; top: var(--header-height-mobile, 70px); left: 0; right: 0; bottom: 0; width: 100vw; height: calc(100vh - var(--header-height-mobile, 70px)); z-index: 9999; border-radius: 0; border: none; overflow-y: auto; }
   .${e.searchOverlay} { width: 100%; right: 0; left: 0; border-radius: 0; border: none; }
   .${e.searchContent} { padding: var(--ds-size-6); }
   .${e.menuContent} { flex-direction: column; padding: 0; min-height: 100%; }
   .${e.menuRightColumn} { padding: var(--ds-size-6); gap: var(--ds-size-4); flex: 1; display: flex; flex-direction: column; min-height: 0; }
+  .${e.slotContent} { padding: 0; }
   .${e.menuLeftColumn} { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; padding: var(--ds-size-6); }
   .${e.menuBrand} { display: flex; justify-content: flex-start; margin-top: auto; padding: var(--ds-size-6); margin-left: calc(-1 * var(--ds-size-6)); margin-right: calc(-1 * var(--ds-size-6)); margin-bottom: calc(-1 * var(--ds-size-6)); background-color: white; }
   .${e.menuUtilities} .${e.languageSwitch} :global([popover]) { background-color: var(--ds-color-neutral-background-default) !important; margin-top: 0 !important; position: fixed !important; overflow: visible; z-index: 20000 !important; }
@@ -4650,7 +4663,7 @@ export {
   as as Heading,
   Fa as Input,
   is as Label,
-  qa as LanguageProvider,
+  Ka as LanguageProvider,
   Ne as Link,
   _a as List,
   Ea as Pagination,
@@ -4663,14 +4676,14 @@ export {
   Oa as SkipLink,
   ns as Spinner,
   ls as Suggestion,
-  Ue as Switch,
+  qe as Switch,
   $a as Table,
   Ha as Tabs,
   Wa as Tag,
   Va as Textarea,
   Ga as Textfield,
-  Ua as ToggleGroup,
-  Ka as Tooltip,
+  qa as ToggleGroup,
+  Ua as Tooltip,
   ds as ValidationMessage,
   Sa as useCheckboxGroup,
   us as useLanguage,