rk-designsystem 1.1.61 → 1.1.62

package/dist/componentlibrary.es.js

@@ -1,23 +1,23 @@
-import { jsx as d, jsxs as B, Fragment as Ot } from "react/jsx-runtime";
-import Wt, { forwardRef as me, useState as ne, useEffect as K, useMemo as ye, useCallback as se, useRef as Ge, createContext as Vt, useContext as Gt } from "react";
-import { Alert as Ut, Avatar as qt, BadgePosition as Kt, Badge as Yt, Breadcrumbs as Zt, BreadcrumbsList as Jt, BreadcrumbsItem as Qt, BreadcrumbsLink as Xt, Button as Ue, Card as en, CardBlock as tn, Checkbox as nn, useCheckboxGroup as on, Fieldset as xt, 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 gn, FieldCounter as pn, Heading as fn, Input as hn, Label as kn, Link as vn, List as bn, Pagination as yn, usePagination as Tn, Paragraph as xn, Popover as Sn, Radio as wn, useRadioGroup as Cn, Search as Dn, SearchInput as In, SearchClear as An, SearchButton as jn, Select as Ln, Skeleton as Fn, SkipLink as Bn, EXPERIMENTAL_Suggestion as Nn, Switch as Pn, Table as Mn, Tabs as En, Tag as _n, Textarea as zn, Textfield as Rn, ToggleGroup as $n, Tooltip as Hn, ValidationMessage as On } from "@digdir/designsystemet-react";
-import { startOfMonth as ve, isValid as Oe, isSameMonth as ct, startOfWeek as St, format as Se, addDays as wt, subMonths as Wn, addMonths as Vn, isSameDay as Gn, isToday as Un, eachDayOfInterval as qn } from "date-fns";
-import { ChevronLeftIcon as Kn, ChevronRightIcon as Yn, ChevronDownIcon as ut, XMarkIcon as mt, MagnifyingGlassIcon as gt, MenuHamburgerIcon as Zn, HeartIcon as Jn } from "@navikt/aksel-icons";
-const Qn = me((t, e) => /* @__PURE__ */ d(Ut, { ref: e, ...t }));
+import { jsx as d, jsxs as E, Fragment as Ht } from "react/jsx-runtime";
+import $t, { forwardRef as me, useState as ne, useEffect as q, useMemo as be, useCallback as se, useRef as Oe, createContext as Ut, useContext as Ot } 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 wn, useRadioGroup as Cn, Search as In, SearchInput as Dn, SearchClear as An, SearchButton as _n, Select as jn, Skeleton as Ln, SkipLink as En, EXPERIMENTAL_Suggestion as Fn, Switch as Mn, Table as Bn, Tabs as Nn, Tag as Pn, Textarea as zn, Textfield as Rn, ToggleGroup as Gn, Tooltip as Wn, ValidationMessage as Hn } from "@digdir/designsystemet-react";
+import { startOfMonth as ve, isValid as He, isSameMonth as ct, startOfWeek as xt, format as xe, addDays as wt, subMonths as $n, addMonths as Un, isSameDay as On, 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 }));
 Qn.displayName = "Alert";
-const Ct = me((t, e) => /* @__PURE__ */ d(qt, { ref: e, ...t }));
+const Ct = me((t, e) => /* @__PURE__ */ d(Kt, { ref: e, ...t }));
 Ct.displayName = "Avatar";
 const Xn = me((t, e) => /* @__PURE__ */ d(Yt, { ref: e, ...t }));
 Xn.displayName = "Badge";
-const ui = Kt, mi = Zt, gi = Jt, pi = Qt, fi = Xt, Te = Ue;
+const ui = qt, mi = Jt, pi = Zt, gi = Qt, fi = Xt, Te = Ve;
 Te.displayName = "Button";
 const eo = en, hi = tn;
 eo.displayName = "Card";
-const to = nn, no = xt, ki = on;
+const to = nn, no = St, ki = on;
 to.displayName = "Checkbox";
 no.displayName = "Fieldset";
 const vi = rn;
