@x-wave/blog 1.0.0 → 1.0.3

package/index.js

@@ -1,31 +1,31 @@
-import { jsxs as d, jsx as e, Fragment as U } from "react/jsx-runtime";
+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 ge, Link as ie, Navigate as Ie } from "react-router-dom";
-import { X as ae, Tag as ke, User as Ce, CalendarBlank as xe, MagnifyingGlass as de, List as ye, Sun as ue, Moon as he, Monitor as me, CaretDown as oe, Globe as Te, CaretRight as Le } from "@phosphor-icons/react";
-import { useState as L, useEffect as P, createContext as Se, useContext as Be, useRef as z } from "react";
-import Pe from "react-markdown";
-import Me from "remark-gfm";
+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 De from "react-markdown";
+import Oe from "remark-gfm";
 import ne from "i18next";
-import { createPortal as pe } from "react-dom";
-const De = "_tabContainer_yggpc_1", Ee = "_tab_yggpc_1", Oe = "_active_yggpc_45", G = {
-  tabContainer: De,
-  tab: Ee,
-  active: Oe
+import { createPortal as ve } from "react-dom";
+const Ee = "_tabContainer_zk6h4_1", Re = "_tab_zk6h4_1", je = "_active_zk6h4_45", G = {
+  tabContainer: Ee,
+  tab: Re,
+  active: je
 };
-function Re({ hasAdvanced: t }) {
-  const { t: n } = R(), a = Y(), o = V();
+function Ae({ hasAdvanced: t }) {
+  const { t: n } = R(), o = Y(), s = V();
   if (!t) return null;
-  const s = new URLSearchParams(a.search).has("advanced"), u = () => {
-    if (s) {
-      const p = new URLSearchParams(a.search);
-      p.delete("advanced");
-      const v = p.toString(), $ = v ? `?${v}` : "";
-      o(`${a.pathname}${$}${a.hash}`);
+  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}`);
     }
-  }, r = () => {
-    if (!s) {
-      const p = new URLSearchParams(a.search);
-      p.set("advanced", ""), o(`${a.pathname}?${p.toString()}${a.hash}`);
+  }, p = () => {
+    if (!a) {
+      const r = new URLSearchParams(o.search);
+      r.set("advanced", ""), s(`${o.pathname}?${r.toString()}${o.hash}`);
     }
   };
   return /* @__PURE__ */ d("div", { className: G.tabContainer, children: [
@@ -33,8 +33,8 @@ function Re({ hasAdvanced: t }) {
       "button",
       {
         type: "button",
-        className: `${G.tab} ${s ? "" : G.active}`,
-        onClick: u,
+        className: `${G.tab} ${a ? "" : G.active}`,
+        onClick: h,
         children: n("ui.simple")
       }
     ),
@@ -42,41 +42,44 @@ function Re({ hasAdvanced: t }) {
       "button",
       {
         type: "button",
-        className: `${G.tab} ${s ? G.active : ""}`,
-        onClick: r,
+        className: `${G.tab} ${a ? G.active : ""}`,
+        onClick: p,
         children: n("ui.advanced")
       }
     )
   ] });
 }
-function fe(t) {
-  function n(a) {
-    const o = a.match(/^---\s*\n([\s\S]*?)\n---\s*\n/);
-    if (!o) return { frontmatter: {}, content: a };
-    const l = {}, s = o[1];
-    let u = "", r = !1;
-    const p = [];
-    for (const $ of s.split(`
+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(`
 `)) {
-      const m = $.trim();
-      if (m.startsWith("-")) {
-        if (r) {
-          const g = m.substring(1).trim();
-          p.push(g);
+      const _ = N.trim();
+      if (_.startsWith("-")) {
+        if (p) {
+          const f = _.substring(1).trim();
+          r.push(f);
         }
         continue;
       }
-      if (r && !m.startsWith("-") && (l[u] = p.slice(), p.length = 0, r = !1), m != null && m.includes(":")) {
-        const [g, ...c] = m.split(":"), f = c.join(":").trim();
-        if (u = g.trim(), !f) {
-          r = !0;
+      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;
           continue;
         }
-        f === "true" ? l[u] = !0 : f === "false" ? l[u] = !1 : l[u] = f;
+        g === "true" ? l[h] = !0 : g === "false" ? l[h] = !1 : l[h] = g;
       }
     }
-    r && p.length > 0 && (l[u] = p);
-    const v = a.replace(
+    p && r.length > 0 && (l[h] = r);
+    const v = o.replace(
       /^---\s*\n[\s\S]*?\n---\s*\n/,
       ""
     );
@@ -87,21 +90,21 @@ function fe(t) {
      * Load MDX content for a given language and slug.
      * Automatically loads the advanced variant if `advanced` is true.
      */
-    async loadMDXContent(a, o, l = !1) {
-      const s = l ? `${o}-advanced.mdx` : `${o}.mdx`, u = `./docs/${a}/${s}`, r = t[u];
-      if (!r) throw new Error(`File not found: ${u}`);
-      const p = await r(), { frontmatter: v, content: $ } = n(p);
-      return { content: $, frontmatter: v };
+    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 };
     },
     /**
      * Load English content for generating consistent heading IDs.
      * All heading anchors are derived from English content for stability across translations.
      */
-    async loadEnglishContent(a, o = !1) {
-      const s = `./docs/en/${o ? `${a}-advanced.mdx` : `${a}.mdx`}`, u = t[s];
-      if (!u) throw new Error(`File not found: ${s}`);
-      const r = await u(), { content: p } = n(r);
-      return p;
+    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;
     },
     /**
      * Build a tag index from all MDX files.
@@ -110,243 +113,244 @@ function fe(t) {
      * @param language - Language code to scan (defaults to 'en')
      * @returns Promise resolving to tag index mapping tag names to document info
      */
-    async buildTagIndex(a = "en") {
-      const o = {}, l = `./docs/${a}/`, s = Object.keys(t).filter(
-        (u) => u.startsWith(l)
+    async buildTagIndex(o = "en") {
+      const s = {}, l = `./docs/${o}/`, a = Object.keys(t).filter(
+        (h) => h.startsWith(l)
       );
-      for (const u of s)
+      for (const h of a)
         try {
-          const r = t[u], p = await r(), { frontmatter: v, content: $ } = n(p), m = u.split("/").pop() || "", g = m.replace(".mdx", "").replace("-advanced", ""), c = $.match(/^#\s+(.+)$/m), f = c ? c[1].trim() : g;
-          if (m.includes("-advanced")) continue;
-          const _ = v.tags;
-          if (_ && Array.isArray(_))
-            for (const b of _)
-              o[b] || (o[b] = []), o[b].some((y) => y.slug === g) || o[b].push({ slug: g, title: f });
-        } catch (r) {
-          console.warn(`Failed to process ${u}:`, r);
+          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;
+          if (_.includes("-advanced")) continue;
+          const i = v.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);
         }
-      return o;
+      return s;
     }
   };
 }
-function So(t) {
-  const n = fe(t);
+function Oo(t) {
+  const n = be(t);
   return {
     mdxFiles: t,
     loadContent: n.loadMDXContent,
     loadEnglishContent: n.loadEnglishContent
   };
 }
-const ve = "app-theme", be = () => typeof window > "u" ? "light" : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", _e = (t) => t === "system" ? be() : t, je = () => typeof window > "u" ? "system" : localStorage.getItem(ve) || "system", we = () => {
-  const [t, n] = L(je);
-  return P(() => {
-    const o = _e(t), l = document.documentElement;
-    if (l.classList.remove("light", "dark"), l.classList.add(o), document.body.classList.remove("light", "dark"), document.body.classList.add(o), t === "system") {
-      const s = window.matchMedia("(prefers-color-scheme: dark)"), u = () => {
-        const r = be();
-        l.classList.remove("light", "dark"), l.classList.add(r), document.body.classList.remove("light", "dark"), document.body.classList.add(r);
+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));
       };
-      return s.addEventListener("change", u), () => s.removeEventListener("change", u);
+      return a.addEventListener("change", h), () => a.removeEventListener("change", h);
     }
   }, [t]), {
     theme: t,
-    setTheme: (o) => {
-      localStorage.setItem(ve, o), n(o);
+    setTheme: (s) => {
+      localStorage.setItem(we, s), n(s);
     },
-    effectiveTheme: _e(t)
+    effectiveTheme: pe(t)
   };
-}, Ae = (t) => "items" in t, te = (t, n) => t.map((a) => Ae(a) ? {
-  title: ne.getFixedT(n)(a.title),
-  items: a.items.map((o) => ({
-    title: ne.getFixedT(n)(o.title),
-    slug: o.slug,
-    ...o.hasAdvanced && { hasAdvanced: o.hasAdvanced },
-    ...o.showTableOfContents !== void 0 && {
-      showTableOfContents: o.showTableOfContents
+}, We = (t) => "items" in t, te = (t, n) => t.map((o) => We(o) ? {
+  title: ne.getFixedT(n)(o.title),
+  items: o.items.map((s) => ({
+    title: ne.getFixedT(n)(s.title),
+    slug: s.slug,
+    ...s.hasAdvanced && { hasAdvanced: s.hasAdvanced },
+    ...s.showTableOfContents !== void 0 && {
+      showTableOfContents: s.showTableOfContents
     }
   }))
 } : {
-  title: ne.getFixedT(n)(a.title),
-  slug: a.slug,
-  ...a.hasAdvanced && { hasAdvanced: a.hasAdvanced },
-  ...a.showTableOfContents !== void 0 && {
-    showTableOfContents: a.showTableOfContents
+  title: ne.getFixedT(n)(o.title),
+  slug: o.slug,
+  ...o.hasAdvanced && { hasAdvanced: o.hasAdvanced },
+  ...o.showTableOfContents !== void 0 && {
+    showTableOfContents: o.showTableOfContents
   }
-}), X = (t) => t.toString().toLowerCase().trim().replace(/[^\w\s-]/g, "").replace(/\s+/g, "-").replace(/-+/g, "-").replace(/^-+|-+$/g, ""), Ne = Se(null);
-function Bo({ children: t, config: n, blog: a }) {
-  we();
-  const [o, l] = L({});
-  P(() => {
-    const { buildTagIndex: u } = fe(a.mdxFiles), r = n.supportedLanguages.map(async (p) => {
+}), 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 }) {
+  Ne();
+  const [s, l] = P({});
+  B(() => {
+    const { buildTagIndex: h } = be(o.mdxFiles), p = n.supportedLanguages.map(async (r) => {
       try {
-        const v = await u(p);
-        return { language: p, index: v };
+        const v = await h(r);
+        return { language: r, index: v };
       } catch (v) {
-        return console.error(`Failed to build tag index for ${p}:`, v), { language: p, index: {} };
+        return console.error(`Failed to build tag index for ${r}:`, v), { language: r, index: {} };
       }
     });
-    Promise.all(r).then((p) => {
+    Promise.all(p).then((r) => {
       const v = {};
-      for (const $ of p)
-        v[$.language] = $.index;
+      for (const N of r)
+        v[N.language] = N.index;
       l(v);
-    }).catch((p) => {
-      console.error("Failed to build tag indices:", p);
+    }).catch((r) => {
+      console.error("Failed to build tag indices:", r);
     });
-  }, [a.mdxFiles, n.supportedLanguages]);
-  const s = { ...n, tagIndex: o };
+  }, [o.mdxFiles, n.supportedLanguages]);
+  const a = { ...n, tagIndex: s };
   return /* @__PURE__ */ e(
-    Ne.Provider,
+    Ie.Provider,
     {
       value: {
-        config: s,
-        loadContent: a.loadContent,
-        loadEnglishContent: a.loadEnglishContent
+        config: a,
+        loadContent: o.loadContent,
+        loadEnglishContent: o.loadEnglishContent
       },
-      children: t
+      children: /* @__PURE__ */ e(He, { children: t })
     }
   );
 }
-function W() {
-  const t = Be(Ne);
+function H() {
+  const t = Me(Ie);
   if (!t)
     throw new Error("useBlogConfig must be used within a BlogProvider");
   return t;
 }
-const He = "_tableOfContents_vn5e4_1", ze = "_header_vn5e4_20", We = "_title_vn5e4_24", Fe = "_nav_vn5e4_33", Ke = "_list_vn5e4_39", Ue = "_link_vn5e4_46", qe = "_active_vn5e4_70", Ge = "_level1_vn5e4_86", Qe = "_level2_vn5e4_92", Xe = "_level3_vn5e4_97", Ye = "_level4_vn5e4_103", Ve = "_level5_vn5e4_109", Je = "_level6_vn5e4_115", A = {
-  tableOfContents: He,
-  header: ze,
-  title: We,
-  nav: Fe,
-  list: Ke,
-  link: Ue,
-  active: qe,
-  level1: Ge,
-  level2: Qe,
-  level3: Xe,
-  level4: Ye,
-  level5: Ve,
-  level6: Je
+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 = {
+  tableOfContents: Fe,
+  header: Ke,
+  title: ze,
+  nav: Ue,
+  list: Ge,
+  link: Qe,
+  active: Xe,
+  level1: Ye,
+  level2: Ve,
+  level3: Je,
+  level4: Ze,
+  level5: et,
+  level6: tt
 };
-function Ze({
+function nt({
   content: t,
   englishContent: n
 }) {
-  const { t: a } = R(), o = Y(), l = V(), [s, u] = L([]), [r, p] = L(""), v = z(null);
-  P(() => {
-    p(""), (() => {
-      const g = /^(#{1,6})\s+(.+)$/gm, c = [];
-      let f = g.exec(t);
-      const _ = [];
-      for (; f !== null; ) {
-        const h = f[1].length, C = f[2].trim();
-        _.push({ level: h, text: C }), f = g.exec(t);
+  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 i = [];
+      for (; g !== null; ) {
+        const m = g[1].length, C = g[2].trim();
+        i.push({ level: m, text: C }), g = f.exec(t);
       }
       const b = /^(#{1,6})\s+(.+)$/gm;
-      let y = b.exec(n), S = 0;
-      for (; y !== null && S < _.length; ) {
-        const h = y[2].trim(), C = X(h);
+      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: _[S].text,
+          text: i[y].text,
           // Use localized text for display
-          level: _[S].level
-        }), S++, y = b.exec(n);
+          level: i[y].level
+        }), y++, k = b.exec(n);
       }
-      u(c);
+      h(c);
     })();
-  }, [t, n]), P(() => {
-    if (s.length === 0) return;
-    const m = setTimeout(() => {
-      const g = s.filter(
+  }, [t, n]), B(() => {
+    if (a.length === 0) return;
+    const _ = setTimeout(() => {
+      const f = a.filter(
         (c) => !document.getElementById(c.id)
       );
-      g.length > 0 && console.warn("Some heading elements not found:", g);
+      f.length > 0 && console.warn("Some heading elements not found:", f);
     }, 100);
-    return () => clearTimeout(m);
-  }, [s]), P(() => {
-    if (s.length === 0) return;
+    return () => clearTimeout(_);
+  }, [a]), B(() => {
+    if (a.length === 0) return;
     v.current && v.current.disconnect();
-    const m = setTimeout(() => {
-      const g = s.map((c) => document.getElementById(c.id)).filter(Boolean);
-      g.length !== 0 && (v.current = new IntersectionObserver(
+    const _ = setTimeout(() => {
+      const f = a.map((c) => document.getElementById(c.id)).filter(Boolean);
+      f.length !== 0 && (v.current = new IntersectionObserver(
         (c) => {
-          const f = c.filter((_) => _.isIntersecting);
-          if (f.length > 0) {
-            const _ = f.reduce((b, y) => b.boundingClientRect.top < y.boundingClientRect.top ? b : y);
-            p(_.target.id);
+          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);
           }
         },
         {
           rootMargin: "-80px 0% -80% 0%",
           threshold: 0
         }
-      ), g.forEach((c) => {
+      ), f.forEach((c) => {
         v.current && v.current.observe(c);
       }));
     }, 150);
     return () => {
-      clearTimeout(m), v.current && v.current.disconnect();
+      clearTimeout(_), v.current && v.current.disconnect();
     };
-  }, [s]), P(() => () => {
+  }, [a]), B(() => () => {
     v.current && v.current.disconnect();
   }, []);
-  const $ = (m) => {
-    const g = document.getElementById(m);
-    if (g) {
-      const c = new URLSearchParams(o.search);
-      c.set("a", m), l(
-        `${o.pathname}?${c.toString()}${o.hash}`,
+  const N = (_) => {
+    const f = document.getElementById(_);
+    if (f) {
+      const c = new URLSearchParams(s.search);
+      c.set("a", _), l(
+        `${s.pathname}?${c.toString()}${s.hash}`,
         {
           replace: !0
         }
       );
-      const b = g.getBoundingClientRect().top + window.pageYOffset - 80;
+      const b = f.getBoundingClientRect().top + window.pageYOffset - 80;
       window.scrollTo({
         top: b,
         behavior: "smooth"
       });
     }
   };
-  return s.length === 0 ? null : /* @__PURE__ */ d("aside", { className: A.tableOfContents, children: [
-    /* @__PURE__ */ e("div", { className: A.header, children: /* @__PURE__ */ e("span", { className: A.title, children: a("ui.onThisPage", "On this page") }) }),
-    /* @__PURE__ */ e("nav", { className: A.nav, children: /* @__PURE__ */ e("ul", { className: A.list, children: s.map((m) => /* @__PURE__ */ e("li", { className: A.item, children: /* @__PURE__ */ e(
+  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(
       "button",
       {
-        className: `${A.link} ${A[`level${m.level}`]} ${r === m.id ? A.active : ""}`,
-        onClick: () => $(m.id),
+        className: `${A.link} ${A[`level${_.level}`]} ${p === _.id ? A.active : ""}`,
+        onClick: () => N(_.id),
         type: "button",
-        children: m.text
+        children: _.text
       }
-    ) }, m.id)) }) })
+    ) }, _.id)) }) })
   ] });
 }
-const et = "_overlay_s7p1r_1", tt = "_modal_s7p1r_26", nt = "_header_s7p1r_50", ot = "_title_s7p1r_58", at = "_closeButton_s7p1r_65", st = "_results_s7p1r_86", ct = "_resultsList_s7p1r_94", rt = "_resultItem_s7p1r_100", lt = "_resultTitle_s7p1r_119", it = "_resultSlug_s7p1r_124", dt = "_noResults_s7p1r_130", E = {
-  overlay: et,
-  modal: tt,
-  header: nt,
-  title: ot,
-  closeButton: at,
-  results: st,
-  resultsList: ct,
-  resultItem: rt,
-  resultTitle: lt,
-  resultSlug: it,
-  noResults: dt
+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 = {
+  overlay: ot,
+  modal: at,
+  header: st,
+  title: ct,
+  closeButton: rt,
+  results: lt,
+  resultsList: it,
+  resultItem: dt,
+  resultTitle: ut,
+  resultSlug: ht,
+  noResults: mt
 };
-function ut({
+function _t({
   tag: t,
   results: n,
-  language: a,
-  onClose: o
+  language: o,
+  onClose: s
 }) {
-  const { t: l } = R(), s = V(), u = (r) => {
-    s(`/${a}/${r}`), o();
+  const { t: l } = R(), { config: a } = H(), h = V(), p = (r) => {
+    const v = a.basePath || "";
+    h(`${v}/${o}/${r}`), s();
   };
-  return pe(
-    /* @__PURE__ */ e("div", { className: E.overlay, onClick: o, children: /* @__PURE__ */ d("div", { className: E.modal, onClick: (r) => r.stopPropagation(), children: [
-      /* @__PURE__ */ d("div", { className: E.header, children: [
-        /* @__PURE__ */ d("h2", { className: E.title, children: [
+  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"),
           ": ",
           t
@@ -355,22 +359,22 @@ function ut({
           "button",
           {
             type: "button",
-            className: E.closeButton,
-            onClick: o,
+            className: O.closeButton,
+            onClick: s,
             "aria-label": "Close",
-            children: /* @__PURE__ */ e(ae, {})
+            children: /* @__PURE__ */ e(se, {})
           }
         )
       ] }),
-      /* @__PURE__ */ e("div", { className: E.results, children: n.length === 0 ? /* @__PURE__ */ e("div", { className: E.noResults, children: l("ui.noTagResults") }) : /* @__PURE__ */ e("ul", { className: E.resultsList, children: n.map((r) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ d(
+      /* @__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(
         "button",
         {
           type: "button",
-          className: E.resultItem,
-          onClick: () => u(r.slug),
+          className: O.resultItem,
+          onClick: () => p(r.slug),
           children: [
-            /* @__PURE__ */ e("div", { className: E.resultTitle, children: r.title }),
-            /* @__PURE__ */ d("div", { className: E.resultSlug, children: [
+            /* @__PURE__ */ e("div", { className: O.resultTitle, children: r.title }),
+            /* @__PURE__ */ d("div", { className: O.resultSlug, children: [
               "/",
               r.slug
             ] })
@@ -381,19 +385,19 @@ function ut({
     document.body
   );
 }
-const ht = "_tags_8uc6s_1", mt = "_compact_8uc6s_9", _t = "_tagLabel_8uc6s_15", gt = "_tagIcon_8uc6s_25", pt = "_tagList_8uc6s_30", ft = "_tag_8uc6s_1", K = {
-  tags: ht,
-  compact: mt,
-  tagLabel: _t,
-  tagIcon: gt,
-  tagList: pt,
-  tag: ft
+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,
+  compact: pt,
+  tagLabel: ft,
+  tagIcon: vt,
+  tagList: bt,
+  tag: wt
 };
-function vt({ tags: t, variant: n = "default", onTagClick: a }) {
-  const { t: o } = R();
+function $t({ tags: t, variant: n = "default", onTagClick: o }) {
+  const { t: s } = R();
   if (!t || t.length === 0) return null;
-  const l = (s) => {
-    a && a(s);
+  const l = (a) => {
+    o && o(a);
   };
   return /* @__PURE__ */ d(
     "div",
@@ -401,100 +405,100 @@ function vt({ tags: t, variant: n = "default", onTagClick: a }) {
       className: `${K.tags} ${n === "compact" ? K.compact : ""}`,
       children: [
         n === "default" && /* @__PURE__ */ d("div", { className: K.tagLabel, children: [
-          /* @__PURE__ */ e(ke, { className: K.tagIcon, weight: "duotone" }),
+          /* @__PURE__ */ e(Ce, { className: K.tagIcon, weight: "duotone" }),
           /* @__PURE__ */ d("span", { children: [
-            o("ui.tags"),
+            s("ui.tags"),
             ":"
           ] })
         ] }),
-        /* @__PURE__ */ e("div", { className: K.tagList, children: t.map((s) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: K.tagList, children: t.map((a) => /* @__PURE__ */ e(
           "button",
           {
             type: "button",
             className: K.tag,
-            onClick: () => l(s),
-            "aria-label": `${o("ui.filterByTag")}: ${s}`,
-            children: s
+            onClick: () => l(a),
+            "aria-label": `${s("ui.filterByTag")}: ${a}`,
+            children: a
           },
-          s
+          a
         )) })
       ]
     }
   );
 }
-const bt = "_contentPage_godc9_1", wt = "_metadata_godc9_20", Nt = "_author_godc9_30", $t = "_date_godc9_31", It = "_loadingContainer_godc9_48", kt = "_errorContainer_godc9_49", Ct = "_skeletonTitle_godc9_71", xt = "_skeletonParagraph_godc9_80", yt = "_skeletonParagraphShort_godc9_93", Tt = "_errorText_godc9_107", Lt = "_mdxContent_godc9_112", St = "_withMetadata_godc9_125", Bt = "_codeBlock_godc9_300", Pt = "_codeLanguage_godc9_304", B = {
-  contentPage: bt,
-  metadata: wt,
-  author: Nt,
-  date: $t,
-  loadingContainer: It,
-  errorContainer: kt,
-  skeletonTitle: Ct,
-  skeletonParagraph: xt,
-  skeletonParagraphShort: yt,
-  errorText: Tt,
-  mdxContent: Lt,
-  withMetadata: St,
-  codeBlock: Bt,
-  codeLanguage: Pt
+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 = {
+  contentPage: Nt,
+  metadata: It,
+  author: xt,
+  date: kt,
+  loadingContainer: Ct,
+  errorContainer: Tt,
+  skeletonTitle: yt,
+  skeletonParagraph: Lt,
+  skeletonParagraphShort: Pt,
+  errorText: St,
+  mdxContent: Bt,
+  withMetadata: Mt,
+  codeBlock: Dt,
+  codeLanguage: Ot
 };
-function Po({ language: t }) {
-  var le;
-  const { slug: n } = ge(), a = Y(), { t: o } = R(), { config: l, loadContent: s, loadEnglishContent: u } = W(), [r, p] = L(""), [v, $] = L(""), [m, g] = L({}), [c, f] = L(!0), [_, b] = L(null), [y, S] = L(!0), [h, C] = L(null), M = z(0), q = z([]), J = ((i) => {
+function Et({ 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 = {
       advanced: !1,
       anchor: ""
     };
-    if (!i) return w;
-    const N = (i.startsWith("?") ? i.substring(1) : i).split("&");
-    for (const x of N)
-      x === "advanced" ? w.advanced = !0 : x.startsWith("a=") && (w.anchor = x.substring(2));
+    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;
-  })(a.search), j = J.advanced;
-  if (P(() => {
+  })(o.search), j = J.advanced;
+  if (B(() => {
     (async () => {
       if (!n) return;
-      f(!0), b(null), M.current = 0;
+      g(!0), b(null), M.current = 0;
       let w = !0;
       for (const I of l.navigationData)
         if ("items" in I) {
-          const N = I.items.find((x) => x.slug === n);
-          if (N) {
-            w = N.showTableOfContents !== !1;
+          const $ = I.items.find((T) => T.slug === n);
+          if ($) {
+            w = $.showTableOfContents !== !1;
             break;
           }
         } else if (I.slug === n) {
           w = I.showTableOfContents !== !1;
           break;
         }
-      S(w);
+      y(w);
       try {
         let I;
         try {
-          I = await s(t, n, j);
+          I = await a(t, n, j);
         } catch {
           if (j)
-            I = await s(t, n, !1);
+            I = await a(t, n, !1);
           else
             throw new Error("Content not found");
         }
-        let N = "";
+        let $ = "";
         try {
-          N = await u(n, j);
+          $ = await h(n, j);
         } catch {
-          j && (N = await u(n, !1));
+          j && ($ = await h(n, !1));
         }
-        const x = /^(#{1,6})\s+(.+)$/gm, O = [];
-        let F = x.exec(N);
+        const T = /^(#{1,6})\s+(.+)$/gm, E = [];
+        let F = T.exec($);
         for (; F !== null; ) {
           const Z = F[2].trim();
-          O.push(Z), F = x.exec(N);
+          E.push(Z), F = T.exec($);
         }
-        q.current = O, $(N), p(I.content), g(I.frontmatter);
+        U.current = E, N($), r(I.content), f(I.frontmatter);
       } catch (I) {
         b(I instanceof Error ? I.message : "Failed to load content");
       } finally {
-        f(!1);
+        g(!1);
       }
     })();
   }, [
@@ -502,326 +506,327 @@ function Po({ language: t }) {
     t,
     j,
     l.navigationData,
-    s,
-    u
-  ]), P(() => {
+    a,
+    h
+  ]), B(() => {
     if (!c && J.anchor) {
-      const i = setTimeout(() => {
+      const u = setTimeout(() => {
         const w = document.getElementById(J.anchor);
         if (w) {
-          const x = w.getBoundingClientRect().top + window.pageYOffset - 80;
+          const T = w.getBoundingClientRect().top + window.pageYOffset - 80;
           window.scrollTo({
-            top: x,
+            top: T,
             behavior: "smooth"
           });
         }
       }, 150);
-      return () => clearTimeout(i);
+      return () => clearTimeout(u);
     }
   }, [c, J.anchor]), c)
-    return /* @__PURE__ */ e("div", { className: B.contentPage, children: /* @__PURE__ */ d("div", { className: B.loadingContainer, children: [
-      /* @__PURE__ */ e("div", { className: B.skeletonTitle }),
-      /* @__PURE__ */ e("div", { className: B.skeletonParagraph }),
-      /* @__PURE__ */ e("div", { className: B.skeletonParagraph }),
-      /* @__PURE__ */ e("div", { className: B.skeletonParagraphShort })
+    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 })
     ] }) });
-  if (_)
-    return /* @__PURE__ */ e("div", { className: B.contentPage, children: /* @__PURE__ */ e("div", { className: B.errorContainer, children: /* @__PURE__ */ d("div", { className: B.errorText, children: [
+  if (i)
+    return /* @__PURE__ */ e("div", { className: S.contentPage, children: /* @__PURE__ */ e("div", { className: S.errorContainer, children: /* @__PURE__ */ d("div", { className: S.errorText, children: [
       "Error: ",
-      _
+      i
     ] }) }) });
   M.current = 0;
-  let re = !1;
-  const $e = () => /* @__PURE__ */ d("div", { className: B.metadata, children: [
-    m.author && /* @__PURE__ */ d("span", { className: B.author, children: [
-      /* @__PURE__ */ e(Ce, { size: 16, weight: "regular" }),
-      m.author
+  let le = !1;
+  const xe = () => /* @__PURE__ */ d("div", { className: S.metadata, children: [
+    _.author && /* @__PURE__ */ d("span", { className: S.author, children: [
+      /* @__PURE__ */ e(Te, { size: 16, weight: "regular" }),
+      _.author
     ] }),
-    m.date && /* @__PURE__ */ d("span", { className: B.date, children: [
-      /* @__PURE__ */ e(xe, { size: 16, weight: "regular" }),
-      o("ui.lastEdited"),
+    _.date && /* @__PURE__ */ d("span", { className: S.date, children: [
+      /* @__PURE__ */ e(ye, { size: 16, weight: "regular" }),
+      s("ui.lastEdited"),
       ": ",
-      m.date
+      _.date
     ] })
   ] });
-  return /* @__PURE__ */ d(U, { children: [
-    /* @__PURE__ */ d("div", { className: B.contentPage, children: [
-      /* @__PURE__ */ e(Re, { hasAdvanced: m.hasAdvanced || !1 }),
-      /* @__PURE__ */ e("div", { className: B.mdxContent, children: /* @__PURE__ */ e(
-        Pe,
+  return /* @__PURE__ */ d(z, { children: [
+    /* @__PURE__ */ d("div", { className: S.contentPage, children: [
+      /* @__PURE__ */ e(Ae, { hasAdvanced: _.hasAdvanced || !1 }),
+      /* @__PURE__ */ e("div", { className: S.mdxContent, children: /* @__PURE__ */ e(
+        De,
         {
-          remarkPlugins: [Me],
+          remarkPlugins: [Oe],
           components: {
-            h1: ({ children: i }) => {
-              const w = M.current++, I = q.current[w] || "", N = X(I), x = j ? `?advanced&a=${N}` : `?a=${N}`, O = `#/${t}/${n}${x}`, F = !re;
-              re = !0;
-              const Z = m.date || m.author;
-              return /* @__PURE__ */ d(U, { children: [
+            h1: ({ children: u }) => {
+              const w = M.current++, I = U.current[w] || "", $ = X(I), T = j ? `?advanced&a=${$}` : `?a=${$}`, E = `#/${t}/${n}${T}`, F = !le;
+              le = !0;
+              const Z = _.date || _.author;
+              return /* @__PURE__ */ d(z, { children: [
                 /* @__PURE__ */ e(
                   "h1",
                   {
-                    id: N,
-                    className: F && Z ? B.withMetadata : void 0,
+                    id: $,
+                    className: F && Z ? S.withMetadata : void 0,
                     children: /* @__PURE__ */ e(
                       "a",
                       {
-                        href: O,
+                        href: E,
                         style: { color: "inherit", textDecoration: "none" },
-                        children: i
+                        children: u
                       }
                     )
                   }
                 ),
-                F && Z && /* @__PURE__ */ e($e, {})
+                F && Z && /* @__PURE__ */ e(xe, {})
               ] });
             },
-            h2: ({ children: i }) => {
-              const w = M.current++, I = q.current[w] || "", N = X(I), x = j ? `?advanced&a=${N}` : `?a=${N}`, O = `#/${t}/${n}${x}`;
-              return /* @__PURE__ */ e("h2", { id: N, children: /* @__PURE__ */ e(
+            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(
                 "a",
                 {
-                  href: O,
+                  href: E,
                   style: { color: "inherit", textDecoration: "none" },
-                  children: i
+                  children: u
                 }
               ) });
             },
-            h3: ({ children: i }) => {
-              const w = M.current++, I = q.current[w] || "", N = X(I), x = j ? `?advanced&a=${N}` : `?a=${N}`, O = `#/${t}/${n}${x}`;
-              return /* @__PURE__ */ e("h3", { id: N, children: /* @__PURE__ */ e(
+            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(
                 "a",
                 {
-                  href: O,
+                  href: E,
                   style: { color: "inherit", textDecoration: "none" },
-                  children: i
+                  children: u
                 }
               ) });
             },
-            h4: ({ children: i }) => {
-              const w = M.current++, I = q.current[w] || "", N = X(I), x = j ? `?advanced&a=${N}` : `?a=${N}`, O = `#/${t}/${n}${x}`;
-              return /* @__PURE__ */ e("h4", { id: N, children: /* @__PURE__ */ e(
+            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(
                 "a",
                 {
-                  href: O,
+                  href: E,
                   style: { color: "inherit", textDecoration: "none" },
-                  children: i
+                  children: u
                 }
               ) });
             },
-            h5: ({ children: i }) => {
+            h5: ({ children: u }) => {
               const w = `h5-${M.current++}`;
-              return /* @__PURE__ */ e("h5", { id: w, children: i });
+              return /* @__PURE__ */ e("h5", { id: w, children: u });
             },
-            h6: ({ children: i }) => {
+            h6: ({ children: u }) => {
               const w = `h6-${M.current++}`;
-              return /* @__PURE__ */ e("h6", { id: w, children: i });
+              return /* @__PURE__ */ e("h6", { id: w, children: u });
             },
-            p: ({ children: i }) => /* @__PURE__ */ e("p", { children: i }),
-            ul: ({ children: i }) => /* @__PURE__ */ e("ul", { children: i }),
-            ol: ({ children: i }) => /* @__PURE__ */ e("ol", { children: i }),
-            li: ({ children: i }) => /* @__PURE__ */ e("li", { children: i }),
-            code: ({ className: i, children: w, ...I }) => {
-              if (!i)
+            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 x = (i == null ? void 0 : i.replace("language-", "")) || "";
-              return /* @__PURE__ */ d("div", { className: B.codeBlock, children: [
-                x && /* @__PURE__ */ e("div", { className: B.codeLanguage, children: x }),
-                /* @__PURE__ */ e("pre", { children: /* @__PURE__ */ e("code", { className: i, ...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 }) })
               ] });
             },
-            pre: ({ children: i }) => /* @__PURE__ */ e(U, { children: i }),
+            pre: ({ children: u }) => /* @__PURE__ */ e(z, { children: u }),
             // Let code component handle pre styling
-            blockquote: ({ children: i }) => /* @__PURE__ */ e("blockquote", { children: i }),
-            a: ({ href: i, children: w, ...I }) => {
-              if (i != null && i.startsWith("./")) {
-                const N = i.slice(2), x = `#/${t}/${N}`;
-                return /* @__PURE__ */ e("a", { href: x, ...I, children: w });
+            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 });
               }
-              return i != null && i.startsWith("http://") || i != null && i.startsWith("https://") ? /* @__PURE__ */ e(
+              return u != null && u.startsWith("http://") || u != null && u.startsWith("https://") ? /* @__PURE__ */ e(
                 "a",
                 {
-                  href: i,
+                  href: u,
                   target: "_blank",
                   rel: "noopener noreferrer",
                   ...I,
                   children: w
                 }
-              ) : /* @__PURE__ */ e("a", { href: i, ...I, children: w });
+              ) : /* @__PURE__ */ e("a", { href: u, ...I, children: w });
             },
-            strong: ({ children: i }) => /* @__PURE__ */ e("strong", { children: i }),
-            em: ({ children: i }) => /* @__PURE__ */ e("em", { children: i })
+            strong: ({ children: u }) => /* @__PURE__ */ e("strong", { children: u }),
+            em: ({ children: u }) => /* @__PURE__ */ e("em", { children: u })
           },
-          children: r
+          children: p
         }
       ) }),
-      m.tags && m.tags.length > 0 && /* @__PURE__ */ e(
-        vt,
+      _.tags && _.tags.length > 0 && /* @__PURE__ */ e(
+        $t,
         {
-          tags: m.tags,
+          tags: _.tags,
           variant: "compact",
-          onTagClick: (i) => C(i)
+          onTagClick: (u) => C(u)
         }
       )
     ] }),
-    y && /* @__PURE__ */ e(Ze, { content: r, englishContent: v }),
-    h && ((le = l.tagIndex) == null ? void 0 : le[t]) && /* @__PURE__ */ e(
-      ut,
+    k && /* @__PURE__ */ e(nt, { content: p, englishContent: v }),
+    m && ((ie = l.tagIndex) == null ? void 0 : ie[t]) && /* @__PURE__ */ e(
+      _t,
       {
-        tag: h,
-        results: l.tagIndex[t][h] || [],
+        tag: m,
+        results: l.tagIndex[t][m] || [],
         language: t,
         onClose: () => C(null)
       }
     )
   ] });
 }
-const Mt = "_searchButton_royne_1", Dt = "_searchIcon_royne_17", Et = "_searchHint_royne_23", Ot = "_kbd_royne_27", Rt = "_searchOverlay_royne_42", jt = "_searchModal_royne_67", At = "_searchHeader_royne_91", Ht = "_searchInput_royne_105", zt = "_closeButton_royne_123", Wt = "_searchResults_royne_144", Ft = "_resultsList_royne_152", Kt = "_resultItem_royne_158", Ut = "_selected_royne_173", qt = "_resultTitle_royne_176", Gt = "_resultSlug_royne_180", Qt = "_noResults_royne_186", Xt = "_searchHints_royne_193", Yt = "_hint_royne_210", T = {
-  searchButton: Mt,
-  searchIcon: Dt,
-  searchHint: Et,
-  kbd: Ot,
-  searchOverlay: Rt,
-  searchModal: jt,
-  searchHeader: At,
-  searchInput: Ht,
+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 = {
+  searchButton: Rt,
+  searchIcon: jt,
+  searchHint: At,
+  kbd: Ht,
+  searchOverlay: qt,
+  searchModal: Wt,
+  searchHeader: Ft,
+  searchInput: Kt,
   closeButton: zt,
-  searchResults: Wt,
-  resultsList: Ft,
-  resultItem: Kt,
-  selected: Ut,
-  resultTitle: qt,
-  resultSlug: Gt,
-  noResults: Qt,
-  searchHints: Xt,
-  hint: Yt
+  searchResults: Ut,
+  resultsList: Gt,
+  resultItem: Qt,
+  selected: Xt,
+  resultTitle: Yt,
+  resultSlug: Vt,
+  noResults: Jt,
+  searchHints: Zt,
+  hint: en
 };
-function Vt({ language: t }) {
-  const { t: n } = R(), { config: a } = W(), o = V(), [l, s] = L(!1), [u, r] = L(""), [p, v] = L([]), [$, m] = L(0), g = z(null), c = z(null), _ = typeof navigator < "u" && /(Mac|iPhone|iPod|iPad)/i.test(navigator.platform) ? "⌘K" : "Ctrl+K", b = te(
-    a.navigationData,
+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,
     t
-  ).flatMap((h) => "items" in h ? h.items.map((C) => ({
+  ).flatMap((m) => "items" in m ? m.items.map((C) => ({
     title: C.title,
     slug: C.slug
-  })) : [{ title: h.title, slug: h.slug }]);
-  P(() => {
-    if (!u.trim()) {
-      v([]), m(0);
+  })) : [{ title: m.title, slug: m.slug }]);
+  B(() => {
+    if (!h.trim()) {
+      v([]), _(0);
       return;
     }
-    const h = u.toLowerCase(), C = b.filter(
-      (M) => M.title.toLowerCase().includes(h) || M.slug.toLowerCase().includes(h)
+    const m = h.toLowerCase(), C = b.filter(
+      (M) => M.title.toLowerCase().includes(m) || M.slug.toLowerCase().includes(m)
     );
-    v(C), m(0);
-  }, [u]), P(() => {
-    const h = (C) => {
-      (C.metaKey || C.ctrlKey) && C.key === "k" && (C.preventDefault(), s(!0), setTimeout(() => {
+    v(C), _(0);
+  }, [h]), B(() => {
+    const m = (C) => {
+      (C.metaKey || C.ctrlKey) && C.key === "k" && (C.preventDefault(), a(!0), setTimeout(() => {
         var M;
-        return (M = g.current) == null ? void 0 : M.focus();
-      }, 100)), C.key === "Escape" && l && (s(!1), r(""));
+        return (M = f.current) == null ? void 0 : M.focus();
+      }, 100)), C.key === "Escape" && l && (a(!1), p(""));
     };
-    return document.addEventListener("keydown", h), () => document.removeEventListener("keydown", h);
+    return document.addEventListener("keydown", m), () => document.removeEventListener("keydown", m);
   }, [l]);
-  const y = (h) => {
-    h.key === "ArrowDown" ? (h.preventDefault(), m((C) => Math.min(C + 1, p.length - 1))) : h.key === "ArrowUp" ? (h.preventDefault(), m((C) => Math.max(C - 1, 0))) : h.key === "Enter" && p[$] && (h.preventDefault(), S(p[$].slug));
+  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));
   };
-  P(() => {
-    const h = (C) => {
-      c.current && !c.current.contains(C.target) && (s(!1), r(""));
+  B(() => {
+    const m = (C) => {
+      c.current && !c.current.contains(C.target) && (a(!1), p(""));
     };
-    return l && document.addEventListener("mousedown", h), () => document.removeEventListener("mousedown", h);
+    return l && document.addEventListener("mousedown", m), () => document.removeEventListener("mousedown", m);
   }, [l]);
-  const S = (h) => {
-    o(`/${t}/${h}`), s(!1), r("");
+  const y = (m) => {
+    const C = o.basePath || "";
+    s(`${C}/${t}/${m}`), a(!1), p("");
   };
-  return /* @__PURE__ */ d(U, { children: [
+  return /* @__PURE__ */ d(z, { children: [
     /* @__PURE__ */ d(
       "button",
       {
         type: "button",
-        className: T.searchButton,
+        className: L.searchButton,
         onClick: () => {
-          s(!0), setTimeout(() => {
-            var h;
-            return (h = g.current) == null ? void 0 : h.focus();
+          a(!0), setTimeout(() => {
+            var m;
+            return (m = f.current) == null ? void 0 : m.focus();
           }, 100);
         },
         "aria-label": n("ui.search"),
         children: [
-          /* @__PURE__ */ e(de, { className: T.searchIcon }),
-          /* @__PURE__ */ e("span", { className: T.searchHint, children: n("ui.search") }),
-          /* @__PURE__ */ e("kbd", { className: T.kbd, 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 })
         ]
       }
     ),
-    l && pe(
+    l && ve(
       /* @__PURE__ */ e(
         "div",
         {
-          className: T.searchOverlay,
+          className: L.searchOverlay,
           onClick: () => {
-            s(!1), r("");
+            a(!1), p("");
           },
           children: /* @__PURE__ */ d(
             "div",
             {
-              className: T.searchModal,
+              className: L.searchModal,
               ref: c,
-              onClick: (h) => h.stopPropagation(),
+              onClick: (m) => m.stopPropagation(),
               children: [
-                /* @__PURE__ */ d("div", { className: T.searchHeader, children: [
-                  /* @__PURE__ */ e(de, { className: T.searchIcon }),
+                /* @__PURE__ */ d("div", { className: L.searchHeader, children: [
+                  /* @__PURE__ */ e(he, { className: L.searchIcon }),
                   /* @__PURE__ */ e(
                     "input",
                     {
-                      ref: g,
+                      ref: f,
                       type: "text",
-                      className: T.searchInput,
+                      className: L.searchInput,
                       placeholder: n("ui.searchPlaceholder"),
-                      value: u,
-                      onChange: (h) => r(h.target.value),
-                      onKeyDown: y
+                      value: h,
+                      onChange: (m) => p(m.target.value),
+                      onKeyDown: k
                     }
                   ),
                   /* @__PURE__ */ e(
                     "button",
                     {
                       type: "button",
-                      className: T.closeButton,
+                      className: L.closeButton,
                       onClick: () => {
-                        s(!1), r("");
+                        a(!1), p("");
                       },
                       "aria-label": "Close search",
-                      children: /* @__PURE__ */ e(ae, {})
+                      children: /* @__PURE__ */ e(se, {})
                     }
                   )
                 ] }),
-                u && /* @__PURE__ */ e("div", { className: T.searchResults, children: p.length === 0 ? /* @__PURE__ */ e("div", { className: T.noResults, children: n("ui.noSearchResults") }) : /* @__PURE__ */ e("ul", { className: T.resultsList, children: p.map((h, C) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ d(
+                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(
                   "button",
                   {
                     type: "button",
-                    className: `${T.resultItem} ${C === $ ? T.selected : ""}`,
-                    onClick: () => S(h.slug),
-                    onMouseEnter: () => m(C),
+                    className: `${L.resultItem} ${C === N ? L.selected : ""}`,
+                    onClick: () => y(m.slug),
+                    onMouseEnter: () => _(C),
                     children: [
-                      /* @__PURE__ */ e("div", { className: T.resultTitle, children: h.title }),
-                      /* @__PURE__ */ d("div", { className: T.resultSlug, children: [
+                      /* @__PURE__ */ e("div", { className: L.resultTitle, children: m.title }),
+                      /* @__PURE__ */ d("div", { className: L.resultSlug, children: [
                         "/",
-                        h.slug
+                        m.slug
                       ] })
                     ]
                   }
-                ) }, h.slug)) }) }),
-                !u && /* @__PURE__ */ d("div", { className: T.searchHints, children: [
-                  /* @__PURE__ */ d("div", { className: T.hint, children: [
+                ) }, m.slug)) }) }),
+                !h && /* @__PURE__ */ d("div", { className: L.searchHints, children: [
+                  /* @__PURE__ */ d("div", { className: L.hint, children: [
                     /* @__PURE__ */ e("kbd", { children: "↑" }),
                     /* @__PURE__ */ e("kbd", { children: "↓" }),
                     /* @__PURE__ */ e("span", { children: n("ui.searchNavigate") })
                   ] }),
-                  /* @__PURE__ */ d("div", { className: T.hint, children: [
+                  /* @__PURE__ */ d("div", { className: L.hint, children: [
                     /* @__PURE__ */ e("kbd", { children: "↵" }),
                     /* @__PURE__ */ e("span", { children: n("ui.searchSelect") })
                   ] }),
-                  /* @__PURE__ */ d("div", { className: T.hint, children: [
+                  /* @__PURE__ */ d("div", { className: L.hint, children: [
                     /* @__PURE__ */ e("kbd", { children: "esc" }),
                     /* @__PURE__ */ e("span", { children: n("ui.searchClose") })
                   ] })
@@ -835,79 +840,79 @@ function Vt({ language: t }) {
     )
   ] });
 }
-const Jt = "_header_15xr7_1", Zt = "_container_15xr7_24", en = "_content_15xr7_36", tn = "_leftSection_15xr7_43", nn = "_mobileMenuButton_15xr7_49", on = "_burgerIcon_15xr7_87", an = "_logo_15xr7_92", sn = "_nav_15xr7_98", cn = "_navLink_15xr7_109", rn = "_externalIcon_15xr7_135", ln = "_supportDropdown_15xr7_141", dn = "_themeDropdown_15xr7_145", un = "_themeButton_15xr7_149", hn = "_themeIcon_15xr7_171", mn = "_supportButton_15xr7_177", _n = "_caretIcon_15xr7_198", gn = "_dropdownMenu_15xr7_208", pn = "_dropdownItem_15xr7_221", fn = "_dropdownIcon_15xr7_244", k = {
-  header: Jt,
-  container: Zt,
-  content: en,
-  leftSection: tn,
-  mobileMenuButton: nn,
-  burgerIcon: on,
-  logo: an,
-  nav: sn,
-  navLink: cn,
-  externalIcon: rn,
-  supportDropdown: ln,
-  themeDropdown: dn,
-  themeButton: un,
-  themeIcon: hn,
-  supportButton: mn,
-  caretIcon: _n,
-  dropdownMenu: gn,
-  dropdownItem: pn,
-  dropdownIcon: fn
+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 = {
+  header: nn,
+  container: on,
+  content: an,
+  leftSection: sn,
+  mobileMenuButton: cn,
+  burgerIcon: rn,
+  logo: ln,
+  nav: dn,
+  navLink: un,
+  externalIcon: hn,
+  supportDropdown: mn,
+  themeDropdown: _n,
+  themeButton: gn,
+  themeIcon: pn,
+  supportButton: fn,
+  caretIcon: vn,
+  dropdownMenu: bn,
+  dropdownItem: wn,
+  dropdownIcon: $n
 };
-function vn({ onMobileMenuToggle: t }) {
-  const { t: n, i18n: a } = R(), { config: o } = W(), l = o.header ?? {}, s = l.navLinks ?? [], u = l.dropdownItems ?? [], [r, p] = L(!1), [v, $] = L(!1), { theme: m, setTheme: g } = we(), c = z(null), f = z(null);
-  return P(() => {
-    const _ = (b) => {
-      c.current && !c.current.contains(b.target) && p(!1), f.current && !f.current.contains(b.target) && $(!1);
+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 i = (b) => {
+      c.current && !c.current.contains(b.target) && r(!1), g.current && !g.current.contains(b.target) && N(!1);
     };
-    return document.addEventListener("mousedown", _), () => document.removeEventListener("mousedown", _);
-  }, []), /* @__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: [
+    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(
         "button",
         {
           type: "button",
-          className: k.mobileMenuButton,
+          className: x.mobileMenuButton,
           onClick: t,
           "aria-label": "Open menu",
-          children: /* @__PURE__ */ e(ye, { className: k.burgerIcon })
+          children: /* @__PURE__ */ e(Le, { className: x.burgerIcon })
         }
       ),
-      /* @__PURE__ */ e("div", { className: k.logo })
+      /* @__PURE__ */ e("div", { className: x.logo })
     ] }),
-    /* @__PURE__ */ d("nav", { className: k.nav, children: [
-      /* @__PURE__ */ e(Vt, { language: a.language }),
-      /* @__PURE__ */ d("div", { className: k.themeDropdown, ref: f, children: [
+    /* @__PURE__ */ d("nav", { className: x.nav, children: [
+      /* @__PURE__ */ e(tn, { language: o.language }),
+      /* @__PURE__ */ d("div", { className: x.themeDropdown, ref: g, children: [
         /* @__PURE__ */ d(
           "button",
           {
             type: "button",
-            className: k.themeButton,
-            onClick: () => $(!v),
+            className: x.themeButton,
+            onClick: () => N(!v),
             "aria-expanded": v,
             "aria-haspopup": "true",
             "aria-label": n("ui.theme"),
             children: [
-              m === "light" && /* @__PURE__ */ e(ue, { className: k.themeIcon }),
-              m === "dark" && /* @__PURE__ */ e(he, { className: k.themeIcon }),
-              m === "system" && /* @__PURE__ */ e(me, { className: k.themeIcon }),
-              /* @__PURE__ */ e(oe, { className: k.caretIcon })
+              _ === "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 })
             ]
           }
         ),
-        v && /* @__PURE__ */ d("div", { className: k.dropdownMenu, children: [
+        v && /* @__PURE__ */ d("div", { className: x.dropdownMenu, children: [
           /* @__PURE__ */ d(
             "button",
             {
               type: "button",
               onClick: () => {
-                g("light"), $(!1);
+                f("light"), N(!1);
               },
-              className: k.dropdownItem,
+              className: x.dropdownItem,
               children: [
-                /* @__PURE__ */ e(ue, { className: k.dropdownIcon }),
+                /* @__PURE__ */ e(me, { className: x.dropdownIcon }),
                 n("ui.light")
               ]
             }
@@ -917,11 +922,11 @@ function vn({ onMobileMenuToggle: t }) {
             {
               type: "button",
               onClick: () => {
-                g("dark"), $(!1);
+                f("dark"), N(!1);
               },
-              className: k.dropdownItem,
+              className: x.dropdownItem,
               children: [
-                /* @__PURE__ */ e(he, { className: k.dropdownIcon }),
+                /* @__PURE__ */ e(_e, { className: x.dropdownIcon }),
                 n("ui.dark")
               ]
             }
@@ -931,62 +936,62 @@ function vn({ onMobileMenuToggle: t }) {
             {
               type: "button",
               onClick: () => {
-                g("system"), $(!1);
+                f("system"), N(!1);
               },
-              className: k.dropdownItem,
+              className: x.dropdownItem,
               children: [
-                /* @__PURE__ */ e(me, { className: k.dropdownIcon }),
+                /* @__PURE__ */ e(ge, { className: x.dropdownIcon }),
                 n("ui.system")
               ]
             }
           )
         ] })
       ] }),
-      u.length > 0 && /* @__PURE__ */ d("div", { className: k.supportDropdown, ref: c, children: [
+      h.length > 0 && /* @__PURE__ */ d("div", { className: x.supportDropdown, ref: c, children: [
         /* @__PURE__ */ d(
           "button",
           {
             type: "button",
-            className: k.supportButton,
-            onClick: () => p(!r),
-            "aria-expanded": r,
+            className: x.supportButton,
+            onClick: () => r(!p),
+            "aria-expanded": p,
             "aria-haspopup": "true",
             children: [
               n("ui.support"),
-              /* @__PURE__ */ e(oe, { className: k.caretIcon })
+              /* @__PURE__ */ e(oe, { className: x.caretIcon })
             ]
           }
         ),
-        r && /* @__PURE__ */ e("div", { className: k.dropdownMenu, children: u.map((_, b) => {
-          const y = _.target ?? (_.url.startsWith("http") ? "_blank" : "_self"), S = _.rel ?? (y === "_blank" ? "noopener noreferrer" : void 0), h = _.icon;
+        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;
           return /* @__PURE__ */ d(
             "a",
             {
-              href: _.url,
-              target: y,
-              rel: S,
-              className: k.dropdownItem,
+              href: i.url,
+              target: k,
+              rel: y,
+              className: x.dropdownItem,
               children: [
-                h && /* @__PURE__ */ e(h, { className: k.dropdownIcon }),
-                _.label
+                m && /* @__PURE__ */ e(m, { className: x.dropdownIcon }),
+                i.label
               ]
             },
             b
           );
         }) })
       ] }),
-      s.map((_, b) => {
-        const y = _.target ?? (typeof _.url == "string" && _.url.startsWith("http") ? "_blank" : "_self"), S = _.rel ?? (y === "_blank" ? "noopener noreferrer" : void 0), h = _.icon;
+      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;
         return /* @__PURE__ */ d(
           "a",
           {
-            href: _.url,
-            target: y,
-            rel: S,
-            className: _.className ?? k.navLink,
+            href: i.url,
+            target: k,
+            rel: y,
+            className: i.className ?? x.navLink,
             children: [
-              _.label,
-              h && /* @__PURE__ */ e(h, { className: k.externalIcon })
+              i.label,
+              m && /* @__PURE__ */ e(m, { className: x.externalIcon })
             ]
           },
           b
@@ -996,184 +1001,193 @@ function vn({ onMobileMenuToggle: t }) {
   ] }) }) });
 }
 const Q = (t) => "items" in t;
-function se({
+function ce({
   styles: t,
   onLanguageChange: n
 }) {
-  const { i18n: a } = R(), o = Y(), l = V(), { config: s } = W(), [u, r] = L(!1), p = z(null), v = a.language, $ = (g) => {
-    const c = o.pathname.split("/").filter(Boolean), f = c[0];
-    let _ = "";
-    s.supportedLanguages.includes(f) ? (c[0] = g, _ = `/${c.join("/")}`) : _ = `/${g}${o.pathname}`;
-    const b = _ + o.search + o.hash;
-    a.changeLanguage(g), l(b), r(!1), n == null || 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();
   };
-  P(() => {
-    const g = (c) => {
-      p.current && !p.current.contains(c.target) && r(!1);
+  B(() => {
+    const f = (c) => {
+      r.current && !r.current.contains(c.target) && p(!1);
     };
-    return document.addEventListener("mousedown", g), () => document.removeEventListener("mousedown", g);
+    return document.addEventListener("mousedown", f), () => document.removeEventListener("mousedown", f);
   }, []);
-  const m = (g) => a.getFixedT(g)("language") || g;
-  return /* @__PURE__ */ d("div", { className: t.languageSelect, ref: p, children: [
+  const _ = (f) => o.getFixedT(f)("language") || f;
+  return /* @__PURE__ */ d("div", { className: t.languageSelect, ref: r, children: [
     /* @__PURE__ */ d(
       "button",
       {
         type: "button",
         className: t.languageButton,
-        onClick: () => r(!u),
-        "aria-expanded": u,
+        onClick: () => p(!h),
+        "aria-expanded": h,
         "aria-haspopup": "listbox",
         children: [
-          /* @__PURE__ */ e(Te, { className: t.icon }),
-          m(v),
+          /* @__PURE__ */ e(Pe, { className: t.icon }),
+          _(v),
           /* @__PURE__ */ e(oe, { className: t.chevron })
         ]
       }
     ),
-    u && /* @__PURE__ */ e("div", { className: t.languageDropdown, role: "listbox", children: s.supportedLanguages.map((g) => /* @__PURE__ */ e(
+    h && /* @__PURE__ */ e("div", { className: t.languageDropdown, role: "listbox", children: a.supportedLanguages.map((f) => /* @__PURE__ */ e(
       "button",
       {
         type: "button",
-        className: `${t.languageOption} ${g === v ? t.selected : ""}`,
-        onClick: () => $(g),
+        className: `${t.languageOption} ${f === v ? t.selected : ""}`,
+        onClick: () => N(f),
         role: "option",
-        "aria-selected": g === v,
-        children: m(g)
+        "aria-selected": f === v,
+        children: _(f)
       },
-      g
+      f
     )) })
   ] });
 }
-function ce({ styles: t, onLinkClick: n }) {
-  const { i18n: a } = R(), o = Y(), { config: l } = W(), [s, u] = L(() => {
-    const c = a.language;
+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(
-      (_, b, y) => {
+      (i, b, k) => {
         if (Q(b)) {
-          const S = l.navigationData[y], h = Q(S) && S.defaultOpen === !0;
-          _[b.title] = h;
+          const y = l.navigationData[k], m = Q(y) && y.defaultOpen === !0;
+          i[b.title] = m;
         }
-        return _;
+        return i;
       },
       {}
     );
-  }), r = a.language, p = te(
+  }), p = o.language, r = te(
     l.navigationData,
-    r
+    p
   );
-  P(() => {
-    const f = te(
+  B(() => {
+    const g = te(
       l.navigationData,
-      r
+      p
     ).reduce(
-      (_, b, y) => {
+      (i, b, k) => {
         if (Q(b)) {
-          const S = l.navigationData[y], h = Q(S) && S.defaultOpen === !0;
-          _[b.title] = h;
+          const y = l.navigationData[k], m = Q(y) && y.defaultOpen === !0;
+          i[b.title] = m;
         }
-        return _;
+        return i;
       },
       {}
     );
-    u(f);
-  }, [r, l.navigationData]);
+    h(g);
+  }, [p, l.navigationData]);
   const v = (c) => {
-    u((f) => ({
-      ...f,
-      [c]: !f[c]
+    h((g) => ({
+      ...g,
+      [c]: !g[c]
     }));
-  }, $ = (c) => {
-    const f = o.pathname.split("/").filter(Boolean);
-    return f[f.length - 1] === c;
-  }, m = (c) => {
-    const f = o.pathname.split("/").filter(Boolean);
-    return f[0] && l.supportedLanguages.includes(f[0]) ? `/${f[0]}/${c}` : `/${r}/${c}`;
-  }, g = () => {
+  }, N = (c) => {
+    const g = l.basePath || "";
+    let i = s.pathname;
+    g && i.startsWith(g) && (i = i.slice(g.length));
+    const b = i.split("/").filter(Boolean);
+    return b[b.length - 1] === c;
+  }, _ = (c) => {
+    const g = l.basePath || "";
+    let i = s.pathname;
+    g && i.startsWith(g) && (i = i.slice(g.length));
+    const b = i.split("/").filter(Boolean);
+    return b[0] && l.supportedLanguages.includes(b[0]) ? `${g}/${b[0]}/${c}` : `${g}/${p}/${c}`;
+  }, f = () => {
     n == null || n();
   };
-  return /* @__PURE__ */ e("div", { className: t.navigation, children: p.map((c) => Q(c) ? /* @__PURE__ */ d("div", { className: t.section, children: [
+  return /* @__PURE__ */ e("div", { className: t.navigation, children: r.map((c) => Q(c) ? /* @__PURE__ */ d("div", { className: t.section, children: [
     /* @__PURE__ */ d(
       "button",
       {
         type: "button",
-        className: `${t.sectionButton} ${s[c.title] ? t.expanded : ""}`,
+        className: `${t.sectionButton} ${a[c.title] ? t.expanded : ""}`,
         onClick: () => v(c.title),
         children: [
           c.title,
-          /* @__PURE__ */ e(Le, { className: t.icon })
+          /* @__PURE__ */ e(Se, { className: t.icon })
         ]
       }
     ),
-    s[c.title] && /* @__PURE__ */ e("div", { className: t.sectionItems, children: c.items.map((f) => /* @__PURE__ */ e(
-      ie,
+    a[c.title] && /* @__PURE__ */ e("div", { className: t.sectionItems, children: c.items.map((g) => /* @__PURE__ */ e(
+      de,
       {
-        to: m(f.slug),
-        className: `${t.navItem} ${$(f.slug) ? t.active : ""}`,
-        onClick: g,
-        children: /* @__PURE__ */ e("div", { className: t.navItemContent, children: /* @__PURE__ */ e("span", { className: t.navItemTitle, children: f.title }) })
+        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 }) })
       },
-      f.slug
+      g.slug
     )) })
   ] }, c.title) : /* @__PURE__ */ e(
-    ie,
+    de,
     {
-      to: m(c.slug),
-      className: `${t.navItem} ${$(c.slug) ? t.active : ""}`,
-      onClick: g,
+      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 }) })
     },
     c.slug
   )) });
 }
-function Mo({
+function Ro({
   styles: t,
   onLinkClick: n,
-  onLanguageChange: a
+  onLanguageChange: o
 }) {
-  return /* @__PURE__ */ d(U, { children: [
-    /* @__PURE__ */ e(se, { styles: t, onLanguageChange: a }),
-    /* @__PURE__ */ e(ce, { styles: t, onLinkClick: n })
+  return /* @__PURE__ */ d(z, { children: [
+    /* @__PURE__ */ e(ce, { styles: t, onLanguageChange: o }),
+    /* @__PURE__ */ e(re, { styles: t, onLinkClick: n })
   ] });
 }
-const bn = "_backdrop_17kcj_1", wn = "_open_17kcj_13", Nn = "_mobileMenu_17kcj_18", $n = "_header_17kcj_37", In = "_brand_17kcj_46", kn = "_cloudIcon_17kcj_53", Cn = "_title_17kcj_62", xn = "_closeButton_17kcj_69", yn = "_closeIcon_17kcj_101", Tn = "_languageSection_17kcj_106", Ln = "_languageSelect_17kcj_112", Sn = "_languageButton_17kcj_117", Bn = "_icon_17kcj_156", Pn = "_chevron_17kcj_162", Mn = "_languageDropdown_17kcj_172", Dn = "_languageOption_17kcj_185", En = "_selected_17kcj_226", On = "_scrollArea_17kcj_231", Rn = "_navigation_17kcj_237", jn = "_section_17kcj_241", An = "_sectionButton_17kcj_245", Hn = "_expanded_17kcj_285", zn = "_sectionItems_17kcj_289", Wn = "_navItem_17kcj_297", Fn = "_active_17kcj_310", Kn = "_navItemContent_17kcj_316", Un = "_navItemTitle_17kcj_322", D = {
-  backdrop: bn,
-  open: wn,
-  mobileMenu: Nn,
-  header: $n,
-  brand: In,
-  cloudIcon: kn,
-  title: Cn,
-  closeButton: xn,
-  closeIcon: yn,
-  languageSection: Tn,
-  languageSelect: Ln,
-  languageButton: Sn,
-  icon: Bn,
-  chevron: Pn,
-  languageDropdown: Mn,
-  languageOption: Dn,
-  selected: En,
-  scrollArea: On,
-  navigation: Rn,
-  section: jn,
-  sectionButton: An,
-  expanded: Hn,
+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 = {
+  backdrop: In,
+  open: xn,
+  mobileMenu: kn,
+  header: Cn,
+  brand: Tn,
+  cloudIcon: yn,
+  title: Ln,
+  closeButton: Pn,
+  closeIcon: Sn,
+  languageSection: Bn,
+  languageSelect: Mn,
+  languageButton: Dn,
+  icon: On,
+  chevron: En,
+  languageDropdown: Rn,
+  languageOption: jn,
+  selected: An,
+  scrollArea: Hn,
+  navigation: qn,
+  section: Wn,
+  sectionButton: Fn,
+  expanded: Kn,
   sectionItems: zn,
-  navItem: Wn,
-  active: Fn,
-  navItemContent: Kn,
-  navItemTitle: Un
+  navItem: Un,
+  active: Gn,
+  navItemContent: Qn,
+  navItemTitle: Xn
 };
-function qn({ isOpen: t, onClose: n }) {
-  const { config: a } = W(), o = a.logo;
-  return P(() => (t ? document.body.style.overflow = "hidden" : document.body.style.overflow = "unset", () => {
+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", () => {
     document.body.style.overflow = "unset";
-  }), [t]), P(() => {
-    const l = (s) => {
-      s.key === "Escape" && t && n();
+  }), [t]), B(() => {
+    const l = (a) => {
+      a.key === "Escape" && t && n();
     };
     return document.addEventListener("keydown", l), () => document.removeEventListener("keydown", l);
-  }, [t, n]), /* @__PURE__ */ d(U, { children: [
+  }, [t, n]), /* @__PURE__ */ d(z, { children: [
     /* @__PURE__ */ e(
       "div",
       {
@@ -1184,8 +1198,8 @@ function qn({ isOpen: t, onClose: n }) {
     /* @__PURE__ */ d("div", { className: `${D.mobileMenu} ${t ? D.open : ""}`, children: [
       /* @__PURE__ */ d("div", { className: D.header, children: [
         /* @__PURE__ */ d("div", { className: D.brand, children: [
-          o && /* @__PURE__ */ e(o, { className: D.cloudIcon }),
-          /* @__PURE__ */ e("h1", { className: D.title, children: a.title })
+          s && /* @__PURE__ */ e(s, { className: D.cloudIcon }),
+          /* @__PURE__ */ e("h1", { className: D.title, children: o.title })
         ] }),
         /* @__PURE__ */ e(
           "button",
@@ -1194,95 +1208,104 @@ function qn({ isOpen: t, onClose: n }) {
             className: D.closeButton,
             onClick: n,
             "aria-label": "Close menu",
-            children: /* @__PURE__ */ e(ae, { className: D.closeIcon })
+            children: /* @__PURE__ */ e(se, { className: D.closeIcon })
           }
         )
       ] }),
-      /* @__PURE__ */ e("div", { className: D.languageSection, children: /* @__PURE__ */ e(se, { styles: D, onLanguageChange: n }) }),
-      /* @__PURE__ */ e("div", { className: D.scrollArea, children: /* @__PURE__ */ e(ce, { styles: D, onLinkClick: n }) })
+      /* @__PURE__ */ e("div", { className: D.languageSection, children: /* @__PURE__ */ e(ce, { styles: D, onLanguageChange: n }) }),
+      /* @__PURE__ */ e("div", { className: D.scrollArea, children: /* @__PURE__ */ e(re, { styles: D, onLinkClick: n }) })
     ] })
   ] });
 }
-const Gn = "_sidebar_1pfbz_1", Qn = "_header_1pfbz_17", Xn = "_brand_1pfbz_29", Yn = "_cloudIcon_1pfbz_35", Vn = "_title_1pfbz_44", Jn = "_languageSelect_1pfbz_52", Zn = "_languageButton_1pfbz_58", eo = "_icon_1pfbz_96", to = "_chevron_1pfbz_101", no = "_languageDropdown_1pfbz_111", oo = "_languageOption_1pfbz_125", ao = "_selected_1pfbz_144", so = "_scrollArea_1pfbz_149", co = "_navigation_1pfbz_155", ro = "_section_1pfbz_161", lo = "_sectionButton_1pfbz_167", io = "_expanded_1pfbz_210", uo = "_sectionItems_1pfbz_214", ho = "_navItem_1pfbz_222", mo = "_active_1pfbz_235", _o = "_navItemContent_1pfbz_240", H = {
-  sidebar: Gn,
-  header: Qn,
-  brand: Xn,
-  cloudIcon: Yn,
-  title: Vn,
-  languageSelect: Jn,
-  languageButton: Zn,
-  icon: eo,
-  chevron: to,
-  languageDropdown: no,
-  languageOption: oo,
-  selected: ao,
-  scrollArea: so,
-  navigation: co,
-  section: ro,
-  sectionButton: lo,
-  expanded: io,
-  sectionItems: uo,
-  navItem: ho,
-  active: mo,
-  navItemContent: _o
+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 = {
+  sidebar: Vn,
+  header: Jn,
+  brand: Zn,
+  cloudIcon: eo,
+  title: to,
+  languageSelect: no,
+  languageButton: oo,
+  icon: ao,
+  chevron: so,
+  languageDropdown: co,
+  languageOption: ro,
+  selected: lo,
+  scrollArea: io,
+  navigation: uo,
+  section: ho,
+  sectionButton: mo,
+  expanded: _o,
+  sectionItems: go,
+  navItem: po,
+  active: fo,
+  navItemContent: vo
 };
-function go() {
-  const { config: t } = W(), n = t.logo;
-  return /* @__PURE__ */ d("div", { className: H.sidebar, children: [
-    /* @__PURE__ */ d("div", { className: H.header, children: [
-      /* @__PURE__ */ d("div", { className: H.brand, children: [
-        n && /* @__PURE__ */ e(n, { className: H.cloudIcon }),
-        /* @__PURE__ */ e("h1", { className: H.title, children: t.title })
+function bo() {
+  const { config: t } = H(), n = t.logo;
+  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(se, { styles: H })
+      /* @__PURE__ */ e(ce, { styles: q })
     ] }),
-    /* @__PURE__ */ e("div", { className: H.scrollArea, children: /* @__PURE__ */ e(ce, { styles: H }) })
+    /* @__PURE__ */ e("div", { className: q.scrollArea, children: /* @__PURE__ */ e(re, { styles: q }) })
   ] });
 }
-const po = "_app_1vinw_1", fo = "_layout_1vinw_9", vo = "_main_1vinw_15", bo = "_contentWrapper_1vinw_27", ee = {
-  app: po,
-  layout: fo,
-  main: vo,
-  contentWrapper: bo
+const wo = "_app_1v4z4_1", $o = "_layout_1v4z4_9", No = "_main_1v4z4_15", Io = "_contentWrapper_1v4z4_27", ee = {
+  app: wo,
+  layout: $o,
+  main: No,
+  contentWrapper: Io
 };
-function Do({ children: t }) {
-  const { language: n } = ge(), { i18n: a } = R(), { config: o } = W(), [l, s] = L(!1);
-  P(() => {
-    n && o.supportedLanguages.includes(n) && a.changeLanguage(n);
-  }, [n, a, o.supportedLanguages]);
-  const u = () => {
-    s(!l);
-  }, r = () => {
-    s(!1);
+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);
   };
-  return !n || !o.supportedLanguages.includes(n) ? /* @__PURE__ */ e(Ie, { to: "/en/welcome", replace: !0 }) : /* @__PURE__ */ d("div", { className: ee.app, children: [
-    /* @__PURE__ */ e(vn, { onMobileMenuToggle: u }),
-    /* @__PURE__ */ e(qn, { isOpen: l, onClose: r }),
+  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 }),
     /* @__PURE__ */ d("div", { className: ee.layout, children: [
-      /* @__PURE__ */ e(go, {}),
+      /* @__PURE__ */ e(bo, {}),
       /* @__PURE__ */ e("main", { className: ee.main, children: /* @__PURE__ */ e("div", { className: ee.contentWrapper, 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: "/", element: /* @__PURE__ */ e(fe, { to: "welcome", replace: !0 }) })
+  ] }) });
+}
 export {
-  Re as AdvancedModeToggle,
-  Bo as BlogProvider,
-  Po as ContentPage,
-  Do as DocumentationLayout,
-  vn as Header,
-  se as LanguageSelector,
-  qn as MobileMenu,
-  Mo as NavigationContent,
-  ce as NavigationMenu,
-  Vt as SearchBar,
-  go as Sidebar,
-  Ze as TableOfContents,
-  ut as TagResultsModal,
-  vt as Tags,
-  So as createBlogUtils,
-  fe as createContentLoaders,
+  Ae as AdvancedModeToggle,
+  Eo as BlogProvider,
+  He as BlogRoot,
+  Et as ContentPage,
+  xo as DocumentationLayout,
+  jo as DocumentationRoutes,
+  Nn as Header,
+  ce as LanguageSelector,
+  Yn as MobileMenu,
+  Ro as NavigationContent,
+  re as NavigationMenu,
+  tn as SearchBar,
+  bo as Sidebar,
+  nt as TableOfContents,
+  _t as TagResultsModal,
+  $t as Tags,
+  Oo as createBlogUtils,
+  be as createContentLoaders,
   X as generateHeadingId,
   te as getNavigationData,
-  W as useBlogConfig,
-  we as useTheme
+  H as useBlogConfig,
+  Ne as useTheme
 };