@x-wave/blog 1.0.5 → 1.0.7

package/index.js

@@ -1,40 +1,40 @@
 import { jsxs as d, jsx as e, Fragment as z } from "react/jsx-runtime";
-import { useTranslation as R } from "react-i18next";
-import { useLocation as Y, useNavigate as V, useParams as ae, Link as de, Navigate as fe, Routes as ke, Route as ue } from "react-router-dom";
-import { X as se, Tag as Ce, User as Te, CalendarBlank as ye, MagnifyingGlass as he, List as Le, Sun as me, Moon as _e, Monitor as ge, CaretDown as oe, Globe as Pe, CaretRight as Se } from "@phosphor-icons/react";
-import { useState as P, useEffect as B, createContext as Be, useContext as Me, useRef as W } from "react";
+import { useTranslation as O } from "react-i18next";
+import { useLocation as U, useNavigate as G, useParams as ae, Link as de, Navigate as fe, Routes as ke, Route as ue } from "react-router-dom";
+import { X as se, Tag as Ce, User as Te, CalendarBlank as Se, MagnifyingGlass as he, List as ye, Sun as me, Moon as ge, Monitor as _e, CaretDown as oe, Globe as Le, CaretRight as Pe } from "@phosphor-icons/react";
+import { useState as L, useEffect as P, createContext as Be, useContext as Me, useRef as W } from "react";
 import De from "react-markdown";
-import Oe from "remark-gfm";
+import Ee from "remark-gfm";
 import ne from "i18next";
 import { createPortal as ve } from "react-dom";