-function We(t) {
+function $e(t) {
   return (e = {}) => {
     const n = e.width ? String(e.width) : t.defaultWidth;
     return t.formats[n] || t.formats[t.defaultWidth];
@@ -43,17 +43,17 @@ function Ce(t) {
     const r = n.width, i = r && t.matchPatterns[r] || t.matchPatterns[t.defaultMatchWidth], s = e.match(i);
     if (!s)
       return null;
-    const o = s[0], l = r && t.parsePatterns[r] || t.parsePatterns[t.defaultParseWidth], a = Array.isArray(l) ? ro(l, (p) => p.test(o)) : (
+    const o = s[0], l = r && t.parsePatterns[r] || t.parsePatterns[t.defaultParseWidth], a = Array.isArray(l) ? ro(l, (g) => g.test(o)) : (
       // [TODO] -- I challenge you to fix the type
-      oo(l, (p) => p.test(o))
+      oo(l, (g) => g.test(o))
     );
     let c;
     c = t.valueCallback ? t.valueCallback(a) : a, c = n.valueCallback ? (
       // [TODO] -- I challenge you to fix the type
       n.valueCallback(c)
     ) : c;
-    const b = e.slice(o.length);
-    return { value: c, rest: b };
+    const y = e.slice(o.length);
+    return { value: c, rest: y };
   };
 }
 function oo(t, e) {
@@ -160,26 +160,26 @@ const io = {
   medium: "{{date}} {{time}}",
   short: "{{date}} {{time}}"
 }, mo = {
-  date: We({
+  date: $e({
     formats: lo,
     defaultWidth: "full"
   }),
-  time: We({
+  time: $e({
     formats: co,
     defaultWidth: "full"
   }),
-  dateTime: We({
+  dateTime: $e({
     formats: uo,
     defaultWidth: "full"
   })
-}, go = {
+}, po = {
   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"
-}, po = (t, e, n, r) => go[t], fo = {
+}, go = (t, e, n, r) => po[t], fo = {
   narrow: ["f.Kr.", "e.Kr."],
   abbreviated: ["f.Kr.", "e.Kr."],
   wide: ["før Kristus", "etter Kristus"]
@@ -230,7 +230,7 @@ const io = {
     "fredag",
     "lørdag"
   ]
-}, bo = {
+}, yo = {
   narrow: {
     am: "a",
     pm: "p",
@@ -261,8 +261,8 @@ const io = {
     evening: "på kvelden",
     night: "på natten"
   }
-}, yo = (t, e) => Number(t) + ".", To = {
-  ordinalNumber: yo,
+}, bo = (t, e) => Number(t) + ".", To = {
+  ordinalNumber: bo,
   era: we({
     values: fo,
     defaultWidth: "wide"
@@ -281,26 +281,26 @@ const io = {
     defaultWidth: "wide"
   }),
   dayPeriod: we({
-    values: bo,
+    values: yo,
     defaultWidth: "wide"
   })
-}, xo = /^(\d+)\.?/i, So = /\d+/i, wo = {
+}, So = /^(\d+)\.?/i, xo = /\d+/i, wo = {
   narrow: /^(f\.? ?Kr\.?|fvt\.?|e\.? ?Kr\.?|evt\.?)/i,
   abbreviated: /^(f\.? ?Kr\.?|fvt\.?|e\.? ?Kr\.?|evt\.?)/i,
   wide: /^(før Kristus|før vår tid|etter Kristus|vår tid)/i
 }, Co = {
   any: [/^f/i, /^e/i]
-}, Do = {
+}, Io = {
   narrow: /^[1234]/i,
   abbreviated: /^q[1234]/i,
   wide: /^[1234](\.)? kvartal/i
-}, Io = {
+}, Do = {
   any: [/1/i, /2/i, /3/i, /4/i]
 }, Ao = {
   narrow: /^[jfmasond]/i,
   abbreviated: /^(jan|feb|mars?|apr|mai|juni?|juli?|aug|sep|okt|nov|des)\.?/i,
   wide: /^(januar|februar|mars|april|mai|juni|juli|august|september|oktober|november|desember)/i
-}, jo = {
+}, _o = {
   narrow: [
     /^j/i,
     /^f/i,
@@ -329,17 +329,17 @@ const io = {
     /^n/i,
     /^d/i
   ]
-}, Lo = {
+}, jo = {
   narrow: /^[smtofl]/i,
   short: /^(sø|ma|ti|on|to|fr|lø)/i,
   abbreviated: /^(søn|man|tir|ons|tor|fre|lør)/i,
   wide: /^(søndag|mandag|tirsdag|onsdag|torsdag|fredag|lørdag)/i
-}, Fo = {
+}, Lo = {
   any: [/^s/i, /^m/i, /^ti/i, /^o/i, /^to/i, /^f/i, /^l/i]
-}, Bo = {
+}, Eo = {
   narrow: /^(midnatt|middag|(på) (morgenen|ettermiddagen|kvelden|natten)|[ap])/i,
   any: /^([ap]\.?\s?m\.?|midnatt|middag|(på) (morgenen|ettermiddagen|kvelden|natten))/i
-}, No = {
+}, Fo = {
   any: {
     am: /^a(\.?\s?m\.?)?$/i,
     pm: /^p(\.?\s?m\.?)?$/i,
@@ -350,10 +350,10 @@ const io = {
     evening: /kveld/i,
     night: /natt/i
   }
-}, Po = {
+}, Mo = {
   ordinalNumber: so({
-    matchPattern: xo,
-    parsePattern: So,
+    matchPattern: So,
+    parsePattern: xo,
     valueCallback: (t) => parseInt(t, 10)
   }),
   era: Ce({
@@ -363,42 +363,42 @@ const io = {
     defaultParseWidth: "any"
   }),
   quarter: Ce({
-    matchPatterns: Do,
+    matchPatterns: Io,
     defaultMatchWidth: "wide",
-    parsePatterns: Io,
+    parsePatterns: Do,
     defaultParseWidth: "any",
     valueCallback: (t) => t + 1
   }),
   month: Ce({
     matchPatterns: Ao,
     defaultMatchWidth: "wide",
-    parsePatterns: jo,
+    parsePatterns: _o,
     defaultParseWidth: "any"
   }),
   day: Ce({
-    matchPatterns: Lo,
+    matchPatterns: jo,
     defaultMatchWidth: "wide",
-    parsePatterns: Fo,
+    parsePatterns: Lo,
     defaultParseWidth: "any"
   }),
   dayPeriod: Ce({
-    matchPatterns: Bo,
+    matchPatterns: Eo,
     defaultMatchWidth: "any",
-    parsePatterns: No,
+    parsePatterns: Fo,
     defaultParseWidth: "any"
   })
-}, be = {
+}, ye = {
   code: "nb",
   formatDistance: ao,
   formatLong: mo,
-  formatRelative: po,
+  formatRelative: go,
   localize: To,
-  match: Po,
+  match: Mo,
   options: {
     weekStartsOn: 1,
     firstWeekContainsDate: 4
   }
-}, Dt = ({ title: t, ...e }) => /* @__PURE__ */ B(
+}, It = ({ title: t, ...e }) => /* @__PURE__ */ E(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -423,8 +423,8 @@ const io = {
     ]
   }
 );
-Dt.displayName = "ChevronLeftIcon";
-const It = ({ title: t, ...e }) => /* @__PURE__ */ B(
+It.displayName = "ChevronLeftIcon";
+const Dt = ({ title: t, ...e }) => /* @__PURE__ */ E(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -449,22 +449,22 @@ const It = ({ title: t, ...e }) => /* @__PURE__ */ B(
     ]
   }
 );
-It.displayName = "ChevronRightIcon";
-const Mo = "_calendarContainer_10l5p_1", Eo = "_calendarHeader_10l5p_14", _o = "_monthYear_10l5p_21", zo = "_navigationButtons_10l5p_32", Ro = "_grid_10l5p_41", $o = "_dayNameCell_10l5p_48", Ho = "_dateCell_10l5p_65", Oo = "_dateNumberContainer_10l5p_90", Wo = "_otherMonth_10l5p_103", Vo = "_selectedDate_10l5p_129", re = {
-  calendarContainer: Mo,
-  calendarHeader: Eo,
-  monthYear: _o,
+Dt.displayName = "ChevronRightIcon";
+const Bo = "_calendarContainer_10l5p_1", No = "_calendarHeader_10l5p_14", Po = "_monthYear_10l5p_21", zo = "_navigationButtons_10l5p_32", Ro = "_grid_10l5p_41", Go = "_dayNameCell_10l5p_48", Wo = "_dateCell_10l5p_65", Ho = "_dateNumberContainer_10l5p_90", $o = "_otherMonth_10l5p_103", Uo = "_selectedDate_10l5p_129", re = {
+  calendarContainer: Bo,
+  calendarHeader: No,
+  monthYear: Po,
   navigationButtons: zo,
   grid: Ro,
-  dayNameCell: $o,
-  dateCell: Ho,
-  dateNumberContainer: Oo,
-  otherMonth: Wo,
-  selectedDate: Vo
-}, Go = (t) => {
-  const e = ve(t), n = St(e, { locale: be }), r = wt(n, 41);
-  return qn({ start: n, end: r });
-}, pt = (t) => t && t.charAt(0).toUpperCase() + t.slice(1), Uo = ({
+  dayNameCell: Go,
+  dateCell: Wo,
+  dateNumberContainer: Ho,
+  otherMonth: $o,
+  selectedDate: Uo
+}, Oo = (t) => {
+  const e = ve(t), n = xt(e, { locale: ye }), r = wt(n, 41);
+  return Kn({ start: n, end: r });
+}, gt = (t) => t && t.charAt(0).toUpperCase() + t.slice(1), Vo = ({
   initialDate: t = /* @__PURE__ */ new Date(),
   selectedDate: e = null,
   // Prop for valgt dato
@@ -475,91 +475,91 @@ const Mo = "_calendarContainer_10l5p_1", Eo = "_calendarHeader_10l5p_14", _o = "
   // <-- Destrukturert
 }) => {
   const [s, o] = ne(
-    ve(e && Oe(e) ? e : t)
+    ve(e && He(e) ? e : t)
   );
-  K(() => {
-    if (e && Oe(e)) {
+  q(() => {
+    if (e && He(e)) {
       const u = ve(e);
       ct(u, s) || o(u);
     }
   }, [e]);
-  const l = ye(() => ve(/* @__PURE__ */ new Date()), []), a = ye(() => !1, [s, l]), c = ye(
-    () => Go(s),
+  const l = be(() => ve(/* @__PURE__ */ new Date()), []), a = be(() => !1, [s, l]), c = be(
+    () => Oo(s),
     [s]
-  ), b = ye(() => {
-    const u = St(/* @__PURE__ */ new Date(), { locale: be });
-    return Array.from({ length: 7 }).map((T, j) => {
-      const A = Se(wt(u, j), "EEEEEE", { locale: be });
-      return pt(A);
+  ), y = be(() => {
+    const u = xt(/* @__PURE__ */ new Date(), { locale: ye });
+    return Array.from({ length: 7 }).map((T, _) => {
+      const A = xe(wt(u, _), "EEEEEE", { locale: ye });
+      return gt(A);
     });
-  }, []), p = se(() => {
-    a || o((u) => ve(Wn(u, 1)));
+  }, []), g = se(() => {
+    a || o((u) => ve($n(u, 1)));
   }, [a]), k = se(() => {
-    o((u) => ve(Vn(u, 1)));
-  }, []), g = se(
+    o((u) => ve(Un(u, 1)));
+  }, []), p = se(
     (u) => {
       n && n(u);
     },
     [n]
   ), f = se(
     (u, T) => {
-      (u.key === "Enter" || u.key === " ") && (u.preventDefault(), g(T));
+      (u.key === "Enter" || u.key === " ") && (u.preventDefault(), p(T));
     },
-    [g]
-  ), h = Se(s, "MMMM", { locale: be }), v = Se(s, "yyyy", { locale: be }), m = `${pt(h)} ${v}`;
-  return /* @__PURE__ */ B(
+    [p]
+  ), h = xe(s, "MMMM", { locale: ye }), v = xe(s, "yyyy", { locale: ye }), m = `${gt(h)} ${v}`;
+  return /* @__PURE__ */ E(
     "div",
     {
       className: re.calendarContainer,
       "data-color": r,
       "data-size": i,
       children: [
-        /* @__PURE__ */ B("div", { className: re.calendarHeader, children: [
+        /* @__PURE__ */ E("div", { className: re.calendarHeader, children: [
           /* @__PURE__ */ d("span", { className: re.monthYear, children: m }),
-          /* @__PURE__ */ B("div", { className: re.navigationButtons, children: [
+          /* @__PURE__ */ E("div", { className: re.navigationButtons, children: [
             /* @__PURE__ */ d(
-              Ue,
+              Ve,
               {
                 variant: "tertiary",
                 icon: !0,
-                onClick: p,
+                onClick: g,
                 "aria-label": "Forrige måned",
                 disabled: a,
-                children: /* @__PURE__ */ d(Dt, {})
+                children: /* @__PURE__ */ d(It, {})
               }
             ),
             /* @__PURE__ */ d(
-              Ue,
+              Ve,
               {
                 variant: "tertiary",
                 icon: !0,
                 onClick: k,
                 "aria-label": "Neste måned",
-                children: /* @__PURE__ */ d(It, {})
+                children: /* @__PURE__ */ d(Dt, {})
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ d("div", { className: re.grid, children: b.map((u) => /* @__PURE__ */ d("div", { className: re.dayNameCell, children: u }, u)) }),
+        /* @__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: c.map((u) => {
-          const T = ct(u, s), j = e && Oe(e) && Gn(u, e), A = Un(u), L = [
+          const T = ct(u, s), _ = e && He(e) && On(u, e), A = Vn(u), j = [
             re.dateCell,
             T ? "" : re.otherMonth,
-            j ? re.selectedDate : "",
+            _ ? re.selectedDate : "",
             // Utheving basert på prop
-            A && !j ? re.todayDate : ""
+            A && !_ ? re.todayDate : ""
           ].filter(Boolean).join(" ");
           return /* @__PURE__ */ d(
             "div",
             {
-              className: L,
-              onClick: () => g(u),
+              className: j,
+              onClick: () => p(u),
               onKeyDown: (w) => f(w, u),
               role: "button",
               tabIndex: 0,
-              "aria-pressed": j ?? !1,
-              "aria-label": Se(u, "PPP", { locale: be }),
-              children: /* @__PURE__ */ d("span", { className: re.dateNumberContainer, children: Se(u, "d") })
+              "aria-pressed": _ ?? !1,
+              "aria-label": xe(u, "PPP", { locale: ye }),
+              children: /* @__PURE__ */ d("span", { className: re.dateNumberContainer, children: xe(u, "d") })
             },
             u.toISOString()
           );
@@ -568,13 +568,13 @@ const Mo = "_calendarContainer_10l5p_1", Eo = "_calendarHeader_10l5p_14", _o = "
     }
   );
 };
-Uo.displayName = "DatePicker";
-const qo = "_fieldset_16fx7_2", Ko = "_description_16fx7_14", Yo = "_error_16fx7_21", Zo = "_inputWrapper_16fx7_30", Jo = "_inputWrapperError_16fx7_42", Qo = "_suffixButton_16fx7_80", Xo = "_suffixButtonInteractive_16fx7_100", fe = {
-  fieldset: qo,
-  description: Ko,
+Vo.displayName = "DatePicker";
+const Ko = "_fieldset_16fx7_2", qo = "_description_16fx7_14", Yo = "_error_16fx7_21", Jo = "_inputWrapper_16fx7_30", Zo = "_inputWrapperError_16fx7_42", Qo = "_suffixButton_16fx7_80", Xo = "_suffixButtonInteractive_16fx7_100", fe = {
+  fieldset: Ko,
+  description: qo,
   error: Yo,
-  inputWrapper: Zo,
-  inputWrapperError: Jo,
+  inputWrapper: Jo,
+  inputWrapperError: Zo,
   suffixButton: Qo,
   suffixButtonInteractive: Xo
 }, ft = (t) => {
@@ -605,10 +605,10 @@ const qo = "_fieldset_16fx7_2", Ko = "_description_16fx7_14", Yo = "_error_16fx7
       // For selve input-elementet
       value: a,
       defaultValue: c,
-      onChange: b,
-      readOnly: p,
+      onChange: y,
+      readOnly: g,
       placeholder: k = "dd.mm.åååå",
-      id: g,
+      id: p,
       name: f,
       required: h,
       disabled: v,
@@ -617,89 +617,89 @@ const qo = "_fieldset_16fx7_2", Ko = "_description_16fx7_14", Yo = "_error_16fx7
       // Send ekstern onFocus videre
       onBlur: T,
       // Send ekstern onBlur videre
-      autoComplete: j = "off",
+      autoComplete: _ = "off",
       "aria-label": A,
-      "aria-labelledby": L,
+      "aria-labelledby": j,
       description: w,
-      error: I,
+      error: D,
       // Bruk error-prop for styling
-      "data-color": F,
+      "data-color": L,
       // <-- Destrukturering
       "data-size": z,
       // <-- Destrukturering
-      ...P
-    } = t, R = a !== void 0, _ = Ge(null);
-    Wt.useImperativeHandle(
+      ...M
+    } = t, R = a !== void 0, P = Oe(null);
+    $t.useImperativeHandle(
       e,
-      () => _.current
+      () => P.current
     );
-    const M = se(
+    const B = se(
       (C) => {
-        const N = ht(C), O = kt(N);
-        return ft(O);
+        const F = ht(C), H = kt(F);
+        return ft(H);
       },
       []
-    ), [D, V] = ne(
-      () => M(a ?? c)
+    ), [I, U] = ne(
+      () => B(a ?? c)
     );
-    K(() => {
+    q(() => {
       if (R) {
-        const C = M(a);
-        C !== D && (V(C), _.current && _.current.value !== C && (_.current.value = C));
+        const C = B(a);
+        C !== I && (U(C), P.current && P.current.value !== C && (P.current.value = C));
       }
-    }, [a, R, D, M]);
+    }, [a, R, I, B]);
     const oe = se(
       (C) => {
-        const N = C.target, O = N.value, te = D, ee = ht(O).slice(0, 8), $ = kt(ee), S = ft($);
-        let E = 0;
-        const H = $.length;
-        H <= 2 ? E = H : H <= 4 ? E = H + 1 : E = H + 2, E = Math.min(E, S.length), requestAnimationFrame(() => {
-          if (_.current && (V(S), _.current.value = S, _.current.setSelectionRange(E, E), (S !== te || R) && b)) {
-            const G = {
+        const F = C.target, H = F.value, te = I, ee = ht(H).slice(0, 8), G = kt(ee), x = ft(G);
+        let N = 0;
+        const W = G.length;
+        W <= 2 ? N = W : W <= 4 ? N = W + 1 : N = W + 2, N = Math.min(N, x.length), requestAnimationFrame(() => {
+          if (P.current && (U(x), P.current.value = x, P.current.setSelectionRange(N, N), (x !== te || R) && y)) {
+            const O = {
               ...C,
-              target: { ...N, value: S }
+              target: { ...F, value: x }
             };
-            b(G, S);
+            y(O, x);
           }
         });
       },
-      [D, R, b, M]
-    ), Z = [fe.fieldset, s].filter(Boolean).join(" "), Y = [
+      [I, R, y, B]
+    ), J = [fe.fieldset, s].filter(Boolean).join(" "), Y = [
       fe.inputWrapper,
       o,
-      I ? fe.inputWrapperError : ""
+      D ? fe.inputWrapperError : ""
     ].filter(Boolean).join(" "), de = [
       l
-    ].filter(Boolean).join(" "), J = [
+    ].filter(Boolean).join(" "), Z = [
       fe.suffixButton,
       i ? fe.suffixButtonInteractive : ""
     ].filter(Boolean).join(" ");
-    !n && !A && !L && console.warn("Advarsel: DateInput-komponenten bør ha label, aria-label, eller aria-labelledby for tilgjengelighet.");
-    const ie = n && typeof n == "string" ? L || `${g}-label` : void 0, Q = w ? `${g}-desc` : void 0, X = I ? `${g}-err` : void 0, x = [Q, X].filter(Boolean).join(" ") || void 0;
+    !n && !A && !j && console.warn("Advarsel: DateInput-komponenten bør ha label, aria-label, eller aria-labelledby for tilgjengelighet.");
+    const ie = n && typeof n == "string" ? j || `${p}-label` : void 0, Q = w ? `${p}-desc` : void 0, X = D ? `${p}-err` : void 0, S = [Q, X].filter(Boolean).join(" ") || void 0;
     return (
       // --- Bruk data-color og data-size på den ytre wrapperen ---
-      /* @__PURE__ */ B(
+      /* @__PURE__ */ E(
         "div",
         {
-          className: Z,
-          "data-color": F,
+          className: J,
+          "data-color": L,
           "data-size": z,
           children: [
-            n && typeof n == "string" ? /* @__PURE__ */ d("label", { id: ie, htmlFor: g, children: n }) : n,
+            n && typeof n == "string" ? /* @__PURE__ */ d("label", { id: ie, htmlFor: p, children: n }) : n,
             w && /* @__PURE__ */ d("p", { id: Q, className: fe.description, children: w }),
-            /* @__PURE__ */ B("div", { className: Y, children: [
+            /* @__PURE__ */ E("div", { className: Y, children: [
               /* @__PURE__ */ d(
                 "input",
                 {
-                  ref: _,
+                  ref: P,
                   type: "text",
                   inputMode: "numeric",
                   pattern: "\\d{2}\\.\\d{2}\\.\\d{4}",
                   maxLength: 10,
-                  value: D,
-                  readOnly: p,
+                  value: I,
+                  readOnly: g,
                   placeholder: k,
-                  id: g,
+                  id: p,
                   name: f,
                   required: h,
                   disabled: v,
@@ -707,20 +707,20 @@ const qo = "_fieldset_16fx7_2", Ko = "_description_16fx7_14", Yo = "_error_16fx7
                   onChange: oe,
                   onFocus: u,
                   onBlur: T,
-                  autoComplete: j,
+                  autoComplete: _,
                   "aria-label": A,
                   "aria-labelledby": ie,
-                  "aria-describedby": x,
-                  "aria-invalid": !!I,
+                  "aria-describedby": S,
+                  "aria-invalid": !!D,
                   className: de,
-                  ...P
+                  ...M
                 }
               ),
               r && /* @__PURE__ */ d(
                 "button",
                 {
                   type: "button",
-                  className: J,
+                  className: Z,
                   onClick: v ? void 0 : i,
                   tabIndex: i && !v ? 0 : -1,
                   "aria-hidden": !i,
@@ -730,7 +730,7 @@ const qo = "_fieldset_16fx7_2", Ko = "_description_16fx7_14", Yo = "_error_16fx7
                 }
               )
             ] }),
-            I && /* @__PURE__ */ d("p", { id: X, className: fe.error, role: "alert", children: I })
+            D && /* @__PURE__ */ d("p", { id: X, className: fe.error, role: "alert", children: D })
           ]
         }
       )
@@ -747,80 +747,80 @@ function vt(t) {
 function nr() {
   return !!(typeof window < "u" && window.document && window.document.createElement);
 }
-function Ze(t, e) {
+function Je(t, e) {
   const n = Object.keys(t), r = Object.keys(e);
   if (n.length !== r.length) return !1;
   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 : Ze(l, a);
+    return typeof l == "function" ? `${l}` == `${a}` : !vt(l) || !vt(a) ? l === a : Je(l, a);
   });
 }
-function bt(t) {
+function yt(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 = bt(t), r = bt(e);
+  const n = yt(t), r = yt(e);
   return n.every((i, s) => {
     const o = r[s];
-    return Ze(i, o);
+    return Je(i, o);
   });
 }
-function Je(t) {
+function Ze(t) {
   return typeof t == "number";
 }
-function qe(t) {
+function Ke(t) {
   return typeof t == "string";
 }
-function Ee(t) {
+function Ne(t) {
   return typeof t == "boolean";
 }
-function yt(t) {
+function bt(t) {
   return Object.prototype.toString.call(t) === "[object Object]";
 }
-function W(t) {
+function $(t) {
   return Math.abs(t);
 }
 function Qe(t) {
   return Math.sign(t);
 }
-function Ie(t, e) {
-  return W(t - e);
+function De(t, e) {
+  return $(t - e);
 }
 function rr(t, e) {
-  if (t === 0 || e === 0 || W(t) <= W(e)) return 0;
-  const n = Ie(W(t), W(e));
-  return W(n / t);
+  if (t === 0 || e === 0 || $(t) <= $(e)) return 0;
+  const n = De($(t), $(e));
+  return $(n / t);
 }
 function sr(t) {
   return Math.round(t * 100) / 100;
 }
 function Ae(t) {
-  return je(t).map(Number);
+  return _e(t).map(Number);
 }
 function ae(t) {
-  return t[Fe(t)];
+  return t[Le(t)];
 }
-function Fe(t) {
+function Le(t) {
   return Math.max(0, t.length - 1);
 }
 function Xe(t, e) {
-  return e === Fe(t);
+  return e === Le(t);
 }
 function Tt(t, e = 0) {
   return Array.from(Array(t), (n, r) => e + r);
 }
-function je(t) {
+function _e(t) {
   return Object.keys(t);
 }
 function At(t, e) {
-  return [t, e].reduce((n, r) => (je(r).forEach((i) => {
-    const s = n[i], o = r[i], l = yt(s) && yt(o);
+  return [t, e].reduce((n, r) => (_e(r).forEach((i) => {
+    const s = n[i], o = r[i], l = bt(s) && bt(o);
     n[i] = l ? At(s, o) : o;
   }), n), {});
 }
-function Ke(t, e) {
+function qe(t, e) {
   return typeof e.MouseEvent < "u" && t instanceof e.MouseEvent;
 }
 function ir(t, e) {
@@ -839,13 +839,13 @@ function ir(t, e) {
     return e - a;
   }
   function o(a, c) {
-    return qe(t) ? n[t](a) : t(e, a, c);
+    return Ke(t) ? n[t](a) : t(e, a, c);
   }
   return {
     measure: o
   };
 }
-function Le() {
+function je() {
   let t = [];
   function e(i, s, o, l = {
     passive: !0
@@ -869,29 +869,29 @@ function Le() {
   return r;
 }
 function ar(t, e, n, r) {
-  const i = Le(), s = 1e3 / 60;
+  const i = je(), s = 1e3 / 60;
   let o = null, l = 0, a = 0;
   function c() {
     i.add(t, "visibilitychange", () => {
       t.hidden && f();
     });
   }
-  function b() {
-    g(), i.clear();
+  function y() {
+    p(), i.clear();
   }
-  function p(v) {
+  function g(v) {
     if (!a) return;
     o || (o = v, n(), n());
     const m = v - o;
     for (o = v, l += m; l >= s; )
       n(), l -= s;
     const u = l / s;
-    r(u), a && (a = e.requestAnimationFrame(p));
+    r(u), a && (a = e.requestAnimationFrame(g));
   }
   function k() {
-    a || (a = e.requestAnimationFrame(p));
+    a || (a = e.requestAnimationFrame(g));
   }
-  function g() {
+  function p() {
     e.cancelAnimationFrame(a), o = null, l = 0, a = 0;
   }
   function f() {
@@ -899,15 +899,15 @@ function ar(t, e, n, r) {
   }
   return {
     init: c,
-    destroy: b,
+    destroy: y,
     start: k,
-    stop: g,
+    stop: p,
     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 = b(), a = p();
+  const n = e === "rtl", r = t === "y", i = r ? "y" : "x", s = r ? "x" : "y", o = !r && n ? -1 : 1, l = y(), a = g();
   function c(f) {
     const {
       height: h,
@@ -915,10 +915,10 @@ function lr(t, e) {
     } = f;
     return r ? h : v;
   }
-  function b() {
+  function y() {
     return r ? "top" : n ? "right" : "left";
   }
-  function p() {
+  function g() {
     return r ? "bottom" : n ? "left" : "right";
   }
   function k(f) {
@@ -934,7 +934,7 @@ function lr(t, e) {
   };
 }
 function he(t = 0, e = 0) {
-  const n = W(t - e);
+  const n = $(t - e);
   function r(c) {
     return c < t;
   }
@@ -961,124 +961,124 @@ function he(t = 0, e = 0) {
     removeOffset: l
   };
 }
-function jt(t, e, n) {
+function _t(t, e, n) {
   const {
     constrain: r
   } = he(0, t), i = t + 1;
   let s = o(e);
   function o(k) {
-    return n ? W((i + k) % i) : r(k);
+    return n ? $((i + k) % i) : r(k);
   }
   function l() {
     return s;
   }
   function a(k) {
-    return s = o(k), p;
+    return s = o(k), g;
   }
   function c(k) {
-    return b().set(l() + k);
+    return y().set(l() + k);
   }
-  function b() {
-    return jt(t, l(), n);
+  function y() {
+    return _t(t, l(), n);
   }
-  const p = {
+  const g = {
     get: l,
     set: a,
     add: c,
-    clone: b
+    clone: y
   };
-  return p;
+  return g;
 }
-function dr(t, e, n, r, i, s, o, l, a, c, b, p, k, g, f, h, v, m, u) {
+function dr(t, e, n, r, i, s, o, l, a, c, y, g, k, p, f, h, v, m, u) {
   const {
     cross: T,
-    direction: j
-  } = t, A = ["INPUT", "SELECT", "TEXTAREA"], L = {
+    direction: _
+  } = t, A = ["INPUT", "SELECT", "TEXTAREA"], j = {
     passive: !1
-  }, w = Le(), I = Le(), F = he(50, 225).constrain(g.measure(20)), z = {
+  }, w = je(), D = je(), L = he(50, 225).constrain(p.measure(20)), z = {
     mouse: 300,
     touch: 400
-  }, P = {
+  }, M = {
     mouse: 500,
     touch: 600
   }, R = f ? 43 : 25;
-  let _ = !1, M = 0, D = 0, V = !1, oe = !1, Z = !1, Y = !1;
-  function de(S) {
+  let P = !1, B = 0, I = 0, U = !1, oe = !1, J = !1, Y = !1;
+  function de(x) {
     if (!u) return;
-    function E(G) {
-      (Ee(u) || u(S, G)) && C(G);
+    function N(O) {
+      (Ne(u) || u(x, O)) && C(O);
     }
-    const H = e;
-    w.add(H, "dragstart", (G) => G.preventDefault(), L).add(H, "touchmove", () => {
-    }, L).add(H, "touchend", () => {
-    }).add(H, "touchstart", E).add(H, "mousedown", E).add(H, "touchcancel", O).add(H, "contextmenu", O).add(H, "click", te, !0);
+    const W = e;
+    w.add(W, "dragstart", (O) => O.preventDefault(), j).add(W, "touchmove", () => {
+    }, j).add(W, "touchend", () => {
+    }).add(W, "touchstart", N).add(W, "mousedown", N).add(W, "touchcancel", H).add(W, "contextmenu", H).add(W, "click", te, !0);
   }
-  function J() {
-    w.clear(), I.clear();
+  function Z() {
+    w.clear(), D.clear();
   }
   function ie() {
-    const S = Y ? n : e;
-    I.add(S, "touchmove", N, L).add(S, "touchend", O).add(S, "mousemove", N, L).add(S, "mouseup", O);
+    const x = Y ? n : e;
+    D.add(x, "touchmove", F, j).add(x, "touchend", H).add(x, "mousemove", F, j).add(x, "mouseup", H);
   }
-  function Q(S) {
-    const E = S.nodeName || "";
-    return A.includes(E);
+  function Q(x) {
+    const N = x.nodeName || "";
+    return A.includes(N);
   }
   function X() {
-    return (f ? P : z)[Y ? "mouse" : "touch"];
+    return (f ? M : z)[Y ? "mouse" : "touch"];
   }
-  function x(S, E) {
-    const H = p.add(Qe(S) * -1), G = b.byDistance(S, !f).distance;
-    return f || W(S) < F ? G : v && E ? G * 0.5 : b.byIndex(H.get(), 0).distance;
+  function S(x, N) {
+    const W = g.add(Qe(x) * -1), O = y.byDistance(x, !f).distance;
+    return f || $(x) < L ? O : v && N ? O * 0.5 : y.byIndex(W.get(), 0).distance;
   }
-  function C(S) {
-    const E = Ke(S, r);
-    Y = E, Z = f && E && !S.buttons && _, _ = Ie(i.get(), o.get()) >= 2, !(E && S.button !== 0) && (Q(S.target) || (V = !0, s.pointerDown(S), c.useFriction(0).useDuration(0), i.set(o), ie(), M = s.readPoint(S), D = s.readPoint(S, T), k.emit("pointerDown")));
+  function C(x) {
+    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) || (U = !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 N(S) {
-    if (!Ke(S, r) && S.touches.length >= 2) return O(S);
-    const H = s.readPoint(S), G = s.readPoint(S, T), le = Ie(H, M), ce = Ie(G, D);
-    if (!oe && !Y && (!S.cancelable || (oe = le > ce, !oe)))
-      return O(S);
-    const ge = s.pointerMove(S);
-    le > h && (Z = !0), c.useFriction(0.3).useDuration(0.75), l.start(), i.add(j(ge)), S.preventDefault();
+  function F(x) {
+    if (!qe(x, r) && x.touches.length >= 2) return H(x);
+    const W = s.readPoint(x), O = s.readPoint(x, T), le = De(W, B), ce = De(O, I);
+    if (!oe && !Y && (!x.cancelable || (oe = le > ce, !oe)))
+      return H(x);
+    const pe = s.pointerMove(x);
+    le > h && (J = !0), c.useFriction(0.3).useDuration(0.75), l.start(), i.add(_(pe)), x.preventDefault();
   }
-  function O(S) {
-    const H = b.byDistance(0, !1).index !== p.get(), G = s.pointerUp(S) * X(), le = x(j(G), H), ce = rr(G, le), ge = R - 10 * ce, ue = m + ce / 50;
-    oe = !1, V = !1, I.clear(), c.useDuration(ge).useFriction(ue), a.distance(le, !f), Y = !1, k.emit("pointerUp");
+  function H(x) {
+    const W = y.byDistance(0, !1).index !== g.get(), O = s.pointerUp(x) * X(), le = S(_(O), W), ce = rr(O, le), pe = R - 10 * ce, ue = m + ce / 50;
+    oe = !1, U = !1, D.clear(), c.useDuration(pe).useFriction(ue), a.distance(le, !f), Y = !1, k.emit("pointerUp");
   }
-  function te(S) {
-    Z && (S.stopPropagation(), S.preventDefault(), Z = !1);
+  function te(x) {
+    J && (x.stopPropagation(), x.preventDefault(), J = !1);
   }
   function ee() {
-    return V;
+    return U;
   }
   return {
     init: de,
-    destroy: J,
+    destroy: Z,
     pointerDown: ee
   };
 }
 function cr(t, e) {
   let r, i;
-  function s(p) {
-    return p.timeStamp;
+  function s(g) {
+    return g.timeStamp;
   }
-  function o(p, k) {
+  function o(g, k) {
     const f = `client${(k || t.scroll) === "x" ? "X" : "Y"}`;
-    return (Ke(p, e) ? p : p.touches[0])[f];
+    return (qe(g, e) ? g : g.touches[0])[f];
   }
-  function l(p) {
-    return r = p, i = p, o(p);
+  function l(g) {
+    return r = g, i = g, o(g);
   }
-  function a(p) {
-    const k = o(p) - o(i), g = s(p) - s(r) > 170;
-    return i = p, g && (r = p), k;
+  function a(g) {
+    const k = o(g) - o(i), p = s(g) - s(r) > 170;
+    return i = g, p && (r = g), k;
   }
-  function c(p) {
+  function c(g) {
     if (!r || !i) return 0;
-    const k = o(i) - o(r), g = s(p) - s(r), f = s(p) - s(i) > 170, h = k / g;
-    return g && !f && W(h) > 0.1 ? h : 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) > 0.1 ? h : 0;
   }
   return {
     pointerDown: l,
@@ -1116,49 +1116,49 @@ function mr(t) {
     measure: e
   };
 }
-function gr(t, e, n, r, i, s, o) {
+function pr(t, e, n, r, i, s, o) {
   const l = [t].concat(r);
-  let a, c, b = [], p = !1;
+  let a, c, y = [], g = !1;
   function k(v) {
     return i.measureSize(o.measure(v));
   }
-  function g(v) {
+  function p(v) {
     if (!s) return;
-    c = k(t), b = r.map(k);
+    c = k(t), y = r.map(k);
     function m(u) {
       for (const T of u) {
-        if (p) return;
-        const j = T.target === t, A = r.indexOf(T.target), L = j ? c : b[A], w = k(j ? t : r[A]);
-        if (W(w - L) >= 0.5) {
+        if (g) return;
+        const _ = T.target === t, A = r.indexOf(T.target), j = _ ? c : y[A], w = k(_ ? t : r[A]);
+        if ($(w - j) >= 0.5) {
           v.reInit(), e.emit("resize");
           break;
         }
       }
     }
     a = new ResizeObserver((u) => {
-      (Ee(s) || s(v, u)) && m(u);
+      (Ne(s) || s(v, u)) && m(u);
     }), n.requestAnimationFrame(() => {
       l.forEach((u) => a.observe(u));
     });
   }
   function f() {
-    p = !0, a && a.disconnect();
+    g = !0, a && a.disconnect();
   }
   return {
-    init: g,
+    init: p,
     destroy: f
   };
 }
-function pr(t, e, n, r, i, s) {
-  let o = 0, l = 0, a = i, c = s, b = t.get(), p = 0;
+function gr(t, e, n, r, i, s) {
+  let o = 0, l = 0, a = i, c = s, y = t.get(), g = 0;
   function k() {
-    const L = r.get() - t.get(), w = !a;
-    let I = 0;
-    return w ? (o = 0, n.set(r), t.set(r), I = L) : (n.set(t), o += L / a, o *= c, b += o, t.add(o), I = b - p), l = Qe(I), p = b, A;
+    const j = r.get() - t.get(), w = !a;
+    let D = 0;
+    return w ? (o = 0, n.set(r), t.set(r), D = j) : (n.set(t), o += j / a, o *= c, y += o, t.add(o), D = y - g), l = Qe(D), g = y, A;
   }
-  function g() {
-    const L = r.get() - e.get();
-    return W(L) < 1e-3;
+  function p() {
+    const j = r.get() - e.get();
+    return $(j) < 1e-3;
   }
   function f() {
     return a;
@@ -1173,23 +1173,23 @@ function pr(t, e, n, r, i, s) {
     return T(i);
   }
   function u() {
-    return j(s);
+    return _(s);
   }
-  function T(L) {
-    return a = L, A;
+  function T(j) {
+    return a = j, A;
   }
-  function j(L) {
-    return c = L, A;
+  function _(j) {
+    return c = j, A;
   }
   const A = {
     direction: h,
     duration: f,
     velocity: v,
     seek: k,
-    settled: g,
+    settled: p,
     useBaseFriction: u,
     useBaseDuration: m,
-    useFriction: j,
+    useFriction: _,
     useDuration: T
   };
   return A;
@@ -1200,36 +1200,36 @@ function fr(t, e, n, r, i) {
   function c() {
     return !(a || !t.reachedAny(n.get()) || !t.reachedAny(e.get()));
   }
-  function b(g) {
+  function y(p) {
     if (!c()) return;
-    const f = t.reachedMin(e.get()) ? "min" : "max", h = W(t[f] - e.get()), v = n.get() - e.get(), m = l.constrain(h / o);
-    n.subtract(v * m), !g && W(v) < s && (n.set(t.constrain(n.get())), r.useDuration(25).useBaseFriction());
+    const f = t.reachedMin(e.get()) ? "min" : "max", h = $(t[f] - e.get()), v = n.get() - e.get(), m = l.constrain(h / o);
+    n.subtract(v * m), !p && $(v) < s && (n.set(t.constrain(n.get())), r.useDuration(25).useBaseFriction());
   }
-  function p(g) {
-    a = !g;
+  function g(p) {
+    a = !p;
   }
   return {
     shouldConstrain: c,
-    constrain: b,
-    toggleActive: p
+    constrain: y,
+    toggleActive: g
   };
 }
 function hr(t, e, n, r, i) {
-  const s = he(-e + t, 0), o = p(), l = b(), a = k();
+  const s = he(-e + t, 0), o = g(), l = y(), a = k();
   function c(f, h) {
-    return Ie(f, h) <= 1;
+    return De(f, h) <= 1;
   }
-  function b() {
+  function y() {
     const f = o[0], h = ae(o), v = o.lastIndexOf(f), m = o.indexOf(h) + 1;
     return he(v, m);
   }
-  function p() {
+  function g() {
     return n.map((f, h) => {
       const {
         min: v,
         max: m
-      } = s, u = s.constrain(f), T = !h, j = Xe(n, h);
-      return T ? m : j || c(v, u) ? v : c(m, u) ? m : u;
+      } = s, u = s.constrain(f), T = !h, _ = Xe(n, h);
+      return T ? m : _ || c(v, u) ? v : c(m, u) ? m : u;
     }).map((f) => parseFloat(f.toFixed(3)));
   }
   function k() {
@@ -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 b(k) {
+  function y(k) {
     if (!c(k)) return;
-    const g = t * (k * -1);
-    r.forEach((f) => f.add(g));
+    const p = t * (k * -1);
+    r.forEach((f) => f.add(p));
   }
   return {
-    loop: b
+    loop: y
   };
 }
-function br(t) {
+function yr(t) {
   const {
     max: e,
     length: n
@@ -1282,25 +1282,25 @@ function br(t) {
     get: r
   };
 }
-function yr(t, e, n, r, i) {
+function br(t, e, n, r, i) {
   const {
     startEdge: s,
     endEdge: o
   } = t, {
     groupSlides: l
-  } = i, a = p().map(e.measure), c = k(), b = g();
-  function p() {
-    return l(r).map((h) => ae(h)[o] - h[0][s]).map(W);
+  } = i, a = g().map(e.measure), c = k(), y = p();
+  function g() {
+    return l(r).map((h) => ae(h)[o] - h[0][s]).map($);
   }
   function k() {
-    return r.map((h) => n[s] - h[s]).map((h) => -W(h));
+    return r.map((h) => n[s] - h[s]).map((h) => -$(h));
   }
-  function g() {
+  function p() {
     return l(c).map((h) => h[0]).map((h, v) => h + a[v]);
   }
   return {
     snaps: c,
-    snapsAligned: b
+    snapsAligned: y
   };
 }
 function Tr(t, e, n, r, i, s) {
@@ -1309,17 +1309,17 @@ function Tr(t, e, n, r, i, s) {
   } = i, {
     min: l,
     max: a
-  } = r, c = b();
-  function b() {
-    const k = o(s), g = !t || e === "keepSnaps";
-    return n.length === 1 ? [s] : g ? k : k.slice(l, a).map((f, h, v) => {
+  } = 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;
         return Tt(T);
       }
       if (u) {
-        const T = Fe(s) - ae(v)[0] + 1;
+        const T = Le(s) - ae(v)[0] + 1;
         return Tt(T, ae(v)[0]);
       }
       return f;
@@ -1329,20 +1329,20 @@ function Tr(t, e, n, r, i, s) {
     slideRegistry: c
   };
 }
-function xr(t, e, n, r, i) {
+function Sr(t, e, n, r, i) {
   const {
     reachedAny: s,
     removeOffset: o,
     constrain: l
   } = r;
   function a(f) {
-    return f.concat().sort((h, v) => W(h) - W(v))[0];
+    return f.concat().sort((h, v) => $(h) - $(v))[0];
   }
   function c(f) {
     const h = t ? o(f) : l(f), v = e.map((u, T) => ({
-      diff: b(u - h, 0),
+      diff: y(u - h, 0),
       index: T
-    })).sort((u, T) => W(u.diff) - W(T.diff)), {
+    })).sort((u, T) => $(u.diff) - $(T.diff)), {
       index: m
     } = v[0];
     return {
@@ -1350,15 +1350,15 @@ function xr(t, e, n, r, i) {
       distance: h
     };
   }
-  function b(f, h) {
+  function y(f, h) {
     const v = [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;
   }
-  function p(f, h) {
-    const v = e[f] - i.get(), m = b(v, h);
+  function g(f, h) {
+    const v = e[f] - i.get(), m = y(v, h);
     return {
       index: f,
       distance: m
@@ -1373,7 +1373,7 @@ function xr(t, e, n, r, i) {
       index: m,
       distance: f
     };
-    const j = e[m] - u, A = f + b(j, 0);
+    const _ = e[m] - u, A = f + y(_, 0);
     return {
       index: m,
       distance: A
@@ -1381,21 +1381,21 @@ function xr(t, e, n, r, i) {
   }
   return {
     byDistance: k,
-    byIndex: p,
-    shortcut: b
+    byIndex: g,
+    shortcut: y
   };
 }
-function Sr(t, e, n, r, i, s, o) {
-  function l(p) {
-    const k = p.distance, g = p.index !== e.get();
-    s.add(k), k && (r.duration() ? t.start() : (t.update(), t.render(1), t.update())), g && (n.set(e.get()), e.set(p.index), o.emit("select"));
+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"));
   }
-  function a(p, k) {
-    const g = i.byDistance(p, k);
-    l(g);
+  function a(g, k) {
+    const p = i.byDistance(g, k);
+    l(p);
   }
-  function c(p, k) {
-    const g = e.clone().set(p), f = i.byIndex(g.get(), k);
+  function c(g, k) {
+    const p = e.clone().set(g), f = i.byIndex(p.get(), k);
     l(f);
   }
   return {
@@ -1409,28 +1409,28 @@ function wr(t, e, n, r, i, s, o, l) {
     capture: !0
   };
   let c = 0;
-  function b(g) {
+  function y(p) {
     if (!l) return;
     function f(h) {
       if ((/* @__PURE__ */ new Date()).getTime() - c > 10) return;
       o.emit("slideFocusStart"), t.scrollLeft = 0;
       const u = n.findIndex((T) => T.includes(h));
-      Je(u) && (i.useDuration(0), r.index(u, 0), o.emit("slideFocus"));
+      Ze(u) && (i.useDuration(0), r.index(u, 0), o.emit("slideFocus"));
     }
-    s.add(document, "keydown", p, !1), e.forEach((h, v) => {
+    s.add(document, "keydown", g, !1), e.forEach((h, v) => {
       s.add(h, "focus", (m) => {
-        (Ee(l) || l(g, m)) && f(v);
+        (Ne(l) || l(p, m)) && f(v);
       }, a);
     });
   }
-  function p(g) {
-    g.code === "Tab" && (c = (/* @__PURE__ */ new Date()).getTime());
+  function g(p) {
+    p.code === "Tab" && (c = (/* @__PURE__ */ new Date()).getTime());
   }
   return {
-    init: b
+    init: y
   };
 }
-function De(t) {
+function Ie(t) {
   let e = t;
   function n() {
     return e;
@@ -1445,7 +1445,7 @@ function De(t) {
     e -= o(a);
   }
   function o(a) {
-    return Je(a) ? a : a.get();
+    return Ze(a) ? a : a.get();
   }
   return {
     get: n,
@@ -1454,7 +1454,7 @@ function De(t) {
     subtract: s
   };
 }
-function Lt(t, e) {
+function jt(t, e) {
   const n = t.scroll === "x" ? o : l, r = e.style;
   let i = null, s = !1;
   function o(k) {
@@ -1465,72 +1465,72 @@ function Lt(t, e) {
   }
   function a(k) {
     if (s) return;
-    const g = sr(t.direction(k));
-    g !== i && (r.transform = n(g), i = g);
+    const p = sr(t.direction(k));
+    p !== i && (r.transform = n(p), i = p);
   }
   function c(k) {
     s = !k;
   }
-  function b() {
+  function y() {
     s || (r.transform = "", e.getAttribute("style") || e.removeAttribute("style"));
   }
   return {
-    clear: b,
+    clear: y,
     to: a,
     toggleActive: c
   };
 }
 function Cr(t, e, n, r, i, s, o, l, a) {
-  const b = Ae(i), p = Ae(i).reverse(), k = m().concat(u());
-  function g(w, I) {
-    return w.reduce((F, z) => F - i[z], I);
+  const y = Ae(i), g = Ae(i).reverse(), k = m().concat(u());
+  function p(w, D) {
+    return w.reduce((L, z) => L - i[z], D);
   }
-  function f(w, I) {
-    return w.reduce((F, z) => g(F, I) > 0 ? F.concat([z]) : F, []);
+  function f(w, D) {
+    return w.reduce((L, z) => p(L, D) > 0 ? L.concat([z]) : L, []);
   }
   function h(w) {
-    return s.map((I, F) => ({
-      start: I - r[F] + 0.5 + w,
-      end: I + e - 0.5 + w
+    return s.map((D, L) => ({
+      start: D - r[L] + 0.5 + w,
+      end: D + e - 0.5 + w
     }));
   }
-  function v(w, I, F) {
-    const z = h(I);
-    return w.map((P) => {
-      const R = F ? 0 : -n, _ = F ? n : 0, M = F ? "end" : "start", D = z[P][M];
+  function v(w, D, L) {
+    const z = h(D);
+    return w.map((M) => {
+      const R = L ? 0 : -n, P = L ? n : 0, B = L ? "end" : "start", I = z[M][B];
       return {
-        index: P,
-        loopPoint: D,
-        slideLocation: De(-1),
-        translate: Lt(t, a[P]),
-        target: () => l.get() > D ? R : _
+        index: M,
+        loopPoint: I,
+        slideLocation: Ie(-1),
+        translate: jt(t, a[M]),
+        target: () => l.get() > I ? R : P
       };
     });
   }
   function m() {
-    const w = o[0], I = f(p, w);
-    return v(I, n, !1);
+    const w = o[0], D = f(g, w);
+    return v(D, n, !1);
   }
   function u() {
-    const w = e - o[0] - 1, I = f(b, w);
-    return v(I, -n, !0);
+    const w = e - o[0] - 1, D = f(y, w);
+    return v(D, -n, !0);
   }
   function T() {
     return k.every(({
       index: w
     }) => {
-      const I = b.filter((F) => F !== w);
-      return g(I, e) <= 0.1;
+      const D = y.filter((L) => L !== w);
+      return p(D, e) <= 0.1;
     });
   }
-  function j() {
+  function _() {
     k.forEach((w) => {
       const {
-        target: I,
-        translate: F,
+        target: D,
+        translate: L,
         slideLocation: z
-      } = w, P = I();
-      P !== z.get() && (F.to(P), z.set(P));
+      } = w, M = D();
+      M !== z.get() && (L.to(M), z.set(M));
     });
   }
   function A() {
@@ -1539,23 +1539,23 @@ function Cr(t, e, n, r, i, s, o, l, a) {
   return {
     canLoop: T,
     clear: A,
-    loop: j,
+    loop: _,
     loopPoints: k
   };
 }
-function Dr(t, e, n) {
+function Ir(t, e, n) {
   let r, i = !1;
   function s(a) {
     if (!n) return;
-    function c(b) {
-      for (const p of b)
-        if (p.type === "childList") {
+    function c(y) {
+      for (const g of y)
+        if (g.type === "childList") {
           a.reInit(), e.emit("slidesChanged");
           break;
         }
     }
-    r = new MutationObserver((b) => {
-      i || (Ee(n) || n(a, b)) && c(b);
+    r = new MutationObserver((y) => {
+      i || (Ne(n) || n(a, y)) && c(y);
     }), r.observe(t, {
       childList: !0
     });
@@ -1568,7 +1568,7 @@ function Dr(t, e, n) {
     destroy: o
   };
 }
-function Ir(t, e, n, r) {
+function Dr(t, e, n, r) {
   const i = {};
   let s = null, o = null, l, a = !1;
   function c() {
@@ -1582,11 +1582,11 @@ function Ir(t, e, n, r) {
       threshold: r
     }), e.forEach((f) => l.observe(f));
   }
-  function b() {
+  function y() {
     l && l.disconnect(), a = !0;
   }
-  function p(f) {
-    return je(i).reduce((h, v) => {
+  function g(f) {
+    return _e(i).reduce((h, v) => {
       const m = parseInt(v), {
         isIntersecting: u
       } = i[m];
@@ -1596,12 +1596,12 @@ function Ir(t, e, n, r) {
   function k(f = !0) {
     if (f && s) return s;
     if (!f && o) return o;
-    const h = p(f);
+    const h = g(f);
     return f && (s = h), f || (o = h), h;
   }
   return {
     init: c,
-    destroy: b,
+    destroy: y,
     get: k
   };
 }
@@ -1610,11 +1610,11 @@ function Ar(t, e, n, r, i, s) {
     measureSize: o,
     startEdge: l,
     endEdge: a
-  } = t, c = n[0] && i, b = f(), p = h(), k = n.map(o), g = v();
+  } = t, c = n[0] && i, y = f(), g = h(), k = n.map(o), p = v();
   function f() {
     if (!c) return 0;
     const u = n[0];
-    return W(e[l] - u[l]);
+    return $(e[l] - u[l]);
   }
   function h() {
     if (!c) return 0;
@@ -1622,92 +1622,92 @@ function Ar(t, e, n, r, i, s) {
     return parseFloat(u.getPropertyValue(`margin-${a}`));
   }
   function v() {
-    return n.map((u, T, j) => {
-      const A = !T, L = Xe(j, T);
-      return A ? k[T] + b : L ? k[T] + p : j[T + 1][l] - u[l];
-    }).map(W);
+    return n.map((u, T, _) => {
+      const A = !T, j = Xe(_, T);
+      return A ? k[T] + y : j ? k[T] + g : _[T + 1][l] - u[l];
+    }).map($);
   }
   return {
     slideSizes: k,
-    slideSizesWithGaps: g,
-    startGap: b,
-    endGap: p
+    slideSizesWithGaps: p,
+    startGap: y,
+    endGap: g
   };
 }
-function jr(t, e, n, r, i, s, o, l, a) {
+function _r(t, e, n, r, i, s, o, l, a) {
   const {
     startEdge: c,
-    endEdge: b,
-    direction: p
-  } = t, k = Je(n);
-  function g(m, u) {
+    endEdge: y,
+    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 f(m) {
-    return m.length ? Ae(m).reduce((u, T, j) => {
-      const A = ae(u) || 0, L = A === 0, w = T === Fe(m), I = i[c] - s[A][c], F = i[c] - s[T][b], z = !r && L ? p(o) : 0, P = !r && w ? p(l) : 0, R = W(F - P - (I + z));
-      return j && R > e + a && u.push(T), w && u.push(m.length), u;
-    }, []).map((u, T, j) => {
-      const A = Math.max(j[T - 1] || 0);
+    return m.length ? Ae(m).reduce((u, T, _) => {
+      const A = ae(u) || 0, j = A === 0, w = T === Le(m), D = i[c] - s[A][c], L = i[c] - s[T][y], z = !r && j ? g(o) : 0, M = !r && w ? g(l) : 0, R = $(L - M - (D + z));
+      return _ && R > e + a && u.push(T), w && u.push(m.length), u;
+    }, []).map((u, T, _) => {
+      const A = Math.max(_[T - 1] || 0);
       return m.slice(A, u);
     }) : [];
   }
   function h(m) {
-    return k ? g(m, n) : f(m);
+    return k ? p(m, n) : f(m);
   }
   return {
     groupSlides: h
   };
 }
-function Lr(t, e, n, r, i, s, o) {
+function jr(t, e, n, r, i, s, o) {
   const {
     align: l,
     axis: a,
     direction: c,
-    startIndex: b,
-    loop: p,
+    startIndex: y,
+    loop: g,
     duration: k,
-    dragFree: g,
+    dragFree: p,
     dragThreshold: f,
     inViewThreshold: h,
     slidesToScroll: v,
     skipSnaps: m,
     containScroll: u,
     watchResize: T,
-    watchSlides: j,
+    watchSlides: _,
     watchDrag: A,
-    watchFocus: L
-  } = s, w = 2, I = ur(), F = I.measure(e), z = n.map(I.measure), P = lr(a, c), R = P.measureSize(F), _ = mr(R), M = ir(l, R), D = !p && !!u, V = p || !!u, {
+    watchFocus: j
+  } = s, w = 2, D = ur(), L = D.measure(e), z = n.map(D.measure), M = lr(a, c), R = M.measureSize(L), P = mr(R), B = ir(l, R), I = !g && !!u, U = g || !!u, {
     slideSizes: oe,
-    slideSizesWithGaps: Z,
+    slideSizesWithGaps: J,
     startGap: Y,
     endGap: de
-  } = Ar(P, F, z, n, V, i), J = jr(P, R, v, p, F, z, Y, de, w), {
+  } = Ar(M, L, z, n, U, i), Z = _r(M, R, v, g, L, z, Y, de, w), {
     snaps: ie,
     snapsAligned: Q
-  } = yr(P, M, F, z, J), X = -ae(ie) + ae(Z), {
-    snapsContained: x,
+  } = br(M, B, L, z, Z), X = -ae(ie) + ae(J), {
+    snapsContained: S,
     scrollContainLimit: C
-  } = hr(R, X, Q, u, w), N = D ? x : Q, {
-    limit: O
-  } = kr(X, N, p), te = jt(Fe(N), b, p), ee = te.clone(), $ = Ae(n), S = ({
+  } = hr(R, X, Q, u, w), F = I ? S : Q, {
+    limit: H
+  } = kr(X, F, g), te = _t(Le(F), y, g), ee = te.clone(), G = Ae(n), x = ({
     dragHandler: ke,
-    scrollBody: $e,
-    scrollBounds: He,
+    scrollBody: Ge,
+    scrollBounds: We,
     options: {
-      loop: Be
+      loop: Ee
     }
   }) => {
-    Be || He.constrain(ke.pointerDown()), $e.seek();
-  }, E = ({
+    Ee || We.constrain(ke.pointerDown()), Ge.seek();
+  }, N = ({
     scrollBody: ke,
-    translate: $e,
-    location: He,
-    offsetLocation: Be,
-    previousLocation: Pt,
-    scrollLooper: Mt,
-    slideLooper: Et,
-    dragHandler: _t,
+    translate: Ge,
+    location: We,
+    offsetLocation: Ee,
+    previousLocation: Mt,
+    scrollLooper: Bt,
+    slideLooper: Nt,
+    dragHandler: Pt,
     animation: zt,
     eventHandler: rt,
     scrollBounds: Rt,
@@ -1715,52 +1715,52 @@ function Lr(t, e, n, r, i, s, o) {
       loop: st
     }
   }, it) => {
-    const at = ke.settled(), $t = !Rt.shouldConstrain(), lt = st ? at : at && $t, dt = lt && !_t.pointerDown();
+    const at = ke.settled(), Gt = !Rt.shouldConstrain(), lt = st ? at : at && Gt, dt = lt && !Pt.pointerDown();
     dt && zt.stop();
-    const Ht = He.get() * it + Pt.get() * (1 - it);
-    Be.set(Ht), st && (Mt.loop(ke.direction()), Et.loop()), $e.to(Be.get()), dt && rt.emit("settle"), lt || rt.emit("scroll");
-  }, H = ar(r, i, () => S(Re), (ke) => E(Re, ke)), G = 0.68, le = N[te.get()], ce = De(le), ge = De(le), ue = De(le), pe = De(le), xe = pr(ce, ue, ge, pe, k, G), _e = xr(p, N, X, O, pe), ze = Sr(H, te, ee, xe, _e, pe, o), tt = br(O), nt = Le(), Bt = Ir(e, n, o, h), {
+    const Wt = We.get() * it + Mt.get() * (1 - it);
+    Ee.set(Wt), st && (Bt.loop(ke.direction()), Nt.loop()), Ge.to(Ee.get()), dt && rt.emit("settle"), lt || rt.emit("scroll");
+  }, W = ar(r, i, () => x(Re), (ke) => N(Re, ke)), O = 0.68, le = F[te.get()], ce = Ie(le), pe = Ie(le), ue = Ie(le), ge = Ie(le), Se = gr(ce, ue, pe, ge, k, O), Pe = Sr(g, F, X, H, ge), ze = xr(W, te, ee, Se, Pe, ge, o), tt = yr(H), nt = je(), Et = Dr(e, n, o, h), {
     slideRegistry: ot
-  } = Tr(D, u, N, C, J, $), Nt = wr(t, n, ot, ze, xe, nt, o, L), Re = {
+  } = Tr(I, u, F, C, Z, G), Ft = wr(t, n, ot, ze, Se, nt, o, j), Re = {
     ownerDocument: r,
     ownerWindow: i,
     eventHandler: o,
-    containerRect: F,
+    containerRect: L,
     slideRects: z,
-    animation: H,
-    axis: P,
-    dragHandler: dr(P, t, r, i, pe, cr(P, i), ce, H, ze, xe, _e, te, o, _, g, f, m, G, A),
+    animation: W,
+    axis: M,
+    dragHandler: dr(M, t, r, i, ge, cr(M, i), ce, W, ze, Se, Pe, te, o, P, p, f, m, O, A),
     eventStore: nt,
-    percentOfView: _,
+    percentOfView: P,
     index: te,
     indexPrevious: ee,
-    limit: O,
+    limit: H,
     location: ce,
     offsetLocation: ue,
-    previousLocation: ge,
+    previousLocation: pe,
     options: s,
-    resizeHandler: gr(e, o, i, n, P, T, I),
-    scrollBody: xe,
-    scrollBounds: fr(O, ue, pe, xe, _),
-    scrollLooper: vr(X, O, ue, [ce, ue, ge, pe]),
+    resizeHandler: pr(e, o, i, n, M, T, D),
+    scrollBody: Se,
+    scrollBounds: fr(H, ue, ge, Se, P),
+    scrollLooper: vr(X, H, ue, [ce, ue, pe, ge]),
     scrollProgress: tt,
-    scrollSnapList: N.map(tt.get),
-    scrollSnaps: N,
-    scrollTarget: _e,
+    scrollSnapList: F.map(tt.get),
+    scrollSnaps: F,
+    scrollTarget: Pe,
     scrollTo: ze,
-    slideLooper: Cr(P, R, X, oe, Z, ie, N, ue, n),
-    slideFocus: Nt,
-    slidesHandler: Dr(e, o, j),
-    slidesInView: Bt,
-    slideIndexes: $,
+    slideLooper: Cr(M, R, X, oe, J, ie, F, ue, n),
+    slideFocus: Ft,
+    slidesHandler: Ir(e, o, _),
+    slidesInView: Et,
+    slideIndexes: G,
     slideRegistry: ot,
-    slidesToScroll: J,
-    target: pe,
-    translate: Lt(P, e)
+    slidesToScroll: Z,
+    target: ge,
+    translate: jt(M, e)
   };
   return Re;
 }
-function Fr() {
+function Lr() {
   let t = {}, e;
   function n(c) {
     e = c;
@@ -1769,13 +1769,13 @@ function Fr() {
     return t[c] || [];
   }
   function i(c) {
-    return r(c).forEach((b) => b(e, c)), a;
+    return r(c).forEach((y) => y(e, c)), a;
   }
-  function s(c, b) {
-    return t[c] = r(c).concat([b]), a;
+  function s(c, y) {
+    return t[c] = r(c).concat([y]), a;
   }
-  function o(c, b) {
-    return t[c] = r(c).filter((p) => p !== b), a;
+  function o(c, y) {
+    return t[c] = r(c).filter((g) => g !== y), a;
   }
   function l() {
     t = {};
@@ -1789,7 +1789,7 @@ function Fr() {
   };
   return a;
 }
-const Br = {
+const Er = {
   align: "center",
   axis: "x",
   container: null,
@@ -1811,16 +1811,16 @@ const Br = {
   watchSlides: !0,
   watchFocus: !0
 };
-function Nr(t) {
+function Fr(t) {
   function e(s, o) {
     return At(s, o || {});
   }
   function n(s) {
-    const o = s.breakpoints || {}, l = je(o).filter((a) => t.matchMedia(a).matches).map((a) => o[a]).reduce((a, c) => e(a, c), {});
+    const o = s.breakpoints || {}, l = _e(o).filter((a) => t.matchMedia(a).matches).map((a) => o[a]).reduce((a, c) => e(a, c), {});
     return e(s, l);
   }
   function r(s) {
-    return s.map((o) => je(o.breakpoints || {})).reduce((o, l) => o.concat(l), []).map(t.matchMedia);
+    return s.map((o) => _e(o.breakpoints || {})).reduce((o, l) => o.concat(l), []).map(t.matchMedia);
   }
   return {
     mergeOptions: e,
@@ -1828,7 +1828,7 @@ function Nr(t) {
     optionsMediaQueries: r
   };
 }
-function Pr(t) {
+function Mr(t) {
   let e = [];
   function n(s, o) {
     return e = o.filter(({
@@ -1845,69 +1845,69 @@ function Pr(t) {
     destroy: r
   };
 }
-function Me(t, e, n) {
-  const r = t.ownerDocument, i = r.defaultView, s = Nr(i), o = Pr(s), l = Le(), a = Fr(), {
+function Be(t, e, n) {
+  const r = t.ownerDocument, i = r.defaultView, s = Fr(i), o = Mr(s), l = je(), a = Lr(), {
     mergeOptions: c,
-    optionsAtMedia: b,
-    optionsMediaQueries: p
+    optionsAtMedia: y,
+    optionsMediaQueries: g
   } = s, {
     on: k,
-    off: g,
+    off: p,
     emit: f
-  } = a, h = P;
-  let v = !1, m, u = c(Br, Me.globalOptions), T = c(u), j = [], A, L, w;
-  function I() {
+  } = a, h = M;
+  let v = !1, m, u = c(Er, Be.globalOptions), T = c(u), _ = [], A, j, w;
+  function D() {
     const {
-      container: $,
-      slides: S
+      container: G,
+      slides: x
     } = T;
-    L = (qe($) ? t.querySelector($) : $) || t.children[0];
-    const H = qe(S) ? L.querySelectorAll(S) : S;
-    w = [].slice.call(H || L.children);
-  }
-  function F($) {
-    const S = Lr(t, L, w, r, i, $, a);
-    if ($.loop && !S.slideLooper.canLoop()) {
-      const E = Object.assign({}, $, {
+    j = (Ke(G) ? t.querySelector(G) : G) || t.children[0];
+    const W = Ke(x) ? j.querySelectorAll(x) : x;
+    w = [].slice.call(W || j.children);
+  }
+  function L(G) {
+    const x = jr(t, j, w, r, i, G, a);
+    if (G.loop && !x.slideLooper.canLoop()) {
+      const N = Object.assign({}, G, {
         loop: !1
       });
-      return F(E);
+      return L(N);
     }
-    return S;
+    return x;
   }
-  function z($, S) {
-    v || (u = c(u, $), T = b(u), j = S || j, I(), m = F(T), p([u, ...j.map(({
-      options: E
-    }) => E)]).forEach((E) => l.add(E, "change", P)), 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(), L.offsetParent && w.length && m.dragHandler.init(ee), A = o.init(ee, j)));
+  function z(G, x) {
+    v || (u = c(u, G), T = y(u), _ = x || _, D(), m = L(T), g([u, ..._.map(({
+      options: N
+    }) => N)]).forEach((N) => l.add(N, "change", M)), 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(), j.offsetParent && w.length && m.dragHandler.init(ee), A = o.init(ee, _)));
   }
-  function P($, S) {
-    const E = J();
+  function M(G, x) {
+    const N = Z();
     R(), z(c({
-      startIndex: E
-    }, $), S), a.emit("reInit");
+      startIndex: N
+    }, G), 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();
   }
-  function _() {
+  function P() {
     v || (v = !0, l.clear(), R(), a.emit("destroy"), a.clear());
   }
-  function M($, S, E) {
-    !T.active || v || (m.scrollBody.useBaseFriction().useDuration(S === !0 ? 0 : T.duration), m.scrollTo.index($, E || 0));
+  function B(G, x, N) {
+    !T.active || v || (m.scrollBody.useBaseFriction().useDuration(x === !0 ? 0 : T.duration), m.scrollTo.index(G, N || 0));
   }
-  function D($) {
-    const S = m.index.add(1).get();
-    M(S, $, -1);
+  function I(G) {
+    const x = m.index.add(1).get();
+    B(x, G, -1);
   }
-  function V($) {
-    const S = m.index.add(-1).get();
-    M(S, $, 1);
+  function U(G) {
+    const x = m.index.add(-1).get();
+    B(x, G, 1);
   }
   function oe() {
-    return m.index.add(1).get() !== J();
+    return m.index.add(1).get() !== Z();
   }
-  function Z() {
-    return m.index.add(-1).get() !== J();
+  function J() {
+    return m.index.add(-1).get() !== Z();
   }
   function Y() {
     return m.scrollSnapList;
@@ -1915,7 +1915,7 @@ function Me(t, e, n) {
   function de() {
     return m.scrollProgress.get(m.offsetLocation.get());
   }
-  function J() {
+  function Z() {
     return m.index.get();
   }
   function ie() {
@@ -1927,81 +1927,81 @@ function Me(t, e, n) {
   function X() {
     return m.slidesInView.get(!1);
   }
-  function x() {
+  function S() {
     return A;
   }
   function C() {
     return m;
   }
-  function N() {
+  function F() {
     return t;
   }
-  function O() {
-    return L;
+  function H() {
+    return j;
   }
   function te() {
     return w;
   }
   const ee = {
     canScrollNext: oe,
-    canScrollPrev: Z,
-    containerNode: O,
+    canScrollPrev: J,
+    containerNode: H,
     internalEngine: C,
-    destroy: _,
-    off: g,
+    destroy: P,
+    off: p,
     on: k,
     emit: f,
-    plugins: x,
+    plugins: S,
     previousScrollSnap: ie,
     reInit: h,
-    rootNode: N,
-    scrollNext: D,
-    scrollPrev: V,
+    rootNode: F,
+    scrollNext: I,
+    scrollPrev: U,
     scrollProgress: de,
     scrollSnapList: Y,
-    scrollTo: M,
-    selectedScrollSnap: J,
+    scrollTo: B,
+    selectedScrollSnap: Z,
     slideNodes: te,
     slidesInView: Q,
     slidesNotInView: X
   };
   return z(e, n), setTimeout(() => a.emit("init"), 0), ee;
 }
-Me.globalOptions = void 0;
+Be.globalOptions = void 0;
 function et(t = {}, e = []) {
-  const n = Ge(t), r = Ge(e), [i, s] = ne(), [o, l] = ne(), a = se(() => {
+  const n = Oe(t), r = Oe(e), [i, s] = ne(), [o, l] = ne(), a = se(() => {
     i && i.reInit(n.current, r.current);
   }, [i]);
-  return K(() => {
-    Ze(n.current, t) || (n.current = t, a());
-  }, [t, a]), K(() => {
+  return q(() => {
+    Je(n.current, t) || (n.current = t, a());
+  }, [t, a]), q(() => {
     or(r.current, e) || (r.current = e, a());
-  }, [e, a]), K(() => {
+  }, [e, a]), q(() => {
     if (nr() && o) {
-      Me.globalOptions = et.globalOptions;
-      const c = Me(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 Mr = "_carouselContainer_1bu1s_1", Er = "_viewport_1bu1s_11", _r = "_slides_1bu1s_17", zr = "_slide_1bu1s_17", Rr = "_slideInner_1bu1s_37", $r = "_loaderOverlay_1bu1s_45", Hr = "_image_1bu1s_55", Or = "_loaded_1bu1s_66", Wr = "_empty_1bu1s_78", Vr = "_controls_1bu1s_84", Gr = "_arrows_1bu1s_94", Ur = "_dots_1bu1s_104", qr = "_dot_1bu1s_104", Kr = "_dotActive_1bu1s_130", U = {
-  carouselContainer: Mr,
-  viewport: Er,
-  slides: _r,
+const Br = "_carouselContainer_1bu1s_1", Nr = "_viewport_1bu1s_11", Pr = "_slides_1bu1s_17", zr = "_slide_1bu1s_17", Rr = "_slideInner_1bu1s_37", Gr = "_loaderOverlay_1bu1s_45", Wr = "_image_1bu1s_55", Hr = "_loaded_1bu1s_66", $r = "_empty_1bu1s_78", Ur = "_controls_1bu1s_84", Or = "_arrows_1bu1s_94", Vr = "_dots_1bu1s_104", Kr = "_dot_1bu1s_104", qr = "_dotActive_1bu1s_130", V = {
+  carouselContainer: Br,
+  viewport: Nr,
+  slides: Pr,
   slide: zr,
   slideInner: Rr,
-  loaderOverlay: $r,
-  image: Hr,
-  loaded: Or,
-  empty: Wr,
-  controls: Vr,
-  arrows: Gr,
-  dots: Ur,
-  dot: qr,
-  dotActive: Kr
-}, Yr = sn, Zr = ({
+  loaderOverlay: Gr,
+  image: Wr,
+  loaded: Hr,
+  empty: $r,
+  controls: Ur,
+  arrows: Or,
+  dots: Vr,
+  dot: Kr,
+  dotActive: qr
+}, Yr = sn, Jr = ({
   images: t,
   autoPlay: e = !1,
   autoDelay: n = 5,
@@ -2012,103 +2012,103 @@ const Mr = "_carouselContainer_1bu1s_1", Er = "_viewport_1bu1s_11", _r = "_slide
   slideSpacing: l = 16,
   cornerRadius: a = 0,
   "data-color": c,
-  "data-size": b
+  "data-size": y
 }) => {
-  const p = {
+  const g = {
     loop: !0,
     align: "start",
     containScroll: "trimSnaps",
     slidesToScroll: 1
-  }, [k, g] = et(p), [f, h] = ne(0), [v, m] = ne([]), [u, T] = ne([]);
-  K(() => {
+  }, [k, p] = et(g), [f, h] = ne(0), [v, m] = ne([]), [u, T] = ne([]);
+  q(() => {
     T(new Array((t == null ? void 0 : t.length) || 0).fill(!1));
   }, [t]);
-  const j = se((_) => {
-    T((M) => {
-      const D = [...M];
-      return D[_] = !0, D;
+  const _ = se((P) => {
+    T((B) => {
+      const I = [...B];
+      return I[P] = !0, I;
     });
-  }, []), A = ye(() => n * 1e3, [n]), L = se(() => {
-    g && h(g.selectedScrollSnap());
-  }, [g]), w = se((_) => g && g.scrollTo(_), [g]), I = se(() => g && g.scrollPrev(), [g]), F = se(() => g && g.scrollNext(), [g]);
-  K(() => {
-    if (g)
-      return g.on("select", L), g.on("reInit", L), m(g.scrollSnapList()), () => {
-        g.off("select", L), g.off("reInit", L);
+  }, []), A = be(() => n * 1e3, [n]), j = se(() => {
+    p && h(p.selectedScrollSnap());
+  }, [p]), w = se((P) => p && p.scrollTo(P), [p]), D = se(() => p && p.scrollPrev(), [p]), L = se(() => p && p.scrollNext(), [p]);
+  q(() => {
+    if (p)
+      return p.on("select", j), p.on("reInit", j), m(p.scrollSnapList()), () => {
+        p.off("select", j), p.off("reInit", j);
       };
-  }, [g, L]), K(() => {
-    g && (g.reInit(), m(g.scrollSnapList()));
-  }, [g, t, o, l]), K(() => {
-    if (!e || !g || !t || t.length <= 1) return;
-    const _ = window.setInterval(() => {
-      g.canScrollNext() && g.scrollNext();
+  }, [p, j]), q(() => {
+    p && (p.reInit(), m(p.scrollSnapList()));
+  }, [p, t, o, l]), q(() => {
+    if (!e || !p || !t || t.length <= 1) return;
+    const P = window.setInterval(() => {
+      p.canScrollNext() && p.scrollNext();
     }, A);
     return () => {
-      window.clearInterval(_);
+      window.clearInterval(P);
     };
-  }, [e, A, g, t]);
-  const z = Math.max(1, o), P = `${100 / z}%`, R = l / 2;
-  return /* @__PURE__ */ B(
+  }, [e, A, p, t]);
+  const z = Math.max(1, o), M = `${100 / z}%`, R = l / 2;
+  return /* @__PURE__ */ E(
     "div",
     {
-      className: U.carouselContainer,
+      className: V.carouselContainer,
       "data-color": c,
-      "data-size": b,
+      "data-size": y,
       "data-variant": s,
       children: [
-        /* @__PURE__ */ d("div", { className: U.viewport, ref: k, children: /* @__PURE__ */ d(
+        /* @__PURE__ */ d("div", { className: V.viewport, ref: k, children: /* @__PURE__ */ d(
           "div",
           {
-            className: U.slides,
+            className: V.slides,
             style: {
               marginLeft: `-${R}px`,
               marginRight: `-${R}px`
             },
-            children: t && t.length > 0 ? t.map((_, M) => /* @__PURE__ */ d(
+            children: t && t.length > 0 ? t.map((P, B) => /* @__PURE__ */ d(
               "div",
               {
-                className: U.slide,
+                className: V.slide,
                 style: {
-                  flex: `0 0 ${P}`,
+                  flex: `0 0 ${M}`,
                   paddingLeft: `${R}px`,
                   paddingRight: `${R}px`,
                   borderRadius: a > 0 ? `${a}px` : void 0,
                   overflow: "hidden"
                   // Ensure radius clips content
                 },
-                children: /* @__PURE__ */ B("div", { className: U.slideInner, style: { borderRadius: `${a}px`, overflow: "hidden", position: "relative", width: "100%", height: "100%" }, children: [
-                  !u[M] && /* @__PURE__ */ d("div", { className: U.loaderOverlay, children: /* @__PURE__ */ d(Yr, { "aria-label": "Laster bilde" }) }),
+                children: /* @__PURE__ */ E("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: `${U.image} ${u[M] ? U.loaded : U.loadingImage}`,
-                      src: _.src,
-                      alt: _.alt,
-                      loading: M < z ? "eager" : "lazy",
+                      className: `${V.image} ${u[B] ? V.loaded : V.loadingImage}`,
+                      src: P.src,
+                      alt: P.alt,
+                      loading: B < z ? "eager" : "lazy",
                       crossOrigin: "anonymous",
-                      onLoad: () => j(M),
-                      onError: (D) => {
-                        D.target.style.display = "none", j(M);
+                      onLoad: () => _(B),
+                      onError: (I) => {
+                        I.target.style.display = "none", _(B);
                       }
                     }
                   )
                 ] })
               },
-              `image-${M}-${_.src}`
-            )) : /* @__PURE__ */ d("div", { className: U.slide, style: { flex: "0 0 100%" }, children: /* @__PURE__ */ d("div", { className: U.empty, children: "Ingen bilder" }) })
+              `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__ */ B("div", { className: U.controls, "aria-hidden": "false", children: [
-          r && /* @__PURE__ */ B("div", { className: U.arrows, children: [
+        (r || i && t && t.length > 1) && /* @__PURE__ */ E("div", { className: V.controls, "aria-hidden": "false", children: [
+          r && /* @__PURE__ */ E("div", { className: V.arrows, children: [
             /* @__PURE__ */ d(
               Te,
               {
                 variant: "primary",
                 icon: !0,
                 "aria-label": "Forrige bilde",
-                onClick: I,
+                onClick: D,
                 disabled: !t || t.length <= 1,
-                children: /* @__PURE__ */ d(Kn, { "aria-hidden": !0 })
+                children: /* @__PURE__ */ d(qn, { "aria-hidden": !0 })
               }
             ),
             /* @__PURE__ */ d(
@@ -2117,25 +2117,25 @@ const Mr = "_carouselContainer_1bu1s_1", Er = "_viewport_1bu1s_11", _r = "_slide
                 variant: "primary",
                 icon: !0,
                 "aria-label": "Neste bilde",
-                onClick: F,
+                onClick: L,
                 disabled: !t || t.length <= 1,
                 children: /* @__PURE__ */ d(Yn, { "aria-hidden": !0 })
               }
             )
           ] }),
-          i && t && t.length > 1 && /* @__PURE__ */ d("div", { className: U.dots, role: "tablist", "aria-label": "Bildeposisjon", children: v.map((_, M) => {
-            const D = M === f;
+          i && t && t.length > 1 && /* @__PURE__ */ d("div", { className: V.dots, role: "tablist", "aria-label": "Bildeposisjon", children: v.map((P, B) => {
+            const I = B === f;
             return /* @__PURE__ */ d(
               "button",
               {
                 type: "button",
-                className: `${U.dot} ${D ? U.dotActive : ""}`,
-                onClick: () => w(M),
-                "aria-label": `Gå til bilde ${M + 1}`,
-                "aria-selected": D,
+                className: `${V.dot} ${I ? V.dotActive : ""}`,
+                onClick: () => w(B),
+                "aria-label": `Gå til bilde ${B + 1}`,
+                "aria-selected": I,
                 role: "tab"
               },
-              `dot-${M}`
+              `dot-${B}`
             );
           }) })
         ] })
@@ -2143,25 +2143,25 @@ const Mr = "_carouselContainer_1bu1s_1", Er = "_viewport_1bu1s_11", _r = "_slide
     }
   );
 };
-Zr.displayName = "Carousel";
-const bi = an, yi = ln, Ti = dn, q = cn, xi = un, Si = mn, Jr = gn, Qr = pn;
-Jr.displayName = "Field.Description";
+Jr.displayName = "Carousel";
+const yi = an, bi = ln, Ti = dn, K = cn, Si = un, xi = mn, Zr = pn, Qr = gn;
+Zr.displayName = "Field.Description";
 Qr.displayName = "Field.Counter";
-const wi = xt, Xr = me((t, e) => /* @__PURE__ */ d(fn, { ref: e, ...t }));
+const wi = St, Xr = me((t, e) => /* @__PURE__ */ d(fn, { ref: e, ...t }));
 Xr.displayName = "Heading";
 const Ci = hn, es = me((t, e) => /* @__PURE__ */ d(kn, { ref: e, ...t }));
 es.displayName = "Label";
-const Ne = vn, Di = bn, Ii = yn, Ai = Tn, Ye = me(
-  (t, e) => /* @__PURE__ */ d(xn, { ref: e, ...t })
+const Fe = vn, Ii = yn, Di = bn, Ai = Tn, Ye = me(
+  (t, e) => /* @__PURE__ */ d(Sn, { ref: e, ...t })
 );
 Ye.displayName = "Paragraph";
-const ji = Sn, Li = wn, Fi = Cn, Pe = Object.assign(Dn, {
-  Button: jn,
+const _i = xn, ji = wn, Li = Cn, Me = Object.assign(In, {
+  Button: _n,
   ClearButton: An,
-  Input: In
-}), Bi = Ln, Ni = Fn, Pi = Bn, ts = Nn;
+  Input: Dn
+}), Ei = jn, Fi = Ln, Mi = En, ts = Fn;
 ts.displayName = "Suggestion";
-const Ve = Pn, Mi = Mn, Ei = En, _i = _n, zi = zn, Ri = Rn, $i = $n, Hi = Hn, ns = me((t, e) => /* @__PURE__ */ d(On, { ref: e, ...t }));
+const Ue = Mn, Bi = Bn, Ni = Nn, Pi = Pn, zi = zn, Ri = Rn, Gi = Gn, Wi = Wn, ns = me((t, e) => /* @__PURE__ */ d(Hn, { ref: e, ...t }));
 ns.displayName = "ValidationMessage";
 const os = {
   NO: {
@@ -2267,7 +2267,8 @@ const os = {
         figmaMcp: "Fra Figma til Kode (MCP)",
         componentCreation: "Komponent Kreasjon",
         metadataFiles: "Metadata filer",
-        developerGuide: "Utviklerguide"
+        developerGuide: "Utviklerguide",
+        aiGuide: "AI Guide for Assistanter"
       },
       overview: {
         title: "Røde Kors Designsystem",
@@ -2448,6 +2449,51 @@ const os = {
         step0Item5: "Trykk Confirm.",
         step0WhatHappensTitle: "Hva skjer nå?",
         step0WhatHappensText: 'Cursor vil automatisk "crawle" (lese) gjennom hovedsiden og alle undersider. Den lagrer informasjonen i en lokal database. Dette gjør at du senere kan referere til @RødeKors i chatten, og AI-en vil umiddelbart vite alle fargekoder, spacing-variabler og komponent-regler uten at du trenger å lime inn tekst manuelt. NB: Dette gjelder når du refererer til @RødeKors i chatten. Hvis du bruker .cursorrules, trenger du ikke å legge ved @RødeKors manuelt.',
+        step0_5Title: "Steg 0.5: Hent AI Design System Guide",
+        step0_5Description: "Før du begynner å konvertere Figma-design til kode, må du hente AI Design System Guide. Denne guiden inneholder komplett dokumentasjon om alle komponenter, design tokens, og beste praksis som AI-assistenten trenger for å produsere korrekt kode.",
+        step0_5WhyCurlTitle: "Hvorfor bruke curl?",
+        step0_5WhyCurlText: "curl er den anbefalte metoden fordi:",
+        step0_5WhyCurlItem1: "Filen lastes ned lokalt - AI-assistenten har alltid tilgang til den uten internett",
+        step0_5WhyCurlItem2: "Raskere referanse - Ingen behov for å laste ned på nytt ved hver prompt",
+        step0_5WhyCurlItem3: "Fungerer offline - Etter nedlasting kan du jobbe uten internettforbindelse",
+        step0_5WhyCurlItem4: "Konsistent kontekst - AI-en leser samme versjon av guiden hver gang",
+        step0_5WhyCurlItem5: "Enklere referanse - Bare bruk filnavnet (@AI_DESIGN_SYSTEM_GUIDE.md) i stedet for lange URL-er",
+        step0_5ClaudeTitle: "For Claude Code:",
+        step0_5ClaudeIntro: "I Claude Code kan du hente guiden direkte i terminalen eller be Claude om å gjøre det:",
+        step0_5ClaudeMethod1Title: "Metode 1: Hent via terminal",
+        step0_5ClaudeMethod1Step1: "Åpne terminalen i Claude Code",
+        step0_5ClaudeMethod1Step2: "Kjør denne kommandoen:",
+        step0_5ClaudeMethod1Command: "curl -o AI_DESIGN_SYSTEM_GUIDE.md https://norwegianredcross.github.io/DesignSystem/storybook/AI_DESIGN_SYSTEM_GUIDE.md",
+        step0_5ClaudeMethod1Step3: "Verifiser at filen er lastet ned: ls -la AI_DESIGN_SYSTEM_GUIDE.md",
+        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_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..."',
+        step0_5CursorTitle: "For Cursor:",
+        step0_5CursorIntro: "I Cursor kan du hente guiden på flere måter:",
+        step0_5CursorMethod1Title: "Metode 1: Hent via terminal",
+        step0_5CursorMethod1Step1: "Åpne terminalen i Cursor (Ctrl + ` eller Cmd + `)",
+        step0_5CursorMethod1Step2: "Kjør denne kommandoen:",
+        step0_5CursorMethod1Command: "curl -o AI_DESIGN_SYSTEM_GUIDE.md https://norwegianredcross.github.io/DesignSystem/storybook/AI_DESIGN_SYSTEM_GUIDE.md",
+        step0_5CursorMethod2Title: "Metode 2: Referer direkte i chat (Alternativ)",
+        step0_5CursorMethod2Text: "Du kan også referere til guiden direkte i Cursor-chatten uten å laste den ned først:",
+        step0_5CursorMethod2Example: "@AI_DESIGN_SYSTEM_GUIDE.md https://norwegianredcross.github.io/DesignSystem/storybook/AI_DESIGN_SYSTEM_GUIDE.md",
+        step0_5CursorMethod2Note: "Merk: Dette krever internettforbindelse hver gang. curl (Metode 1) er anbefalt for bedre ytelse og offline-tilgang.",
+        step0_5CursorMethod3Title: "Metode 3: Via .cursorrules (Anbefalt for automatisk workflow)",
+        step0_5CursorMethod3Text: "Hvis du bruker .cursorrules, legg til instruksjonen om å hente guiden der (se Steg 2, Alternativ B). Dette sikrer at guiden alltid lastes ned automatisk.",
+        step0_5CursorUsageTitle: "Bruk av guiden i Cursor:",
+        step0_5CursorUsageText: "Etter at guiden er tilgjengelig, referer til den i chatten:",
+        step0_5CursorUsageExample1: 'Hvis lastet ned lokalt: "@AI_DESIGN_SYSTEM_GUIDE.md implement a component based on this Figma design [link]"',
+        step0_5CursorUsageExample2: 'Hvis referert direkte: "Using the AI guide from @https://norwegianredcross.github.io/DesignSystem/storybook/AI_DESIGN_SYSTEM_GUIDE.md, create..."',
+        step0_5WhyTitle: "Hvorfor trenger jeg denne guiden?",
+        step0_5WhyText: "AI Design System Guide inneholder:",
+        step0_5WhyItem1: "Komplett liste over alle tilgjengelige komponenter med props og eksempler",
+        step0_5WhyItem2: "Alle design tokens (farger, spacing, typografi, etc.) med korrekte CSS-variabler",
+        step0_5WhyItem3: "Komponentmapping fra Figma-elementer til React-komponenter",
+        step0_5WhyItem4: "Beste praksis for tilgjengelighet, TypeScript, og CSS Modules",
+        step0_5WhyItem5: "Troubleshooting-guide for vanlige problemer",
         step1Title: "Steg 1: Hent presis lenke i Figma",
         step1Description: "For best resultat bør du isolere seksjonen du jobber med.",
         step1Item1: "Marker rammen (Frame), komponenten eller gruppen du vil implementere.",
@@ -2462,6 +2508,9 @@ const os = {
         step2AltAItem1Sub1: "@https://norwegianredcross.github.io/design-tokens/theme.css",
         step2AltAItem1Sub2: "@https://norwegianredcross.github.io/DesignSystem/storybook/metadata.json",
         step2AltAItem2: "Lim inn Figma-lenken: Lim inn lenken fra steg 1.",
+        step2AltAItem3: "VIKTIG - Hent AI-guiden: Før du starter, hent AI Design System Guide ved å kjøre denne kommandoen i terminalen:",
+        step2AltAItem3Command: "curl -o AI_DESIGN_SYSTEM_GUIDE.md https://norwegianredcross.github.io/DesignSystem/storybook/AI_DESIGN_SYSTEM_GUIDE.md",
+        step2AltAItem3Note: 'Denne guiden inneholder komplett dokumentasjon om alle komponenter, design tokens, og beste praksis. Referer til den i din prompt: "Using AI_DESIGN_SYSTEM_GUIDE.md, implement..."',
         step2AltAImageCaption: "",
         step2AltBTitle: "Alternativ B: Automatisert med .cursorrules (Anbefalt)",
         step2AltBDescription: "Bruk dette for å slippe å legge ved dokumentasjon hver gang. Med en .cursorrules-fil i roten av prosjektet, vet AI-en alltid hvilke regler som gjelder.",
@@ -2470,12 +2519,13 @@ const os = {
         step2AltBCodeBlock: `You are an expert Frontend Developer implementing designs from Figma.
 
 ALWAYS follow these rules:
-1. **Documentation:** Refer to the indexed design system documentation (@RødeKors) for component usage, patterns, and guidelines.
-2. **Metadata:** Use component metadata from: https://norwegianredcross.github.io/DesignSystem/storybook/metadata.json
-3. **Tokens:** Always use CSS variables/tokens defined in: https://norwegianredcross.github.io/design-tokens/theme.css (e.g., var(--spacing-md)).
-4. **Figma MCP:** When a Figma link is provided, use the \`figma\` tool to inspect node properties.
+1. **AI Guide:** First, fetch the AI Design System Guide: curl -o AI_DESIGN_SYSTEM_GUIDE.md https://norwegianredcross.github.io/DesignSystem/storybook/AI_DESIGN_SYSTEM_GUIDE.md
+2. **Documentation:** Refer to the indexed design system documentation (@RødeKors) and AI_DESIGN_SYSTEM_GUIDE.md for component usage, patterns, and guidelines.
+3. **Metadata:** Use component metadata from: https://norwegianredcross.github.io/DesignSystem/storybook/metadata.json
+4. **Tokens:** Always use CSS variables/tokens defined in: https://norwegianredcross.github.io/design-tokens/theme.css (e.g., var(--spacing-md)).
+5. **Figma MCP:** When a Figma link is provided, use the \`figma\` tool to inspect node properties.
 
-Note: Make sure you have indexed the documentation (Step 0) before using these rules. Reference @RødeKors in chat when you need design system context.`,
+Note: Make sure you have indexed the documentation (Step 0) and fetched AI_DESIGN_SYSTEM_GUIDE.md before using these rules. Reference @RødeKors and AI_DESIGN_SYSTEM_GUIDE.md in chat when you need design system context.`,
         step2AltBUsageTitle: "2. I daglig bruk:",
         step2AltBUsageText: "Nå trenger du kun å lime inn Figma-lenken i chatten. AI-en vil automatisk sjekke .cursorrules og forstå at den skal hente designreglene fra dokumentasjonen du definerte.",
         step3Title: "Steg 3: Prompt",
@@ -3121,7 +3171,8 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
         figmaMcp: "From Figma to Code (MCP)",
         componentCreation: "Component Creation",
         metadataFiles: "Metadata Files",
-        developerGuide: "Developer Guide"
+        developerGuide: "Developer Guide",
+        aiGuide: "AI Guide for Assistants"
       },
       overview: {
         title: "Red Cross Design System",
@@ -3304,7 +3355,52 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
         step0Item4: "Give it a name that's easy to remember, e.g. RedCross.",
         step0Item5: "Click Confirm.",
         step0WhatHappensTitle: "What happens now?",
-        step0WhatHappensText: 'Cursor will automatically "crawl" (read) through the main page and all subpages. It stores the information in a local database. This means you can later refer to @RedCross in the chat, and the AI will immediately know all color codes, spacing variables, and component rules without you needing to paste text manually. Note: This applies when you reference @RedCross in chat. If you use .cursorrules, you don’t need to attach @RedCross manually.',
+        step0WhatHappensText: `Cursor will automatically "crawl" (read) through the main page and all subpages. It stores the information in a local database. This means you can later refer to @RedCross in the chat, and the AI will immediately know all color codes, spacing variables, and component rules without you needing to paste text manually. Note: This applies when you reference @RedCross in chat. If you use .cursorrules, you don't need to attach @RedCross manually.`,
+        step0_5Title: "Step 0.5: Fetch AI Design System Guide",
+        step0_5Description: "Before you start converting Figma designs to code, you must fetch the AI Design System Guide. This guide contains complete documentation about all components, design tokens, and best practices that the AI assistant needs to produce correct code.",
+        step0_5WhyCurlTitle: "Why use curl?",
+        step0_5WhyCurlText: "curl is the recommended method because:",
+        step0_5WhyCurlItem1: "File is downloaded locally - AI assistant always has access without internet",
+        step0_5WhyCurlItem2: "Faster reference - No need to download again with each prompt",
+        step0_5WhyCurlItem3: "Works offline - After download, you can work without internet connection",
+        step0_5WhyCurlItem4: "Consistent context - AI reads the same version of the guide every time",
+        step0_5WhyCurlItem5: "Easier reference - Just use the filename (@AI_DESIGN_SYSTEM_GUIDE.md) instead of long URLs",
+        step0_5ClaudeTitle: "For Claude Code:",
+        step0_5ClaudeIntro: "In Claude Code, you can fetch the guide directly in the terminal or ask Claude to do it:",
+        step0_5ClaudeMethod1Title: "Method 1: Fetch via terminal",
+        step0_5ClaudeMethod1Step1: "Open the terminal in Claude Code",
+        step0_5ClaudeMethod1Step2: "Run this command:",
+        step0_5ClaudeMethod1Command: "curl -o AI_DESIGN_SYSTEM_GUIDE.md https://norwegianredcross.github.io/DesignSystem/storybook/AI_DESIGN_SYSTEM_GUIDE.md",
+        step0_5ClaudeMethod1Step3: "Verify the file is downloaded: ls -la AI_DESIGN_SYSTEM_GUIDE.md",
+        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_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..."',
+        step0_5CursorTitle: "For Cursor:",
+        step0_5CursorIntro: "In Cursor, you can fetch the guide in several ways:",
+        step0_5CursorMethod1Title: "Method 1: Fetch via terminal",
+        step0_5CursorMethod1Step1: "Open the terminal in Cursor (Ctrl + ` or Cmd + `)",
+        step0_5CursorMethod1Step2: "Run this command:",
+        step0_5CursorMethod1Command: "curl -o AI_DESIGN_SYSTEM_GUIDE.md https://norwegianredcross.github.io/DesignSystem/storybook/AI_DESIGN_SYSTEM_GUIDE.md",
+        step0_5CursorMethod2Title: "Method 2: Reference directly in chat (Alternative)",
+        step0_5CursorMethod2Text: "You can also reference the guide directly in Cursor chat without downloading it first:",
+        step0_5CursorMethod2Example: "@AI_DESIGN_SYSTEM_GUIDE.md https://norwegianredcross.github.io/DesignSystem/storybook/AI_DESIGN_SYSTEM_GUIDE.md",
+        step0_5CursorMethod2Note: "Note: This requires internet connection each time. curl (Method 1) is recommended for better performance and offline access.",
+        step0_5CursorMethod3Title: "Method 3: Via .cursorrules (Recommended for automated workflow)",
+        step0_5CursorMethod3Text: "If you use .cursorrules, add the instruction to fetch the guide there (see Step 2, Alternative B). This ensures the guide is always downloaded automatically.",
+        step0_5CursorUsageTitle: "Using the guide in Cursor:",
+        step0_5CursorUsageText: "After the guide is available, reference it in chat:",
+        step0_5CursorUsageExample1: 'If downloaded locally: "@AI_DESIGN_SYSTEM_GUIDE.md implement a component based on this Figma design [link]"',
+        step0_5CursorUsageExample2: 'If referenced directly: "Using the AI guide from @https://norwegianredcross.github.io/DesignSystem/storybook/AI_DESIGN_SYSTEM_GUIDE.md, create..."',
+        step0_5WhyTitle: "Why do I need this guide?",
+        step0_5WhyText: "The AI Design System Guide contains:",
+        step0_5WhyItem1: "Complete list of all available components with props and examples",
+        step0_5WhyItem2: "All design tokens (colors, spacing, typography, etc.) with correct CSS variables",
+        step0_5WhyItem3: "Component mapping from Figma elements to React components",
+        step0_5WhyItem4: "Best practices for accessibility, TypeScript, and CSS Modules",
+        step0_5WhyItem5: "Troubleshooting guide for common problems",
         step1Description: "For best results, you should isolate the section you're working with.",
         step1Item1: "Select the frame (Frame), component, or group you want to implement.",
         step1Item2: "Right-click and select Copy link to selection (Shortcut: Ctrl + L).",
@@ -3318,6 +3414,9 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
         step2AltAItem1Sub1: "@https://norwegianredcross.github.io/design-tokens/theme.css",
         step2AltAItem1Sub2: "@https://norwegianredcross.github.io/DesignSystem/storybook/metadata.json",
         step2AltAItem2: "Paste Figma link: Paste the link from step 1.",
+        step2AltAItem3: "IMPORTANT - Fetch AI Guide: Before starting, fetch the AI Design System Guide by running this command in your terminal:",
+        step2AltAItem3Command: "curl -o AI_DESIGN_SYSTEM_GUIDE.md https://norwegianredcross.github.io/DesignSystem/storybook/AI_DESIGN_SYSTEM_GUIDE.md",
+        step2AltAItem3Note: 'This guide contains complete documentation about all components, design tokens, and best practices. Reference it in your prompt: "Using AI_DESIGN_SYSTEM_GUIDE.md, implement..."',
         step2AltAImageCaption: "",
         step2AltBTitle: "Alternative B: Automated with .cursorrules (Recommended)",
         step2AltBDescription: "Use this to avoid attaching documentation every time. With a .cursorrules file in the project root, the AI always knows which rules apply.",
@@ -3326,12 +3425,13 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
         step2AltBCodeBlock: `You are an expert Frontend Developer implementing designs from Figma.
 
 ALWAYS follow these rules:
-1. **Documentation:** Refer to the indexed design system documentation (@RedCross) for component usage, patterns, and guidelines.
-2. **Metadata:** Use component metadata from: https://norwegianredcross.github.io/DesignSystem/storybook/metadata.json
-3. **Tokens:** Always use CSS variables/tokens defined in: https://norwegianredcross.github.io/design-tokens/theme.css (e.g., var(--spacing-md)).
-4. **Figma MCP:** When a Figma link is provided, use the \`figma\` tool to inspect node properties.
+1. **AI Guide:** First, fetch the AI Design System Guide: curl -o AI_DESIGN_SYSTEM_GUIDE.md https://norwegianredcross.github.io/DesignSystem/storybook/AI_DESIGN_SYSTEM_GUIDE.md
+2. **Documentation:** Refer to the indexed design system documentation (@RedCross) and AI_DESIGN_SYSTEM_GUIDE.md for component usage, patterns, and guidelines.
+3. **Metadata:** Use component metadata from: https://norwegianredcross.github.io/DesignSystem/storybook/metadata.json
+4. **Tokens:** Always use CSS variables/tokens defined in: https://norwegianredcross.github.io/design-tokens/theme.css (e.g., var(--spacing-md)).
+5. **Figma MCP:** When a Figma link is provided, use the \`figma\` tool to inspect node properties.
 
-Note: Make sure you have indexed the documentation (Step 0) before using these rules. Reference @RedCross in chat when you need design system context.`,
+Note: Make sure you have indexed the documentation (Step 0) and fetched AI_DESIGN_SYSTEM_GUIDE.md before using these rules. Reference @RedCross and AI_DESIGN_SYSTEM_GUIDE.md in chat when you need design system context.`,
         step2AltBUsageTitle: "2. In daily use:",
         step2AltBUsageText: "Now you only need to paste the Figma link in the chat. The AI will automatically check .cursorrules and understand that it should fetch design rules from the documentation you defined.",
         step3Title: "Step 3: Prompt",
@@ -3874,7 +3974,7 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
       }
     }
   }
-}, Ft = Vt(void 0), Oi = ({ children: t }) => {
+}, Lt = Ut(void 0), Hi = ({ children: t }) => {
   const [e, n] = ne("NO"), r = (i) => {
     const s = i.split(".");
     let o = os[e];
@@ -3885,13 +3985,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(Lt.Provider, { value: { language: e, setLanguage: n, t: r }, children: t });
 }, rs = () => {
-  const t = Gt(Ft);
+  const t = Ot(Lt);
   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", gs = "_languageLink_3zql2_104", ps = "_headerInner_3zql2_129", fs = "_logoWrapper_3zql2_146", hs = "_logo_3zql2_146", ks = "_secondaryLogoWrapper_3zql2_169", vs = "_slotComponent_3zql2_178", bs = "_slotContainer_3zql2_188", ys = "_slotText_3zql2_196", Ts = "_secondaryLogo_3zql2_169", xs = "_redCrossLogo_3zql2_223", Ss = "_primaryLogo_3zql2_229", ws = "_navItems_3zql2_233", Cs = "_navLink_3zql2_242", Ds = "_actions_3zql2_255", Is = "_ctaButton_3zql2_263", As = "_themeToggle_3zql2_268", js = "_userInfo_3zql2_273", Ls = "_userName_3zql2_279", Fs = "_loginLink_3zql2_286", Bs = "_loginText_3zql2_295", Ns = "_underline_3zql2_302", Ps = "_searchButtonWrapper_3zql2_308", Ms = "_buttonText_3zql2_312", Es = "_menuButton_3zql2_317", _s = "_menuOverlay_3zql2_322", zs = "_searchContent_3zql2_356", Rs = "_menuContent_3zql2_366", $s = "_menuLeftColumn_3zql2_375", Hs = "_menuRightColumn_3zql2_381", Os = "_slotContent_3zql2_395", Ws = "_navList_3zql2_408", Vs = "_menuUtilities_3zql2_415", Gs = "_menuBrand_3zql2_422", Us = "_suggestionsSection_3zql2_426", qs = "_suggestionsTitle_3zql2_432", Ks = "_searchResults_3zql2_441", Ys = "_resultList_3zql2_447", Zs = "_resultItem_3zql2_453", Js = "_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", y = {
+}, 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", ws = "_navItems_3zql2_233", Cs = "_navLink_3zql2_242", Is = "_actions_3zql2_255", Ds = "_ctaButton_3zql2_263", As = "_themeToggle_3zql2_268", _s = "_userInfo_3zql2_273", js = "_userName_3zql2_279", Ls = "_loginLink_3zql2_286", Es = "_loginText_3zql2_295", Fs = "_underline_3zql2_302", Ms = "_searchButtonWrapper_3zql2_308", Bs = "_buttonText_3zql2_312", Ns = "_menuButton_3zql2_317", Ps = "_menuOverlay_3zql2_322", zs = "_searchContent_3zql2_356", Rs = "_menuContent_3zql2_366", Gs = "_menuLeftColumn_3zql2_375", Ws = "_menuRightColumn_3zql2_381", Hs = "_slotContent_3zql2_395", $s = "_navList_3zql2_408", Us = "_menuUtilities_3zql2_415", Os = "_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,
@@ -3900,45 +4000,45 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
   extensionContent: cs,
   extensionDivider: us,
   languageLabel: ms,
-  languageLink: gs,
-  headerInner: ps,
+  languageLink: ps,
+  headerInner: gs,
   logoWrapper: fs,
   logo: hs,
   secondaryLogoWrapper: ks,
   slotComponent: vs,
-  slotContainer: bs,
-  slotText: ys,
+  slotContainer: ys,
+  slotText: bs,
   secondaryLogo: Ts,
-  redCrossLogo: xs,
-  primaryLogo: Ss,
+  redCrossLogo: Ss,
+  primaryLogo: xs,
   navItems: ws,
   navLink: Cs,
-  actions: Ds,
-  ctaButton: Is,
+  actions: Is,
+  ctaButton: Ds,
   themeToggle: As,
-  userInfo: js,
-  userName: Ls,
-  loginLink: Fs,
-  loginText: Bs,
-  underline: Ns,
-  searchButtonWrapper: Ps,
-  buttonText: Ms,
-  menuButton: Es,
-  menuOverlay: _s,
+  userInfo: _s,
+  userName: js,
+  loginLink: Ls,
+  loginText: Es,
+  underline: Fs,
+  searchButtonWrapper: Ms,
+  buttonText: Bs,
+  menuButton: Ns,
+  menuOverlay: Ps,
   searchContent: zs,
   menuContent: Rs,
-  menuLeftColumn: $s,
-  menuRightColumn: Hs,
-  slotContent: Os,
-  navList: Ws,
-  menuUtilities: Vs,
-  menuBrand: Gs,
-  suggestionsSection: Us,
-  suggestionsTitle: qs,
-  searchResults: Ks,
+  menuLeftColumn: Gs,
+  menuRightColumn: Ws,
+  slotContent: Hs,
+  navList: $s,
+  menuUtilities: Us,
+  menuBrand: Os,
+  suggestionsSection: Vs,
+  suggestionsTitle: Ks,
+  searchResults: qs,
   resultList: Ys,
-  resultItem: Zs,
-  resultLink: Js,
+  resultItem: Js,
+  resultLink: Zs,
   suggestionIcon: Qs,
   suggestionText: Xs,
   highlightedText: ei,
@@ -4008,7 +4108,7 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
   { id: "komponent-kreasjon", title: "Komponent Kreasjon", category: "Code", path: "code/komponent-kreasjon", description: "Opprette nye komponenter" },
   { id: "progression", title: "Progresjon", category: "Code", path: "code/progression", description: "Fra design til ferdig komponent" },
   { id: "metadata-files", title: "Metadata filer", category: "Code", path: "code/metadata-files", description: "Struktur og bruk av metadata.json" }
-], Wi = ({
+], $i = ({
   activePage: t,
   setPage: e,
   children: n,
@@ -4017,28 +4117,28 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
   showLogin: s = !0,
   showCta: o = !1,
   ctaLabel: l,
-  ctaIcon: a = /* @__PURE__ */ d(Jn, { "aria-hidden": !0 }),
+  ctaIcon: a = /* @__PURE__ */ d(Zn, { "aria-hidden": !0 }),
   onCtaClick: c,
-  showThemeToggle: b = !1,
-  secondaryLogo: p = !1,
+  showThemeToggle: y = !1,
+  secondaryLogo: g = !1,
   secondaryLogoSrc: k,
-  secondaryLogoSrcDark: g,
+  secondaryLogoSrcDark: p,
   secondaryLogoAlt: f = "Secondary Logo",
   navItems: h,
   showNavItems: v = !0,
   showMenuButton: m = !0,
   showHeaderExtension: u = !1,
   showModeToggle: T = !1,
-  showLanguageSwitch: j = !1
+  showLanguageSwitch: _ = !1
 }) => {
-  const [A, L] = ne(!1), [w, I] = ne(!1), [F, z] = ne(""), [P, R] = ne("light"), { language: _, setLanguage: M, t: D } = rs(), [V, oe] = ne(!1);
-  K(() => {
-    const x = "rk-header-inline-styles";
-    if (typeof document > "u" || document.getElementById(x)) return;
-    const C = si(y), N = document.createElement("style");
-    N.id = x, N.textContent = C, document.head.appendChild(N);
+  const [A, j] = ne(!1), [w, D] = ne(!1), [L, z] = ne(""), [M, R] = ne("light"), { language: P, setLanguage: B, t: I } = rs(), [U, oe] = ne(!1);
+  q(() => {
+    const S = "rk-header-inline-styles";
+    if (typeof document > "u" || document.getElementById(S)) return;
+    const C = si(b), F = document.createElement("style");
+    F.id = S, F.textContent = C, document.head.appendChild(F);
   }, []);
-  const Z = () => /* @__PURE__ */ B(
+  const J = () => /* @__PURE__ */ E(
     "svg",
     {
       width: "170",
@@ -4048,7 +4148,7 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": !0,
       focusable: "false",
-      className: y.redCrossLogo,
+      className: b.redCrossLogo,
       children: [
         /* @__PURE__ */ d("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__ */ d("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" }),
@@ -4063,195 +4163,195 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
       ]
     }
   );
-  K(() => {
-    L(!1), I(!1), z("");
-  }, [t]), K(() => {
-    if (!(typeof document > "u") && A && V) {
-      const x = document.body.style.overflow;
+  q(() => {
+    j(!1), D(!1), z("");
+  }, [t]), q(() => {
+    if (!(typeof document > "u") && A && U) {
+      const S = document.body.style.overflow;
       return document.body.style.overflow = "hidden", () => {
-        document.body.style.overflow = x;
+        document.body.style.overflow = S;
       };
     }
-  }, [A, V]), K(() => {
+  }, [A, U]), q(() => {
     if (typeof window > "u" || typeof window.matchMedia > "u") return;
-    const x = window.matchMedia("(max-width: 850px)"), C = (N) => oe("matches" in N ? N.matches : x.matches);
-    return C(x), x.addEventListener ? x.addEventListener("change", C) : x.addListener(C), () => {
-      x.removeEventListener ? x.removeEventListener("change", C) : x.removeListener(C);
+    const S = window.matchMedia("(max-width: 850px)"), C = (F) => oe("matches" in F ? F.matches : S.matches);
+    return C(S), S.addEventListener ? S.addEventListener("change", C) : S.addListener(C), () => {
+      S.removeEventListener ? S.removeEventListener("change", C) : S.removeListener(C);
     };
-  }, []), K(() => {
+  }, []), q(() => {
     if (typeof document > "u") return;
-    const x = document.querySelector(`.${y.header}`);
-    if (!x) return;
+    const S = document.querySelector(`.${b.header}`);
+    if (!S) return;
     const C = () => {
-      const O = x.offsetHeight;
-      document.documentElement.style.setProperty("--header-height-mobile", `${O}px`);
+      const H = S.offsetHeight;
+      document.documentElement.style.setProperty("--header-height-mobile", `${H}px`);
     };
     C(), window.addEventListener("resize", C);
-    const N = new ResizeObserver(() => {
+    const F = new ResizeObserver(() => {
       C();
     });
-    return N.observe(x), () => {
-      window.removeEventListener("resize", C), N.disconnect();
+    return F.observe(S), () => {
+      window.removeEventListener("resize", C), F.disconnect();
     };
-  }, [V]), K(() => {
+  }, [U]), q(() => {
     if (typeof document > "u") return;
-    const x = document.querySelector(`.${y.logoWrapper}`);
-    if (!x) return;
+    const S = document.querySelector(`.${b.logoWrapper}`);
+    if (!S) return;
     const C = () => {
-      const N = x.offsetWidth;
-      document.documentElement.style.setProperty("--rk-logo-width", `${N}px`);
+      const F = S.offsetWidth;
+      document.documentElement.style.setProperty("--rk-logo-width", `${F}px`);
     };
     return C(), window.addEventListener("resize", C), () => window.removeEventListener("resize", C);
-  }, [V]), K(() => {
+  }, [U]), q(() => {
     if (typeof document > "u" || !w) {
       document.documentElement.style.setProperty("--rk-search-overlay-height", "0px");
       return;
     }
-    const x = document.querySelector(`.${y.searchOverlay}`);
-    if (!x) return;
+    const S = document.querySelector(`.${b.searchOverlay}`);
+    if (!S) return;
     const C = () => {
-      const O = x.offsetHeight;
-      document.documentElement.style.setProperty("--rk-search-overlay-height", `${O}px`);
+      const H = S.offsetHeight;
+      document.documentElement.style.setProperty("--rk-search-overlay-height", `${H}px`);
     };
     requestAnimationFrame(C), window.addEventListener("resize", C);
-    const N = new ResizeObserver(C);
-    return N.observe(x), () => {
-      window.removeEventListener("resize", C), N.disconnect();
+    const F = new ResizeObserver(C);
+    return F.observe(S), () => {
+      window.removeEventListener("resize", C), F.disconnect();
     };
   }, [w]);
   const Y = () => {
-    const x = P === "light" ? "dark" : "light";
-    R(x), document.documentElement.setAttribute("data-color-scheme", x);
-  }, de = (x) => {
-    e && (x.preventDefault(), e("home")), L(!1), I(!1);
-  }, J = () => {
-    L(!A), w && I(!1), !A && typeof document < "u" && requestAnimationFrame(() => {
-      const x = document.querySelector(`.${y.header}`);
-      if (x) {
-        const C = x.offsetHeight;
+    const S = M === "light" ? "dark" : "light";
+    R(S), document.documentElement.setAttribute("data-color-scheme", S);
+  }, de = (S) => {
+    e && (S.preventDefault(), e("home")), j(!1), D(!1);
+  }, Z = () => {
+    j(!A), w && D(!1), !A && typeof document < "u" && requestAnimationFrame(() => {
+      const S = document.querySelector(`.${b.header}`);
+      if (S) {
+        const C = S.offsetHeight;
         document.documentElement.style.setProperty("--header-height-mobile", `${C}px`);
       }
     });
   }, ie = () => {
-    I(!w), A && L(!1);
-  }, Q = ye(() => {
-    if (!F.trim()) return [];
-    const x = F.toLowerCase();
+    D(!w), A && j(!1);
+  }, Q = be(() => {
+    if (!L.trim()) return [];
+    const S = L.toLowerCase();
     return ri.filter(
-      (C) => C.title.toLowerCase().startsWith(x)
+      (C) => C.title.toLowerCase().startsWith(S)
     );
-  }, [F]), X = (x) => {
-    e && e(x), I(!1), z("");
+  }, [L]), X = (S) => {
+    e && e(S), D(!1), z("");
   };
-  return /* @__PURE__ */ B("header", { className: y.header, "data-open": A ? "true" : "false", children: [
-    u && /* @__PURE__ */ d("div", { className: y.headerExtension, "data-color-scheme": "light", children: /* @__PURE__ */ B("div", { className: y.extensionContentWrapper, children: [
-      T && /* @__PURE__ */ d("div", { className: y.extensionContent, children: /* @__PURE__ */ d(
-        Ve,
+  return /* @__PURE__ */ E("header", { className: b.header, "data-open": A ? "true" : "false", children: [
+    u && /* @__PURE__ */ d("div", { className: b.headerExtension, "data-color-scheme": "light", children: /* @__PURE__ */ E("div", { className: b.extensionContentWrapper, children: [
+      T && /* @__PURE__ */ d("div", { className: b.extensionContent, children: /* @__PURE__ */ d(
+        Ue,
         {
           "data-size": "sm",
-          checked: P === "dark",
+          checked: M === "dark",
           onChange: Y,
-          label: D("header.darkMode"),
+          label: I("header.darkMode"),
           color: "neutral",
           "data-color-scheme": "light"
         }
       ) }),
-      T && j && /* @__PURE__ */ d("div", { className: y.extensionDivider }),
-      j && /* @__PURE__ */ B("div", { className: y.languageSwitch, children: [
-        /* @__PURE__ */ d("span", { className: y.languageLabel, children: D("header.language") }),
-        /* @__PURE__ */ B(q.TriggerContext, { children: [
-          /* @__PURE__ */ B(
-            q.Trigger,
+      T && _ && /* @__PURE__ */ d("div", { className: b.extensionDivider }),
+      _ && /* @__PURE__ */ E("div", { className: b.languageSwitch, children: [
+        /* @__PURE__ */ d("span", { className: b.languageLabel, children: I("header.language") }),
+        /* @__PURE__ */ E(K.TriggerContext, { children: [
+          /* @__PURE__ */ E(
+            K.Trigger,
             {
-              className: y.languageLink,
-              "aria-label": D("header.selectLanguage"),
+              className: b.languageLink,
+              "aria-label": I("header.selectLanguage"),
               style: { background: "transparent", border: "none", padding: 0, cursor: "pointer", font: "inherit" },
               children: [
-                _,
+                P,
                 " ",
                 /* @__PURE__ */ d(ut, { "aria-hidden": !0 })
               ]
             }
           ),
           /* @__PURE__ */ d(
-            q,
+            K,
             {
-              "data-color-scheme": P,
+              "data-color-scheme": M,
               placement: "bottom-end",
-              children: /* @__PURE__ */ B(q.List, { children: [
-                /* @__PURE__ */ d(q.Item, { children: /* @__PURE__ */ d(q.Button, { onClick: () => M("NO"), children: "Norsk (NO)" }) }),
-                /* @__PURE__ */ d(q.Item, { children: /* @__PURE__ */ d(q.Button, { onClick: () => M("EN"), children: "English (EN)" }) })
+              children: /* @__PURE__ */ E(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__ */ B("div", { className: y.headerInner, children: [
-      /* @__PURE__ */ B("div", { className: y.logoWrapper, children: [
+    /* @__PURE__ */ E("div", { className: b.headerInner, children: [
+      /* @__PURE__ */ E("div", { className: b.logoWrapper, children: [
         /* @__PURE__ */ d(
-          Ne,
+          Fe,
           {
             href: "/",
-            className: `${y.logo} ${y.primaryLogo}`,
-            "aria-label": D("header.homeAriaLabel"),
+            className: `${b.logo} ${b.primaryLogo}`,
+            "aria-label": I("header.homeAriaLabel"),
             onClick: de,
-            children: /* @__PURE__ */ d(Z, {})
+            children: /* @__PURE__ */ d(J, {})
           }
         ),
-        /* @__PURE__ */ d("div", { className: y.secondaryLogoWrapper, children: p && k ? /* @__PURE__ */ d(
+        /* @__PURE__ */ d("div", { className: b.secondaryLogoWrapper, children: g && k ? /* @__PURE__ */ d(
           "img",
           {
-            src: P === "dark" && g ? g : k,
+            src: M === "dark" && p ? p : k,
             alt: f,
-            className: y.secondaryLogo
+            className: b.secondaryLogo
           }
-        ) : p ? /* @__PURE__ */ d("div", { className: y.slotComponent, children: /* @__PURE__ */ d("div", { className: y.slotContainer, children: /* @__PURE__ */ d("p", { className: y.slotText, children: "SLOT" }) }) }) : null })
+        ) : 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 && !V && /* @__PURE__ */ d("nav", { className: y.navItems, children: h.map((x, C) => /* @__PURE__ */ d(
-        Ne,
+      v && h && h.length > 0 && !U && /* @__PURE__ */ d("nav", { className: b.navItems, children: h.map((S, C) => /* @__PURE__ */ d(
+        Fe,
         {
-          href: x.href,
-          className: y.navLink,
-          onClick: (N) => {
-            e && (N.preventDefault(), e(x.href));
+          href: S.href,
+          className: b.navLink,
+          onClick: (F) => {
+            e && (F.preventDefault(), e(S.href));
           },
-          children: x.label
+          children: S.label
         },
         C
       )) }),
-      /* @__PURE__ */ B("div", { className: y.actions, children: [
-        o && /* @__PURE__ */ B(
+      /* @__PURE__ */ E("div", { className: b.actions, children: [
+        o && /* @__PURE__ */ E(
           Te,
           {
             variant: "primary",
             "data-color": "main",
             "data-size": "md",
-            className: y.ctaButton,
+            className: b.ctaButton,
             onClick: c,
             children: [
               a,
-              /* @__PURE__ */ d("span", { className: y.buttonText, children: l || D("header.supportUs") })
+              /* @__PURE__ */ d("span", { className: b.buttonText, children: l || I("header.supportUs") })
             ]
           }
         ),
-        !u && b && /* @__PURE__ */ d("div", { className: y.themeToggle, children: /* @__PURE__ */ d(
-          Ve,
+        !u && y && /* @__PURE__ */ d("div", { className: b.themeToggle, children: /* @__PURE__ */ d(
+          Ue,
           {
-            checked: P === "dark",
+            checked: M === "dark",
             onChange: Y,
-            "aria-label": D("header.toggleTheme")
+            "aria-label": I("header.toggleTheme")
           }
         ) }),
-        r && /* @__PURE__ */ B("div", { className: y.userInfo, children: [
-          /* @__PURE__ */ d(Ye, { "data-size": "md", className: y.userName, children: "Frodo Baggins" }),
+        r && /* @__PURE__ */ E("div", { className: b.userInfo, children: [
+          /* @__PURE__ */ d(Ye, { "data-size": "md", className: b.userName, children: "Frodo Baggins" }),
           /* @__PURE__ */ d(Ct, { "aria-label": "Frodo Baggins", "data-color": "main", variant: "circle", initials: "FB" })
         ] }),
-        s && /* @__PURE__ */ B("a", { href: "#", className: y.loginLink, children: [
-          /* @__PURE__ */ d("span", { className: y.loginText, children: D("header.login") }),
-          /* @__PURE__ */ d("div", { className: y.underline })
+        s && /* @__PURE__ */ E("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: y.searchButtonWrapper, children: /* @__PURE__ */ B(
+        i && /* @__PURE__ */ d("div", { className: b.searchButtonWrapper, children: /* @__PURE__ */ E(
           Te,
           {
             variant: "secondary",
@@ -4259,151 +4359,151 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
             "data-size": "md",
             onClick: ie,
             "aria-expanded": w,
-            "aria-label": D(w ? "header.closeSearch" : "header.openSearch"),
+            "aria-label": I(w ? "header.closeSearch" : "header.openSearch"),
             children: [
-              w ? /* @__PURE__ */ d(mt, { "aria-hidden": !0 }) : /* @__PURE__ */ d(gt, { "aria-hidden": !0 }),
-              /* @__PURE__ */ d("span", { className: y.buttonText, children: D(w ? "header.close" : "header.search") })
+              w ? /* @__PURE__ */ d(mt, { "aria-hidden": !0 }) : /* @__PURE__ */ d(pt, { "aria-hidden": !0 }),
+              /* @__PURE__ */ d("span", { className: b.buttonText, children: I(w ? "header.close" : "header.search") })
             ]
           }
         ) }),
-        (m || V) && /* @__PURE__ */ B(
+        (m || U) && /* @__PURE__ */ E(
           Te,
           {
             variant: "primary",
             "data-color": "main",
             "data-size": "md",
-            onClick: J,
+            onClick: Z,
             "aria-expanded": A,
-            "aria-label": D(A ? "header.closeMenu" : "header.openMenu"),
-            className: y.menuButton,
+            "aria-label": I(A ? "header.closeMenu" : "header.openMenu"),
+            className: b.menuButton,
             children: [
-              A ? /* @__PURE__ */ d(mt, { "aria-hidden": !0 }) : /* @__PURE__ */ d(Zn, { "aria-hidden": !0 }),
-              /* @__PURE__ */ d("span", { className: y.buttonText, children: D(A ? "header.close" : "header.menu") })
+              A ? /* @__PURE__ */ d(mt, { "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: y.menuOverlay, children: /* @__PURE__ */ B("div", { className: y.menuContent, children: [
-      /* @__PURE__ */ d("div", { className: y.menuLeftColumn }),
-      /* @__PURE__ */ B("div", { className: y.menuRightColumn, children: [
-        V && (j || T) && /* @__PURE__ */ B("div", { className: y.menuUtilities, children: [
-          j && /* @__PURE__ */ B("div", { className: y.languageSwitch, children: [
-            /* @__PURE__ */ d("span", { className: y.languageLabel, children: D("header.language") }),
-            /* @__PURE__ */ B(q.TriggerContext, { children: [
-              /* @__PURE__ */ B(
-                q.Trigger,
+    A && /* @__PURE__ */ d("div", { className: b.menuOverlay, children: /* @__PURE__ */ E("div", { className: b.menuContent, children: [
+      /* @__PURE__ */ d("div", { className: b.menuLeftColumn }),
+      /* @__PURE__ */ E("div", { className: b.menuRightColumn, children: [
+        U && (_ || T) && /* @__PURE__ */ E("div", { className: b.menuUtilities, children: [
+          _ && /* @__PURE__ */ E("div", { className: b.languageSwitch, children: [
+            /* @__PURE__ */ d("span", { className: b.languageLabel, children: I("header.language") }),
+            /* @__PURE__ */ E(K.TriggerContext, { children: [
+              /* @__PURE__ */ E(
+                K.Trigger,
                 {
-                  className: y.languageLink,
-                  "aria-label": D("header.selectLanguage"),
+                  className: b.languageLink,
+                  "aria-label": I("header.selectLanguage"),
                   style: { background: "transparent", border: "none", padding: 0, cursor: "pointer", font: "inherit" },
                   children: [
-                    _,
+                    P,
                     " ",
                     /* @__PURE__ */ d(ut, { "aria-hidden": !0 })
                   ]
                 }
               ),
               /* @__PURE__ */ d(
-                q,
+                K,
                 {
-                  "data-color-scheme": P,
+                  "data-color-scheme": M,
                   placement: "bottom-start",
-                  children: /* @__PURE__ */ B(q.List, { children: [
-                    /* @__PURE__ */ d(q.Item, { children: /* @__PURE__ */ d(q.Button, { onClick: () => M("NO"), children: "Norsk (NO)" }) }),
-                    /* @__PURE__ */ d(q.Item, { children: /* @__PURE__ */ d(q.Button, { onClick: () => M("EN"), children: "English (EN)" }) })
+                  children: /* @__PURE__ */ E(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)" }) })
                   ] })
                 }
               )
             ] })
           ] }),
-          T && /* @__PURE__ */ d("div", { className: y.extensionContent, children: /* @__PURE__ */ d(
-            Ve,
+          T && /* @__PURE__ */ d("div", { className: b.extensionContent, children: /* @__PURE__ */ d(
+            Ue,
             {
               "data-size": "sm",
-              checked: P === "dark",
+              checked: M === "dark",
               onChange: Y,
-              label: D("header.darkMode"),
+              label: I("header.darkMode"),
               color: "neutral",
               "data-color-scheme": "light"
             }
           ) })
         ] }),
-        /* @__PURE__ */ B("div", { className: y.slotContent, children: [
+        /* @__PURE__ */ E("div", { className: b.slotContent, children: [
           n,
-          V && v && h && h.length > 0 && /* @__PURE__ */ d("nav", { className: y.navList, children: h.map((x, C) => /* @__PURE__ */ d(
-            Ne,
+          U && v && h && h.length > 0 && /* @__PURE__ */ d("nav", { className: b.navList, children: h.map((S, C) => /* @__PURE__ */ d(
+            Fe,
             {
-              href: x.href,
-              className: y.navLink,
-              onClick: (N) => {
-                e && (N.preventDefault(), e(x.href));
+              href: S.href,
+              className: b.navLink,
+              onClick: (F) => {
+                e && (F.preventDefault(), e(S.href));
               },
-              children: x.label
+              children: S.label
             },
             C
           )) })
         ] }),
-        V && /* @__PURE__ */ d("div", { className: y.menuBrand, children: /* @__PURE__ */ d(Z, {}) })
+        U && /* @__PURE__ */ d("div", { className: b.menuBrand, children: /* @__PURE__ */ d(J, {}) })
       ] })
     ] }) }),
-    w && /* @__PURE__ */ d("div", { className: y.searchOverlay, children: /* @__PURE__ */ B("div", { className: y.searchContent, children: [
-      /* @__PURE__ */ B(Pe, { children: [
+    w && /* @__PURE__ */ d("div", { className: b.searchOverlay, children: /* @__PURE__ */ E("div", { className: b.searchContent, children: [
+      /* @__PURE__ */ E(Me, { children: [
         /* @__PURE__ */ d(
-          Pe.Input,
+          Me.Input,
           {
-            "aria-label": D("header.search"),
-            placeholder: D("header.searchPlaceholder"),
-            value: F,
-            onChange: (x) => z(x.target.value)
+            "aria-label": I("header.search"),
+            placeholder: I("header.searchPlaceholder"),
+            value: L,
+            onChange: (S) => z(S.target.value)
           }
         ),
-        /* @__PURE__ */ d(Pe.Button, { "aria-label": D("header.search") }),
-        /* @__PURE__ */ d(Pe.ClearButton, { onClick: () => z(""), "aria-label": D("header.clearSearch") })
+        /* @__PURE__ */ d(Me.Button, { "aria-label": I("header.search") }),
+        /* @__PURE__ */ d(Me.ClearButton, { onClick: () => z(""), "aria-label": I("header.clearSearch") })
       ] }),
-      F && /* @__PURE__ */ d("div", { className: y.searchResults, children: Q.length > 0 ? /* @__PURE__ */ B("div", { className: y.suggestionsSection, children: [
-        /* @__PURE__ */ d("h3", { className: y.suggestionsTitle, children: D("header.suggestions") }),
-        /* @__PURE__ */ d("ul", { className: y.resultList, children: Q.slice(0, 5).map((x) => /* @__PURE__ */ d("li", { className: y.resultItem, children: /* @__PURE__ */ B(
+      L && /* @__PURE__ */ d("div", { className: b.searchResults, children: Q.length > 0 ? /* @__PURE__ */ E("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__ */ E(
           "button",
           {
-            className: y.resultLink,
-            onClick: () => X(x.path),
+            className: b.resultLink,
+            onClick: () => X(S.path),
             children: [
-              /* @__PURE__ */ d("span", { className: y.suggestionIcon, children: /* @__PURE__ */ d(gt, { "aria-hidden": !0 }) }),
-              /* @__PURE__ */ d("span", { className: y.suggestionText, children: (() => {
-                const C = x.title.toLowerCase().indexOf(F.toLowerCase());
-                if (C === -1) return /* @__PURE__ */ d("span", { className: y.remainingText, children: x.title });
-                const N = x.title.slice(0, C), O = x.title.slice(C, C + F.length), te = x.title.slice(C + F.length);
-                return /* @__PURE__ */ B(Ot, { children: [
-                  /* @__PURE__ */ d("span", { className: y.remainingText, children: N }),
-                  /* @__PURE__ */ d("span", { className: y.highlightedText, children: O }),
-                  /* @__PURE__ */ d("span", { className: y.remainingText, children: te })
+              /* @__PURE__ */ d("span", { className: b.suggestionIcon, children: /* @__PURE__ */ d(pt, { "aria-hidden": !0 }) }),
+              /* @__PURE__ */ d("span", { className: b.suggestionText, children: (() => {
+                const C = S.title.toLowerCase().indexOf(L.toLowerCase());
+                if (C === -1) return /* @__PURE__ */ d("span", { className: b.remainingText, children: S.title });
+                const F = S.title.slice(0, C), H = S.title.slice(C, C + L.length), te = S.title.slice(C + L.length);
+                return /* @__PURE__ */ E(Ht, { children: [
+                  /* @__PURE__ */ d("span", { className: b.remainingText, children: F }),
+                  /* @__PURE__ */ d("span", { className: b.highlightedText, children: H }),
+                  /* @__PURE__ */ d("span", { className: b.remainingText, children: te })
                 ] });
               })() })
             ]
           }
-        ) }, x.id)) }),
-        Q.length > 5 && /* @__PURE__ */ B(
-          Ne,
+        ) }, S.id)) }),
+        Q.length > 5 && /* @__PURE__ */ E(
+          Fe,
           {
             href: "#",
             "data-color": "neutral",
-            className: y.viewAllLink,
-            onClick: (x) => {
-              x.preventDefault(), e && e(`search/${F}`), I(!1), z("");
+            className: b.viewAllLink,
+            onClick: (S) => {
+              S.preventDefault(), e && e(`search/${L}`), D(!1), z("");
             },
             children: [
-              D("header.viewAll"),
+              I("header.viewAll"),
               " (",
               Q.length,
               ")"
             ]
           }
         )
-      ] }) : /* @__PURE__ */ d("div", { className: y.noResults, children: /* @__PURE__ */ B(Ye, { children: [
-        D("header.noResults"),
+      ] }) : /* @__PURE__ */ d("div", { className: b.noResults, children: /* @__PURE__ */ E(Ye, { children: [
+        I("header.noResults"),
         ' "',
-        F,
+        L,
         '"'
       ] }) }) })
     ] }) })
@@ -4545,54 +4645,54 @@ export {
   Xn as Badge,
   ui as BadgePosition,
   mi as Breadcrumbs,
-  pi as BreadcrumbsItem,
+  gi as BreadcrumbsItem,
   fi as BreadcrumbsLink,
-  gi as BreadcrumbsList,
+  pi as BreadcrumbsList,
   Te as Button,
   eo as Card,
   hi as CardBlock,
-  Zr as Carousel,
+  Jr as Carousel,
   to as Checkbox,
   vi as Chip,
   er as DateInput,
-  Uo as DatePicker,
-  bi as Details,
-  yi as Dialog,
+  Vo as DatePicker,
+  yi as Details,
+  bi as Dialog,
   Ti as Divider,
-  q as Dropdown,
-  xi as ErrorSummary,
-  Si as Field,
+  K as Dropdown,
+  Si as ErrorSummary,
+  xi as Field,
   Qr as FieldCounter,
-  Jr as FieldDescription,
+  Zr as FieldDescription,
   wi as Fieldset,
-  Wi as Header,
+  $i as Header,
   Xr as Heading,
   Ci as Input,
   es as Label,
-  Oi as LanguageProvider,
-  Ne as Link,
-  Di as List,
-  Ii as Pagination,
+  Hi as LanguageProvider,
+  Fe as Link,
+  Ii as List,
+  Di as Pagination,
   Ye as Paragraph,
-  ji as Popover,
-  Li as Radio,
-  Pe as Search,
-  Bi as Select,
-  Ni as SkeletonLoader,
-  Pi as SkipLink,
+  _i as Popover,
+  ji as Radio,
+  Me as Search,
+  Ei as Select,
+  Fi as SkeletonLoader,
+  Mi as SkipLink,
   Yr as Spinner,
   ts as Suggestion,
-  Ve as Switch,
-  Mi as Table,
-  Ei as Tabs,
-  _i as Tag,
+  Ue as Switch,
+  Bi as Table,
+  Ni as Tabs,
+  Pi as Tag,
   zi as Textarea,
   Ri as Textfield,
-  $i as ToggleGroup,
-  Hi as Tooltip,
+  Gi as ToggleGroup,
+  Wi as Tooltip,
   ns as ValidationMessage,
   ki as useCheckboxGroup,
   rs as useLanguage,
   Ai as usePagination,
-  Fi as useRadioGroup
+  Li as useRadioGroup
 };