@x-wave/blog 1.0.20 → 1.0.22

package/index.js

@@ -1,19 +1,19 @@
-import { jsxs as d, jsx as e, Fragment as G } from "react/jsx-runtime";
-import { useTranslation as O } from "react-i18next";
-import { useLocation as Q, useNavigate as K, useParams as ce, Link as he, Navigate as be, Routes as ye, Route as me } from "react-router-dom";
-import { useState as T, useEffect as S, createContext as Te, useContext as Pe, useRef as F } from "react";
-import Le from "react-markdown";
-import Se from "remark-gfm";
-import ne from "i18next";
-import { User as De, CalendarBlank as Be, X as re, Tag as Me, MagnifyingGlass as ge, List as Ee, Sun as _e, Moon as pe, Monitor as fe, CaretDown as oe, Globe as Oe, CaretRight as Re } from "@phosphor-icons/react";
-import { createPortal as we } from "react-dom";
-const je = "_tabContainer_zk6h4_1", Ae = "_tab_zk6h4_1", We = "_active_zk6h4_45", Y = {
-  tabContainer: je,
-  tab: Ae,
-  active: We
+import { jsxs as d, jsx as e, Fragment as Y } from "react/jsx-runtime";
+import { useTranslation as E } from "react-i18next";
+import { useLocation as Q, useNavigate as z, useParams as ie, Link as pe, Navigate as xe, Routes as Te, Route as fe } from "react-router-dom";
+import { useState as S, useEffect as L, createContext as Le, useContext as De, useRef as K } from "react";
+import Be from "react-markdown";
+import Me from "remark-gfm";
+import se from "i18next";
+import { User as Ee, CalendarBlank as Oe, X as de, Tag as Re, MagnifyingGlass as ve, List as je, Sun as be, Moon as we, Monitor as Ne, CaretDown as re, Globe as Ae, CaretRight as We } from "@phosphor-icons/react";
+import { createPortal as Ce } from "react-dom";
+const He = "_tabContainer_zk6h4_1", qe = "_tab_zk6h4_1", Fe = "_active_zk6h4_45", X = {
+  tabContainer: He,
+  tab: qe,
+  active: Fe
 };
-function He({ hasAdvanced: t }) {
-  const { t: n } = O(), s = Q(), a = K();
+function Ke({ hasAdvanced: t }) {
+  const { t: n } = E(), s = Q(), a = z();
   if (!t) return null;
   const o = new URLSearchParams(s.search).has("advanced"), u = () => {
     if (o) {
@@ -22,18 +22,18 @@ function He({ hasAdvanced: t }) {
       const v = h.toString(), _ = v ? `?${v}` : "";
       a(`${s.pathname}${_}${s.hash}`);
     }
-  }, g = () => {
+  }, m = () => {
     if (!o) {
       const h = new URLSearchParams(s.search);
       h.set("advanced", ""), a(`${s.pathname}?${h.toString()}${s.hash}`);
     }
   };
-  return /* @__PURE__ */ d("div", { className: Y.tabContainer, children: [
+  return /* @__PURE__ */ d("div", { className: X.tabContainer, children: [
     /* @__PURE__ */ e(
       "button",
       {
         type: "button",
-        className: `${Y.tab} ${o ? "" : Y.active}`,
+        className: `${X.tab} ${o ? "" : X.active}`,
         onClick: u,
         children: n("ui.simple")
       }
@@ -42,43 +42,43 @@ function He({ hasAdvanced: t }) {
       "button",
       {
         type: "button",
-        className: `${Y.tab} ${o ? Y.active : ""}`,
-        onClick: g,
+        className: `${X.tab} ${o ? X.active : ""}`,
+        onClick: m,
         children: n("ui.advanced")
       }
     )
   ] });
 }
-function qe({ children: t }) {
+function Ue({ children: t }) {
   return /* @__PURE__ */ e("div", { className: "xw-blog-root", children: t });
 }
-function $e(t) {
+function Ie(t) {
   function n(s) {
     const a = s.match(/^---\s*\n([\s\S]*?)\n---\s*\n/);
     if (!a) return { frontmatter: {}, content: s };
     const r = {}, o = a[1];
-    let u = "", g = !1;
+    let u = "", m = !1;
     const h = [];
     for (const _ of o.split(`
 `)) {
       const b = _.trim();
       if (b.startsWith("-")) {
-        if (g) {
+        if (m) {
           const p = b.substring(1).trim();
           h.push(p);
         }
         continue;
       }
-      if (g && !b.startsWith("-") && (r[u] = h.slice(), h.length = 0, g = !1), b != null && b.includes(":")) {
+      if (m && !b.startsWith("-") && (r[u] = h.slice(), h.length = 0, m = !1), b != null && b.includes(":")) {
         const [p, ...i] = b.split(":"), l = i.join(":").trim();
         if (u = p.trim(), !l) {
-          g = !0;
+          m = !0;
           continue;
         }
         l === "true" ? r[u] = !0 : l === "false" ? r[u] = !1 : r[u] = l;
       }
     }
-    g && h.length > 0 && (r[u] = h);
+    m && h.length > 0 && (r[u] = h);
     const v = s.replace(
       /^---\s*\n[\s\S]*?\n---\s*\n/,
       ""
@@ -91,9 +91,9 @@ function $e(t) {
      * Automatically loads the advanced variant if `advanced` is true.
      */
     async loadMDXContent(s, a, r = !1) {
-      const o = r ? `${a}-advanced.mdx` : `${a}.mdx`, u = `./docs/${s}/${o}`, g = t[u];
-      if (!g) throw new Error(`File not found: ${u}`);
-      const h = await g(), { frontmatter: v, content: _ } = n(h);
+      const o = r ? `${a}-advanced.mdx` : `${a}.mdx`, u = `./docs/${s}/${o}`, m = t[u];
+      if (!m) throw new Error(`File not found: ${u}`);
+      const h = await m(), { frontmatter: v, content: _ } = n(h);
       return { content: _, frontmatter: v };
     },
     /**
@@ -103,7 +103,7 @@ function $e(t) {
     async loadEnglishContent(s, a = !1) {
       const o = `./docs/en/${a ? `${s}-advanced.mdx` : `${s}.mdx`}`, u = t[o];
       if (!u) throw new Error(`File not found: ${o}`);
-      const g = await u(), { content: h } = n(g);
+      const m = await u(), { content: h } = n(m);
       return h;
     },
     /**
@@ -119,49 +119,49 @@ function $e(t) {
       );
       for (const u of o)
         try {
-          const g = t[u], h = await g(), { frontmatter: v, content: _ } = n(h), b = u.split("/").pop() || "", p = b.replace(".mdx", "").replace("-advanced", ""), i = _.match(/^#\s+(.+)$/m), l = i ? i[1].trim() : p;
+          const m = t[u], h = await m(), { frontmatter: v, content: _ } = n(h), b = u.split("/").pop() || "", p = b.replace(".mdx", "").replace("-advanced", ""), i = _.match(/^#\s+(.+)$/m), l = i ? i[1].trim() : p;
           if (b.includes("-advanced")) continue;
           const c = v.tags;
           if (c && Array.isArray(c))
             for (const w of c)
-              a[w] || (a[w] = []), a[w].some((I) => I.slug === p) || a[w].push({ slug: p, title: l });
-        } catch (g) {
-          console.warn(`Failed to process ${u}:`, g);
+              a[w] || (a[w] = []), a[w].some((k) => k.slug === p) || a[w].push({ slug: p, title: l });
+        } catch (m) {
+          console.warn(`Failed to process ${u}:`, m);
         }
       return a;
     }
   };
 }
-function Ga(t) {
-  const n = $e(t);
+function Xa(t) {
+  const n = Ie(t);
   return {
     mdxFiles: t,
     loadContent: n.loadMDXContent,
     loadEnglishContent: n.loadEnglishContent
   };
 }
-const Ne = "app-theme", xe = () => typeof window > "u" ? "light" : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", ve = (t) => t === "system" ? xe() : t, Fe = () => typeof window > "u" ? "system" : localStorage.getItem(Ne) || "system", Ie = () => {
-  const [t, n] = T(Fe);
-  return S(() => {
-    const a = ve(t), r = document.querySelector(".xw-blog-root");
+const ke = "app-theme", ye = () => typeof window > "u" ? "light" : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", $e = (t) => t === "system" ? ye() : t, ze = () => typeof window > "u" ? "system" : localStorage.getItem(ke) || "system", Pe = () => {
+  const [t, n] = S(ze);
+  return L(() => {
+    const a = $e(t), r = document.querySelector(".xw-blog-root");
     if (r && (r.classList.remove("light", "dark"), r.classList.add(a)), t === "system") {
       const o = window.matchMedia("(prefers-color-scheme: dark)"), u = () => {
-        const g = xe(), h = document.querySelector(".xw-blog-root");
-        h && (h.classList.remove("light", "dark"), h.classList.add(g));
+        const m = ye(), h = document.querySelector(".xw-blog-root");
+        h && (h.classList.remove("light", "dark"), h.classList.add(m));
       };
       return o.addEventListener("change", u), () => o.removeEventListener("change", u);
     }
   }, [t]), {
     theme: t,
     setTheme: (a) => {
-      localStorage.setItem(Ne, a), n(a);
+      localStorage.setItem(ke, a), n(a);
     },
-    effectiveTheme: ve(t)
+    effectiveTheme: $e(t)
   };
-}, Ke = (t) => "items" in t, te = (t, n) => t.map((s) => Ke(s) ? {
-  title: ne.getFixedT(n)(s.title),
+}, Ge = (t) => "items" in t, ae = (t, n) => t.map((s) => Ge(s) ? {
+  title: se.getFixedT(n)(s.title),
   items: s.items.map((a) => ({
-    title: ne.getFixedT(n)(a.title),
+    title: se.getFixedT(n)(a.title),
     slug: a.slug,
     ...a.hasAdvanced && { hasAdvanced: a.hasAdvanced },
     ...a.showTableOfContents !== void 0 && {
@@ -169,25 +169,25 @@ const Ne = "app-theme", xe = () => typeof window > "u" ? "light" : window.matchM
     }
   }))
 } : {
-  title: ne.getFixedT(n)(s.title),
+  title: se.getFixedT(n)(s.title),
   slug: s.slug,
   ...s.hasAdvanced && { hasAdvanced: s.hasAdvanced },
   ...s.showTableOfContents !== void 0 && {
     showTableOfContents: s.showTableOfContents
   }
-}), Z = (t) => t.toString().toLowerCase().trim().replace(/[^\w\s-]/g, "").replace(/\s+/g, "-").replace(/-+/g, "-").replace(/^-+|-+$/g, ""), Ce = Te(null);
-function Qa({
+}), Z = (t) => t.toString().toLowerCase().trim().replace(/[^\w\s-]/g, "").replace(/\s+/g, "-").replace(/-+/g, "-").replace(/^-+|-+$/g, ""), Se = Le(null);
+function Va({
   children: t,
   config: n,
   blog: s,
   navigationData: a = []
 }) {
-  Ie();
-  const [r, o] = T({});
-  S(() => {
-    const { buildTagIndex: g } = $e(s.mdxFiles), h = n.supportedLanguages.map(async (v) => {
+  Pe();
+  const [r, o] = S({});
+  L(() => {
+    const { buildTagIndex: m } = Ie(s.mdxFiles), h = n.supportedLanguages.map(async (v) => {
       try {
-        const _ = await g(v);
+        const _ = await m(v);
         return { language: v, index: _ };
       } catch (_) {
         return console.error(`Failed to build tag index for ${v}:`, _), { language: v, index: {} };
@@ -204,86 +204,86 @@ function Qa({
   }, [s.mdxFiles, n.supportedLanguages]);
   const u = { ...n, navigationData: a, tagIndex: r };
   return /* @__PURE__ */ e(
-    Ce.Provider,
+    Se.Provider,
     {
       value: {
         config: u,
         loadContent: s.loadContent,
         loadEnglishContent: s.loadEnglishContent
       },
-      children: /* @__PURE__ */ e(qe, { children: t })
+      children: /* @__PURE__ */ e(Ue, { children: t })
     }
   );
 }
-function R() {
-  const t = Pe(Ce);
+function O() {
+  const t = De(Se);
   if (!t)
     throw new Error("useBlogConfig must be used within a BlogProvider");
   return t;
 }
-const Ue = "_metadata_bsge0_1", ze = "_author_bsge0_9", Ge = "_date_bsge0_10", ae = {
-  metadata: Ue,
-  author: ze,
-  date: Ge
+const Ye = "_metadata_bsge0_1", Qe = "_author_bsge0_9", Xe = "_date_bsge0_10", ce = {
+  metadata: Ye,
+  author: Qe,
+  date: Xe
 };
-function se({ date: t, author: n }) {
-  const { t: s } = O();
-  return !t && !n ? null : /* @__PURE__ */ d("div", { className: ae.metadata, children: [
-    n && /* @__PURE__ */ d("span", { className: ae.author, children: [
-      /* @__PURE__ */ e(De, { size: 16, weight: "regular" }),
+function le({ date: t, author: n }) {
+  const { t: s } = E();
+  return !t && !n ? null : /* @__PURE__ */ d("div", { className: ce.metadata, children: [
+    n && /* @__PURE__ */ d("span", { className: ce.author, children: [
+      /* @__PURE__ */ e(Ee, { size: 16, weight: "regular" }),
       n
     ] }),
-    t && /* @__PURE__ */ d("span", { className: ae.date, children: [
-      /* @__PURE__ */ e(Be, { size: 16, weight: "regular" }),
+    t && /* @__PURE__ */ d("span", { className: ce.date, children: [
+      /* @__PURE__ */ e(Oe, { size: 16, weight: "regular" }),
       s("ui.lastEdited"),
       ": ",
       t
     ] })
   ] });
 }
-const Qe = "_tableOfContents_11q9u_1", Xe = "_header_11q9u_20", Ye = "_title_11q9u_24", Ve = "_nav_11q9u_33", Je = "_list_11q9u_39", Ze = "_link_11q9u_46", et = "_active_11q9u_70", tt = "_level1_11q9u_86", nt = "_level2_11q9u_92", at = "_level3_11q9u_97", ot = "_level4_11q9u_103", st = "_level5_11q9u_109", ct = "_level6_11q9u_115", W = {
-  tableOfContents: Qe,
-  header: Xe,
-  title: Ye,
-  nav: Ve,
-  list: Je,
-  link: Ze,
-  active: et,
-  level1: tt,
-  level2: nt,
-  level3: at,
-  level4: ot,
-  level5: st,
-  level6: ct
+const Ve = "_tableOfContents_11q9u_1", Je = "_header_11q9u_20", Ze = "_title_11q9u_24", et = "_nav_11q9u_33", tt = "_list_11q9u_39", nt = "_link_11q9u_46", at = "_active_11q9u_70", ot = "_level1_11q9u_86", st = "_level2_11q9u_92", ct = "_level3_11q9u_97", rt = "_level4_11q9u_103", lt = "_level5_11q9u_109", it = "_level6_11q9u_115", H = {
+  tableOfContents: Ve,
+  header: Je,
+  title: Ze,
+  nav: et,
+  list: tt,
+  link: nt,
+  active: at,
+  level1: ot,
+  level2: st,
+  level3: ct,
+  level4: rt,
+  level5: lt,
+  level6: it
 };
-function rt({
+function dt({
   content: t,
   englishContent: n
 }) {
-  const { t: s } = O(), a = Q(), r = K(), [o, u] = T([]), [g, h] = T(""), v = F(null);
-  S(() => {
+  const { t: s } = E(), a = Q(), r = z(), [o, u] = S([]), [m, h] = S(""), v = K(null);
+  L(() => {
     h(""), (() => {
       const p = /^(#{1,6})\s+(.+)$/gm, i = [];
       let l = p.exec(t);
       const c = [];
       for (; l !== null; ) {
-        const f = l[1].length, $ = l[2].trim();
-        c.push({ level: f, text: $ }), l = p.exec(t);
+        const f = l[1].length, N = l[2].trim();
+        c.push({ level: f, text: N }), l = p.exec(t);
       }
       const w = /^(#{1,6})\s+(.+)$/gm;
-      let I = w.exec(n), y = 0;
-      for (; I !== null && y < c.length; ) {
-        const f = I[2].trim(), $ = Z(f);
+      let k = w.exec(n), y = 0;
+      for (; k !== null && y < c.length; ) {
+        const f = k[2].trim(), N = Z(f);
         i.push({
-          id: $,
+          id: N,
           text: c[y].text,
           // Use localized text for display
           level: c[y].level
-        }), y++, I = w.exec(n);
+        }), y++, k = w.exec(n);
       }
       u(i);
     })();
-  }, [t, n]), S(() => {
+  }, [t, n]), L(() => {
     if (o.length === 0) return;
     const b = setTimeout(() => {
       const p = o.filter(
@@ -292,7 +292,7 @@ function rt({
       p.length > 0 && console.warn("Some heading elements not found:", p);
     }, 100);
     return () => clearTimeout(b);
-  }, [o]), S(() => {
+  }, [o]), L(() => {
     if (o.length === 0) return;
     v.current && v.current.disconnect();
     const b = setTimeout(() => {
@@ -301,7 +301,7 @@ function rt({
         (i) => {
           const l = i.filter((c) => c.isIntersecting);
           if (l.length > 0) {
-            const c = l.reduce((w, I) => w.boundingClientRect.top < I.boundingClientRect.top ? w : I);
+            const c = l.reduce((w, k) => w.boundingClientRect.top < k.boundingClientRect.top ? w : k);
             h(c.target.id);
           }
         },
@@ -316,7 +316,7 @@ function rt({
     return () => {
       clearTimeout(b), v.current && v.current.disconnect();
     };
-  }, [o]), S(() => () => {
+  }, [o]), L(() => () => {
     v.current && v.current.disconnect();
   }, []);
   const _ = (b) => {
@@ -336,12 +336,12 @@ function rt({
       });
     }
   };
-  return o.length === 0 ? null : /* @__PURE__ */ d("aside", { className: W.tableOfContents, children: [
-    /* @__PURE__ */ e("div", { className: W.header, children: /* @__PURE__ */ e("span", { className: W.title, children: s("ui.onThisPage", "On this page") }) }),
-    /* @__PURE__ */ e("nav", { className: W.nav, children: /* @__PURE__ */ e("ul", { className: W.list, children: o.map((b) => /* @__PURE__ */ e("li", { className: W.item, children: /* @__PURE__ */ e(
+  return o.length === 0 ? null : /* @__PURE__ */ d("aside", { className: H.tableOfContents, children: [
+    /* @__PURE__ */ e("div", { className: H.header, children: /* @__PURE__ */ e("span", { className: H.title, children: s("ui.onThisPage", "On this page") }) }),
+    /* @__PURE__ */ e("nav", { className: H.nav, children: /* @__PURE__ */ e("ul", { className: H.list, children: o.map((b) => /* @__PURE__ */ e("li", { className: H.item, children: /* @__PURE__ */ e(
       "button",
       {
-        className: `${W.link} ${W[`level${b.level}`]} ${g === b.id ? W.active : ""}`,
+        className: `${H.link} ${H[`level${b.level}`]} ${m === b.id ? H.active : ""}`,
         onClick: () => _(b.id),
         type: "button",
         children: b.text
@@ -349,30 +349,30 @@ function rt({
     ) }, b.id)) }) })
   ] });
 }
-const lt = "_overlay_1e1d4_1", it = "_modal_1e1d4_26", dt = "_header_1e1d4_50", ut = "_title_1e1d4_58", ht = "_closeButton_1e1d4_65", mt = "_results_1e1d4_86", gt = "_resultsList_1e1d4_94", _t = "_resultItem_1e1d4_100", pt = "_resultTitle_1e1d4_119", ft = "_resultSlug_1e1d4_124", vt = "_noResults_1e1d4_130", j = {
-  overlay: lt,
-  modal: it,
-  header: dt,
-  title: ut,
-  closeButton: ht,
-  results: mt,
-  resultsList: gt,
-  resultItem: _t,
-  resultTitle: pt,
-  resultSlug: ft,
-  noResults: vt
+const ut = "_overlay_1e1d4_1", ht = "_modal_1e1d4_26", gt = "_header_1e1d4_50", mt = "_title_1e1d4_58", _t = "_closeButton_1e1d4_65", pt = "_results_1e1d4_86", ft = "_resultsList_1e1d4_94", vt = "_resultItem_1e1d4_100", bt = "_resultTitle_1e1d4_119", wt = "_resultSlug_1e1d4_124", Nt = "_noResults_1e1d4_130", j = {
+  overlay: ut,
+  modal: ht,
+  header: gt,
+  title: mt,
+  closeButton: _t,
+  results: pt,
+  resultsList: ft,
+  resultItem: vt,
+  resultTitle: bt,
+  resultSlug: wt,
+  noResults: Nt
 };
-function bt({
+function $t({
   tag: t,
   results: n,
   language: s,
   onClose: a
 }) {
-  const { t: r } = O(), { config: o } = R(), u = K(), g = (h) => {
+  const { t: r } = E(), { config: o } = O(), u = z(), m = (h) => {
     const v = o.basePath || "";
     u(`${v}/${s}/${h}`), a();
   };
-  return we(
+  return Ce(
     /* @__PURE__ */ e("div", { className: j.overlay, onClick: a, children: /* @__PURE__ */ d("div", { className: j.modal, onClick: (h) => h.stopPropagation(), children: [
       /* @__PURE__ */ d("div", { className: j.header, children: [
         /* @__PURE__ */ d("h2", { className: j.title, children: [
@@ -387,7 +387,7 @@ function bt({
             className: j.closeButton,
             onClick: a,
             "aria-label": "Close",
-            children: /* @__PURE__ */ e(re, {})
+            children: /* @__PURE__ */ e(de, {})
           }
         )
       ] }),
@@ -396,7 +396,7 @@ function bt({
         {
           type: "button",
           className: j.resultItem,
-          onClick: () => g(h.slug),
+          onClick: () => m(h.slug),
           children: [
             /* @__PURE__ */ e("div", { className: j.resultTitle, children: h.title }),
             /* @__PURE__ */ d("div", { className: j.resultSlug, children: [
@@ -410,16 +410,16 @@ function bt({
     document.body
   );
 }
-const wt = "_tags_11t8a_1", $t = "_compact_11t8a_9", Nt = "_tagLabel_11t8a_15", xt = "_tagIcon_11t8a_25", It = "_tagList_11t8a_30", Ct = "_tag_11t8a_1", z = {
-  tags: wt,
-  compact: $t,
-  tagLabel: Nt,
-  tagIcon: xt,
-  tagList: It,
-  tag: Ct
+const xt = "_tags_11t8a_1", Ct = "_compact_11t8a_9", It = "_tagLabel_11t8a_15", kt = "_tagIcon_11t8a_25", yt = "_tagList_11t8a_30", Pt = "_tag_11t8a_1", G = {
+  tags: xt,
+  compact: Ct,
+  tagLabel: It,
+  tagIcon: kt,
+  tagList: yt,
+  tag: Pt
 };
-function kt({ tags: t, variant: n = "default", onTagClick: s }) {
-  const { t: a } = O();
+function St({ tags: t, variant: n = "default", onTagClick: s }) {
+  const { t: a } = E();
   if (!t || t.length === 0) return null;
   const r = (o) => {
     s && s(o);
@@ -427,20 +427,20 @@ function kt({ tags: t, variant: n = "default", onTagClick: s }) {
   return /* @__PURE__ */ d(
     "div",
     {
-      className: `${z.tags} ${n === "compact" ? z.compact : ""}`,
+      className: `${G.tags} ${n === "compact" ? G.compact : ""}`,
       children: [
-        n === "default" && /* @__PURE__ */ d("div", { className: z.tagLabel, children: [
-          /* @__PURE__ */ e(Me, { className: z.tagIcon, weight: "duotone" }),
+        n === "default" && /* @__PURE__ */ d("div", { className: G.tagLabel, children: [
+          /* @__PURE__ */ e(Re, { className: G.tagIcon, weight: "duotone" }),
           /* @__PURE__ */ d("span", { children: [
             a("ui.tags"),
             ":"
           ] })
         ] }),
-        /* @__PURE__ */ e("div", { className: z.tagList, children: t.map((o) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: G.tagList, children: t.map((o) => /* @__PURE__ */ e(
           "button",
           {
             type: "button",
-            className: z.tag,
+            className: G.tag,
             onClick: () => r(o),
             "aria-label": `${a("ui.filterByTag")}: ${o}`,
             children: o
@@ -451,75 +451,75 @@ function kt({ tags: t, variant: n = "default", onTagClick: s }) {
     }
   );
 }
-const yt = "_contentPage_1nxj5_1", Tt = "_loadingContainer_1nxj5_48", Pt = "_errorContainer_1nxj5_49", Lt = "_skeletonTitle_1nxj5_71", St = "_skeletonParagraph_1nxj5_80", Dt = "_skeletonParagraphShort_1nxj5_93", Bt = "_errorText_1nxj5_107", Mt = "_mdxContent_1nxj5_112", Et = "_withMetadata_1nxj5_125", Ot = "_codeBlock_1nxj5_300", Rt = "_codeLanguage_1nxj5_304", B = {
-  contentPage: yt,
-  loadingContainer: Tt,
-  errorContainer: Pt,
-  skeletonTitle: Lt,
-  skeletonParagraph: St,
-  skeletonParagraphShort: Dt,
-  errorText: Bt,
-  mdxContent: Mt,
-  withMetadata: Et,
-  codeBlock: Ot,
-  codeLanguage: Rt
+const Tt = "_contentPage_1nxj5_1", Lt = "_loadingContainer_1nxj5_48", Dt = "_errorContainer_1nxj5_49", Bt = "_skeletonTitle_1nxj5_71", Mt = "_skeletonParagraph_1nxj5_80", Et = "_skeletonParagraphShort_1nxj5_93", Ot = "_errorText_1nxj5_107", Rt = "_mdxContent_1nxj5_112", jt = "_withMetadata_1nxj5_125", At = "_codeBlock_1nxj5_300", Wt = "_codeLanguage_1nxj5_304", B = {
+  contentPage: Tt,
+  loadingContainer: Lt,
+  errorContainer: Dt,
+  skeletonTitle: Bt,
+  skeletonParagraph: Mt,
+  skeletonParagraphShort: Et,
+  errorText: Ot,
+  mdxContent: Rt,
+  withMetadata: jt,
+  codeBlock: At,
+  codeLanguage: Wt
 };
-function jt({ language: t }) {
-  var ue;
-  const { slug: n } = ce(), s = Q(), { config: a, loadContent: r, loadEnglishContent: o } = R(), [u, g] = T(""), [h, v] = T(""), [_, b] = T({}), [p, i] = T(!0), [l, c] = T(null), [w, I] = T(!0), [y, f] = T(null), $ = F(0), D = F([]), ee = ((m) => {
-    const C = {
+function Ht({ language: t }) {
+  var me;
+  const { slug: n } = ie(), s = Q(), { config: a, loadContent: r, loadEnglishContent: o } = O(), [u, m] = S(""), [h, v] = S(""), [_, b] = S({}), [p, i] = S(!0), [l, c] = S(null), [w, k] = S(!0), [y, f] = S(null), N = K(0), D = K([]), ee = ((g) => {
+    const x = {
       advanced: !1,
       anchor: ""
     };
-    if (!m) return C;
-    const N = (m.startsWith("?") ? m.substring(1) : m).split("&");
-    for (const k of N)
-      k === "advanced" ? C.advanced = !0 : k.startsWith("a=") && (C.anchor = k.substring(2));
-    return C;
-  })(s.search), A = ee.advanced;
-  if (S(() => {
+    if (!g) return x;
+    const $ = (g.startsWith("?") ? g.substring(1) : g).split("&");
+    for (const C of $)
+      C === "advanced" ? x.advanced = !0 : C.startsWith("a=") && (x.anchor = C.substring(2));
+    return x;
+  })(s.search), U = ee.advanced;
+  if (L(() => {
     (async () => {
       if (!n) return;
-      i(!0), c(null), $.current = 0;
-      const C = (a == null ? void 0 : a.navigationData) || [];
-      let L = !0;
-      for (const N of C)
-        if ("items" in N) {
-          const k = N.items.find((E) => E.slug === n);
-          if (k) {
-            L = k.showTableOfContents !== !1;
+      i(!0), c(null), N.current = 0;
+      const x = (a == null ? void 0 : a.navigationData) || [];
+      let P = !0;
+      for (const $ of x)
+        if ("items" in $) {
+          const C = $.items.find((W) => W.slug === n);
+          if (C) {
+            P = C.showTableOfContents !== !1;
             break;
           }
-        } else if (N.slug === n) {
-          L = N.showTableOfContents !== !1;
+        } else if ($.slug === n) {
+          P = $.showTableOfContents !== !1;
           break;
         }
-      I(L);
+      k(P);
       try {
-        let N;
+        let $;
         try {
-          N = await r(t, n, A);
+          $ = await r(t, n, U);
         } catch {
-          if (A)
-            N = await r(t, n, !1);
+          if (U)
+            $ = await r(t, n, !1);
           else
             throw new Error("Content not found");
         }
-        let k = "";
+        let C = "";
         try {
-          k = await o(n, A);
+          C = await o(n, U);
         } catch {
-          A && (k = await o(n, !1));
+          U && (C = await o(n, !1));
         }
-        const E = /^(#{1,6})\s+(.+)$/gm, X = [];
-        let U = E.exec(k);
-        for (; U !== null; ) {
-          const ke = U[2].trim();
-          X.push(ke), U = E.exec(k);
+        const W = /^(#{1,6})\s+(.+)$/gm, R = [];
+        let A = W.exec(C);
+        for (; A !== null; ) {
+          const ne = A[2].trim();
+          R.push(ne), A = W.exec(C);
         }
-        D.current = X, v(k), g(N.content), b(N.frontmatter);
-      } catch (N) {
-        c(N instanceof Error ? N.message : "Failed to load content");
+        D.current = R, v(C), m($.content), b($.frontmatter);
+      } catch ($) {
+        c($ instanceof Error ? $.message : "Failed to load content");
       } finally {
         i(!1);
       }
@@ -527,23 +527,23 @@ function jt({ language: t }) {
   }, [
     n,
     t,
-    A,
+    U,
     a.navigationData,
     r,
     o
-  ]), S(() => {
+  ]), L(() => {
     if (!p && ee.anchor) {
-      const m = setTimeout(() => {
-        const C = document.getElementById(ee.anchor);
-        if (C) {
-          const k = C.getBoundingClientRect().top + window.pageYOffset - 80;
+      const g = setTimeout(() => {
+        const x = document.getElementById(ee.anchor);
+        if (x) {
+          const C = x.getBoundingClientRect().top + window.pageYOffset - 80;
           window.scrollTo({
-            top: k,
+            top: C,
             behavior: "smooth"
           });
         }
       }, 150);
-      return () => clearTimeout(m);
+      return () => clearTimeout(g);
     }
   }, [p, ee.anchor]), p)
     return /* @__PURE__ */ e("div", { className: B.contentPage, children: /* @__PURE__ */ d("div", { className: B.loadingContainer, children: [
@@ -557,38 +557,61 @@ function jt({ language: t }) {
       "Error: ",
       l
     ] }) }) });
-  $.current = 0;
-  let de = !1;
-  return /* @__PURE__ */ d(G, { children: [
+  N.current = 0;
+  let ge = !1;
+  const te = (g, x) => {
+    g.preventDefault();
+    const P = document.getElementById(x);
+    if (P) {
+      const W = P.getBoundingClientRect().top + window.pageYOffset - 80;
+      window.scrollTo({
+        top: W,
+        behavior: "smooth"
+      });
+      const R = new URL(window.location.href);
+      if (R.hash) {
+        const A = R.hash.split("?"), ne = A[0], oe = new URLSearchParams(A[1] || "");
+        oe.set("a", x), U && oe.set("advanced", "");
+        const _e = oe.toString();
+        R.hash = _e ? `${ne}?${_e}` : ne;
+      } else {
+        const A = new URLSearchParams(R.search);
+        A.set("a", x), U && A.set("advanced", ""), R.search = `?${A.toString()}`;
+      }
+      window.history.pushState(null, "", R.toString());
+    }
+  };
+  return /* @__PURE__ */ d(Y, { children: [
     /* @__PURE__ */ d("div", { className: B.contentPage, children: [
-      /* @__PURE__ */ e(He, { hasAdvanced: _.hasAdvanced || !1 }),
+      /* @__PURE__ */ e(Ke, { hasAdvanced: _.hasAdvanced || !1 }),
       /* @__PURE__ */ e("div", { className: B.mdxContent, children: /* @__PURE__ */ e(
-        Le,
+        Be,
         {
-          remarkPlugins: [Se],
+          remarkPlugins: [Me],
           components: {
-            h1: ({ children: m }) => {
-              const C = $.current++, L = D.current[C] || "", N = Z(L), k = A ? `?advanced&a=${N}` : `?a=${N}`, E = `#/${t}/${n}${k}`, X = !de;
-              de = !0;
-              const U = _.date || _.author;
-              return /* @__PURE__ */ d(G, { children: [
+            h1: ({ children: g }) => {
+              const x = N.current++, P = D.current[x] || "", $ = Z(P), C = !ge;
+              ge = !0;
+              const W = _.date || _.author;
+              return /* @__PURE__ */ d(Y, { children: [
                 /* @__PURE__ */ e(
                   "h1",
                   {
-                    id: N,
-                    className: X && U ? B.withMetadata : void 0,
+                    id: $,
+                    className: C && W ? B.withMetadata : void 0,
                     children: /* @__PURE__ */ e(
                       "a",
                       {
-                        href: E,
+                        href: `#${$}`,
+                        onClick: (R) => te(R, $),
                         style: { color: "inherit", textDecoration: "none" },
-                        children: m
+                        children: g
                       }
                     )
                   }
                 ),
-                X && U && /* @__PURE__ */ e(
-                  se,
+                C && W && /* @__PURE__ */ e(
+                  le,
                   {
                     date: _.date,
                     author: _.author
@@ -596,97 +619,100 @@ function jt({ language: t }) {
                 )
               ] });
             },
-            h2: ({ children: m }) => {
-              const C = $.current++, L = D.current[C] || "", N = Z(L), k = A ? `?advanced&a=${N}` : `?a=${N}`, E = `#/${t}/${n}${k}`;
-              return /* @__PURE__ */ e("h2", { id: N, children: /* @__PURE__ */ e(
+            h2: ({ children: g }) => {
+              const x = N.current++, P = D.current[x] || "", $ = Z(P);
+              return /* @__PURE__ */ e("h2", { id: $, children: /* @__PURE__ */ e(
                 "a",
                 {
-                  href: E,
+                  href: `#${$}`,
+                  onClick: (C) => te(C, $),
                   style: { color: "inherit", textDecoration: "none" },
-                  children: m
+                  children: g
                 }
               ) });
             },
-            h3: ({ children: m }) => {
-              const C = $.current++, L = D.current[C] || "", N = Z(L), k = A ? `?advanced&a=${N}` : `?a=${N}`, E = `#/${t}/${n}${k}`;
-              return /* @__PURE__ */ e("h3", { id: N, children: /* @__PURE__ */ e(
+            h3: ({ children: g }) => {
+              const x = N.current++, P = D.current[x] || "", $ = Z(P);
+              return /* @__PURE__ */ e("h3", { id: $, children: /* @__PURE__ */ e(
                 "a",
                 {
-                  href: E,
+                  href: `#${$}`,
+                  onClick: (C) => te(C, $),
                   style: { color: "inherit", textDecoration: "none" },
-                  children: m
+                  children: g
                 }
               ) });
             },
-            h4: ({ children: m }) => {
-              const C = $.current++, L = D.current[C] || "", N = Z(L), k = A ? `?advanced&a=${N}` : `?a=${N}`, E = `#/${t}/${n}${k}`;
-              return /* @__PURE__ */ e("h4", { id: N, children: /* @__PURE__ */ e(
+            h4: ({ children: g }) => {
+              const x = N.current++, P = D.current[x] || "", $ = Z(P);
+              return /* @__PURE__ */ e("h4", { id: $, children: /* @__PURE__ */ e(
                 "a",
                 {
-                  href: E,
+                  href: `#${$}`,
+                  onClick: (C) => te(C, $),
                   style: { color: "inherit", textDecoration: "none" },
-                  children: m
+                  children: g
                 }
               ) });
             },
-            h5: ({ children: m }) => {
-              const C = `h5-${$.current++}`;
-              return /* @__PURE__ */ e("h5", { id: C, children: m });
+            h5: ({ children: g }) => {
+              const x = `h5-${N.current++}`;
+              return /* @__PURE__ */ e("h5", { id: x, children: g });
             },
-            h6: ({ children: m }) => {
-              const C = `h6-${$.current++}`;
-              return /* @__PURE__ */ e("h6", { id: C, children: m });
+            h6: ({ children: g }) => {
+              const x = `h6-${N.current++}`;
+              return /* @__PURE__ */ e("h6", { id: x, children: g });
             },
-            p: ({ children: m }) => /* @__PURE__ */ e("p", { children: m }),
-            ul: ({ children: m }) => /* @__PURE__ */ e("ul", { children: m }),
-            ol: ({ children: m }) => /* @__PURE__ */ e("ol", { children: m }),
-            li: ({ children: m }) => /* @__PURE__ */ e("li", { children: m }),
-            code: ({ className: m, children: C, ...L }) => {
-              if (!m)
-                return /* @__PURE__ */ e("code", { ...L, children: C });
-              const k = (m == null ? void 0 : m.replace("language-", "")) || "";
+            p: ({ children: g }) => /* @__PURE__ */ e("p", { children: g }),
+            ul: ({ children: g }) => /* @__PURE__ */ e("ul", { children: g }),
+            ol: ({ children: g }) => /* @__PURE__ */ e("ol", { children: g }),
+            li: ({ children: g }) => /* @__PURE__ */ e("li", { children: g }),
+            code: ({ className: g, children: x, ...P }) => {
+              if (!g)
+                return /* @__PURE__ */ e("code", { ...P, children: x });
+              const C = (g == null ? void 0 : g.replace("language-", "")) || "";
               return /* @__PURE__ */ d("div", { className: B.codeBlock, children: [
-                k && /* @__PURE__ */ e("div", { className: B.codeLanguage, children: k }),
-                /* @__PURE__ */ e("pre", { children: /* @__PURE__ */ e("code", { className: m, ...L, children: C }) })
+                C && /* @__PURE__ */ e("div", { className: B.codeLanguage, children: C }),
+                /* @__PURE__ */ e("pre", { children: /* @__PURE__ */ e("code", { className: g, ...P, children: x }) })
               ] });
             },
-            pre: ({ children: m }) => /* @__PURE__ */ e(G, { children: m }),
+            pre: ({ children: g }) => /* @__PURE__ */ e(Y, { children: g }),
             // Let code component handle pre styling
-            blockquote: ({ children: m }) => /* @__PURE__ */ e("blockquote", { children: m }),
-            a: ({ href: m, children: C, ...L }) => {
-              if (m != null && m.startsWith("./")) {
-                const N = m.slice(2), k = `#/${t}/${N}`;
-                return /* @__PURE__ */ e("a", { href: k, ...L, children: C });
+            blockquote: ({ children: g }) => /* @__PURE__ */ e("blockquote", { children: g }),
+            a: ({ href: g, children: x, ...P }) => {
+              if (g != null && g.startsWith("./")) {
+                const $ = g.slice(2), C = `#/${t}/${$}`;
+                return /* @__PURE__ */ e("a", { href: C, ...P, children: x });
               }
-              return m != null && m.startsWith("http://") || m != null && m.startsWith("https://") ? /* @__PURE__ */ e(
+              return g != null && g.startsWith("http://") || g != null && g.startsWith("https://") ? /* @__PURE__ */ e(
                 "a",
                 {
-                  href: m,
+                  href: g,
                   target: "_blank",
                   rel: "noopener noreferrer",
-                  ...L,
-                  children: C
+                  ...P,
+                  children: x
                 }
-              ) : /* @__PURE__ */ e("a", { href: m, ...L, children: C });
+              ) : /* @__PURE__ */ e("a", { href: g, ...P, children: x });
             },
-            strong: ({ children: m }) => /* @__PURE__ */ e("strong", { children: m }),
-            em: ({ children: m }) => /* @__PURE__ */ e("em", { children: m })
+            strong: ({ children: g }) => /* @__PURE__ */ e("strong", { children: g }),
+            em: ({ children: g }) => /* @__PURE__ */ e("em", { children: g })
           },
           children: u
         }
       ) }),
       _.tags && _.tags.length > 0 && /* @__PURE__ */ e(
-        kt,
+        St,
         {
           tags: _.tags,
           variant: "compact",
-          onTagClick: (m) => f(m)
+          onTagClick: (g) => f(g)
         }
       )
     ] }),
-    w && /* @__PURE__ */ e(rt, { content: u, englishContent: h }),
-    y && ((ue = a.tagIndex) == null ? void 0 : ue[t]) && /* @__PURE__ */ e(
-      bt,
+    w && /* @__PURE__ */ e(dt, { content: u, englishContent: h }),
+    y && ((me = a.tagIndex) == null ? void 0 : me[t]) && /* @__PURE__ */ e(
+      $t,
       {
         tag: y,
         results: a.tagIndex[t][y] || [],
@@ -696,80 +722,80 @@ function jt({ language: t }) {
     )
   ] });
 }
-const At = "_searchButton_1k9sl_1", Wt = "_searchIcon_1k9sl_17", Ht = "_searchHint_1k9sl_23", qt = "_kbd_1k9sl_27", Ft = "_searchOverlay_1k9sl_42", Kt = "_searchModal_1k9sl_67", Ut = "_searchHeader_1k9sl_91", zt = "_searchInput_1k9sl_105", Gt = "_closeButton_1k9sl_123", Qt = "_searchResults_1k9sl_144", Xt = "_resultsList_1k9sl_152", Yt = "_resultItem_1k9sl_158", Vt = "_selected_1k9sl_173", Jt = "_resultTitle_1k9sl_176", Zt = "_resultSlug_1k9sl_180", en = "_noResults_1k9sl_186", tn = "_searchHints_1k9sl_193", nn = "_hint_1k9sl_210", P = {
-  searchButton: At,
-  searchIcon: Wt,
-  searchHint: Ht,
-  kbd: qt,
-  searchOverlay: Ft,
-  searchModal: Kt,
-  searchHeader: Ut,
-  searchInput: zt,
-  closeButton: Gt,
-  searchResults: Qt,
-  resultsList: Xt,
-  resultItem: Yt,
-  selected: Vt,
-  resultTitle: Jt,
-  resultSlug: Zt,
-  noResults: en,
-  searchHints: tn,
-  hint: nn
+const qt = "_searchButton_1k9sl_1", Ft = "_searchIcon_1k9sl_17", Kt = "_searchHint_1k9sl_23", Ut = "_kbd_1k9sl_27", zt = "_searchOverlay_1k9sl_42", Gt = "_searchModal_1k9sl_67", Yt = "_searchHeader_1k9sl_91", Qt = "_searchInput_1k9sl_105", Xt = "_closeButton_1k9sl_123", Vt = "_searchResults_1k9sl_144", Jt = "_resultsList_1k9sl_152", Zt = "_resultItem_1k9sl_158", en = "_selected_1k9sl_173", tn = "_resultTitle_1k9sl_176", nn = "_resultSlug_1k9sl_180", an = "_noResults_1k9sl_186", on = "_searchHints_1k9sl_193", sn = "_hint_1k9sl_210", T = {
+  searchButton: qt,
+  searchIcon: Ft,
+  searchHint: Kt,
+  kbd: Ut,
+  searchOverlay: zt,
+  searchModal: Gt,
+  searchHeader: Yt,
+  searchInput: Qt,
+  closeButton: Xt,
+  searchResults: Vt,
+  resultsList: Jt,
+  resultItem: Zt,
+  selected: en,
+  resultTitle: tn,
+  resultSlug: nn,
+  noResults: an,
+  searchHints: on,
+  hint: sn
 };
-function an({ language: t }) {
-  const { t: n } = O(), s = K(), { config: a } = R(), [r, o] = T(!1), [u, g] = T(""), [h, v] = T([]), [_, b] = T(0), p = F(null), i = F(null), c = typeof navigator < "u" && /(Mac|iPhone|iPod|iPad)/i.test(navigator.platform) ? "⌘K" : "Ctrl+K", w = (a.navigationData ? te(a.navigationData, t) : []).flatMap((f) => "items" in f ? f.items.map(($) => ({
-    title: $.title,
-    slug: $.slug
+function cn({ language: t }) {
+  const { t: n } = E(), s = z(), { config: a } = O(), [r, o] = S(!1), [u, m] = S(""), [h, v] = S([]), [_, b] = S(0), p = K(null), i = K(null), c = typeof navigator < "u" && /(Mac|iPhone|iPod|iPad)/i.test(navigator.platform) ? "⌘K" : "Ctrl+K", w = (a.navigationData ? ae(a.navigationData, t) : []).flatMap((f) => "items" in f ? f.items.map((N) => ({
+    title: N.title,
+    slug: N.slug
   })) : [{ title: f.title, slug: f.slug }]);
-  S(() => {
+  L(() => {
     if (!u.trim()) {
       v([]), b(0);
       return;
     }
-    const f = u.toLowerCase(), $ = w.filter(
+    const f = u.toLowerCase(), N = w.filter(
       (D) => D.title.toLowerCase().includes(f) || D.slug.toLowerCase().includes(f)
     );
-    v($), b(0);
-  }, [u]), S(() => {
-    const f = ($) => {
-      ($.metaKey || $.ctrlKey) && $.key === "k" && ($.preventDefault(), o(!0), setTimeout(() => {
+    v(N), b(0);
+  }, [u]), L(() => {
+    const f = (N) => {
+      (N.metaKey || N.ctrlKey) && N.key === "k" && (N.preventDefault(), o(!0), setTimeout(() => {
         var D;
         return (D = p.current) == null ? void 0 : D.focus();
-      }, 100)), $.key === "Escape" && r && (o(!1), g(""));
+      }, 100)), N.key === "Escape" && r && (o(!1), m(""));
     };
     return document.addEventListener("keydown", f), () => document.removeEventListener("keydown", f);
-  }, [r]), S(() => {
+  }, [r]), L(() => {
     const f = () => {
       o(!0), setTimeout(() => {
         var D;
         return (D = p.current) == null ? void 0 : D.focus();
       }, 100);
-    }, $ = () => {
-      o(!1), g("");
+    }, N = () => {
+      o(!1), m("");
     };
-    return window.addEventListener("blog:open-search", f), window.addEventListener("blog:close-search", $), () => {
-      window.removeEventListener("blog:open-search", f), window.removeEventListener("blog:close-search", $);
+    return window.addEventListener("blog:open-search", f), window.addEventListener("blog:close-search", N), () => {
+      window.removeEventListener("blog:open-search", f), window.removeEventListener("blog:close-search", N);
     };
   }, []);
-  const I = (f) => {
-    f.key === "ArrowDown" ? (f.preventDefault(), b(($) => Math.min($ + 1, h.length - 1))) : f.key === "ArrowUp" ? (f.preventDefault(), b(($) => Math.max($ - 1, 0))) : f.key === "Enter" && h[_] && (f.preventDefault(), y(h[_].slug));
+  const k = (f) => {
+    f.key === "ArrowDown" ? (f.preventDefault(), b((N) => Math.min(N + 1, h.length - 1))) : f.key === "ArrowUp" ? (f.preventDefault(), b((N) => Math.max(N - 1, 0))) : f.key === "Enter" && h[_] && (f.preventDefault(), y(h[_].slug));
   };
-  S(() => {
-    const f = ($) => {
-      i.current && !i.current.contains($.target) && (o(!1), g(""));
+  L(() => {
+    const f = (N) => {
+      i.current && !i.current.contains(N.target) && (o(!1), m(""));
     };
     return r && document.addEventListener("mousedown", f), () => document.removeEventListener("mousedown", f);
   }, [r]);
   const y = (f) => {
-    const $ = a.basePath || "";
-    s(`${$}/${t}/${f}`), o(!1), g("");
+    const N = a.basePath || "";
+    s(`${N}/${t}/${f}`), o(!1), m("");
   };
-  return /* @__PURE__ */ d(G, { children: [
+  return /* @__PURE__ */ d(Y, { children: [
     /* @__PURE__ */ d(
       "button",
       {
         type: "button",
-        className: P.searchButton,
+        className: T.searchButton,
         onClick: () => {
           o(!0), setTimeout(() => {
             var f;
@@ -778,81 +804,81 @@ function an({ language: t }) {
         },
         "aria-label": n("ui.search"),
         children: [
-          /* @__PURE__ */ e(ge, { className: P.searchIcon }),
-          /* @__PURE__ */ e("span", { className: P.searchHint, children: n("ui.search") }),
-          /* @__PURE__ */ e("kbd", { className: P.kbd, children: c })
+          /* @__PURE__ */ e(ve, { className: T.searchIcon }),
+          /* @__PURE__ */ e("span", { className: T.searchHint, children: n("ui.search") }),
+          /* @__PURE__ */ e("kbd", { className: T.kbd, children: c })
         ]
       }
     ),
-    r && we(
+    r && Ce(
       /* @__PURE__ */ e(
         "div",
         {
-          className: P.searchOverlay,
+          className: T.searchOverlay,
           onClick: () => {
-            o(!1), g("");
+            o(!1), m("");
           },
           children: /* @__PURE__ */ d(
             "div",
             {
-              className: P.searchModal,
+              className: T.searchModal,
               ref: i,
               onClick: (f) => f.stopPropagation(),
               children: [
-                /* @__PURE__ */ d("div", { className: P.searchHeader, children: [
-                  /* @__PURE__ */ e(ge, { className: P.searchIcon }),
+                /* @__PURE__ */ d("div", { className: T.searchHeader, children: [
+                  /* @__PURE__ */ e(ve, { className: T.searchIcon }),
                   /* @__PURE__ */ e(
                     "input",
                     {
                       ref: p,
                       type: "text",
-                      className: P.searchInput,
+                      className: T.searchInput,
                       placeholder: n("ui.searchPlaceholder"),
                       value: u,
-                      onChange: (f) => g(f.target.value),
-                      onKeyDown: I
+                      onChange: (f) => m(f.target.value),
+                      onKeyDown: k
                     }
                   ),
                   /* @__PURE__ */ e(
                     "button",
                     {
                       type: "button",
-                      className: P.closeButton,
+                      className: T.closeButton,
                       onClick: () => {
-                        o(!1), g("");
+                        o(!1), m("");
                       },
                       "aria-label": "Close search",
-                      children: /* @__PURE__ */ e(re, {})
+                      children: /* @__PURE__ */ e(de, {})
                     }
                   )
                 ] }),
-                u && /* @__PURE__ */ e("div", { className: P.searchResults, children: h.length === 0 ? /* @__PURE__ */ e("div", { className: P.noResults, children: n("ui.noSearchResults") }) : /* @__PURE__ */ e("ul", { className: P.resultsList, children: h.map((f, $) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ d(
+                u && /* @__PURE__ */ e("div", { className: T.searchResults, children: h.length === 0 ? /* @__PURE__ */ e("div", { className: T.noResults, children: n("ui.noSearchResults") }) : /* @__PURE__ */ e("ul", { className: T.resultsList, children: h.map((f, N) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ d(
                   "button",
                   {
                     type: "button",
-                    className: `${P.resultItem} ${$ === _ ? P.selected : ""}`,
+                    className: `${T.resultItem} ${N === _ ? T.selected : ""}`,
                     onClick: () => y(f.slug),
-                    onMouseEnter: () => b($),
+                    onMouseEnter: () => b(N),
                     children: [
-                      /* @__PURE__ */ e("div", { className: P.resultTitle, children: f.title }),
-                      /* @__PURE__ */ d("div", { className: P.resultSlug, children: [
+                      /* @__PURE__ */ e("div", { className: T.resultTitle, children: f.title }),
+                      /* @__PURE__ */ d("div", { className: T.resultSlug, children: [
                         "/",
                         f.slug
                       ] })
                     ]
                   }
                 ) }, f.slug)) }) }),
-                !u && /* @__PURE__ */ d("div", { className: P.searchHints, children: [
-                  /* @__PURE__ */ d("div", { className: P.hint, children: [
+                !u && /* @__PURE__ */ d("div", { className: T.searchHints, children: [
+                  /* @__PURE__ */ d("div", { className: T.hint, children: [
                     /* @__PURE__ */ e("kbd", { children: "↑" }),
                     /* @__PURE__ */ e("kbd", { children: "↓" }),
                     /* @__PURE__ */ e("span", { children: n("ui.searchNavigate") })
                   ] }),
-                  /* @__PURE__ */ d("div", { className: P.hint, children: [
+                  /* @__PURE__ */ d("div", { className: T.hint, children: [
                     /* @__PURE__ */ e("kbd", { children: "↵" }),
                     /* @__PURE__ */ e("span", { children: n("ui.searchSelect") })
                   ] }),
-                  /* @__PURE__ */ d("div", { className: P.hint, children: [
+                  /* @__PURE__ */ d("div", { className: T.hint, children: [
                     /* @__PURE__ */ e("kbd", { children: "esc" }),
                     /* @__PURE__ */ e("span", { children: n("ui.searchClose") })
                   ] })
@@ -866,69 +892,69 @@ function an({ language: t }) {
     )
   ] });
 }
-const on = "_header_jrobc_1", sn = "_container_jrobc_24", cn = "_content_jrobc_36", rn = "_leftSection_jrobc_43", ln = "_mobileMenuButton_jrobc_49", dn = "_burgerIcon_jrobc_87", un = "_logo_jrobc_92", hn = "_nav_jrobc_98", mn = "_navLink_jrobc_109", gn = "_externalIcon_jrobc_135", _n = "_supportDropdown_jrobc_141", pn = "_themeDropdown_jrobc_145", fn = "_themeButton_jrobc_149", vn = "_themeIcon_jrobc_171", bn = "_supportButton_jrobc_177", wn = "_caretIcon_jrobc_198", $n = "_dropdownMenu_jrobc_208", Nn = "_dropdownItem_jrobc_221", xn = "_dropdownIcon_jrobc_244", x = {
-  header: on,
-  container: sn,
-  content: cn,
-  leftSection: rn,
-  mobileMenuButton: ln,
-  burgerIcon: dn,
-  logo: un,
-  nav: hn,
-  navLink: mn,
-  externalIcon: gn,
-  supportDropdown: _n,
-  themeDropdown: pn,
-  themeButton: fn,
-  themeIcon: vn,
-  supportButton: bn,
-  caretIcon: wn,
-  dropdownMenu: $n,
-  dropdownItem: Nn,
-  dropdownIcon: xn
+const rn = "_header_jrobc_1", ln = "_container_jrobc_24", dn = "_content_jrobc_36", un = "_leftSection_jrobc_43", hn = "_mobileMenuButton_jrobc_49", gn = "_burgerIcon_jrobc_87", mn = "_logo_jrobc_92", _n = "_nav_jrobc_98", pn = "_navLink_jrobc_109", fn = "_externalIcon_jrobc_135", vn = "_supportDropdown_jrobc_141", bn = "_themeDropdown_jrobc_145", wn = "_themeButton_jrobc_149", Nn = "_themeIcon_jrobc_171", $n = "_supportButton_jrobc_177", xn = "_caretIcon_jrobc_198", Cn = "_dropdownMenu_jrobc_208", In = "_dropdownItem_jrobc_221", kn = "_dropdownIcon_jrobc_244", I = {
+  header: rn,
+  container: ln,
+  content: dn,
+  leftSection: un,
+  mobileMenuButton: hn,
+  burgerIcon: gn,
+  logo: mn,
+  nav: _n,
+  navLink: pn,
+  externalIcon: fn,
+  supportDropdown: vn,
+  themeDropdown: bn,
+  themeButton: wn,
+  themeIcon: Nn,
+  supportButton: $n,
+  caretIcon: xn,
+  dropdownMenu: Cn,
+  dropdownItem: In,
+  dropdownIcon: kn
 };
-function In({ onMobileMenuToggle: t }) {
-  const { t: n, i18n: s } = O(), { config: a } = R(), r = a.header ?? {}, o = r.navLinks ?? [], u = r.dropdownItems ?? [], [g, h] = T(!1), [v, _] = T(!1), { theme: b, setTheme: p } = Ie(), i = F(null), l = F(null);
-  return S(() => {
+function yn({ onMobileMenuToggle: t }) {
+  const { t: n, i18n: s } = E(), { config: a } = O(), r = a.header ?? {}, o = r.navLinks ?? [], u = r.dropdownItems ?? [], [m, h] = S(!1), [v, _] = S(!1), { theme: b, setTheme: p } = Pe(), i = K(null), l = K(null);
+  return L(() => {
     const c = (w) => {
       i.current && !i.current.contains(w.target) && h(!1), l.current && !l.current.contains(w.target) && _(!1);
     };
     return document.addEventListener("mousedown", c), () => document.removeEventListener("mousedown", c);
-  }, []), /* @__PURE__ */ e("header", { className: x.header, children: /* @__PURE__ */ e("div", { className: x.container, children: /* @__PURE__ */ d("div", { className: x.content, children: [
-    /* @__PURE__ */ d("div", { className: x.leftSection, children: [
+  }, []), /* @__PURE__ */ e("header", { className: I.header, children: /* @__PURE__ */ e("div", { className: I.container, children: /* @__PURE__ */ d("div", { className: I.content, children: [
+    /* @__PURE__ */ d("div", { className: I.leftSection, children: [
       /* @__PURE__ */ e(
         "button",
         {
           type: "button",
-          className: x.mobileMenuButton,
+          className: I.mobileMenuButton,
           onClick: t,
           "aria-label": "Open menu",
-          children: /* @__PURE__ */ e(Ee, { className: x.burgerIcon })
+          children: /* @__PURE__ */ e(je, { className: I.burgerIcon })
         }
       ),
-      /* @__PURE__ */ e("div", { className: x.logo })
+      /* @__PURE__ */ e("div", { className: I.logo })
     ] }),
-    /* @__PURE__ */ d("nav", { className: x.nav, children: [
-      /* @__PURE__ */ e(an, { language: s.language }),
-      /* @__PURE__ */ d("div", { className: x.themeDropdown, ref: l, children: [
+    /* @__PURE__ */ d("nav", { className: I.nav, children: [
+      /* @__PURE__ */ e(cn, { language: s.language }),
+      /* @__PURE__ */ d("div", { className: I.themeDropdown, ref: l, children: [
         /* @__PURE__ */ d(
           "button",
           {
             type: "button",
-            className: x.themeButton,
+            className: I.themeButton,
             onClick: () => _(!v),
             "aria-expanded": v,
             "aria-haspopup": "true",
             "aria-label": n("ui.theme"),
             children: [
-              b === "light" && /* @__PURE__ */ e(_e, { className: x.themeIcon }),
-              b === "dark" && /* @__PURE__ */ e(pe, { className: x.themeIcon }),
-              b === "system" && /* @__PURE__ */ e(fe, { className: x.themeIcon }),
-              /* @__PURE__ */ e(oe, { className: x.caretIcon })
+              b === "light" && /* @__PURE__ */ e(be, { className: I.themeIcon }),
+              b === "dark" && /* @__PURE__ */ e(we, { className: I.themeIcon }),
+              b === "system" && /* @__PURE__ */ e(Ne, { className: I.themeIcon }),
+              /* @__PURE__ */ e(re, { className: I.caretIcon })
             ]
           }
         ),
-        v && /* @__PURE__ */ d("div", { className: x.dropdownMenu, children: [
+        v && /* @__PURE__ */ d("div", { className: I.dropdownMenu, children: [
           /* @__PURE__ */ d(
             "button",
             {
@@ -936,9 +962,9 @@ function In({ onMobileMenuToggle: t }) {
               onClick: () => {
                 p("light"), _(!1);
               },
-              className: x.dropdownItem,
+              className: I.dropdownItem,
               children: [
-                /* @__PURE__ */ e(_e, { className: x.dropdownIcon }),
+                /* @__PURE__ */ e(be, { className: I.dropdownIcon }),
                 n("ui.light")
               ]
             }
@@ -950,9 +976,9 @@ function In({ onMobileMenuToggle: t }) {
               onClick: () => {
                 p("dark"), _(!1);
               },
-              className: x.dropdownItem,
+              className: I.dropdownItem,
               children: [
-                /* @__PURE__ */ e(pe, { className: x.dropdownIcon }),
+                /* @__PURE__ */ e(we, { className: I.dropdownIcon }),
                 n("ui.dark")
               ]
             }
@@ -964,41 +990,41 @@ function In({ onMobileMenuToggle: t }) {
               onClick: () => {
                 p("system"), _(!1);
               },
-              className: x.dropdownItem,
+              className: I.dropdownItem,
               children: [
-                /* @__PURE__ */ e(fe, { className: x.dropdownIcon }),
+                /* @__PURE__ */ e(Ne, { className: I.dropdownIcon }),
                 n("ui.system")
               ]
             }
           )
         ] })
       ] }),
-      u.length > 0 && /* @__PURE__ */ d("div", { className: x.supportDropdown, ref: i, children: [
+      u.length > 0 && /* @__PURE__ */ d("div", { className: I.supportDropdown, ref: i, children: [
         /* @__PURE__ */ d(
           "button",
           {
             type: "button",
-            className: x.supportButton,
-            onClick: () => h(!g),
-            "aria-expanded": g,
+            className: I.supportButton,
+            onClick: () => h(!m),
+            "aria-expanded": m,
             "aria-haspopup": "true",
             children: [
               n("ui.support"),
-              /* @__PURE__ */ e(oe, { className: x.caretIcon })
+              /* @__PURE__ */ e(re, { className: I.caretIcon })
             ]
           }
         ),
-        g && /* @__PURE__ */ e("div", { className: x.dropdownMenu, children: u.map((c, w) => {
-          const I = c.target ?? (c.url.startsWith("http") ? "_blank" : "_self"), y = c.rel ?? (I === "_blank" ? "noopener noreferrer" : void 0), f = c.icon;
+        m && /* @__PURE__ */ e("div", { className: I.dropdownMenu, children: u.map((c, w) => {
+          const k = c.target ?? (c.url.startsWith("http") ? "_blank" : "_self"), y = c.rel ?? (k === "_blank" ? "noopener noreferrer" : void 0), f = c.icon;
           return /* @__PURE__ */ d(
             "a",
             {
               href: c.url,
-              target: I,
+              target: k,
               rel: y,
-              className: x.dropdownItem,
+              className: I.dropdownItem,
               children: [
-                f && /* @__PURE__ */ e(f, { className: x.dropdownIcon }),
+                f && /* @__PURE__ */ e(f, { className: I.dropdownIcon }),
                 c.label
               ]
             },
@@ -1007,17 +1033,17 @@ function In({ onMobileMenuToggle: t }) {
         }) })
       ] }),
       o.map((c, w) => {
-        const I = c.target ?? (typeof c.url == "string" && c.url.startsWith("http") ? "_blank" : "_self"), y = c.rel ?? (I === "_blank" ? "noopener noreferrer" : void 0), f = c.icon;
+        const k = c.target ?? (typeof c.url == "string" && c.url.startsWith("http") ? "_blank" : "_self"), y = c.rel ?? (k === "_blank" ? "noopener noreferrer" : void 0), f = c.icon;
         return /* @__PURE__ */ d(
           "a",
           {
             href: c.url,
-            target: I,
+            target: k,
             rel: y,
-            className: c.className ?? x.navLink,
+            className: c.className ?? I.navLink,
             children: [
               c.label,
-              f && /* @__PURE__ */ e(f, { className: x.externalIcon })
+              f && /* @__PURE__ */ e(f, { className: I.externalIcon })
             ]
           },
           w
@@ -1027,23 +1053,23 @@ function In({ onMobileMenuToggle: t }) {
   ] }) }) });
 }
 const V = (t) => "items" in t;
-function le({
+function ue({
   styles: t,
   onLanguageChange: n
 }) {
-  const { i18n: s } = O(), a = Q(), r = K(), { config: o } = R(), [u, g] = T(!1), h = F(null), v = s.language, _ = (p) => {
+  const { i18n: s } = E(), a = Q(), r = z(), { config: o } = O(), [u, m] = S(!1), h = K(null), v = s.language, _ = (p) => {
     const i = o.basePath || "";
     let l = a.pathname;
     i && l.startsWith(i) && (l = l.slice(i.length));
     const c = l.split("/").filter(Boolean), w = c[0];
-    let I = "";
-    o.supportedLanguages.includes(w) ? (c[0] = p, I = `${i}/${c.join("/")}`) : I = `${i}/${p}${l}`;
-    const y = I + a.search + a.hash;
-    s.changeLanguage(p), r(y), g(!1), n == null || n();
+    let k = "";
+    o.supportedLanguages.includes(w) ? (c[0] = p, k = `${i}/${c.join("/")}`) : k = `${i}/${p}${l}`;
+    const y = k + a.search + a.hash;
+    s.changeLanguage(p), r(y), m(!1), n == null || n();
   };
-  S(() => {
+  L(() => {
     const p = (i) => {
-      h.current && !h.current.contains(i.target) && g(!1);
+      h.current && !h.current.contains(i.target) && m(!1);
     };
     return document.addEventListener("mousedown", p), () => document.removeEventListener("mousedown", p);
   }, []);
@@ -1054,13 +1080,13 @@ function le({
       {
         type: "button",
         className: t.languageButton,
-        onClick: () => g(!u),
+        onClick: () => m(!u),
         "aria-expanded": u,
         "aria-haspopup": "listbox",
         children: [
-          /* @__PURE__ */ e(Oe, { className: t.icon }),
+          /* @__PURE__ */ e(Ae, { className: t.icon }),
           b(v),
-          /* @__PURE__ */ e(oe, { className: t.chevron })
+          /* @__PURE__ */ e(re, { className: t.chevron })
         ]
       }
     ),
@@ -1078,30 +1104,30 @@ function le({
     )) })
   ] });
 }
-function ie({ styles: t, onLinkClick: n }) {
-  const { i18n: s } = O(), a = Q(), { config: r } = R(), [o, u] = T(() => {
+function he({ styles: t, onLinkClick: n }) {
+  const { i18n: s } = E(), a = Q(), { config: r } = O(), [o, u] = S(() => {
     if (!r.navigationData) return {};
     const i = s.language;
-    return te(r.navigationData, i).reduce(
-      (c, w, I) => {
+    return ae(r.navigationData, i).reduce(
+      (c, w, k) => {
         if (V(w)) {
-          const y = r.navigationData[I], f = V(y) && y.defaultOpen === !0;
+          const y = r.navigationData[k], f = V(y) && y.defaultOpen === !0;
           c[w.title] = f;
         }
         return c;
       },
       {}
     );
-  }), g = s.language, h = r.navigationData ? te(r.navigationData, g) : [];
-  S(() => {
+  }), m = s.language, h = r.navigationData ? ae(r.navigationData, m) : [];
+  L(() => {
     if (!r.navigationData) return;
-    const l = te(
+    const l = ae(
       r.navigationData,
-      g
+      m
     ).reduce(
-      (c, w, I) => {
+      (c, w, k) => {
         if (V(w)) {
-          const y = r.navigationData[I], f = V(y) && y.defaultOpen === !0;
+          const y = r.navigationData[k], f = V(y) && y.defaultOpen === !0;
           c[w.title] = f;
         }
         return c;
@@ -1109,7 +1135,7 @@ function ie({ styles: t, onLinkClick: n }) {
       {}
     );
     u(l);
-  }, [g, r.navigationData]);
+  }, [m, r.navigationData]);
   const v = (i) => {
     u((l) => ({
       ...l,
@@ -1126,7 +1152,7 @@ function ie({ styles: t, onLinkClick: n }) {
     let c = a.pathname;
     l && c.startsWith(l) && (c = c.slice(l.length));
     const w = c.split("/").filter(Boolean);
-    return w[0] && r.supportedLanguages.includes(w[0]) ? `${l}/${w[0]}/${i}` : `${l}/${g}/${i}`;
+    return w[0] && r.supportedLanguages.includes(w[0]) ? `${l}/${w[0]}/${i}` : `${l}/${m}/${i}`;
   }, p = () => {
     n == null || n();
   };
@@ -1139,12 +1165,12 @@ function ie({ styles: t, onLinkClick: n }) {
         onClick: () => v(i.title),
         children: [
           i.title,
-          /* @__PURE__ */ e(Re, { className: t.icon })
+          /* @__PURE__ */ e(We, { className: t.icon })
         ]
       }
     ),
     o[i.title] && /* @__PURE__ */ e("div", { className: t.sectionItems, children: i.items.map((l) => /* @__PURE__ */ e(
-      he,
+      pe,
       {
         to: b(l.slug),
         className: `${t.navItem} ${_(l.slug) ? t.active : ""}`,
@@ -1154,7 +1180,7 @@ function ie({ styles: t, onLinkClick: n }) {
       l.slug
     )) })
   ] }, i.title) : /* @__PURE__ */ e(
-    he,
+    pe,
     {
       to: b(i.slug),
       className: `${t.navItem} ${_(i.slug) ? t.active : ""}`,
@@ -1164,55 +1190,55 @@ function ie({ styles: t, onLinkClick: n }) {
     i.slug
   )) });
 }
-function Xa({
+function Ja({
   styles: t,
   onLinkClick: n,
   onLanguageChange: s
 }) {
-  return /* @__PURE__ */ d(G, { children: [
-    /* @__PURE__ */ e(le, { styles: t, onLanguageChange: s }),
-    /* @__PURE__ */ e(ie, { styles: t, onLinkClick: n })
+  return /* @__PURE__ */ d(Y, { children: [
+    /* @__PURE__ */ e(ue, { styles: t, onLanguageChange: s }),
+    /* @__PURE__ */ e(he, { styles: t, onLinkClick: n })
   ] });
 }
-const Cn = "_backdrop_1a7pu_1", kn = "_open_1a7pu_13", yn = "_mobileMenu_1a7pu_18", Tn = "_header_1a7pu_37", Pn = "_brand_1a7pu_46", Ln = "_cloudIcon_1a7pu_53", Sn = "_title_1a7pu_62", Dn = "_closeButton_1a7pu_69", Bn = "_closeIcon_1a7pu_101", Mn = "_languageSection_1a7pu_106", En = "_languageSelect_1a7pu_112", On = "_languageButton_1a7pu_117", Rn = "_icon_1a7pu_156", jn = "_chevron_1a7pu_162", An = "_languageDropdown_1a7pu_172", Wn = "_languageOption_1a7pu_185", Hn = "_selected_1a7pu_226", qn = "_scrollArea_1a7pu_231", Fn = "_navigation_1a7pu_237", Kn = "_section_1a7pu_241", Un = "_sectionButton_1a7pu_245", zn = "_expanded_1a7pu_285", Gn = "_sectionItems_1a7pu_289", Qn = "_navItem_1a7pu_297", Xn = "_active_1a7pu_310", Yn = "_navItemContent_1a7pu_316", Vn = "_navItemTitle_1a7pu_322", M = {
-  backdrop: Cn,
-  open: kn,
-  mobileMenu: yn,
-  header: Tn,
-  brand: Pn,
-  cloudIcon: Ln,
-  title: Sn,
-  closeButton: Dn,
-  closeIcon: Bn,
-  languageSection: Mn,
-  languageSelect: En,
-  languageButton: On,
-  icon: Rn,
-  chevron: jn,
-  languageDropdown: An,
-  languageOption: Wn,
-  selected: Hn,
-  scrollArea: qn,
-  navigation: Fn,
-  section: Kn,
-  sectionButton: Un,
-  expanded: zn,
-  sectionItems: Gn,
-  navItem: Qn,
-  active: Xn,
-  navItemContent: Yn,
-  navItemTitle: Vn
+const Pn = "_backdrop_1a7pu_1", Sn = "_open_1a7pu_13", Tn = "_mobileMenu_1a7pu_18", Ln = "_header_1a7pu_37", Dn = "_brand_1a7pu_46", Bn = "_cloudIcon_1a7pu_53", Mn = "_title_1a7pu_62", En = "_closeButton_1a7pu_69", On = "_closeIcon_1a7pu_101", Rn = "_languageSection_1a7pu_106", jn = "_languageSelect_1a7pu_112", An = "_languageButton_1a7pu_117", Wn = "_icon_1a7pu_156", Hn = "_chevron_1a7pu_162", qn = "_languageDropdown_1a7pu_172", Fn = "_languageOption_1a7pu_185", Kn = "_selected_1a7pu_226", Un = "_scrollArea_1a7pu_231", zn = "_navigation_1a7pu_237", Gn = "_section_1a7pu_241", Yn = "_sectionButton_1a7pu_245", Qn = "_expanded_1a7pu_285", Xn = "_sectionItems_1a7pu_289", Vn = "_navItem_1a7pu_297", Jn = "_active_1a7pu_310", Zn = "_navItemContent_1a7pu_316", ea = "_navItemTitle_1a7pu_322", M = {
+  backdrop: Pn,
+  open: Sn,
+  mobileMenu: Tn,
+  header: Ln,
+  brand: Dn,
+  cloudIcon: Bn,
+  title: Mn,
+  closeButton: En,
+  closeIcon: On,
+  languageSection: Rn,
+  languageSelect: jn,
+  languageButton: An,
+  icon: Wn,
+  chevron: Hn,
+  languageDropdown: qn,
+  languageOption: Fn,
+  selected: Kn,
+  scrollArea: Un,
+  navigation: zn,
+  section: Gn,
+  sectionButton: Yn,
+  expanded: Qn,
+  sectionItems: Xn,
+  navItem: Vn,
+  active: Jn,
+  navItemContent: Zn,
+  navItemTitle: ea
 };
-function Jn({ isOpen: t, onClose: n }) {
-  const { config: s } = R(), a = s.logo;
-  return S(() => (t ? document.body.style.overflow = "hidden" : document.body.style.overflow = "unset", () => {
+function ta({ isOpen: t, onClose: n }) {
+  const { config: s } = O(), a = s.logo;
+  return L(() => (t ? document.body.style.overflow = "hidden" : document.body.style.overflow = "unset", () => {
     document.body.style.overflow = "unset";
-  }), [t]), S(() => {
+  }), [t]), L(() => {
     const r = (o) => {
       o.key === "Escape" && t && n();
     };
     return document.addEventListener("keydown", r), () => document.removeEventListener("keydown", r);
-  }, [t, n]), /* @__PURE__ */ d(G, { children: [
+  }, [t, n]), /* @__PURE__ */ d(Y, { children: [
     /* @__PURE__ */ e(
       "div",
       {
@@ -1233,76 +1259,76 @@ function Jn({ isOpen: t, onClose: n }) {
             className: M.closeButton,
             onClick: n,
             "aria-label": "Close menu",
-            children: /* @__PURE__ */ e(re, { className: M.closeIcon })
+            children: /* @__PURE__ */ e(de, { className: M.closeIcon })
           }
         )
       ] }),
-      /* @__PURE__ */ e("div", { className: M.languageSection, children: /* @__PURE__ */ e(le, { styles: M, onLanguageChange: n }) }),
-      /* @__PURE__ */ e("div", { className: M.scrollArea, children: /* @__PURE__ */ e(ie, { styles: M, onLinkClick: n }) })
+      /* @__PURE__ */ e("div", { className: M.languageSection, children: /* @__PURE__ */ e(ue, { styles: M, onLanguageChange: n }) }),
+      /* @__PURE__ */ e("div", { className: M.scrollArea, children: /* @__PURE__ */ e(he, { styles: M, onLinkClick: n }) })
     ] })
   ] });
 }
-const Zn = "_sidebar_1tdxt_1", ea = "_header_1tdxt_17", ta = "_brand_1tdxt_29", na = "_cloudIcon_1tdxt_35", aa = "_title_1tdxt_44", oa = "_languageSelect_1tdxt_55", sa = "_languageButton_1tdxt_61", ca = "_icon_1tdxt_99", ra = "_chevron_1tdxt_104", la = "_languageDropdown_1tdxt_114", ia = "_languageOption_1tdxt_128", da = "_selected_1tdxt_147", ua = "_scrollArea_1tdxt_152", ha = "_navigation_1tdxt_158", ma = "_section_1tdxt_164", ga = "_sectionButton_1tdxt_170", _a = "_expanded_1tdxt_213", pa = "_sectionItems_1tdxt_217", fa = "_navItem_1tdxt_225", va = "_active_1tdxt_238", ba = "_navItemContent_1tdxt_243", q = {
-  sidebar: Zn,
-  header: ea,
-  brand: ta,
-  cloudIcon: na,
-  title: aa,
-  languageSelect: oa,
-  languageButton: sa,
-  icon: ca,
-  chevron: ra,
-  languageDropdown: la,
-  languageOption: ia,
-  selected: da,
-  scrollArea: ua,
-  navigation: ha,
-  section: ma,
-  sectionButton: ga,
-  expanded: _a,
-  sectionItems: pa,
-  navItem: fa,
-  active: va,
-  navItemContent: ba
+const na = "_sidebar_1tdxt_1", aa = "_header_1tdxt_17", oa = "_brand_1tdxt_29", sa = "_cloudIcon_1tdxt_35", ca = "_title_1tdxt_44", ra = "_languageSelect_1tdxt_55", la = "_languageButton_1tdxt_61", ia = "_icon_1tdxt_99", da = "_chevron_1tdxt_104", ua = "_languageDropdown_1tdxt_114", ha = "_languageOption_1tdxt_128", ga = "_selected_1tdxt_147", ma = "_scrollArea_1tdxt_152", _a = "_navigation_1tdxt_158", pa = "_section_1tdxt_164", fa = "_sectionButton_1tdxt_170", va = "_expanded_1tdxt_213", ba = "_sectionItems_1tdxt_217", wa = "_navItem_1tdxt_225", Na = "_active_1tdxt_238", $a = "_navItemContent_1tdxt_243", F = {
+  sidebar: na,
+  header: aa,
+  brand: oa,
+  cloudIcon: sa,
+  title: ca,
+  languageSelect: ra,
+  languageButton: la,
+  icon: ia,
+  chevron: da,
+  languageDropdown: ua,
+  languageOption: ha,
+  selected: ga,
+  scrollArea: ma,
+  navigation: _a,
+  section: pa,
+  sectionButton: fa,
+  expanded: va,
+  sectionItems: ba,
+  navItem: wa,
+  active: Na,
+  navItemContent: $a
 };
-function wa() {
-  const { config: t } = R(), n = t.logo, s = t.supportedLanguages.length > 1;
-  return /* @__PURE__ */ d("div", { className: q.sidebar, children: [
-    /* @__PURE__ */ d("div", { className: q.header, children: [
-      /* @__PURE__ */ d("div", { className: q.brand, children: [
-        n && /* @__PURE__ */ e(n, { className: q.cloudIcon }),
-        /* @__PURE__ */ e("div", { className: q.title, children: t.title })
+function xa() {
+  const { config: t } = O(), n = t.logo, s = t.supportedLanguages.length > 1;
+  return /* @__PURE__ */ d("div", { className: F.sidebar, children: [
+    /* @__PURE__ */ d("div", { className: F.header, children: [
+      /* @__PURE__ */ d("div", { className: F.brand, children: [
+        n && /* @__PURE__ */ e(n, { className: F.cloudIcon }),
+        /* @__PURE__ */ e("div", { className: F.title, children: t.title })
       ] }),
-      s && /* @__PURE__ */ e(le, { styles: q })
+      s && /* @__PURE__ */ e(ue, { styles: F })
     ] }),
-    /* @__PURE__ */ e("div", { className: q.scrollArea, children: /* @__PURE__ */ e(ie, { styles: q }) })
+    /* @__PURE__ */ e("div", { className: F.scrollArea, children: /* @__PURE__ */ e(he, { styles: F }) })
   ] });
 }
-const $a = "_app_wf6ni_1", Na = "_layout_wf6ni_9", xa = "_main_wf6ni_15", Ia = "_fullWidth_wf6ni_21", Ca = "_contentWrapper_wf6ni_30", J = {
-  app: $a,
-  layout: Na,
-  main: xa,
-  fullWidth: Ia,
-  contentWrapper: Ca
+const Ca = "_app_wf6ni_1", Ia = "_layout_wf6ni_9", ka = "_main_wf6ni_15", ya = "_fullWidth_wf6ni_21", Pa = "_contentWrapper_wf6ni_30", J = {
+  app: Ca,
+  layout: Ia,
+  main: ka,
+  fullWidth: ya,
+  contentWrapper: Pa
 };
-function ka({ children: t }) {
-  const { language: n } = ce(), { i18n: s } = O(), { config: a } = R(), [r, o] = T(!1);
-  S(() => {
+function Sa({ children: t }) {
+  const { language: n } = ie(), { i18n: s } = E(), { config: a } = O(), [r, o] = S(!1);
+  L(() => {
     n && a.supportedLanguages.includes(n) && s.changeLanguage(n);
   }, [n, s, a.supportedLanguages]);
   const u = () => {
     o(!r);
-  }, g = () => {
+  }, m = () => {
     o(!1);
   };
   if (!n || !a.supportedLanguages.includes(n))
-    return /* @__PURE__ */ e(be, { to: "/en/welcome", replace: !0 });
+    return /* @__PURE__ */ e(xe, { to: "/en/welcome", replace: !0 });
   const h = !!a.header, v = a.showSideMenu !== !1, _ = a.contentMaxWidth ? { width: "100%", maxWidth: a.contentMaxWidth } : void 0;
   return /* @__PURE__ */ d("div", { className: J.app, children: [
-    h && /* @__PURE__ */ e(In, { onMobileMenuToggle: u }),
-    /* @__PURE__ */ e(Jn, { isOpen: r, onClose: g }),
+    h && /* @__PURE__ */ e(yn, { onMobileMenuToggle: u }),
+    /* @__PURE__ */ e(ta, { isOpen: r, onClose: m }),
     /* @__PURE__ */ d("div", { className: J.layout, children: [
-      v && /* @__PURE__ */ e(wa, {}),
+      v && /* @__PURE__ */ e(xa, {}),
       /* @__PURE__ */ e(
         "main",
         {
@@ -1313,20 +1339,20 @@ function ka({ children: t }) {
     ] })
   ] });
 }
-const ya = "_homePage_1lc5u_1", Ta = "_header_1lc5u_20", Pa = "_title_1lc5u_24", La = "_articlesList_1lc5u_31", Sa = "_articleCard_1lc5u_37", Da = "_articleTitle_1lc5u_56", Ba = "_articleDescription_1lc5u_63", Ma = "_loading_1lc5u_70", Ea = "_empty_1lc5u_71", H = {
-  homePage: ya,
-  header: Ta,
-  title: Pa,
-  articlesList: La,
-  articleCard: Sa,
-  articleTitle: Da,
-  articleDescription: Ba,
-  loading: Ma,
-  empty: Ea
+const Ta = "_homePage_1lc5u_1", La = "_header_1lc5u_20", Da = "_title_1lc5u_24", Ba = "_articlesList_1lc5u_31", Ma = "_articleCard_1lc5u_37", Ea = "_articleTitle_1lc5u_56", Oa = "_articleDescription_1lc5u_63", Ra = "_loading_1lc5u_70", ja = "_empty_1lc5u_71", q = {
+  homePage: Ta,
+  header: La,
+  title: Da,
+  articlesList: Ba,
+  articleCard: Ma,
+  articleTitle: Ea,
+  articleDescription: Oa,
+  loading: Ra,
+  empty: ja
 };
-function Oa() {
-  const { i18n: t, t: n } = O(), { config: s, loadContent: a } = R(), r = K(), [o, u] = T([]), [g, h] = T(!0);
-  S(() => {
+function Aa() {
+  const { i18n: t, t: n } = E(), { config: s, loadContent: a } = O(), r = z(), [o, u] = S([]), [m, h] = S(!0);
+  L(() => {
     (async () => {
       try {
         const b = s.navigationData || [], p = [];
@@ -1370,41 +1396,41 @@ function Oa() {
     const b = s.basePath || "";
     r(`${b}/${t.language}/${_}`);
   };
-  return g ? /* @__PURE__ */ e("div", { className: H.loading, children: n("ui.loadingArticles") }) : o.length === 0 ? /* @__PURE__ */ e("div", { className: H.empty, children: n("ui.noArticlesFound") }) : /* @__PURE__ */ d("div", { className: H.homePage, children: [
-    /* @__PURE__ */ d("div", { className: H.header, children: [
-      /* @__PURE__ */ e("h1", { className: H.title, children: n("ui.latestPosts") }),
-      o.length > 0 && /* @__PURE__ */ e(se, { date: o[0].date, author: o[0].author })
+  return m ? /* @__PURE__ */ e("div", { className: q.loading, children: n("ui.loadingArticles") }) : o.length === 0 ? /* @__PURE__ */ e("div", { className: q.empty, children: n("ui.noArticlesFound") }) : /* @__PURE__ */ d("div", { className: q.homePage, children: [
+    /* @__PURE__ */ d("div", { className: q.header, children: [
+      /* @__PURE__ */ e("h1", { className: q.title, children: n("ui.latestPosts") }),
+      o.length > 0 && /* @__PURE__ */ e(le, { date: o[0].date, author: o[0].author })
     ] }),
-    /* @__PURE__ */ e("div", { className: H.articlesList, children: o.map((_) => /* @__PURE__ */ d(
+    /* @__PURE__ */ e("div", { className: q.articlesList, children: o.map((_) => /* @__PURE__ */ d(
       "button",
       {
-        className: H.articleCard,
+        className: q.articleCard,
         onClick: () => v(_.slug),
         type: "button",
         children: [
-          /* @__PURE__ */ e("h2", { className: H.articleTitle, children: _.title }),
-          _.description && /* @__PURE__ */ e("p", { className: H.articleDescription, children: _.description }),
-          /* @__PURE__ */ e(se, { date: _.date, author: _.author })
+          /* @__PURE__ */ e("h2", { className: q.articleTitle, children: _.title }),
+          _.description && /* @__PURE__ */ e("p", { className: q.articleDescription, children: _.description }),
+          /* @__PURE__ */ e(le, { date: _.date, author: _.author })
         ]
       },
       _.slug
     )) })
   ] });
 }
-function Ya() {
-  const { language: t } = ce(), { config: n } = R();
-  return /* @__PURE__ */ e(ka, { children: /* @__PURE__ */ d(ye, { children: [
-    /* @__PURE__ */ e(me, { path: "/:slug", element: /* @__PURE__ */ e(jt, { language: t }) }),
+function Za() {
+  const { language: t } = ie(), { config: n } = O();
+  return /* @__PURE__ */ e(Sa, { children: /* @__PURE__ */ d(Te, { children: [
+    /* @__PURE__ */ e(fe, { path: "/:slug", element: /* @__PURE__ */ e(Ht, { language: t }) }),
     /* @__PURE__ */ e(
-      me,
+      fe,
       {
         index: !0,
-        element: (n.defaultRoute || "latest") === "latest" ? /* @__PURE__ */ e(Oa, {}) : /* @__PURE__ */ e(be, { to: `./${n.defaultRoute}`, replace: !0 })
+        element: (n.defaultRoute || "latest") === "latest" ? /* @__PURE__ */ e(Aa, {}) : /* @__PURE__ */ e(xe, { to: `./${n.defaultRoute}`, replace: !0 })
       }
     )
   ] }) });
 }
-function Va() {
+function eo() {
   return {
     openSearchModal: () => {
       window.dispatchEvent(new CustomEvent("blog:open-search"));
@@ -1414,44 +1440,44 @@ function Va() {
     }
   };
 }
-function Ja() {
-  const { i18n: t } = O(), n = Q(), s = K(), { config: a } = R();
+function to() {
+  const { i18n: t } = E(), n = Q(), s = z(), { config: a } = O();
   return (r) => {
     const o = a.basePath || "";
     let u = n.pathname;
     o && u.startsWith(o) && (u = u.slice(o.length));
-    const g = u.split("/").filter(Boolean), h = g[0];
+    const m = u.split("/").filter(Boolean), h = m[0];
     let v = "";
-    a.supportedLanguages.includes(h) ? (g[0] = r, v = `${o}/${g.join("/")}`) : v = `${o}/${r}${u}`;
+    a.supportedLanguages.includes(h) ? (m[0] = r, v = `${o}/${m.join("/")}`) : v = `${o}/${r}${u}`;
     const _ = v + n.search + n.hash;
     t.changeLanguage(r), s(_);
   };
 }
 export {
-  He as AdvancedModeToggle,
-  Qa as BlogProvider,
-  qe as BlogRoot,
-  jt as ContentPage,
-  ka as DocumentationLayout,
-  Ya as DocumentationRoutes,
-  In as Header,
-  Oa as HomePage,
-  le as LanguageSelector,
-  se as Metadata,
-  Jn as MobileMenu,
-  Xa as NavigationContent,
-  ie as NavigationMenu,
-  an as SearchBar,
-  wa as Sidebar,
-  rt as TableOfContents,
-  bt as TagResultsModal,
-  kt as Tags,
-  Ga as createBlogUtils,
-  $e as createContentLoaders,
+  Ke as AdvancedModeToggle,
+  Va as BlogProvider,
+  Ue as BlogRoot,
+  Ht as ContentPage,
+  Sa as DocumentationLayout,
+  Za as DocumentationRoutes,
+  yn as Header,
+  Aa as HomePage,
+  ue as LanguageSelector,
+  le as Metadata,
+  ta as MobileMenu,
+  Ja as NavigationContent,
+  he as NavigationMenu,
+  cn as SearchBar,
+  xa as Sidebar,
+  dt as TableOfContents,
+  $t as TagResultsModal,
+  St as Tags,
+  Xa as createBlogUtils,
+  Ie as createContentLoaders,
   Z as generateHeadingId,
-  te as getNavigationData,
-  R as useBlogConfig,
-  Ja as useLanguageChange,
-  Va as useSearchModal,
-  Ie as useTheme
+  ae as getNavigationData,
+  O as useBlogConfig,
+  to as useLanguageChange,
+  eo as useSearchModal,
+  Pe as useTheme
 };