-const Ee = "_tabContainer_zk6h4_1", Re = "_tab_zk6h4_1", je = "_active_zk6h4_45", G = {
-  tabContainer: Ee,
+const Oe = "_tabContainer_zk6h4_1", Re = "_tab_zk6h4_1", je = "_active_zk6h4_45", X = {
+  tabContainer: Oe,
   tab: Re,
   active: je
 };
 function Ae({ hasAdvanced: t }) {
-  const { t: n } = R(), o = Y(), s = V();
+  const { t: n } = O(), a = U(), s = G();
   if (!t) return null;
-  const a = new URLSearchParams(o.search).has("advanced"), h = () => {
-    if (a) {
-      const r = new URLSearchParams(o.search);
-      r.delete("advanced");
-      const v = r.toString(), N = v ? `?${v}` : "";
-      s(`${o.pathname}${N}${o.hash}`);
+  const o = new URLSearchParams(a.search).has("advanced"), l = () => {
+    if (o) {
+      const u = new URLSearchParams(a.search);
+      u.delete("advanced");
+      const p = u.toString(), w = p ? `?${p}` : "";
+      s(`${a.pathname}${w}${a.hash}`);
     }
-  }, p = () => {
-    if (!a) {
-      const r = new URLSearchParams(o.search);
-      r.set("advanced", ""), s(`${o.pathname}?${r.toString()}${o.hash}`);
+  }, g = () => {
+    if (!o) {
+      const u = new URLSearchParams(a.search);
+      u.set("advanced", ""), s(`${a.pathname}?${u.toString()}${a.hash}`);
     }
   };
-  return /* @__PURE__ */ d("div", { className: G.tabContainer, children: [
+  return /* @__PURE__ */ d("div", { className: X.tabContainer, children: [
     /* @__PURE__ */ e(
       "button",
       {
         type: "button",
-        className: `${G.tab} ${a ? "" : G.active}`,
-        onClick: h,
+        className: `${X.tab} ${o ? "" : X.active}`,
+        onClick: l,
         children: n("ui.simple")
       }
     ),
@@ -42,8 +42,8 @@ function Ae({ hasAdvanced: t }) {
       "button",
       {
         type: "button",
-        className: `${G.tab} ${a ? G.active : ""}`,
-        onClick: p,
+        className: `${X.tab} ${o ? X.active : ""}`,
+        onClick: g,
         children: n("ui.advanced")
       }
     )
@@ -53,58 +53,58 @@ function He({ children: t }) {
   return /* @__PURE__ */ e("div", { className: "xw-blog-root", children: t });
 }
 function be(t) {
-  function n(o) {
-    const s = o.match(/^---\s*\n([\s\S]*?)\n---\s*\n/);
-    if (!s) return { frontmatter: {}, content: o };
-    const l = {}, a = s[1];
-    let h = "", p = !1;
-    const r = [];
-    for (const N of a.split(`
+  function n(a) {
+    const s = a.match(/^---\s*\n([\s\S]*?)\n---\s*\n/);
+    if (!s) return { frontmatter: {}, content: a };
+    const c = {}, o = s[1];
+    let l = "", g = !1;
+    const u = [];
+    for (const w of o.split(`
 `)) {
-      const _ = N.trim();
+      const _ = w.trim();
       if (_.startsWith("-")) {
-        if (p) {
-          const f = _.substring(1).trim();
-          r.push(f);
+        if (g) {
+          const v = _.substring(1).trim();
+          u.push(v);
         }
         continue;
       }
-      if (p && !_.startsWith("-") && (l[h] = r.slice(), r.length = 0, p = !1), _ != null && _.includes(":")) {
-        const [f, ...c] = _.split(":"), g = c.join(":").trim();
-        if (h = f.trim(), !g) {
-          p = !0;
+      if (g && !_.startsWith("-") && (c[l] = u.slice(), u.length = 0, g = !1), _ != null && _.includes(":")) {
+        const [v, ...r] = _.split(":"), f = r.join(":").trim();
+        if (l = v.trim(), !f) {
+          g = !0;
           continue;
         }
-        g === "true" ? l[h] = !0 : g === "false" ? l[h] = !1 : l[h] = g;
+        f === "true" ? c[l] = !0 : f === "false" ? c[l] = !1 : c[l] = f;
       }
     }
-    p && r.length > 0 && (l[h] = r);
-    const v = o.replace(
+    g && u.length > 0 && (c[l] = u);
+    const p = a.replace(
       /^---\s*\n[\s\S]*?\n---\s*\n/,
       ""
     );
-    return { frontmatter: l, content: v };
+    return { frontmatter: c, content: p };
   }
   return {
     /**
      * Load MDX content for a given language and slug.
      * Automatically loads the advanced variant if `advanced` is true.
      */
-    async loadMDXContent(o, s, l = !1) {
-      const a = l ? `${s}-advanced.mdx` : `${s}.mdx`, h = `./docs/${o}/${a}`, p = t[h];
-      if (!p) throw new Error(`File not found: ${h}`);
-      const r = await p(), { frontmatter: v, content: N } = n(r);
-      return { content: N, frontmatter: v };
+    async loadMDXContent(a, s, c = !1) {
+      const o = c ? `${s}-advanced.mdx` : `${s}.mdx`, l = `./docs/${a}/${o}`, g = t[l];
+      if (!g) throw new Error(`File not found: ${l}`);
+      const u = await g(), { frontmatter: p, content: w } = n(u);
+      return { content: w, frontmatter: p };
     },
     /**
      * Load English content for generating consistent heading IDs.
      * All heading anchors are derived from English content for stability across translations.
      */
-    async loadEnglishContent(o, s = !1) {
-      const a = `./docs/en/${s ? `${o}-advanced.mdx` : `${o}.mdx`}`, h = t[a];
-      if (!h) throw new Error(`File not found: ${a}`);
-      const p = await h(), { content: r } = n(p);
-      return r;
+    async loadEnglishContent(a, s = !1) {
+      const o = `./docs/en/${s ? `${a}-advanced.mdx` : `${a}.mdx`}`, l = t[o];
+      if (!l) throw new Error(`File not found: ${o}`);
+      const g = await l(), { content: u } = n(g);
+      return u;
     },
     /**
      * Build a tag index from all MDX files.
@@ -113,26 +113,26 @@ function be(t) {
      * @param language - Language code to scan (defaults to 'en')
      * @returns Promise resolving to tag index mapping tag names to document info
      */
-    async buildTagIndex(o = "en") {
-      const s = {}, l = `./docs/${o}/`, a = Object.keys(t).filter(
-        (h) => h.startsWith(l)
+    async buildTagIndex(a = "en") {
+      const s = {}, c = `./docs/${a}/`, o = Object.keys(t).filter(
+        (l) => l.startsWith(c)
       );
-      for (const h of a)
+      for (const l of o)
         try {
-          const p = t[h], r = await p(), { frontmatter: v, content: N } = n(r), _ = h.split("/").pop() || "", f = _.replace(".mdx", "").replace("-advanced", ""), c = N.match(/^#\s+(.+)$/m), g = c ? c[1].trim() : f;
+          const g = t[l], u = await g(), { frontmatter: p, content: w } = n(u), _ = l.split("/").pop() || "", v = _.replace(".mdx", "").replace("-advanced", ""), r = w.match(/^#\s+(.+)$/m), f = r ? r[1].trim() : v;
           if (_.includes("-advanced")) continue;
-          const i = v.tags;
+          const i = p.tags;
           if (i && Array.isArray(i))
             for (const b of i)
-              s[b] || (s[b] = []), s[b].some((k) => k.slug === f) || s[b].push({ slug: f, title: g });
-        } catch (p) {
-          console.warn(`Failed to process ${h}:`, p);
+              s[b] || (s[b] = []), s[b].some((C) => C.slug === v) || s[b].push({ slug: v, title: f });
+        } catch (g) {
+          console.warn(`Failed to process ${l}:`, g);
         }
       return s;
     }
   };
 }
-function Oo(t) {
+function Eo(t) {
   const n = be(t);
   return {
     mdxFiles: t,
@@ -141,15 +141,15 @@ function Oo(t) {
   };
 }
 const we = "app-theme", $e = () => typeof window > "u" ? "light" : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", pe = (t) => t === "system" ? $e() : t, qe = () => typeof window > "u" ? "system" : localStorage.getItem(we) || "system", Ne = () => {
-  const [t, n] = P(qe);
-  return B(() => {
-    const s = pe(t), l = document.querySelector(".xw-blog-root");
-    if (l && (l.classList.remove("light", "dark"), l.classList.add(s)), t === "system") {
-      const a = window.matchMedia("(prefers-color-scheme: dark)"), h = () => {
-        const p = $e(), r = document.querySelector(".xw-blog-root");
-        r && (r.classList.remove("light", "dark"), r.classList.add(p));
+  const [t, n] = L(qe);
+  return P(() => {
+    const s = pe(t), c = document.querySelector(".xw-blog-root");
+    if (c && (c.classList.remove("light", "dark"), c.classList.add(s)), t === "system") {
+      const o = window.matchMedia("(prefers-color-scheme: dark)"), l = () => {
+        const g = $e(), u = document.querySelector(".xw-blog-root");
+        u && (u.classList.remove("light", "dark"), u.classList.add(g));
       };
-      return a.addEventListener("change", h), () => a.removeEventListener("change", h);
+      return o.addEventListener("change", l), () => o.removeEventListener("change", l);
     }
   }, [t]), {
     theme: t,
@@ -158,9 +158,9 @@ const we = "app-theme", $e = () => typeof window > "u" ? "light" : window.matchM
     },
     effectiveTheme: pe(t)
   };
-}, We = (t) => "items" in t, te = (t, n) => t.map((o) => We(o) ? {
-  title: ne.getFixedT(n)(o.title),
-  items: o.items.map((s) => ({
+}, We = (t) => "items" in t, te = (t, n) => t.map((a) => We(a) ? {
+  title: ne.getFixedT(n)(a.title),
+  items: a.items.map((s) => ({
     title: ne.getFixedT(n)(s.title),
     slug: s.slug,
     ...s.hasAdvanced && { hasAdvanced: s.hasAdvanced },
@@ -169,54 +169,59 @@ const we = "app-theme", $e = () => typeof window > "u" ? "light" : window.matchM
     }
   }))
 } : {
-  title: ne.getFixedT(n)(o.title),
-  slug: o.slug,
-  ...o.hasAdvanced && { hasAdvanced: o.hasAdvanced },
-  ...o.showTableOfContents !== void 0 && {
-    showTableOfContents: o.showTableOfContents
+  title: ne.getFixedT(n)(a.title),
+  slug: a.slug,
+  ...a.hasAdvanced && { hasAdvanced: a.hasAdvanced },
+  ...a.showTableOfContents !== void 0 && {
+    showTableOfContents: a.showTableOfContents
   }
-}), X = (t) => t.toString().toLowerCase().trim().replace(/[^\w\s-]/g, "").replace(/\s+/g, "-").replace(/-+/g, "-").replace(/^-+|-+$/g, ""), Ie = Be(null);
-function Eo({ children: t, config: n, blog: o }) {
+}), V = (t) => t.toString().toLowerCase().trim().replace(/[^\w\s-]/g, "").replace(/\s+/g, "-").replace(/-+/g, "-").replace(/^-+|-+$/g, ""), Ie = Be(null);
+function Oo({
+  children: t,
+  config: n,
+  blog: a,
+  navigationData: s
+}) {
   Ne();
-  const [s, l] = P({});
-  B(() => {
-    const { buildTagIndex: h } = be(o.mdxFiles), p = n.supportedLanguages.map(async (r) => {
+  const [c, o] = L({});
+  P(() => {
+    const { buildTagIndex: g } = be(a.mdxFiles), u = n.supportedLanguages.map(async (p) => {
       try {
-        const v = await h(r);
-        return { language: r, index: v };
-      } catch (v) {
-        return console.error(`Failed to build tag index for ${r}:`, v), { language: r, index: {} };
+        const w = await g(p);
+        return { language: p, index: w };
+      } catch (w) {
+        return console.error(`Failed to build tag index for ${p}:`, w), { language: p, index: {} };
       }
     });
-    Promise.all(p).then((r) => {
-      const v = {};
-      for (const N of r)
-        v[N.language] = N.index;
-      l(v);
-    }).catch((r) => {
-      console.error("Failed to build tag indices:", r);
+    Promise.all(u).then((p) => {
+      const w = {};
+      for (const _ of p)
+        w[_.language] = _.index;
+      o(w);
+    }).catch((p) => {
+      console.error("Failed to build tag indices:", p);
     });
-  }, [o.mdxFiles, n.supportedLanguages]);
-  const a = { ...n, tagIndex: s };
+  }, [a.mdxFiles, n.supportedLanguages]);
+  const l = { ...n, navigationData: s, tagIndex: c };
   return /* @__PURE__ */ e(
     Ie.Provider,
     {
       value: {
-        config: a,
-        loadContent: o.loadContent,
-        loadEnglishContent: o.loadEnglishContent
+        config: l,
+        loadContent: a.loadContent,
+        loadEnglishContent: a.loadEnglishContent
       },
       children: /* @__PURE__ */ e(He, { children: t })
     }
   );
 }
-function H() {
+function j() {
   const t = Me(Ie);
   if (!t)
     throw new Error("useBlogConfig must be used within a BlogProvider");
   return t;
 }
-const Fe = "_tableOfContents_11q9u_1", Ke = "_header_11q9u_20", ze = "_title_11q9u_24", Ue = "_nav_11q9u_33", Ge = "_list_11q9u_39", Qe = "_link_11q9u_46", Xe = "_active_11q9u_70", Ye = "_level1_11q9u_86", Ve = "_level2_11q9u_92", Je = "_level3_11q9u_97", Ze = "_level4_11q9u_103", et = "_level5_11q9u_109", tt = "_level6_11q9u_115", A = {
+const Fe = "_tableOfContents_11q9u_1", Ke = "_header_11q9u_20", ze = "_title_11q9u_24", Ue = "_nav_11q9u_33", Ge = "_list_11q9u_39", Qe = "_link_11q9u_46", Xe = "_active_11q9u_70", Ye = "_level1_11q9u_86", Ve = "_level2_11q9u_92", Je = "_level3_11q9u_97", Ze = "_level4_11q9u_103", et = "_level5_11q9u_109", tt = "_level6_11q9u_115", H = {
   tableOfContents: Fe,
   header: Ke,
   title: ze,
@@ -235,96 +240,96 @@ function nt({
   content: t,
   englishContent: n
 }) {
-  const { t: o } = R(), s = Y(), l = V(), [a, h] = P([]), [p, r] = P(""), v = W(null);
-  B(() => {
-    r(""), (() => {
-      const f = /^(#{1,6})\s+(.+)$/gm, c = [];
-      let g = f.exec(t);
+  const { t: a } = O(), s = U(), c = G(), [o, l] = L([]), [g, u] = L(""), p = W(null);
+  P(() => {
+    u(""), (() => {
+      const v = /^(#{1,6})\s+(.+)$/gm, r = [];
+      let f = v.exec(t);
       const i = [];
-      for (; g !== null; ) {
-        const m = g[1].length, C = g[2].trim();
-        i.push({ level: m, text: C }), g = f.exec(t);
+      for (; f !== null; ) {
+        const m = f[1].length, $ = f[2].trim();
+        i.push({ level: m, text: $ }), f = v.exec(t);
       }
       const b = /^(#{1,6})\s+(.+)$/gm;
-      let k = b.exec(n), y = 0;
-      for (; k !== null && y < i.length; ) {
-        const m = k[2].trim(), C = X(m);
-        c.push({
-          id: C,
-          text: i[y].text,
+      let C = b.exec(n), S = 0;
+      for (; C !== null && S < i.length; ) {
+        const m = C[2].trim(), $ = V(m);
+        r.push({
+          id: $,
+          text: i[S].text,
           // Use localized text for display
-          level: i[y].level
-        }), y++, k = b.exec(n);
+          level: i[S].level
+        }), S++, C = b.exec(n);
       }
-      h(c);
+      l(r);
     })();
-  }, [t, n]), B(() => {
-    if (a.length === 0) return;
+  }, [t, n]), P(() => {
+    if (o.length === 0) return;
     const _ = setTimeout(() => {
-      const f = a.filter(
-        (c) => !document.getElementById(c.id)
+      const v = o.filter(
+        (r) => !document.getElementById(r.id)
       );
-      f.length > 0 && console.warn("Some heading elements not found:", f);
+      v.length > 0 && console.warn("Some heading elements not found:", v);
     }, 100);
     return () => clearTimeout(_);
-  }, [a]), B(() => {
-    if (a.length === 0) return;
-    v.current && v.current.disconnect();
+  }, [o]), P(() => {
+    if (o.length === 0) return;
+    p.current && p.current.disconnect();
     const _ = setTimeout(() => {
-      const f = a.map((c) => document.getElementById(c.id)).filter(Boolean);
-      f.length !== 0 && (v.current = new IntersectionObserver(
-        (c) => {
-          const g = c.filter((i) => i.isIntersecting);
-          if (g.length > 0) {
-            const i = g.reduce((b, k) => b.boundingClientRect.top < k.boundingClientRect.top ? b : k);
-            r(i.target.id);
+      const v = o.map((r) => document.getElementById(r.id)).filter(Boolean);
+      v.length !== 0 && (p.current = new IntersectionObserver(
+        (r) => {
+          const f = r.filter((i) => i.isIntersecting);
+          if (f.length > 0) {
+            const i = f.reduce((b, C) => b.boundingClientRect.top < C.boundingClientRect.top ? b : C);
+            u(i.target.id);
           }
         },
         {
           rootMargin: "-80px 0% -80% 0%",
           threshold: 0
         }
-      ), f.forEach((c) => {
-        v.current && v.current.observe(c);
+      ), v.forEach((r) => {
+        p.current && p.current.observe(r);
       }));
     }, 150);
     return () => {
-      clearTimeout(_), v.current && v.current.disconnect();
+      clearTimeout(_), p.current && p.current.disconnect();
     };
-  }, [a]), B(() => () => {
-    v.current && v.current.disconnect();
+  }, [o]), P(() => () => {
+    p.current && p.current.disconnect();
   }, []);
-  const N = (_) => {
-    const f = document.getElementById(_);
-    if (f) {
-      const c = new URLSearchParams(s.search);
-      c.set("a", _), l(
-        `${s.pathname}?${c.toString()}${s.hash}`,
+  const w = (_) => {
+    const v = document.getElementById(_);
+    if (v) {
+      const r = new URLSearchParams(s.search);
+      r.set("a", _), c(
+        `${s.pathname}?${r.toString()}${s.hash}`,
         {
           replace: !0
         }
       );
-      const b = f.getBoundingClientRect().top + window.pageYOffset - 80;
+      const b = v.getBoundingClientRect().top + window.pageYOffset - 80;
       window.scrollTo({
         top: b,
         behavior: "smooth"
       });
     }
   };
-  return a.length === 0 ? null : /* @__PURE__ */ d("aside", { className: A.tableOfContents, children: [
-    /* @__PURE__ */ e("div", { className: A.header, children: /* @__PURE__ */ e("span", { className: A.title, children: o("ui.onThisPage", "On this page") }) }),
-    /* @__PURE__ */ e("nav", { className: A.nav, children: /* @__PURE__ */ e("ul", { className: A.list, children: a.map((_) => /* @__PURE__ */ e("li", { className: A.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: a("ui.onThisPage", "On this page") }) }),
+    /* @__PURE__ */ e("nav", { className: H.nav, children: /* @__PURE__ */ e("ul", { className: H.list, children: o.map((_) => /* @__PURE__ */ e("li", { className: H.item, children: /* @__PURE__ */ e(
       "button",
       {
-        className: `${A.link} ${A[`level${_.level}`]} ${p === _.id ? A.active : ""}`,
-        onClick: () => N(_.id),
+        className: `${H.link} ${H[`level${_.level}`]} ${g === _.id ? H.active : ""}`,
+        onClick: () => w(_.id),
         type: "button",
         children: _.text
       }
     ) }, _.id)) }) })
   ] });
 }
-const ot = "_overlay_1e1d4_1", at = "_modal_1e1d4_26", st = "_header_1e1d4_50", ct = "_title_1e1d4_58", rt = "_closeButton_1e1d4_65", lt = "_results_1e1d4_86", it = "_resultsList_1e1d4_94", dt = "_resultItem_1e1d4_100", ut = "_resultTitle_1e1d4_119", ht = "_resultSlug_1e1d4_124", mt = "_noResults_1e1d4_130", O = {
+const ot = "_overlay_1e1d4_1", at = "_modal_1e1d4_26", st = "_header_1e1d4_50", ct = "_title_1e1d4_58", rt = "_closeButton_1e1d4_65", lt = "_results_1e1d4_86", it = "_resultsList_1e1d4_94", dt = "_resultItem_1e1d4_100", ut = "_resultTitle_1e1d4_119", ht = "_resultSlug_1e1d4_124", mt = "_noResults_1e1d4_130", E = {
   overlay: ot,
   modal: at,
   header: st,
@@ -337,21 +342,21 @@ const ot = "_overlay_1e1d4_1", at = "_modal_1e1d4_26", st = "_header_1e1d4_50",
   resultSlug: ht,
   noResults: mt
 };
-function _t({
+function gt({
   tag: t,
   results: n,
-  language: o,
+  language: a,
   onClose: s
 }) {
-  const { t: l } = R(), { config: a } = H(), h = V(), p = (r) => {
-    const v = a.basePath || "";
-    h(`${v}/${o}/${r}`), s();
+  const { t: c } = O(), { config: o } = j(), l = G(), g = (u) => {
+    const p = o.basePath || "";
+    l(`${p}/${a}/${u}`), s();
   };
   return ve(
-    /* @__PURE__ */ e("div", { className: O.overlay, onClick: s, children: /* @__PURE__ */ d("div", { className: O.modal, onClick: (r) => r.stopPropagation(), children: [
-      /* @__PURE__ */ d("div", { className: O.header, children: [
-        /* @__PURE__ */ d("h2", { className: O.title, children: [
-          l("ui.tagResults"),
+    /* @__PURE__ */ e("div", { className: E.overlay, onClick: s, children: /* @__PURE__ */ d("div", { className: E.modal, onClick: (u) => u.stopPropagation(), children: [
+      /* @__PURE__ */ d("div", { className: E.header, children: [
+        /* @__PURE__ */ d("h2", { className: E.title, children: [
+          c("ui.tagResults"),
           ": ",
           t
         ] }),
@@ -359,45 +364,45 @@ function _t({
           "button",
           {
             type: "button",
-            className: O.closeButton,
+            className: E.closeButton,
             onClick: s,
             "aria-label": "Close",
             children: /* @__PURE__ */ e(se, {})
           }
         )
       ] }),
-      /* @__PURE__ */ e("div", { className: O.results, children: n.length === 0 ? /* @__PURE__ */ e("div", { className: O.noResults, children: l("ui.noTagResults") }) : /* @__PURE__ */ e("ul", { className: O.resultsList, children: n.map((r) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ d(
+      /* @__PURE__ */ e("div", { className: E.results, children: n.length === 0 ? /* @__PURE__ */ e("div", { className: E.noResults, children: c("ui.noTagResults") }) : /* @__PURE__ */ e("ul", { className: E.resultsList, children: n.map((u) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ d(
         "button",
         {
           type: "button",
-          className: O.resultItem,
-          onClick: () => p(r.slug),
+          className: E.resultItem,
+          onClick: () => g(u.slug),
           children: [
-            /* @__PURE__ */ e("div", { className: O.resultTitle, children: r.title }),
-            /* @__PURE__ */ d("div", { className: O.resultSlug, children: [
+            /* @__PURE__ */ e("div", { className: E.resultTitle, children: u.title }),
+            /* @__PURE__ */ d("div", { className: E.resultSlug, children: [
               "/",
-              r.slug
+              u.slug
             ] })
           ]
         }
-      ) }, r.slug)) }) })
+      ) }, u.slug)) }) })
     ] }) }),
     document.body
   );
 }
-const gt = "_tags_11t8a_1", pt = "_compact_11t8a_9", ft = "_tagLabel_11t8a_15", vt = "_tagIcon_11t8a_25", bt = "_tagList_11t8a_30", wt = "_tag_11t8a_1", K = {
-  tags: gt,
+const _t = "_tags_11t8a_1", pt = "_compact_11t8a_9", ft = "_tagLabel_11t8a_15", vt = "_tagIcon_11t8a_25", bt = "_tagList_11t8a_30", wt = "_tag_11t8a_1", K = {
+  tags: _t,
   compact: pt,
   tagLabel: ft,
   tagIcon: vt,
   tagList: bt,
   tag: wt
 };
-function $t({ tags: t, variant: n = "default", onTagClick: o }) {
-  const { t: s } = R();
+function $t({ tags: t, variant: n = "default", onTagClick: a }) {
+  const { t: s } = O();
   if (!t || t.length === 0) return null;
-  const l = (a) => {
-    o && o(a);
+  const c = (o) => {
+    a && a(o);
   };
   return /* @__PURE__ */ d(
     "div",
@@ -411,167 +416,167 @@ function $t({ tags: t, variant: n = "default", onTagClick: o }) {
             ":"
           ] })
         ] }),
-        /* @__PURE__ */ e("div", { className: K.tagList, children: t.map((a) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: K.tagList, children: t.map((o) => /* @__PURE__ */ e(
           "button",
           {
             type: "button",
             className: K.tag,
-            onClick: () => l(a),
-            "aria-label": `${s("ui.filterByTag")}: ${a}`,
-            children: a
+            onClick: () => c(o),
+            "aria-label": `${s("ui.filterByTag")}: ${o}`,
+            children: o
           },
-          a
+          o
         )) })
       ]
     }
   );
 }
-const Nt = "_contentPage_1nxj5_1", It = "_metadata_1nxj5_20", xt = "_author_1nxj5_30", kt = "_date_1nxj5_31", Ct = "_loadingContainer_1nxj5_48", Tt = "_errorContainer_1nxj5_49", yt = "_skeletonTitle_1nxj5_71", Lt = "_skeletonParagraph_1nxj5_80", Pt = "_skeletonParagraphShort_1nxj5_93", St = "_errorText_1nxj5_107", Bt = "_mdxContent_1nxj5_112", Mt = "_withMetadata_1nxj5_125", Dt = "_codeBlock_1nxj5_300", Ot = "_codeLanguage_1nxj5_304", S = {
+const Nt = "_contentPage_1nxj5_1", It = "_metadata_1nxj5_20", xt = "_author_1nxj5_30", kt = "_date_1nxj5_31", Ct = "_loadingContainer_1nxj5_48", Tt = "_errorContainer_1nxj5_49", St = "_skeletonTitle_1nxj5_71", yt = "_skeletonParagraph_1nxj5_80", Lt = "_skeletonParagraphShort_1nxj5_93", Pt = "_errorText_1nxj5_107", Bt = "_mdxContent_1nxj5_112", Mt = "_withMetadata_1nxj5_125", Dt = "_codeBlock_1nxj5_300", Et = "_codeLanguage_1nxj5_304", M = {
   contentPage: Nt,
   metadata: It,
   author: xt,
   date: kt,
   loadingContainer: Ct,
   errorContainer: Tt,
-  skeletonTitle: yt,
-  skeletonParagraph: Lt,
-  skeletonParagraphShort: Pt,
-  errorText: St,
+  skeletonTitle: St,
+  skeletonParagraph: yt,
+  skeletonParagraphShort: Lt,
+  errorText: Pt,
   mdxContent: Bt,
   withMetadata: Mt,
   codeBlock: Dt,
-  codeLanguage: Ot
+  codeLanguage: Et
 };
-function Et({ language: t }) {
+function Ot({ language: t }) {
   var ie;
-  const { slug: n } = ae(), o = Y(), { t: s } = R(), { config: l, loadContent: a, loadEnglishContent: h } = H(), [p, r] = P(""), [v, N] = P(""), [_, f] = P({}), [c, g] = P(!0), [i, b] = P(null), [k, y] = P(!0), [m, C] = P(null), M = W(0), U = W([]), J = ((u) => {
-    const w = {
+  const { slug: n } = ae(), a = U(), { t: s } = O(), { config: c, loadContent: o, loadEnglishContent: l } = j(), [g, u] = L(""), [p, w] = L(""), [_, v] = L({}), [r, f] = L(!0), [i, b] = L(null), [C, S] = L(!0), [m, $] = L(null), B = W(0), Q = W([]), J = ((h) => {
+    const N = {
       advanced: !1,
       anchor: ""
     };
-    if (!u) return w;
-    const $ = (u.startsWith("?") ? u.substring(1) : u).split("&");
-    for (const T of $)
-      T === "advanced" ? w.advanced = !0 : T.startsWith("a=") && (w.anchor = T.substring(2));
-    return w;
-  })(o.search), j = J.advanced;
-  if (B(() => {
+    if (!h) return N;
+    const I = (h.startsWith("?") ? h.substring(1) : h).split("&");
+    for (const T of I)
+      T === "advanced" ? N.advanced = !0 : T.startsWith("a=") && (N.anchor = T.substring(2));
+    return N;
+  })(a.search), A = J.advanced;
+  if (P(() => {
     (async () => {
       if (!n) return;
-      g(!0), b(null), M.current = 0;
-      let w = !0;
-      for (const I of l.navigationData)
-        if ("items" in I) {
-          const $ = I.items.find((T) => T.slug === n);
-          if ($) {
-            w = $.showTableOfContents !== !1;
+      f(!0), b(null), B.current = 0;
+      let N = !0;
+      for (const x of c.navigationData)
+        if ("items" in x) {
+          const I = x.items.find((T) => T.slug === n);
+          if (I) {
+            N = I.showTableOfContents !== !1;
             break;
           }
-        } else if (I.slug === n) {
-          w = I.showTableOfContents !== !1;
+        } else if (x.slug === n) {
+          N = x.showTableOfContents !== !1;
           break;
         }
-      y(w);
+      S(N);
       try {
-        let I;
+        let x;
         try {
-          I = await a(t, n, j);
+          x = await o(t, n, A);
         } catch {
-          if (j)
-            I = await a(t, n, !1);
+          if (A)
+            x = await o(t, n, !1);
           else
             throw new Error("Content not found");
         }
-        let $ = "";
+        let I = "";
         try {
-          $ = await h(n, j);
+          I = await l(n, A);
         } catch {
-          j && ($ = await h(n, !1));
+          A && (I = await l(n, !1));
         }
-        const T = /^(#{1,6})\s+(.+)$/gm, E = [];
-        let F = T.exec($);
+        const T = /^(#{1,6})\s+(.+)$/gm, R = [];
+        let F = T.exec(I);
         for (; F !== null; ) {
           const Z = F[2].trim();
-          E.push(Z), F = T.exec($);
+          R.push(Z), F = T.exec(I);
         }
-        U.current = E, N($), r(I.content), f(I.frontmatter);
-      } catch (I) {
-        b(I instanceof Error ? I.message : "Failed to load content");
+        Q.current = R, w(I), u(x.content), v(x.frontmatter);
+      } catch (x) {
+        b(x instanceof Error ? x.message : "Failed to load content");
       } finally {
-        g(!1);
+        f(!1);
       }
     })();
   }, [
     n,
     t,
-    j,
-    l.navigationData,
-    a,
-    h
-  ]), B(() => {
-    if (!c && J.anchor) {
-      const u = setTimeout(() => {
-        const w = document.getElementById(J.anchor);
-        if (w) {
-          const T = w.getBoundingClientRect().top + window.pageYOffset - 80;
+    A,
+    c.navigationData,
+    o,
+    l
+  ]), P(() => {
+    if (!r && J.anchor) {
+      const h = setTimeout(() => {
+        const N = document.getElementById(J.anchor);
+        if (N) {
+          const T = N.getBoundingClientRect().top + window.pageYOffset - 80;
           window.scrollTo({
             top: T,
             behavior: "smooth"
           });
         }
       }, 150);
-      return () => clearTimeout(u);
+      return () => clearTimeout(h);
     }
-  }, [c, J.anchor]), c)
-    return /* @__PURE__ */ e("div", { className: S.contentPage, children: /* @__PURE__ */ d("div", { className: S.loadingContainer, children: [
-      /* @__PURE__ */ e("div", { className: S.skeletonTitle }),
-      /* @__PURE__ */ e("div", { className: S.skeletonParagraph }),
-      /* @__PURE__ */ e("div", { className: S.skeletonParagraph }),
-      /* @__PURE__ */ e("div", { className: S.skeletonParagraphShort })
+  }, [r, J.anchor]), r)
+    return /* @__PURE__ */ e("div", { className: M.contentPage, children: /* @__PURE__ */ d("div", { className: M.loadingContainer, children: [
+      /* @__PURE__ */ e("div", { className: M.skeletonTitle }),
+      /* @__PURE__ */ e("div", { className: M.skeletonParagraph }),
+      /* @__PURE__ */ e("div", { className: M.skeletonParagraph }),
+      /* @__PURE__ */ e("div", { className: M.skeletonParagraphShort })
     ] }) });
   if (i)
-    return /* @__PURE__ */ e("div", { className: S.contentPage, children: /* @__PURE__ */ e("div", { className: S.errorContainer, children: /* @__PURE__ */ d("div", { className: S.errorText, children: [
+    return /* @__PURE__ */ e("div", { className: M.contentPage, children: /* @__PURE__ */ e("div", { className: M.errorContainer, children: /* @__PURE__ */ d("div", { className: M.errorText, children: [
       "Error: ",
       i
     ] }) }) });
-  M.current = 0;
+  B.current = 0;
   let le = !1;
-  const xe = () => /* @__PURE__ */ d("div", { className: S.metadata, children: [
-    _.author && /* @__PURE__ */ d("span", { className: S.author, children: [
+  const xe = () => /* @__PURE__ */ d("div", { className: M.metadata, children: [
+    _.author && /* @__PURE__ */ d("span", { className: M.author, children: [
       /* @__PURE__ */ e(Te, { size: 16, weight: "regular" }),
       _.author
     ] }),
-    _.date && /* @__PURE__ */ d("span", { className: S.date, children: [
-      /* @__PURE__ */ e(ye, { size: 16, weight: "regular" }),
+    _.date && /* @__PURE__ */ d("span", { className: M.date, children: [
+      /* @__PURE__ */ e(Se, { size: 16, weight: "regular" }),
       s("ui.lastEdited"),
       ": ",
       _.date
     ] })
   ] });
   return /* @__PURE__ */ d(z, { children: [
-    /* @__PURE__ */ d("div", { className: S.contentPage, children: [
+    /* @__PURE__ */ d("div", { className: M.contentPage, children: [
       /* @__PURE__ */ e(Ae, { hasAdvanced: _.hasAdvanced || !1 }),
-      /* @__PURE__ */ e("div", { className: S.mdxContent, children: /* @__PURE__ */ e(
+      /* @__PURE__ */ e("div", { className: M.mdxContent, children: /* @__PURE__ */ e(
         De,
         {
-          remarkPlugins: [Oe],
+          remarkPlugins: [Ee],
           components: {
-            h1: ({ children: u }) => {
-              const w = M.current++, I = U.current[w] || "", $ = X(I), T = j ? `?advanced&a=${$}` : `?a=${$}`, E = `#/${t}/${n}${T}`, F = !le;
+            h1: ({ children: h }) => {
+              const N = B.current++, x = Q.current[N] || "", I = V(x), T = A ? `?advanced&a=${I}` : `?a=${I}`, R = `#/${t}/${n}${T}`, F = !le;
               le = !0;
               const Z = _.date || _.author;
               return /* @__PURE__ */ d(z, { children: [
                 /* @__PURE__ */ e(
                   "h1",
                   {
-                    id: $,
-                    className: F && Z ? S.withMetadata : void 0,
+                    id: I,
+                    className: F && Z ? M.withMetadata : void 0,
                     children: /* @__PURE__ */ e(
                       "a",
                       {
-                        href: E,
+                        href: R,
                         style: { color: "inherit", textDecoration: "none" },
-                        children: u
+                        children: h
                       }
                     )
                   }
@@ -579,83 +584,83 @@ function Et({ language: t }) {
                 F && Z && /* @__PURE__ */ e(xe, {})
               ] });
             },
-            h2: ({ children: u }) => {
-              const w = M.current++, I = U.current[w] || "", $ = X(I), T = j ? `?advanced&a=${$}` : `?a=${$}`, E = `#/${t}/${n}${T}`;
-              return /* @__PURE__ */ e("h2", { id: $, children: /* @__PURE__ */ e(
+            h2: ({ children: h }) => {
+              const N = B.current++, x = Q.current[N] || "", I = V(x), T = A ? `?advanced&a=${I}` : `?a=${I}`, R = `#/${t}/${n}${T}`;
+              return /* @__PURE__ */ e("h2", { id: I, children: /* @__PURE__ */ e(
                 "a",
                 {
-                  href: E,
+                  href: R,
                   style: { color: "inherit", textDecoration: "none" },
-                  children: u
+                  children: h
                 }
               ) });
             },
-            h3: ({ children: u }) => {
-              const w = M.current++, I = U.current[w] || "", $ = X(I), T = j ? `?advanced&a=${$}` : `?a=${$}`, E = `#/${t}/${n}${T}`;
-              return /* @__PURE__ */ e("h3", { id: $, children: /* @__PURE__ */ e(
+            h3: ({ children: h }) => {
+              const N = B.current++, x = Q.current[N] || "", I = V(x), T = A ? `?advanced&a=${I}` : `?a=${I}`, R = `#/${t}/${n}${T}`;
+              return /* @__PURE__ */ e("h3", { id: I, children: /* @__PURE__ */ e(
                 "a",
                 {
-                  href: E,
+                  href: R,
                   style: { color: "inherit", textDecoration: "none" },
-                  children: u
+                  children: h
                 }
               ) });
             },
-            h4: ({ children: u }) => {
-              const w = M.current++, I = U.current[w] || "", $ = X(I), T = j ? `?advanced&a=${$}` : `?a=${$}`, E = `#/${t}/${n}${T}`;
-              return /* @__PURE__ */ e("h4", { id: $, children: /* @__PURE__ */ e(
+            h4: ({ children: h }) => {
+              const N = B.current++, x = Q.current[N] || "", I = V(x), T = A ? `?advanced&a=${I}` : `?a=${I}`, R = `#/${t}/${n}${T}`;
+              return /* @__PURE__ */ e("h4", { id: I, children: /* @__PURE__ */ e(
                 "a",
                 {
-                  href: E,
+                  href: R,
                   style: { color: "inherit", textDecoration: "none" },
-                  children: u
+                  children: h
                 }
               ) });
             },
-            h5: ({ children: u }) => {
-              const w = `h5-${M.current++}`;
-              return /* @__PURE__ */ e("h5", { id: w, children: u });
+            h5: ({ children: h }) => {
+              const N = `h5-${B.current++}`;
+              return /* @__PURE__ */ e("h5", { id: N, children: h });
             },
-            h6: ({ children: u }) => {
-              const w = `h6-${M.current++}`;
-              return /* @__PURE__ */ e("h6", { id: w, children: u });
+            h6: ({ children: h }) => {
+              const N = `h6-${B.current++}`;
+              return /* @__PURE__ */ e("h6", { id: N, children: h });
             },
-            p: ({ children: u }) => /* @__PURE__ */ e("p", { children: u }),
-            ul: ({ children: u }) => /* @__PURE__ */ e("ul", { children: u }),
-            ol: ({ children: u }) => /* @__PURE__ */ e("ol", { children: u }),
-            li: ({ children: u }) => /* @__PURE__ */ e("li", { children: u }),
-            code: ({ className: u, children: w, ...I }) => {
-              if (!u)
-                return /* @__PURE__ */ e("code", { ...I, children: w });
-              const T = (u == null ? void 0 : u.replace("language-", "")) || "";
-              return /* @__PURE__ */ d("div", { className: S.codeBlock, children: [
-                T && /* @__PURE__ */ e("div", { className: S.codeLanguage, children: T }),
-                /* @__PURE__ */ e("pre", { children: /* @__PURE__ */ e("code", { className: u, ...I, children: w }) })
+            p: ({ children: h }) => /* @__PURE__ */ e("p", { children: h }),
+            ul: ({ children: h }) => /* @__PURE__ */ e("ul", { children: h }),
+            ol: ({ children: h }) => /* @__PURE__ */ e("ol", { children: h }),
+            li: ({ children: h }) => /* @__PURE__ */ e("li", { children: h }),
+            code: ({ className: h, children: N, ...x }) => {
+              if (!h)
+                return /* @__PURE__ */ e("code", { ...x, children: N });
+              const T = (h == null ? void 0 : h.replace("language-", "")) || "";
+              return /* @__PURE__ */ d("div", { className: M.codeBlock, children: [
+                T && /* @__PURE__ */ e("div", { className: M.codeLanguage, children: T }),
+                /* @__PURE__ */ e("pre", { children: /* @__PURE__ */ e("code", { className: h, ...x, children: N }) })
               ] });
             },
-            pre: ({ children: u }) => /* @__PURE__ */ e(z, { children: u }),
+            pre: ({ children: h }) => /* @__PURE__ */ e(z, { children: h }),
             // Let code component handle pre styling
-            blockquote: ({ children: u }) => /* @__PURE__ */ e("blockquote", { children: u }),
-            a: ({ href: u, children: w, ...I }) => {
-              if (u != null && u.startsWith("./")) {
-                const $ = u.slice(2), T = `#/${t}/${$}`;
-                return /* @__PURE__ */ e("a", { href: T, ...I, children: w });
+            blockquote: ({ children: h }) => /* @__PURE__ */ e("blockquote", { children: h }),
+            a: ({ href: h, children: N, ...x }) => {
+              if (h != null && h.startsWith("./")) {
+                const I = h.slice(2), T = `#/${t}/${I}`;
+                return /* @__PURE__ */ e("a", { href: T, ...x, children: N });
               }
-              return u != null && u.startsWith("http://") || u != null && u.startsWith("https://") ? /* @__PURE__ */ e(
+              return h != null && h.startsWith("http://") || h != null && h.startsWith("https://") ? /* @__PURE__ */ e(
                 "a",
                 {
-                  href: u,
+                  href: h,
                   target: "_blank",
                   rel: "noopener noreferrer",
-                  ...I,
-                  children: w
+                  ...x,
+                  children: N
                 }
-              ) : /* @__PURE__ */ e("a", { href: u, ...I, children: w });
+              ) : /* @__PURE__ */ e("a", { href: h, ...x, children: N });
             },
-            strong: ({ children: u }) => /* @__PURE__ */ e("strong", { children: u }),
-            em: ({ children: u }) => /* @__PURE__ */ e("em", { children: u })
+            strong: ({ children: h }) => /* @__PURE__ */ e("strong", { children: h }),
+            em: ({ children: h }) => /* @__PURE__ */ e("em", { children: h })
           },
-          children: p
+          children: g
         }
       ) }),
       _.tags && _.tags.length > 0 && /* @__PURE__ */ e(
@@ -663,23 +668,23 @@ function Et({ language: t }) {
         {
           tags: _.tags,
           variant: "compact",
-          onTagClick: (u) => C(u)
+          onTagClick: (h) => $(h)
         }
       )
     ] }),
-    k && /* @__PURE__ */ e(nt, { content: p, englishContent: v }),
-    m && ((ie = l.tagIndex) == null ? void 0 : ie[t]) && /* @__PURE__ */ e(
-      _t,
+    C && /* @__PURE__ */ e(nt, { content: g, englishContent: p }),
+    m && ((ie = c.tagIndex) == null ? void 0 : ie[t]) && /* @__PURE__ */ e(
+      gt,
       {
         tag: m,
-        results: l.tagIndex[t][m] || [],
+        results: c.tagIndex[t][m] || [],
         language: t,
-        onClose: () => C(null)
+        onClose: () => $(null)
       }
     )
   ] });
 }
-const Rt = "_searchButton_1k9sl_1", jt = "_searchIcon_1k9sl_17", At = "_searchHint_1k9sl_23", Ht = "_kbd_1k9sl_27", qt = "_searchOverlay_1k9sl_42", Wt = "_searchModal_1k9sl_67", Ft = "_searchHeader_1k9sl_91", Kt = "_searchInput_1k9sl_105", zt = "_closeButton_1k9sl_123", Ut = "_searchResults_1k9sl_144", Gt = "_resultsList_1k9sl_152", Qt = "_resultItem_1k9sl_158", Xt = "_selected_1k9sl_173", Yt = "_resultTitle_1k9sl_176", Vt = "_resultSlug_1k9sl_180", Jt = "_noResults_1k9sl_186", Zt = "_searchHints_1k9sl_193", en = "_hint_1k9sl_210", L = {
+const Rt = "_searchButton_1k9sl_1", jt = "_searchIcon_1k9sl_17", At = "_searchHint_1k9sl_23", Ht = "_kbd_1k9sl_27", qt = "_searchOverlay_1k9sl_42", Wt = "_searchModal_1k9sl_67", Ft = "_searchHeader_1k9sl_91", Kt = "_searchInput_1k9sl_105", zt = "_closeButton_1k9sl_123", Ut = "_searchResults_1k9sl_144", Gt = "_resultsList_1k9sl_152", Qt = "_resultItem_1k9sl_158", Xt = "_selected_1k9sl_173", Yt = "_resultTitle_1k9sl_176", Vt = "_resultSlug_1k9sl_180", Jt = "_noResults_1k9sl_186", Zt = "_searchHints_1k9sl_193", en = "_hint_1k9sl_210", y = {
   searchButton: Rt,
   searchIcon: jt,
   searchHint: At,
@@ -700,133 +705,145 @@ const Rt = "_searchButton_1k9sl_1", jt = "_searchIcon_1k9sl_17", At = "_searchHi
   hint: en
 };
 function tn({ language: t }) {
-  const { t: n } = R(), { config: o } = H(), s = V(), [l, a] = P(!1), [h, p] = P(""), [r, v] = P([]), [N, _] = P(0), f = W(null), c = W(null), i = typeof navigator < "u" && /(Mac|iPhone|iPod|iPad)/i.test(navigator.platform) ? "⌘K" : "Ctrl+K", b = te(
-    o.navigationData,
+  const { t: n } = O(), { config: a } = j(), s = G(), [c, o] = L(!1), [l, g] = L(""), [u, p] = L([]), [w, _] = L(0), v = W(null), r = W(null), i = typeof navigator < "u" && /(Mac|iPhone|iPod|iPad)/i.test(navigator.platform) ? "⌘K" : "Ctrl+K", b = te(
+    a.navigationData,
     t
-  ).flatMap((m) => "items" in m ? m.items.map((C) => ({
-    title: C.title,
-    slug: C.slug
+  ).flatMap((m) => "items" in m ? m.items.map(($) => ({
+    title: $.title,
+    slug: $.slug
   })) : [{ title: m.title, slug: m.slug }]);
-  B(() => {
-    if (!h.trim()) {
-      v([]), _(0);
+  P(() => {
+    if (!l.trim()) {
+      p([]), _(0);
       return;
     }
-    const m = h.toLowerCase(), C = b.filter(
-      (M) => M.title.toLowerCase().includes(m) || M.slug.toLowerCase().includes(m)
+    const m = l.toLowerCase(), $ = b.filter(
+      (B) => B.title.toLowerCase().includes(m) || B.slug.toLowerCase().includes(m)
     );
-    v(C), _(0);
-  }, [h]), B(() => {
-    const m = (C) => {
-      (C.metaKey || C.ctrlKey) && C.key === "k" && (C.preventDefault(), a(!0), setTimeout(() => {
-        var M;
-        return (M = f.current) == null ? void 0 : M.focus();
-      }, 100)), C.key === "Escape" && l && (a(!1), p(""));
+    p($), _(0);
+  }, [l]), P(() => {
+    const m = ($) => {
+      ($.metaKey || $.ctrlKey) && $.key === "k" && ($.preventDefault(), o(!0), setTimeout(() => {
+        var B;
+        return (B = v.current) == null ? void 0 : B.focus();
+      }, 100)), $.key === "Escape" && c && (o(!1), g(""));
     };
     return document.addEventListener("keydown", m), () => document.removeEventListener("keydown", m);
-  }, [l]);
-  const k = (m) => {
-    m.key === "ArrowDown" ? (m.preventDefault(), _((C) => Math.min(C + 1, r.length - 1))) : m.key === "ArrowUp" ? (m.preventDefault(), _((C) => Math.max(C - 1, 0))) : m.key === "Enter" && r[N] && (m.preventDefault(), y(r[N].slug));
+  }, [c]), P(() => {
+    const m = () => {
+      o(!0), setTimeout(() => {
+        var B;
+        return (B = v.current) == null ? void 0 : B.focus();
+      }, 100);
+    }, $ = () => {
+      o(!1), g("");
+    };
+    return window.addEventListener("blog:open-search", m), window.addEventListener("blog:close-search", $), () => {
+      window.removeEventListener("blog:open-search", m), window.removeEventListener("blog:close-search", $);
+    };
+  }, []);
+  const C = (m) => {
+    m.key === "ArrowDown" ? (m.preventDefault(), _(($) => Math.min($ + 1, u.length - 1))) : m.key === "ArrowUp" ? (m.preventDefault(), _(($) => Math.max($ - 1, 0))) : m.key === "Enter" && u[w] && (m.preventDefault(), S(u[w].slug));
   };
-  B(() => {
-    const m = (C) => {
-      c.current && !c.current.contains(C.target) && (a(!1), p(""));
+  P(() => {
+    const m = ($) => {
+      r.current && !r.current.contains($.target) && (o(!1), g(""));
     };
-    return l && document.addEventListener("mousedown", m), () => document.removeEventListener("mousedown", m);
-  }, [l]);
-  const y = (m) => {
-    const C = o.basePath || "";
-    s(`${C}/${t}/${m}`), a(!1), p("");
+    return c && document.addEventListener("mousedown", m), () => document.removeEventListener("mousedown", m);
+  }, [c]);
+  const S = (m) => {
+    const $ = a.basePath || "";
+    s(`${$}/${t}/${m}`), o(!1), g("");
   };
   return /* @__PURE__ */ d(z, { children: [
     /* @__PURE__ */ d(
       "button",
       {
         type: "button",
-        className: L.searchButton,
+        className: y.searchButton,
         onClick: () => {
-          a(!0), setTimeout(() => {
+          o(!0), setTimeout(() => {
             var m;
-            return (m = f.current) == null ? void 0 : m.focus();
+            return (m = v.current) == null ? void 0 : m.focus();
           }, 100);
         },
         "aria-label": n("ui.search"),
         children: [
-          /* @__PURE__ */ e(he, { className: L.searchIcon }),
-          /* @__PURE__ */ e("span", { className: L.searchHint, children: n("ui.search") }),
-          /* @__PURE__ */ e("kbd", { className: L.kbd, children: i })
+          /* @__PURE__ */ e(he, { className: y.searchIcon }),
+          /* @__PURE__ */ e("span", { className: y.searchHint, children: n("ui.search") }),
+          /* @__PURE__ */ e("kbd", { className: y.kbd, children: i })
         ]
       }
     ),
-    l && ve(
+    c && ve(
       /* @__PURE__ */ e(
         "div",
         {
-          className: L.searchOverlay,
+          className: y.searchOverlay,
           onClick: () => {
-            a(!1), p("");
+            o(!1), g("");
           },
           children: /* @__PURE__ */ d(
             "div",
             {
-              className: L.searchModal,
-              ref: c,
+              className: y.searchModal,
+              ref: r,
               onClick: (m) => m.stopPropagation(),
               children: [
-                /* @__PURE__ */ d("div", { className: L.searchHeader, children: [
-                  /* @__PURE__ */ e(he, { className: L.searchIcon }),
+                /* @__PURE__ */ d("div", { className: y.searchHeader, children: [
+                  /* @__PURE__ */ e(he, { className: y.searchIcon }),
                   /* @__PURE__ */ e(
                     "input",
                     {
-                      ref: f,
+                      ref: v,
                       type: "text",
-                      className: L.searchInput,
+                      className: y.searchInput,
                       placeholder: n("ui.searchPlaceholder"),
-                      value: h,
-                      onChange: (m) => p(m.target.value),
-                      onKeyDown: k
+                      value: l,
+                      onChange: (m) => g(m.target.value),
+                      onKeyDown: C
                     }
                   ),
                   /* @__PURE__ */ e(
                     "button",
                     {
                       type: "button",
-                      className: L.closeButton,
+                      className: y.closeButton,
                       onClick: () => {
-                        a(!1), p("");
+                        o(!1), g("");
                       },
                       "aria-label": "Close search",
                       children: /* @__PURE__ */ e(se, {})
                     }
                   )
                 ] }),
-                h && /* @__PURE__ */ e("div", { className: L.searchResults, children: r.length === 0 ? /* @__PURE__ */ e("div", { className: L.noResults, children: n("ui.noSearchResults") }) : /* @__PURE__ */ e("ul", { className: L.resultsList, children: r.map((m, C) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ d(
+                l && /* @__PURE__ */ e("div", { className: y.searchResults, children: u.length === 0 ? /* @__PURE__ */ e("div", { className: y.noResults, children: n("ui.noSearchResults") }) : /* @__PURE__ */ e("ul", { className: y.resultsList, children: u.map((m, $) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ d(
                   "button",
                   {
                     type: "button",
-                    className: `${L.resultItem} ${C === N ? L.selected : ""}`,
-                    onClick: () => y(m.slug),
-                    onMouseEnter: () => _(C),
+                    className: `${y.resultItem} ${$ === w ? y.selected : ""}`,
+                    onClick: () => S(m.slug),
+                    onMouseEnter: () => _($),
                     children: [
-                      /* @__PURE__ */ e("div", { className: L.resultTitle, children: m.title }),
-                      /* @__PURE__ */ d("div", { className: L.resultSlug, children: [
+                      /* @__PURE__ */ e("div", { className: y.resultTitle, children: m.title }),
+                      /* @__PURE__ */ d("div", { className: y.resultSlug, children: [
                         "/",
                         m.slug
                       ] })
                     ]
                   }
                 ) }, m.slug)) }) }),
-                !h && /* @__PURE__ */ d("div", { className: L.searchHints, children: [
-                  /* @__PURE__ */ d("div", { className: L.hint, children: [
+                !l && /* @__PURE__ */ d("div", { className: y.searchHints, children: [
+                  /* @__PURE__ */ d("div", { className: y.hint, children: [
                     /* @__PURE__ */ e("kbd", { children: "↑" }),
                     /* @__PURE__ */ e("kbd", { children: "↓" }),
                     /* @__PURE__ */ e("span", { children: n("ui.searchNavigate") })
                   ] }),
-                  /* @__PURE__ */ d("div", { className: L.hint, children: [
+                  /* @__PURE__ */ d("div", { className: y.hint, children: [
                     /* @__PURE__ */ e("kbd", { children: "↵" }),
                     /* @__PURE__ */ e("span", { children: n("ui.searchSelect") })
                   ] }),
-                  /* @__PURE__ */ d("div", { className: L.hint, children: [
+                  /* @__PURE__ */ d("div", { className: y.hint, children: [
                     /* @__PURE__ */ e("kbd", { children: "esc" }),
                     /* @__PURE__ */ e("span", { children: n("ui.searchClose") })
                   ] })
@@ -840,7 +857,7 @@ function tn({ language: t }) {
     )
   ] });
 }
-const nn = "_header_jrobc_1", on = "_container_jrobc_24", an = "_content_jrobc_36", sn = "_leftSection_jrobc_43", cn = "_mobileMenuButton_jrobc_49", rn = "_burgerIcon_jrobc_87", ln = "_logo_jrobc_92", dn = "_nav_jrobc_98", un = "_navLink_jrobc_109", hn = "_externalIcon_jrobc_135", mn = "_supportDropdown_jrobc_141", _n = "_themeDropdown_jrobc_145", gn = "_themeButton_jrobc_149", pn = "_themeIcon_jrobc_171", fn = "_supportButton_jrobc_177", vn = "_caretIcon_jrobc_198", bn = "_dropdownMenu_jrobc_208", wn = "_dropdownItem_jrobc_221", $n = "_dropdownIcon_jrobc_244", x = {
+const nn = "_header_jrobc_1", on = "_container_jrobc_24", an = "_content_jrobc_36", sn = "_leftSection_jrobc_43", cn = "_mobileMenuButton_jrobc_49", rn = "_burgerIcon_jrobc_87", ln = "_logo_jrobc_92", dn = "_nav_jrobc_98", un = "_navLink_jrobc_109", hn = "_externalIcon_jrobc_135", mn = "_supportDropdown_jrobc_141", gn = "_themeDropdown_jrobc_145", _n = "_themeButton_jrobc_149", pn = "_themeIcon_jrobc_171", fn = "_supportButton_jrobc_177", vn = "_caretIcon_jrobc_198", bn = "_dropdownMenu_jrobc_208", wn = "_dropdownItem_jrobc_221", $n = "_dropdownIcon_jrobc_244", k = {
   header: nn,
   container: on,
   content: an,
@@ -852,8 +869,8 @@ const nn = "_header_jrobc_1", on = "_container_jrobc_24", an = "_content_jrobc_3
   navLink: un,
   externalIcon: hn,
   supportDropdown: mn,
-  themeDropdown: _n,
-  themeButton: gn,
+  themeDropdown: gn,
+  themeButton: _n,
   themeIcon: pn,
   supportButton: fn,
   caretIcon: vn,
@@ -862,57 +879,57 @@ const nn = "_header_jrobc_1", on = "_container_jrobc_24", an = "_content_jrobc_3
   dropdownIcon: $n
 };
 function Nn({ onMobileMenuToggle: t }) {
-  const { t: n, i18n: o } = R(), { config: s } = H(), l = s.header ?? {}, a = l.navLinks ?? [], h = l.dropdownItems ?? [], [p, r] = P(!1), [v, N] = P(!1), { theme: _, setTheme: f } = Ne(), c = W(null), g = W(null);
-  return B(() => {
+  const { t: n, i18n: a } = O(), { config: s } = j(), c = s.header ?? {}, o = c.navLinks ?? [], l = c.dropdownItems ?? [], [g, u] = L(!1), [p, w] = L(!1), { theme: _, setTheme: v } = Ne(), r = W(null), f = W(null);
+  return P(() => {
     const i = (b) => {
-      c.current && !c.current.contains(b.target) && r(!1), g.current && !g.current.contains(b.target) && N(!1);
+      r.current && !r.current.contains(b.target) && u(!1), f.current && !f.current.contains(b.target) && w(!1);
     };
     return document.addEventListener("mousedown", i), () => document.removeEventListener("mousedown", i);
-  }, []), /* @__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: k.header, children: /* @__PURE__ */ e("div", { className: k.container, children: /* @__PURE__ */ d("div", { className: k.content, children: [
+    /* @__PURE__ */ d("div", { className: k.leftSection, children: [
       /* @__PURE__ */ e(
         "button",
         {
           type: "button",
-          className: x.mobileMenuButton,
+          className: k.mobileMenuButton,
           onClick: t,
           "aria-label": "Open menu",
-          children: /* @__PURE__ */ e(Le, { className: x.burgerIcon })
+          children: /* @__PURE__ */ e(ye, { className: k.burgerIcon })
         }
       ),
-      /* @__PURE__ */ e("div", { className: x.logo })
+      /* @__PURE__ */ e("div", { className: k.logo })
     ] }),
-    /* @__PURE__ */ d("nav", { className: x.nav, children: [
-      /* @__PURE__ */ e(tn, { language: o.language }),
-      /* @__PURE__ */ d("div", { className: x.themeDropdown, ref: g, children: [
+    /* @__PURE__ */ d("nav", { className: k.nav, children: [
+      /* @__PURE__ */ e(tn, { language: a.language }),
+      /* @__PURE__ */ d("div", { className: k.themeDropdown, ref: f, children: [
         /* @__PURE__ */ d(
           "button",
           {
             type: "button",
-            className: x.themeButton,
-            onClick: () => N(!v),
-            "aria-expanded": v,
+            className: k.themeButton,
+            onClick: () => w(!p),
+            "aria-expanded": p,
             "aria-haspopup": "true",
             "aria-label": n("ui.theme"),
             children: [
-              _ === "light" && /* @__PURE__ */ e(me, { className: x.themeIcon }),
-              _ === "dark" && /* @__PURE__ */ e(_e, { className: x.themeIcon }),
-              _ === "system" && /* @__PURE__ */ e(ge, { className: x.themeIcon }),
-              /* @__PURE__ */ e(oe, { className: x.caretIcon })
+              _ === "light" && /* @__PURE__ */ e(me, { className: k.themeIcon }),
+              _ === "dark" && /* @__PURE__ */ e(ge, { className: k.themeIcon }),
+              _ === "system" && /* @__PURE__ */ e(_e, { className: k.themeIcon }),
+              /* @__PURE__ */ e(oe, { className: k.caretIcon })
             ]
           }
         ),
-        v && /* @__PURE__ */ d("div", { className: x.dropdownMenu, children: [
+        p && /* @__PURE__ */ d("div", { className: k.dropdownMenu, children: [
           /* @__PURE__ */ d(
             "button",
             {
               type: "button",
               onClick: () => {
-                f("light"), N(!1);
+                v("light"), w(!1);
               },
-              className: x.dropdownItem,
+              className: k.dropdownItem,
               children: [
-                /* @__PURE__ */ e(me, { className: x.dropdownIcon }),
+                /* @__PURE__ */ e(me, { className: k.dropdownIcon }),
                 n("ui.light")
               ]
             }
@@ -922,11 +939,11 @@ function Nn({ onMobileMenuToggle: t }) {
             {
               type: "button",
               onClick: () => {
-                f("dark"), N(!1);
+                v("dark"), w(!1);
               },
-              className: x.dropdownItem,
+              className: k.dropdownItem,
               children: [
-                /* @__PURE__ */ e(_e, { className: x.dropdownIcon }),
+                /* @__PURE__ */ e(ge, { className: k.dropdownIcon }),
                 n("ui.dark")
               ]
             }
@@ -936,43 +953,43 @@ function Nn({ onMobileMenuToggle: t }) {
             {
               type: "button",
               onClick: () => {
-                f("system"), N(!1);
+                v("system"), w(!1);
               },
-              className: x.dropdownItem,
+              className: k.dropdownItem,
               children: [
-                /* @__PURE__ */ e(ge, { className: x.dropdownIcon }),
+                /* @__PURE__ */ e(_e, { className: k.dropdownIcon }),
                 n("ui.system")
               ]
             }
           )
         ] })
       ] }),
-      h.length > 0 && /* @__PURE__ */ d("div", { className: x.supportDropdown, ref: c, children: [
+      l.length > 0 && /* @__PURE__ */ d("div", { className: k.supportDropdown, ref: r, children: [
         /* @__PURE__ */ d(
           "button",
           {
             type: "button",
-            className: x.supportButton,
-            onClick: () => r(!p),
-            "aria-expanded": p,
+            className: k.supportButton,
+            onClick: () => u(!g),
+            "aria-expanded": g,
             "aria-haspopup": "true",
             children: [
               n("ui.support"),
-              /* @__PURE__ */ e(oe, { className: x.caretIcon })
+              /* @__PURE__ */ e(oe, { className: k.caretIcon })
             ]
           }
         ),
-        p && /* @__PURE__ */ e("div", { className: x.dropdownMenu, children: h.map((i, b) => {
-          const k = i.target ?? (i.url.startsWith("http") ? "_blank" : "_self"), y = i.rel ?? (k === "_blank" ? "noopener noreferrer" : void 0), m = i.icon;
+        g && /* @__PURE__ */ e("div", { className: k.dropdownMenu, children: l.map((i, b) => {
+          const C = i.target ?? (i.url.startsWith("http") ? "_blank" : "_self"), S = i.rel ?? (C === "_blank" ? "noopener noreferrer" : void 0), m = i.icon;
           return /* @__PURE__ */ d(
             "a",
             {
               href: i.url,
-              target: k,
-              rel: y,
-              className: x.dropdownItem,
+              target: C,
+              rel: S,
+              className: k.dropdownItem,
               children: [
-                m && /* @__PURE__ */ e(m, { className: x.dropdownIcon }),
+                m && /* @__PURE__ */ e(m, { className: k.dropdownIcon }),
                 i.label
               ]
             },
@@ -980,18 +997,18 @@ function Nn({ onMobileMenuToggle: t }) {
           );
         }) })
       ] }),
-      a.map((i, b) => {
-        const k = i.target ?? (typeof i.url == "string" && i.url.startsWith("http") ? "_blank" : "_self"), y = i.rel ?? (k === "_blank" ? "noopener noreferrer" : void 0), m = i.icon;
+      o.map((i, b) => {
+        const C = i.target ?? (typeof i.url == "string" && i.url.startsWith("http") ? "_blank" : "_self"), S = i.rel ?? (C === "_blank" ? "noopener noreferrer" : void 0), m = i.icon;
         return /* @__PURE__ */ d(
           "a",
           {
             href: i.url,
-            target: k,
-            rel: y,
-            className: i.className ?? x.navLink,
+            target: C,
+            rel: S,
+            className: i.className ?? k.navLink,
             children: [
               i.label,
-              m && /* @__PURE__ */ e(m, { className: x.externalIcon })
+              m && /* @__PURE__ */ e(m, { className: k.externalIcon })
             ]
           },
           b
@@ -1000,170 +1017,170 @@ function Nn({ onMobileMenuToggle: t }) {
     ] })
   ] }) }) });
 }
-const Q = (t) => "items" in t;
+const Y = (t) => "items" in t;
 function ce({
   styles: t,
   onLanguageChange: n
 }) {
-  const { i18n: o } = R(), s = Y(), l = V(), { config: a } = H(), [h, p] = P(!1), r = W(null), v = o.language, N = (f) => {
-    const c = a.basePath || "";
-    let g = s.pathname;
-    c && g.startsWith(c) && (g = g.slice(c.length));
-    const i = g.split("/").filter(Boolean), b = i[0];
-    let k = "";
-    a.supportedLanguages.includes(b) ? (i[0] = f, k = `${c}/${i.join("/")}`) : k = `${c}/${f}${g}`;
-    const y = k + s.search + s.hash;
-    o.changeLanguage(f), l(y), p(!1), n == null || n();
+  const { i18n: a } = O(), s = U(), c = G(), { config: o } = j(), [l, g] = L(!1), u = W(null), p = a.language, w = (v) => {
+    const r = o.basePath || "";
+    let f = s.pathname;
+    r && f.startsWith(r) && (f = f.slice(r.length));
+    const i = f.split("/").filter(Boolean), b = i[0];
+    let C = "";
+    o.supportedLanguages.includes(b) ? (i[0] = v, C = `${r}/${i.join("/")}`) : C = `${r}/${v}${f}`;
+    const S = C + s.search + s.hash;
+    a.changeLanguage(v), c(S), g(!1), n == null || n();
   };
-  B(() => {
-    const f = (c) => {
-      r.current && !r.current.contains(c.target) && p(!1);
+  P(() => {
+    const v = (r) => {
+      u.current && !u.current.contains(r.target) && g(!1);
     };
-    return document.addEventListener("mousedown", f), () => document.removeEventListener("mousedown", f);
+    return document.addEventListener("mousedown", v), () => document.removeEventListener("mousedown", v);
   }, []);
-  const _ = (f) => o.getFixedT(f)("language") || f;
-  return /* @__PURE__ */ d("div", { className: t.languageSelect, ref: r, children: [
+  const _ = (v) => a.getFixedT(v)("language") || v;
+  return /* @__PURE__ */ d("div", { className: t.languageSelect, ref: u, children: [
     /* @__PURE__ */ d(
       "button",
       {
         type: "button",
         className: t.languageButton,
-        onClick: () => p(!h),
-        "aria-expanded": h,
+        onClick: () => g(!l),
+        "aria-expanded": l,
         "aria-haspopup": "listbox",
         children: [
-          /* @__PURE__ */ e(Pe, { className: t.icon }),
-          _(v),
+          /* @__PURE__ */ e(Le, { className: t.icon }),
+          _(p),
           /* @__PURE__ */ e(oe, { className: t.chevron })
         ]
       }
     ),
-    h && /* @__PURE__ */ e("div", { className: t.languageDropdown, role: "listbox", children: a.supportedLanguages.map((f) => /* @__PURE__ */ e(
+    l && /* @__PURE__ */ e("div", { className: t.languageDropdown, role: "listbox", children: o.supportedLanguages.map((v) => /* @__PURE__ */ e(
       "button",
       {
         type: "button",
-        className: `${t.languageOption} ${f === v ? t.selected : ""}`,
-        onClick: () => N(f),
+        className: `${t.languageOption} ${v === p ? t.selected : ""}`,
+        onClick: () => w(v),
         role: "option",
-        "aria-selected": f === v,
-        children: _(f)
+        "aria-selected": v === p,
+        children: _(v)
       },
-      f
+      v
     )) })
   ] });
 }
 function re({ styles: t, onLinkClick: n }) {
-  const { i18n: o } = R(), s = Y(), { config: l } = H(), [a, h] = P(() => {
-    const c = o.language;
-    return te(l.navigationData, c).reduce(
-      (i, b, k) => {
-        if (Q(b)) {
-          const y = l.navigationData[k], m = Q(y) && y.defaultOpen === !0;
+  const { i18n: a } = O(), s = U(), { config: c } = j(), [o, l] = L(() => {
+    const r = a.language;
+    return te(c.navigationData, r).reduce(
+      (i, b, C) => {
+        if (Y(b)) {
+          const S = c.navigationData[C], m = Y(S) && S.defaultOpen === !0;
           i[b.title] = m;
         }
         return i;
       },
       {}
     );
-  }), p = o.language, r = te(
-    l.navigationData,
-    p
+  }), g = a.language, u = te(
+    c.navigationData,
+    g
   );
-  B(() => {
-    const g = te(
-      l.navigationData,
-      p
+  P(() => {
+    const f = te(
+      c.navigationData,
+      g
     ).reduce(
-      (i, b, k) => {
-        if (Q(b)) {
-          const y = l.navigationData[k], m = Q(y) && y.defaultOpen === !0;
+      (i, b, C) => {
+        if (Y(b)) {
+          const S = c.navigationData[C], m = Y(S) && S.defaultOpen === !0;
           i[b.title] = m;
         }
         return i;
       },
       {}
     );
-    h(g);
-  }, [p, l.navigationData]);
-  const v = (c) => {
-    h((g) => ({
-      ...g,
-      [c]: !g[c]
+    l(f);
+  }, [g, c.navigationData]);
+  const p = (r) => {
+    l((f) => ({
+      ...f,
+      [r]: !f[r]
     }));
-  }, N = (c) => {
-    const g = l.basePath || "";
+  }, w = (r) => {
+    const f = c.basePath || "";
     let i = s.pathname;
-    g && i.startsWith(g) && (i = i.slice(g.length));
+    f && i.startsWith(f) && (i = i.slice(f.length));
     const b = i.split("/").filter(Boolean);
-    return b[b.length - 1] === c;
-  }, _ = (c) => {
-    const g = l.basePath || "";
+    return b[b.length - 1] === r;
+  }, _ = (r) => {
+    const f = c.basePath || "";
     let i = s.pathname;
-    g && i.startsWith(g) && (i = i.slice(g.length));
+    f && i.startsWith(f) && (i = i.slice(f.length));
     const b = i.split("/").filter(Boolean);
-    return b[0] && l.supportedLanguages.includes(b[0]) ? `${g}/${b[0]}/${c}` : `${g}/${p}/${c}`;
-  }, f = () => {
+    return b[0] && c.supportedLanguages.includes(b[0]) ? `${f}/${b[0]}/${r}` : `${f}/${g}/${r}`;
+  }, v = () => {
     n == null || n();
   };
-  return /* @__PURE__ */ e("div", { className: t.navigation, children: r.map((c) => Q(c) ? /* @__PURE__ */ d("div", { className: t.section, children: [
+  return /* @__PURE__ */ e("div", { className: t.navigation, children: u.map((r) => Y(r) ? /* @__PURE__ */ d("div", { className: t.section, children: [
     /* @__PURE__ */ d(
       "button",
       {
         type: "button",
-        className: `${t.sectionButton} ${a[c.title] ? t.expanded : ""}`,
-        onClick: () => v(c.title),
+        className: `${t.sectionButton} ${o[r.title] ? t.expanded : ""}`,
+        onClick: () => p(r.title),
         children: [
-          c.title,
-          /* @__PURE__ */ e(Se, { className: t.icon })
+          r.title,
+          /* @__PURE__ */ e(Pe, { className: t.icon })
         ]
       }
     ),
-    a[c.title] && /* @__PURE__ */ e("div", { className: t.sectionItems, children: c.items.map((g) => /* @__PURE__ */ e(
+    o[r.title] && /* @__PURE__ */ e("div", { className: t.sectionItems, children: r.items.map((f) => /* @__PURE__ */ e(
       de,
       {
-        to: _(g.slug),
-        className: `${t.navItem} ${N(g.slug) ? t.active : ""}`,
-        onClick: f,
-        children: /* @__PURE__ */ e("div", { className: t.navItemContent, children: /* @__PURE__ */ e("span", { className: t.navItemTitle, children: g.title }) })
+        to: _(f.slug),
+        className: `${t.navItem} ${w(f.slug) ? t.active : ""}`,
+        onClick: v,
+        children: /* @__PURE__ */ e("div", { className: t.navItemContent, children: /* @__PURE__ */ e("span", { className: t.navItemTitle, children: f.title }) })
       },
-      g.slug
+      f.slug
     )) })
-  ] }, c.title) : /* @__PURE__ */ e(
+  ] }, r.title) : /* @__PURE__ */ e(
     de,
     {
-      to: _(c.slug),
-      className: `${t.navItem} ${N(c.slug) ? t.active : ""}`,
-      onClick: f,
-      children: /* @__PURE__ */ e("div", { className: t.navItemContent, children: /* @__PURE__ */ e("span", { className: t.navItemTitle, children: c.title }) })
+      to: _(r.slug),
+      className: `${t.navItem} ${w(r.slug) ? t.active : ""}`,
+      onClick: v,
+      children: /* @__PURE__ */ e("div", { className: t.navItemContent, children: /* @__PURE__ */ e("span", { className: t.navItemTitle, children: r.title }) })
     },
-    c.slug
+    r.slug
   )) });
 }
 function Ro({
   styles: t,
   onLinkClick: n,
-  onLanguageChange: o
+  onLanguageChange: a
 }) {
   return /* @__PURE__ */ d(z, { children: [
-    /* @__PURE__ */ e(ce, { styles: t, onLanguageChange: o }),
+    /* @__PURE__ */ e(ce, { styles: t, onLanguageChange: a }),
     /* @__PURE__ */ e(re, { styles: t, onLinkClick: n })
   ] });
 }
-const In = "_backdrop_1a7pu_1", xn = "_open_1a7pu_13", kn = "_mobileMenu_1a7pu_18", Cn = "_header_1a7pu_37", Tn = "_brand_1a7pu_46", yn = "_cloudIcon_1a7pu_53", Ln = "_title_1a7pu_62", Pn = "_closeButton_1a7pu_69", Sn = "_closeIcon_1a7pu_101", Bn = "_languageSection_1a7pu_106", Mn = "_languageSelect_1a7pu_112", Dn = "_languageButton_1a7pu_117", On = "_icon_1a7pu_156", En = "_chevron_1a7pu_162", Rn = "_languageDropdown_1a7pu_172", jn = "_languageOption_1a7pu_185", An = "_selected_1a7pu_226", Hn = "_scrollArea_1a7pu_231", qn = "_navigation_1a7pu_237", Wn = "_section_1a7pu_241", Fn = "_sectionButton_1a7pu_245", Kn = "_expanded_1a7pu_285", zn = "_sectionItems_1a7pu_289", Un = "_navItem_1a7pu_297", Gn = "_active_1a7pu_310", Qn = "_navItemContent_1a7pu_316", Xn = "_navItemTitle_1a7pu_322", D = {
+const In = "_backdrop_1a7pu_1", xn = "_open_1a7pu_13", kn = "_mobileMenu_1a7pu_18", Cn = "_header_1a7pu_37", Tn = "_brand_1a7pu_46", Sn = "_cloudIcon_1a7pu_53", yn = "_title_1a7pu_62", Ln = "_closeButton_1a7pu_69", Pn = "_closeIcon_1a7pu_101", Bn = "_languageSection_1a7pu_106", Mn = "_languageSelect_1a7pu_112", Dn = "_languageButton_1a7pu_117", En = "_icon_1a7pu_156", On = "_chevron_1a7pu_162", Rn = "_languageDropdown_1a7pu_172", jn = "_languageOption_1a7pu_185", An = "_selected_1a7pu_226", Hn = "_scrollArea_1a7pu_231", qn = "_navigation_1a7pu_237", Wn = "_section_1a7pu_241", Fn = "_sectionButton_1a7pu_245", Kn = "_expanded_1a7pu_285", zn = "_sectionItems_1a7pu_289", Un = "_navItem_1a7pu_297", Gn = "_active_1a7pu_310", Qn = "_navItemContent_1a7pu_316", Xn = "_navItemTitle_1a7pu_322", D = {
   backdrop: In,
   open: xn,
   mobileMenu: kn,
   header: Cn,
   brand: Tn,
-  cloudIcon: yn,
-  title: Ln,
-  closeButton: Pn,
-  closeIcon: Sn,
+  cloudIcon: Sn,
+  title: yn,
+  closeButton: Ln,
+  closeIcon: Pn,
   languageSection: Bn,
   languageSelect: Mn,
   languageButton: Dn,
-  icon: On,
-  chevron: En,
+  icon: En,
+  chevron: On,
   languageDropdown: Rn,
   languageOption: jn,
   selected: An,
@@ -1179,14 +1196,14 @@ const In = "_backdrop_1a7pu_1", xn = "_open_1a7pu_13", kn = "_mobileMenu_1a7pu_1
   navItemTitle: Xn
 };
 function Yn({ isOpen: t, onClose: n }) {
-  const { config: o } = H(), s = o.logo;
-  return B(() => (t ? document.body.style.overflow = "hidden" : document.body.style.overflow = "unset", () => {
+  const { config: a } = j(), s = a.logo;
+  return P(() => (t ? document.body.style.overflow = "hidden" : document.body.style.overflow = "unset", () => {
     document.body.style.overflow = "unset";
-  }), [t]), B(() => {
-    const l = (a) => {
-      a.key === "Escape" && t && n();
+  }), [t]), P(() => {
+    const c = (o) => {
+      o.key === "Escape" && t && n();
     };
-    return document.addEventListener("keydown", l), () => document.removeEventListener("keydown", l);
+    return document.addEventListener("keydown", c), () => document.removeEventListener("keydown", c);
   }, [t, n]), /* @__PURE__ */ d(z, { children: [
     /* @__PURE__ */ e(
       "div",
@@ -1199,7 +1216,7 @@ function Yn({ isOpen: t, onClose: n }) {
       /* @__PURE__ */ d("div", { className: D.header, children: [
         /* @__PURE__ */ d("div", { className: D.brand, children: [
           s && /* @__PURE__ */ e(s, { className: D.cloudIcon }),
-          /* @__PURE__ */ e("h1", { className: D.title, children: o.title })
+          /* @__PURE__ */ e("h1", { className: D.title, children: a.title })
         ] }),
         /* @__PURE__ */ e(
           "button",
@@ -1217,7 +1234,7 @@ function Yn({ isOpen: t, onClose: n }) {
     ] })
   ] });
 }
-const Vn = "_sidebar_1tdxt_1", Jn = "_header_1tdxt_17", Zn = "_brand_1tdxt_29", eo = "_cloudIcon_1tdxt_35", to = "_title_1tdxt_44", no = "_languageSelect_1tdxt_55", oo = "_languageButton_1tdxt_61", ao = "_icon_1tdxt_99", so = "_chevron_1tdxt_104", co = "_languageDropdown_1tdxt_114", ro = "_languageOption_1tdxt_128", lo = "_selected_1tdxt_147", io = "_scrollArea_1tdxt_152", uo = "_navigation_1tdxt_158", ho = "_section_1tdxt_164", mo = "_sectionButton_1tdxt_170", _o = "_expanded_1tdxt_213", go = "_sectionItems_1tdxt_217", po = "_navItem_1tdxt_225", fo = "_active_1tdxt_238", vo = "_navItemContent_1tdxt_243", q = {
+const Vn = "_sidebar_1tdxt_1", Jn = "_header_1tdxt_17", Zn = "_brand_1tdxt_29", eo = "_cloudIcon_1tdxt_35", to = "_title_1tdxt_44", no = "_languageSelect_1tdxt_55", oo = "_languageButton_1tdxt_61", ao = "_icon_1tdxt_99", so = "_chevron_1tdxt_104", co = "_languageDropdown_1tdxt_114", ro = "_languageOption_1tdxt_128", lo = "_selected_1tdxt_147", io = "_scrollArea_1tdxt_152", uo = "_navigation_1tdxt_158", ho = "_section_1tdxt_164", mo = "_sectionButton_1tdxt_170", go = "_expanded_1tdxt_213", _o = "_sectionItems_1tdxt_217", po = "_navItem_1tdxt_225", fo = "_active_1tdxt_238", vo = "_navItemContent_1tdxt_243", q = {
   sidebar: Vn,
   header: Jn,
   brand: Zn,
@@ -1234,21 +1251,21 @@ const Vn = "_sidebar_1tdxt_1", Jn = "_header_1tdxt_17", Zn = "_brand_1tdxt_29",
   navigation: uo,
   section: ho,
   sectionButton: mo,
-  expanded: _o,
-  sectionItems: go,
+  expanded: go,
+  sectionItems: _o,
   navItem: po,
   active: fo,
   navItemContent: vo
 };
 function bo() {
-  const { config: t } = H(), n = t.logo;
+  const { config: t } = j(), n = t.logo, a = 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 })
       ] }),
-      /* @__PURE__ */ e(ce, { styles: q })
+      a && /* @__PURE__ */ e(ce, { styles: q })
     ] }),
     /* @__PURE__ */ e("div", { className: q.scrollArea, children: /* @__PURE__ */ e(re, { styles: q }) })
   ] });
@@ -1260,20 +1277,23 @@ const wo = "_app_1v4z4_1", $o = "_layout_1v4z4_9", No = "_main_1v4z4_15", Io = "
   contentWrapper: Io
 };
 function xo({ children: t }) {
-  const { language: n } = ae(), { i18n: o } = R(), { config: s } = H(), [l, a] = P(!1);
-  B(() => {
-    n && s.supportedLanguages.includes(n) && o.changeLanguage(n);
-  }, [n, o, s.supportedLanguages]);
-  const h = () => {
-    a(!l);
-  }, p = () => {
-    a(!1);
+  const { language: n } = ae(), { i18n: a } = O(), { config: s } = j(), [c, o] = L(!1);
+  P(() => {
+    n && s.supportedLanguages.includes(n) && a.changeLanguage(n);
+  }, [n, a, s.supportedLanguages]);
+  const l = () => {
+    o(!c);
+  }, g = () => {
+    o(!1);
   };
-  return !n || !s.supportedLanguages.includes(n) ? /* @__PURE__ */ e(fe, { to: "/en/welcome", replace: !0 }) : /* @__PURE__ */ d("div", { className: ee.app, children: [
-    /* @__PURE__ */ e(Nn, { onMobileMenuToggle: h }),
-    /* @__PURE__ */ e(Yn, { isOpen: l, onClose: p }),
+  if (!n || !s.supportedLanguages.includes(n))
+    return /* @__PURE__ */ e(fe, { to: "/en/welcome", replace: !0 });
+  const u = !!s.header, p = !!s.navigationData;
+  return /* @__PURE__ */ d("div", { className: ee.app, children: [
+    u && /* @__PURE__ */ e(Nn, { onMobileMenuToggle: l }),
+    /* @__PURE__ */ e(Yn, { isOpen: c, onClose: g }),
     /* @__PURE__ */ d("div", { className: ee.layout, children: [
-      /* @__PURE__ */ e(bo, {}),
+      p && /* @__PURE__ */ e(bo, {}),
       /* @__PURE__ */ e("main", { className: ee.main, children: /* @__PURE__ */ e("div", { className: ee.contentWrapper, children: t }) })
     ] })
   ] });
@@ -1281,15 +1301,38 @@ function xo({ children: t }) {
 function jo() {
   const { language: t } = ae();
   return /* @__PURE__ */ e(xo, { children: /* @__PURE__ */ d(ke, { children: [
-    /* @__PURE__ */ e(ue, { path: "/:slug", element: /* @__PURE__ */ e(Et, { language: t }) }),
+    /* @__PURE__ */ e(ue, { path: "/:slug", element: /* @__PURE__ */ e(Ot, { language: t }) }),
     /* @__PURE__ */ e(ue, { path: "/", element: /* @__PURE__ */ e(fe, { to: "welcome", replace: !0 }) })
   ] }) });
 }
+function Ao() {
+  return {
+    openSearchModal: () => {
+      window.dispatchEvent(new CustomEvent("blog:open-search"));
+    },
+    closeSearchModal: () => {
+      window.dispatchEvent(new CustomEvent("blog:close-search"));
+    }
+  };
+}
+function Ho() {
+  const { i18n: t } = O(), n = U(), a = G(), { config: s } = j();
+  return (c) => {
+    const o = s.basePath || "";
+    let l = n.pathname;
+    o && l.startsWith(o) && (l = l.slice(o.length));
+    const g = l.split("/").filter(Boolean), u = g[0];
+    let p = "";
+    s.supportedLanguages.includes(u) ? (g[0] = c, p = `${o}/${g.join("/")}`) : p = `${o}/${c}${l}`;
+    const w = p + n.search + n.hash;
+    t.changeLanguage(c), a(w);
+  };
+}
 export {
   Ae as AdvancedModeToggle,
-  Eo as BlogProvider,
+  Oo as BlogProvider,
   He as BlogRoot,
-  Et as ContentPage,
+  Ot as ContentPage,
   xo as DocumentationLayout,
   jo as DocumentationRoutes,
   Nn as Header,
@@ -1300,12 +1343,14 @@ export {
   tn as SearchBar,
   bo as Sidebar,
   nt as TableOfContents,
-  _t as TagResultsModal,
+  gt as TagResultsModal,
   $t as Tags,
-  Oo as createBlogUtils,
+  Eo as createBlogUtils,
   be as createContentLoaders,
-  X as generateHeadingId,
+  V as generateHeadingId,
   te as getNavigationData,
-  H as useBlogConfig,
+  j as useBlogConfig,
+  Ho as useLanguageChange,
+  Ao as useSearchModal,
   Ne as useTheme
 };