@x-wave/blog 1.0.9 → 1.0.11

package/index.js

@@ -1,31 +1,31 @@
-import { jsxs as d, jsx as e, Fragment as z } from "react/jsx-runtime";
+import { jsxs as d, jsx as e, Fragment as K } from "react/jsx-runtime";
 import { useTranslation as R } from "react-i18next";
-import { useLocation as U, useNavigate as G, useParams as oe, Link as de, Navigate as ve, Routes as Ce, Route as ue } from "react-router-dom";
-import { X as se, Tag as Te, User as Se, CalendarBlank as ye, MagnifyingGlass as he, List as Le, Sun as me, Moon as ge, Monitor as _e, CaretDown as ae, Globe as Pe, CaretRight as Be } from "@phosphor-icons/react";
-import { useState as L, useEffect as P, createContext as De, useContext as Me, useRef as W } from "react";
+import { useLocation as U, useNavigate as G, useParams as ae, Link as de, Navigate as fe, Routes as Ce, Route as ue } from "react-router-dom";
+import { X as se, Tag as Te, User as Se, CalendarBlank as ye, MagnifyingGlass as he, List as Le, Sun as me, Moon as ge, Monitor as _e, CaretDown as oe, Globe as Pe, CaretRight as Be } from "@phosphor-icons/react";
+import { useState as L, useEffect as P, createContext as De, useContext as Me, useRef as q } from "react";
 import Ee from "react-markdown";
 import Oe from "remark-gfm";
 import ne from "i18next";
-import { createPortal as fe } from "react-dom";
+import { createPortal as ve } from "react-dom";
 const Re = "_tabContainer_zk6h4_1", je = "_tab_zk6h4_1", Ae = "_active_zk6h4_45", Y = {
   tabContainer: Re,
   tab: je,
   active: Ae
 };
 function He({ hasAdvanced: t }) {
-  const { t: n } = R(), s = U(), o = G();
+  const { t: n } = R(), s = U(), a = G();
   if (!t) return null;
-  const a = new URLSearchParams(s.search).has("advanced"), l = () => {
-    if (a) {
+  const o = new URLSearchParams(s.search).has("advanced"), l = () => {
+    if (o) {
       const u = new URLSearchParams(s.search);
       u.delete("advanced");
       const p = u.toString(), w = p ? `?${p}` : "";
-      o(`${s.pathname}${w}${s.hash}`);
+      a(`${s.pathname}${w}${s.hash}`);
     }
   }, g = () => {
-    if (!a) {
+    if (!o) {
       const u = new URLSearchParams(s.search);
-      u.set("advanced", ""), o(`${s.pathname}?${u.toString()}${s.hash}`);
+      u.set("advanced", ""), a(`${s.pathname}?${u.toString()}${s.hash}`);
     }
   };
   return /* @__PURE__ */ d("div", { className: Y.tabContainer, children: [
@@ -33,7 +33,7 @@ function He({ hasAdvanced: t }) {
       "button",
       {
         type: "button",
-        className: `${Y.tab} ${a ? "" : Y.active}`,
+        className: `${Y.tab} ${o ? "" : Y.active}`,
         onClick: l,
         children: n("ui.simple")
       }
@@ -42,40 +42,40 @@ function He({ hasAdvanced: t }) {
       "button",
       {
         type: "button",
-        className: `${Y.tab} ${a ? Y.active : ""}`,
+        className: `${Y.tab} ${o ? Y.active : ""}`,
         onClick: g,
         children: n("ui.advanced")
       }
     )
   ] });
 }
-function qe({ children: t }) {
+function We({ children: t }) {
   return /* @__PURE__ */ e("div", { className: "xw-blog-root", children: t });
 }
 function be(t) {
   function n(s) {
-    const o = s.match(/^---\s*\n([\s\S]*?)\n---\s*\n/);
-    if (!o) return { frontmatter: {}, content: s };
-    const c = {}, a = o[1];
+    const a = s.match(/^---\s*\n([\s\S]*?)\n---\s*\n/);
+    if (!a) return { frontmatter: {}, content: s };
+    const c = {}, o = a[1];
     let l = "", g = !1;
     const u = [];
-    for (const w of a.split(`
+    for (const w of o.split(`
 `)) {
       const _ = w.trim();
       if (_.startsWith("-")) {
         if (g) {
-          const f = _.substring(1).trim();
-          u.push(f);
+          const v = _.substring(1).trim();
+          u.push(v);
         }
         continue;
       }
       if (g && !_.startsWith("-") && (c[l] = u.slice(), u.length = 0, g = !1), _ != null && _.includes(":")) {
-        const [f, ...r] = _.split(":"), v = r.join(":").trim();
-        if (l = f.trim(), !v) {
+        const [v, ...r] = _.split(":"), f = r.join(":").trim();
+        if (l = v.trim(), !f) {
           g = !0;
           continue;
         }
-        v === "true" ? c[l] = !0 : v === "false" ? c[l] = !1 : c[l] = v;
+        f === "true" ? c[l] = !0 : f === "false" ? c[l] = !1 : c[l] = f;
       }
     }
     g && u.length > 0 && (c[l] = u);
@@ -90,8 +90,8 @@ function be(t) {
      * Load MDX content for a given language and slug.
      * Automatically loads the advanced variant if `advanced` is true.
      */
-    async loadMDXContent(s, o, c = !1) {
-      const a = c ? `${o}-advanced.mdx` : `${o}.mdx`, l = `./docs/${s}/${a}`, g = t[l];
+    async loadMDXContent(s, a, c = !1) {
+      const o = c ? `${a}-advanced.mdx` : `${a}.mdx`, l = `./docs/${s}/${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 };
@@ -100,9 +100,9 @@ function be(t) {
      * Load English content for generating consistent heading IDs.
      * All heading anchors are derived from English content for stability across translations.
      */
-    async loadEnglishContent(s, o = !1) {
-      const a = `./docs/en/${o ? `${s}-advanced.mdx` : `${s}.mdx`}`, l = t[a];
-      if (!l) throw new Error(`File not found: ${a}`);
+    async loadEnglishContent(s, a = !1) {
+      const o = `./docs/en/${a ? `${s}-advanced.mdx` : `${s}.mdx`}`, l = t[o];
+      if (!l) throw new Error(`File not found: ${o}`);
       const g = await l(), { content: u } = n(g);
       return u;
     },
@@ -114,25 +114,25 @@ function be(t) {
      * @returns Promise resolving to tag index mapping tag names to document info
      */
     async buildTagIndex(s = "en") {
-      const o = {}, c = `./docs/${s}/`, a = Object.keys(t).filter(
+      const a = {}, c = `./docs/${s}/`, o = Object.keys(t).filter(
         (l) => l.startsWith(c)
       );
-      for (const l of a)
+      for (const l of o)
         try {
-          const g = t[l], u = await g(), { frontmatter: p, content: w } = n(u), _ = l.split("/").pop() || "", f = _.replace(".mdx", "").replace("-advanced", ""), r = w.match(/^#\s+(.+)$/m), v = r ? r[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 = p.tags;
           if (i && Array.isArray(i))
             for (const b of i)
-              o[b] || (o[b] = []), o[b].some((x) => x.slug === f) || o[b].push({ slug: f, title: v });
+              a[b] || (a[b] = []), a[b].some((x) => x.slug === v) || a[b].push({ slug: v, title: f });
         } catch (g) {
           console.warn(`Failed to process ${l}:`, g);
         }
-      return o;
+      return a;
     }
   };
 }
-function Ea(t) {
+function Ro(t) {
   const n = be(t);
   return {
     mdxFiles: t,
@@ -140,32 +140,32 @@ function Ea(t) {
     loadEnglishContent: n.loadEnglishContent
   };
 }
-const we = "app-theme", $e = () => typeof window > "u" ? "light" : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", pe = (t) => t === "system" ? $e() : t, We = () => typeof window > "u" ? "system" : localStorage.getItem(we) || "system", Ne = () => {
-  const [t, n] = L(We);
+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] = L(qe);
   return P(() => {
-    const o = pe(t), c = document.querySelector(".xw-blog-root");
-    if (c && (c.classList.remove("light", "dark"), c.classList.add(o)), t === "system") {
-      const a = window.matchMedia("(prefers-color-scheme: dark)"), l = () => {
+    const a = pe(t), c = document.querySelector(".xw-blog-root");
+    if (c && (c.classList.remove("light", "dark"), c.classList.add(a)), 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", l), () => a.removeEventListener("change", l);
+      return o.addEventListener("change", l), () => o.removeEventListener("change", l);
     }
   }, [t]), {
     theme: t,
-    setTheme: (o) => {
-      localStorage.setItem(we, o), n(o);
+    setTheme: (a) => {
+      localStorage.setItem(we, a), n(a);
     },
     effectiveTheme: pe(t)
   };
 }, Fe = (t) => "items" in t, te = (t, n) => t.map((s) => Fe(s) ? {
   title: ne.getFixedT(n)(s.title),
-  items: s.items.map((o) => ({
-    title: ne.getFixedT(n)(o.title),
-    slug: o.slug,
-    ...o.hasAdvanced && { hasAdvanced: o.hasAdvanced },
-    ...o.showTableOfContents !== void 0 && {
-      showTableOfContents: o.showTableOfContents
+  items: s.items.map((a) => ({
+    title: ne.getFixedT(n)(a.title),
+    slug: a.slug,
+    ...a.hasAdvanced && { hasAdvanced: a.hasAdvanced },
+    ...a.showTableOfContents !== void 0 && {
+      showTableOfContents: a.showTableOfContents
     }
   }))
 } : {
@@ -175,15 +175,15 @@ const we = "app-theme", $e = () => typeof window > "u" ? "light" : window.matchM
   ...s.showTableOfContents !== void 0 && {
     showTableOfContents: s.showTableOfContents
   }
-}), J = (t) => t.toString().toLowerCase().trim().replace(/[^\w\s-]/g, "").replace(/\s+/g, "-").replace(/-+/g, "-").replace(/^-+|-+$/g, ""), Ie = De(null);
-function Oa({
+}), Z = (t) => t.toString().toLowerCase().trim().replace(/[^\w\s-]/g, "").replace(/\s+/g, "-").replace(/-+/g, "-").replace(/^-+|-+$/g, ""), Ie = De(null);
+function jo({
   children: t,
   config: n,
   blog: s,
-  navigationData: o = []
+  navigationData: a = []
 }) {
   Ne();
-  const [c, a] = L({});
+  const [c, o] = L({});
   P(() => {
     const { buildTagIndex: g } = be(s.mdxFiles), u = n.supportedLanguages.map(async (p) => {
       try {
@@ -197,12 +197,12 @@ function Oa({
       const w = {};
       for (const _ of p)
         w[_.language] = _.index;
-      a(w);
+      o(w);
     }).catch((p) => {
       console.error("Failed to build tag indices:", p);
     });
   }, [s.mdxFiles, n.supportedLanguages]);
-  const l = { ...n, navigationData: o, tagIndex: c };
+  const l = { ...n, navigationData: a, tagIndex: c };
   return /* @__PURE__ */ e(
     Ie.Provider,
     {
@@ -211,7 +211,7 @@ function Oa({
         loadContent: s.loadContent,
         loadEnglishContent: s.loadEnglishContent
       },
-      children: /* @__PURE__ */ e(qe, { children: t })
+      children: /* @__PURE__ */ e(We, { children: t })
     }
   );
 }
@@ -221,9 +221,9 @@ function j() {
     throw new Error("useBlogConfig must be used within a BlogProvider");
   return t;
 }
-const Ke = "_tableOfContents_11q9u_1", ze = "_header_11q9u_20", Ue = "_title_11q9u_24", Ge = "_nav_11q9u_33", Qe = "_list_11q9u_39", Xe = "_link_11q9u_46", Ye = "_active_11q9u_70", Ve = "_level1_11q9u_86", Je = "_level2_11q9u_92", Ze = "_level3_11q9u_97", et = "_level4_11q9u_103", tt = "_level5_11q9u_109", nt = "_level6_11q9u_115", H = {
-  tableOfContents: Ke,
-  header: ze,
+const ze = "_tableOfContents_11q9u_1", Ke = "_header_11q9u_20", Ue = "_title_11q9u_24", Ge = "_nav_11q9u_33", Qe = "_list_11q9u_39", Xe = "_link_11q9u_46", Ye = "_active_11q9u_70", Ve = "_level1_11q9u_86", Je = "_level2_11q9u_92", Ze = "_level3_11q9u_97", et = "_level4_11q9u_103", tt = "_level5_11q9u_109", nt = "_level6_11q9u_115", H = {
+  tableOfContents: ze,
+  header: Ke,
   title: Ue,
   nav: Ge,
   list: Qe,
@@ -236,24 +236,24 @@ const Ke = "_tableOfContents_11q9u_1", ze = "_header_11q9u_20", Ue = "_title_11q
   level5: tt,
   level6: nt
 };
-function at({
+function ot({
   content: t,
   englishContent: n
 }) {
-  const { t: s } = R(), o = U(), c = G(), [a, l] = L([]), [g, u] = L(""), p = W(null);
+  const { t: s } = R(), a = U(), c = G(), [o, l] = L([]), [g, u] = L(""), p = q(null);
   P(() => {
     u(""), (() => {
-      const f = /^(#{1,6})\s+(.+)$/gm, r = [];
-      let v = f.exec(t);
+      const v = /^(#{1,6})\s+(.+)$/gm, r = [];
+      let f = v.exec(t);
       const i = [];
-      for (; v !== null; ) {
-        const m = v[1].length, N = v[2].trim();
-        i.push({ level: m, text: N }), v = f.exec(t);
+      for (; f !== null; ) {
+        const m = f[1].length, N = f[2].trim();
+        i.push({ level: m, text: N }), f = v.exec(t);
       }
       const b = /^(#{1,6})\s+(.+)$/gm;
       let x = b.exec(n), T = 0;
       for (; x !== null && T < i.length; ) {
-        const m = x[2].trim(), N = J(m);
+        const m = x[2].trim(), N = Z(m);
         r.push({
           id: N,
           text: i[T].text,
@@ -264,24 +264,24 @@ function at({
       l(r);
     })();
   }, [t, n]), P(() => {
-    if (a.length === 0) return;
+    if (o.length === 0) return;
     const _ = setTimeout(() => {
-      const f = a.filter(
+      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]), P(() => {
-    if (a.length === 0) return;
+  }, [o]), P(() => {
+    if (o.length === 0) return;
     p.current && p.current.disconnect();
     const _ = setTimeout(() => {
-      const f = a.map((r) => document.getElementById(r.id)).filter(Boolean);
-      f.length !== 0 && (p.current = new IntersectionObserver(
+      const v = o.map((r) => document.getElementById(r.id)).filter(Boolean);
+      v.length !== 0 && (p.current = new IntersectionObserver(
         (r) => {
-          const v = r.filter((i) => i.isIntersecting);
-          if (v.length > 0) {
-            const i = v.reduce((b, x) => b.boundingClientRect.top < x.boundingClientRect.top ? b : x);
+          const f = r.filter((i) => i.isIntersecting);
+          if (f.length > 0) {
+            const i = f.reduce((b, x) => b.boundingClientRect.top < x.boundingClientRect.top ? b : x);
             u(i.target.id);
           }
         },
@@ -289,36 +289,36 @@ function at({
           rootMargin: "-80px 0% -80% 0%",
           threshold: 0
         }
-      ), f.forEach((r) => {
+      ), v.forEach((r) => {
         p.current && p.current.observe(r);
       }));
     }, 150);
     return () => {
       clearTimeout(_), p.current && p.current.disconnect();
     };
-  }, [a]), P(() => () => {
+  }, [o]), P(() => () => {
     p.current && p.current.disconnect();
   }, []);
   const w = (_) => {
-    const f = document.getElementById(_);
-    if (f) {
-      const r = new URLSearchParams(o.search);
+    const v = document.getElementById(_);
+    if (v) {
+      const r = new URLSearchParams(a.search);
       r.set("a", _), c(
-        `${o.pathname}?${r.toString()}${o.hash}`,
+        `${a.pathname}?${r.toString()}${a.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: H.tableOfContents, children: [
+  return o.length === 0 ? null : /* @__PURE__ */ d("aside", { className: H.tableOfContents, children: [
     /* @__PURE__ */ e("div", { className: H.header, children: /* @__PURE__ */ e("span", { className: H.title, children: s("ui.onThisPage", "On this page") }) }),
-    /* @__PURE__ */ e("nav", { className: H.nav, children: /* @__PURE__ */ e("ul", { className: H.list, children: a.map((_) => /* @__PURE__ */ e("li", { className: H.item, children: /* @__PURE__ */ e(
+    /* @__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: `${H.link} ${H[`level${_.level}`]} ${g === _.id ? H.active : ""}`,
@@ -329,8 +329,8 @@ function at({
     ) }, _.id)) }) })
   ] });
 }
-const ot = "_overlay_1e1d4_1", st = "_modal_1e1d4_26", ct = "_header_1e1d4_50", rt = "_title_1e1d4_58", lt = "_closeButton_1e1d4_65", it = "_results_1e1d4_86", dt = "_resultsList_1e1d4_94", ut = "_resultItem_1e1d4_100", ht = "_resultTitle_1e1d4_119", mt = "_resultSlug_1e1d4_124", gt = "_noResults_1e1d4_130", O = {
-  overlay: ot,
+const at = "_overlay_1e1d4_1", st = "_modal_1e1d4_26", ct = "_header_1e1d4_50", rt = "_title_1e1d4_58", lt = "_closeButton_1e1d4_65", it = "_results_1e1d4_86", dt = "_resultsList_1e1d4_94", ut = "_resultItem_1e1d4_100", ht = "_resultTitle_1e1d4_119", mt = "_resultSlug_1e1d4_124", gt = "_noResults_1e1d4_130", O = {
+  overlay: at,
   modal: st,
   header: ct,
   title: rt,
@@ -346,14 +346,14 @@ function _t({
   tag: t,
   results: n,
   language: s,
-  onClose: o
+  onClose: a
 }) {
-  const { t: c } = R(), { config: a } = j(), l = G(), g = (u) => {
-    const p = a.basePath || "";
-    l(`${p}/${s}/${u}`), o();
+  const { t: c } = R(), { config: o } = j(), l = G(), g = (u) => {
+    const p = o.basePath || "";
+    l(`${p}/${s}/${u}`), a();
   };
-  return fe(
-    /* @__PURE__ */ e("div", { className: O.overlay, onClick: o, children: /* @__PURE__ */ d("div", { className: O.modal, onClick: (u) => u.stopPropagation(), children: [
+  return ve(
+    /* @__PURE__ */ e("div", { className: O.overlay, onClick: a, children: /* @__PURE__ */ d("div", { className: O.modal, onClick: (u) => u.stopPropagation(), children: [
       /* @__PURE__ */ d("div", { className: O.header, children: [
         /* @__PURE__ */ d("h2", { className: O.title, children: [
           c("ui.tagResults"),
@@ -365,7 +365,7 @@ function _t({
           {
             type: "button",
             className: O.closeButton,
-            onClick: o,
+            onClick: a,
             "aria-label": "Close",
             children: /* @__PURE__ */ e(se, {})
           }
@@ -390,42 +390,42 @@ function _t({
     document.body
   );
 }
-const pt = "_tags_11t8a_1", vt = "_compact_11t8a_9", ft = "_tagLabel_11t8a_15", bt = "_tagIcon_11t8a_25", wt = "_tagList_11t8a_30", $t = "_tag_11t8a_1", K = {
+const pt = "_tags_11t8a_1", ft = "_compact_11t8a_9", vt = "_tagLabel_11t8a_15", bt = "_tagIcon_11t8a_25", wt = "_tagList_11t8a_30", $t = "_tag_11t8a_1", z = {
   tags: pt,
-  compact: vt,
-  tagLabel: ft,
+  compact: ft,
+  tagLabel: vt,
   tagIcon: bt,
   tagList: wt,
   tag: $t
 };
 function Nt({ tags: t, variant: n = "default", onTagClick: s }) {
-  const { t: o } = R();
+  const { t: a } = R();
   if (!t || t.length === 0) return null;
-  const c = (a) => {
-    s && s(a);
+  const c = (o) => {
+    s && s(o);
   };
   return /* @__PURE__ */ d(
     "div",
     {
-      className: `${K.tags} ${n === "compact" ? K.compact : ""}`,
+      className: `${z.tags} ${n === "compact" ? z.compact : ""}`,
       children: [
-        n === "default" && /* @__PURE__ */ d("div", { className: K.tagLabel, children: [
-          /* @__PURE__ */ e(Te, { className: K.tagIcon, weight: "duotone" }),
+        n === "default" && /* @__PURE__ */ d("div", { className: z.tagLabel, children: [
+          /* @__PURE__ */ e(Te, { className: z.tagIcon, weight: "duotone" }),
           /* @__PURE__ */ d("span", { children: [
-            o("ui.tags"),
+            a("ui.tags"),
             ":"
           ] })
         ] }),
-        /* @__PURE__ */ e("div", { className: K.tagList, children: t.map((a) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: z.tagList, children: t.map((o) => /* @__PURE__ */ e(
           "button",
           {
             type: "button",
-            className: K.tag,
-            onClick: () => c(a),
-            "aria-label": `${o("ui.filterByTag")}: ${a}`,
-            children: a
+            className: z.tag,
+            onClick: () => c(o),
+            "aria-label": `${a("ui.filterByTag")}: ${o}`,
+            children: o
           },
-          a
+          o
         )) })
       ]
     }
@@ -449,7 +449,7 @@ const It = "_contentPage_1nxj5_1", xt = "_metadata_1nxj5_20", kt = "_author_1nxj
 };
 function Rt({ language: t }) {
   var ie;
-  const { slug: n } = oe(), s = U(), { t: o } = R(), { config: c, loadContent: a, loadEnglishContent: l } = j(), [g, u] = L(""), [p, w] = L(""), [_, f] = L({}), [r, v] = L(!0), [i, b] = L(null), [x, T] = L(!0), [m, N] = L(null), B = W(0), Q = W([]), Z = ((h) => {
+  const { slug: n } = ae(), s = U(), { t: a } = R(), { config: c, loadContent: o, loadEnglishContent: l } = j(), [g, u] = L(""), [p, w] = L(""), [_, v] = L({}), [r, f] = L(!0), [i, b] = L(null), [x, T] = L(!0), [m, N] = L(null), B = q(0), Q = q([]), ee = ((h) => {
     const k = {
       advanced: !1,
       anchor: ""
@@ -459,11 +459,11 @@ function Rt({ language: t }) {
     for (const C of $)
       C === "advanced" ? k.advanced = !0 : C.startsWith("a=") && (k.anchor = C.substring(2));
     return k;
-  })(s.search), A = Z.advanced;
+  })(s.search), A = ee.advanced;
   if (P(() => {
     (async () => {
       if (!n) return;
-      v(!0), b(null), B.current = 0;
+      f(!0), b(null), B.current = 0;
       const k = (c == null ? void 0 : c.navigationData) || [];
       let y = !0;
       for (const $ of k)
@@ -481,10 +481,10 @@ function Rt({ language: t }) {
       try {
         let $;
         try {
-          $ = await a(t, n, A);
+          $ = await o(t, n, A);
         } catch {
           if (A)
-            $ = await a(t, n, !1);
+            $ = await o(t, n, !1);
           else
             throw new Error("Content not found");
         }
@@ -500,11 +500,11 @@ function Rt({ language: t }) {
           const ke = F[2].trim();
           X.push(ke), F = E.exec(C);
         }
-        Q.current = X, w(C), u($.content), f($.frontmatter);
+        Q.current = X, w(C), u($.content), v($.frontmatter);
       } catch ($) {
         b($ instanceof Error ? $.message : "Failed to load content");
       } finally {
-        v(!1);
+        f(!1);
       }
     })();
   }, [
@@ -512,12 +512,12 @@ function Rt({ language: t }) {
     t,
     A,
     c.navigationData,
-    a,
+    o,
     l
   ]), P(() => {
-    if (!r && Z.anchor) {
+    if (!r && ee.anchor) {
       const h = setTimeout(() => {
-        const k = document.getElementById(Z.anchor);
+        const k = document.getElementById(ee.anchor);
         if (k) {
           const C = k.getBoundingClientRect().top + window.pageYOffset - 80;
           window.scrollTo({
@@ -528,7 +528,7 @@ function Rt({ language: t }) {
       }, 150);
       return () => clearTimeout(h);
     }
-  }, [r, Z.anchor]), r)
+  }, [r, ee.anchor]), r)
     return /* @__PURE__ */ e("div", { className: D.contentPage, children: /* @__PURE__ */ d("div", { className: D.loadingContainer, children: [
       /* @__PURE__ */ e("div", { className: D.skeletonTitle }),
       /* @__PURE__ */ e("div", { className: D.skeletonParagraph }),
@@ -549,12 +549,12 @@ function Rt({ language: t }) {
     ] }),
     _.date && /* @__PURE__ */ d("span", { className: D.date, children: [
       /* @__PURE__ */ e(ye, { size: 16, weight: "regular" }),
-      o("ui.lastEdited"),
+      a("ui.lastEdited"),
       ": ",
       _.date
     ] })
   ] });
-  return /* @__PURE__ */ d(z, { children: [
+  return /* @__PURE__ */ d(K, { children: [
     /* @__PURE__ */ d("div", { className: D.contentPage, children: [
       /* @__PURE__ */ e(He, { hasAdvanced: _.hasAdvanced || !1 }),
       /* @__PURE__ */ e("div", { className: D.mdxContent, children: /* @__PURE__ */ e(
@@ -563,10 +563,10 @@ function Rt({ language: t }) {
           remarkPlugins: [Oe],
           components: {
             h1: ({ children: h }) => {
-              const k = B.current++, y = Q.current[k] || "", $ = J(y), C = A ? `?advanced&a=${$}` : `?a=${$}`, E = `#/${t}/${n}${C}`, X = !le;
+              const k = B.current++, y = Q.current[k] || "", $ = Z(y), C = A ? `?advanced&a=${$}` : `?a=${$}`, E = `#/${t}/${n}${C}`, X = !le;
               le = !0;
               const F = _.date || _.author;
-              return /* @__PURE__ */ d(z, { children: [
+              return /* @__PURE__ */ d(K, { children: [
                 /* @__PURE__ */ e(
                   "h1",
                   {
@@ -586,7 +586,7 @@ function Rt({ language: t }) {
               ] });
             },
             h2: ({ children: h }) => {
-              const k = B.current++, y = Q.current[k] || "", $ = J(y), C = A ? `?advanced&a=${$}` : `?a=${$}`, E = `#/${t}/${n}${C}`;
+              const k = B.current++, y = Q.current[k] || "", $ = Z(y), C = A ? `?advanced&a=${$}` : `?a=${$}`, E = `#/${t}/${n}${C}`;
               return /* @__PURE__ */ e("h2", { id: $, children: /* @__PURE__ */ e(
                 "a",
                 {
@@ -597,7 +597,7 @@ function Rt({ language: t }) {
               ) });
             },
             h3: ({ children: h }) => {
-              const k = B.current++, y = Q.current[k] || "", $ = J(y), C = A ? `?advanced&a=${$}` : `?a=${$}`, E = `#/${t}/${n}${C}`;
+              const k = B.current++, y = Q.current[k] || "", $ = Z(y), C = A ? `?advanced&a=${$}` : `?a=${$}`, E = `#/${t}/${n}${C}`;
               return /* @__PURE__ */ e("h3", { id: $, children: /* @__PURE__ */ e(
                 "a",
                 {
@@ -608,7 +608,7 @@ function Rt({ language: t }) {
               ) });
             },
             h4: ({ children: h }) => {
-              const k = B.current++, y = Q.current[k] || "", $ = J(y), C = A ? `?advanced&a=${$}` : `?a=${$}`, E = `#/${t}/${n}${C}`;
+              const k = B.current++, y = Q.current[k] || "", $ = Z(y), C = A ? `?advanced&a=${$}` : `?a=${$}`, E = `#/${t}/${n}${C}`;
               return /* @__PURE__ */ e("h4", { id: $, children: /* @__PURE__ */ e(
                 "a",
                 {
@@ -639,7 +639,7 @@ function Rt({ language: t }) {
                 /* @__PURE__ */ e("pre", { children: /* @__PURE__ */ e("code", { className: h, ...y, children: k }) })
               ] });
             },
-            pre: ({ children: h }) => /* @__PURE__ */ e(z, { children: h }),
+            pre: ({ children: h }) => /* @__PURE__ */ e(K, { children: h }),
             // Let code component handle pre styling
             blockquote: ({ children: h }) => /* @__PURE__ */ e("blockquote", { children: h }),
             a: ({ href: h, children: k, ...y }) => {
@@ -673,7 +673,7 @@ function Rt({ language: t }) {
         }
       )
     ] }),
-    x && /* @__PURE__ */ e(at, { content: g, englishContent: p }),
+    x && /* @__PURE__ */ e(ot, { content: g, englishContent: p }),
     m && ((ie = c.tagIndex) == null ? void 0 : ie[t]) && /* @__PURE__ */ e(
       _t,
       {
@@ -685,15 +685,15 @@ function Rt({ language: t }) {
     )
   ] });
 }
-const jt = "_searchButton_1k9sl_1", At = "_searchIcon_1k9sl_17", Ht = "_searchHint_1k9sl_23", qt = "_kbd_1k9sl_27", Wt = "_searchOverlay_1k9sl_42", Ft = "_searchModal_1k9sl_67", Kt = "_searchHeader_1k9sl_91", zt = "_searchInput_1k9sl_105", Ut = "_closeButton_1k9sl_123", Gt = "_searchResults_1k9sl_144", Qt = "_resultsList_1k9sl_152", Xt = "_resultItem_1k9sl_158", Yt = "_selected_1k9sl_173", Vt = "_resultTitle_1k9sl_176", Jt = "_resultSlug_1k9sl_180", Zt = "_noResults_1k9sl_186", en = "_searchHints_1k9sl_193", tn = "_hint_1k9sl_210", S = {
+const jt = "_searchButton_1k9sl_1", At = "_searchIcon_1k9sl_17", Ht = "_searchHint_1k9sl_23", Wt = "_kbd_1k9sl_27", qt = "_searchOverlay_1k9sl_42", Ft = "_searchModal_1k9sl_67", zt = "_searchHeader_1k9sl_91", Kt = "_searchInput_1k9sl_105", Ut = "_closeButton_1k9sl_123", Gt = "_searchResults_1k9sl_144", Qt = "_resultsList_1k9sl_152", Xt = "_resultItem_1k9sl_158", Yt = "_selected_1k9sl_173", Vt = "_resultTitle_1k9sl_176", Jt = "_resultSlug_1k9sl_180", Zt = "_noResults_1k9sl_186", en = "_searchHints_1k9sl_193", tn = "_hint_1k9sl_210", S = {
   searchButton: jt,
   searchIcon: At,
   searchHint: Ht,
-  kbd: qt,
-  searchOverlay: Wt,
+  kbd: Wt,
+  searchOverlay: qt,
   searchModal: Ft,
-  searchHeader: Kt,
-  searchInput: zt,
+  searchHeader: zt,
+  searchInput: Kt,
   closeButton: Ut,
   searchResults: Gt,
   resultsList: Qt,
@@ -706,7 +706,7 @@ const jt = "_searchButton_1k9sl_1", At = "_searchIcon_1k9sl_17", Ht = "_searchHi
   hint: tn
 };
 function nn({ language: t }) {
-  const { t: n } = R(), s = G(), { config: o } = j(), [c, a] = L(!1), [l, g] = L(""), [u, p] = L([]), [w, _] = L(0), f = W(null), r = W(null), i = typeof navigator < "u" && /(Mac|iPhone|iPod|iPad)/i.test(navigator.platform) ? "⌘K" : "Ctrl+K", b = (o.navigationData ? te(o.navigationData, t) : []).flatMap((m) => "items" in m ? m.items.map((N) => ({
+  const { t: n } = R(), s = G(), { config: a } = j(), [c, o] = L(!1), [l, g] = L(""), [u, p] = L([]), [w, _] = L(0), v = q(null), r = q(null), i = typeof navigator < "u" && /(Mac|iPhone|iPod|iPad)/i.test(navigator.platform) ? "⌘K" : "Ctrl+K", b = (a.navigationData ? te(a.navigationData, t) : []).flatMap((m) => "items" in m ? m.items.map((N) => ({
     title: N.title,
     slug: N.slug
   })) : [{ title: m.title, slug: m.slug }]);
@@ -721,20 +721,20 @@ function nn({ language: t }) {
     p(N), _(0);
   }, [l]), P(() => {
     const m = (N) => {
-      (N.metaKey || N.ctrlKey) && N.key === "k" && (N.preventDefault(), a(!0), setTimeout(() => {
+      (N.metaKey || N.ctrlKey) && N.key === "k" && (N.preventDefault(), o(!0), setTimeout(() => {
         var B;
-        return (B = f.current) == null ? void 0 : B.focus();
-      }, 100)), N.key === "Escape" && c && (a(!1), g(""));
+        return (B = v.current) == null ? void 0 : B.focus();
+      }, 100)), N.key === "Escape" && c && (o(!1), g(""));
     };
     return document.addEventListener("keydown", m), () => document.removeEventListener("keydown", m);
   }, [c]), P(() => {
     const m = () => {
-      a(!0), setTimeout(() => {
+      o(!0), setTimeout(() => {
         var B;
-        return (B = f.current) == null ? void 0 : B.focus();
+        return (B = v.current) == null ? void 0 : B.focus();
       }, 100);
     }, N = () => {
-      a(!1), g("");
+      o(!1), g("");
     };
     return window.addEventListener("blog:open-search", m), window.addEventListener("blog:close-search", N), () => {
       window.removeEventListener("blog:open-search", m), window.removeEventListener("blog:close-search", N);
@@ -745,24 +745,24 @@ function nn({ language: t }) {
   };
   P(() => {
     const m = (N) => {
-      r.current && !r.current.contains(N.target) && (a(!1), g(""));
+      r.current && !r.current.contains(N.target) && (o(!1), g(""));
     };
     return c && document.addEventListener("mousedown", m), () => document.removeEventListener("mousedown", m);
   }, [c]);
   const T = (m) => {
-    const N = o.basePath || "";
-    s(`${N}/${t}/${m}`), a(!1), g("");
+    const N = a.basePath || "";
+    s(`${N}/${t}/${m}`), o(!1), g("");
   };
-  return /* @__PURE__ */ d(z, { children: [
+  return /* @__PURE__ */ d(K, { children: [
     /* @__PURE__ */ d(
       "button",
       {
         type: "button",
         className: S.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"),
@@ -773,13 +773,13 @@ function nn({ language: t }) {
         ]
       }
     ),
-    c && fe(
+    c && ve(
       /* @__PURE__ */ e(
         "div",
         {
           className: S.searchOverlay,
           onClick: () => {
-            a(!1), g("");
+            o(!1), g("");
           },
           children: /* @__PURE__ */ d(
             "div",
@@ -793,7 +793,7 @@ function nn({ language: t }) {
                   /* @__PURE__ */ e(
                     "input",
                     {
-                      ref: f,
+                      ref: v,
                       type: "text",
                       className: S.searchInput,
                       placeholder: n("ui.searchPlaceholder"),
@@ -808,7 +808,7 @@ function nn({ language: t }) {
                       type: "button",
                       className: S.closeButton,
                       onClick: () => {
-                        a(!1), g("");
+                        o(!1), g("");
                       },
                       "aria-label": "Close search",
                       children: /* @__PURE__ */ e(se, {})
@@ -855,9 +855,9 @@ function nn({ language: t }) {
     )
   ] });
 }
-const an = "_header_jrobc_1", on = "_container_jrobc_24", sn = "_content_jrobc_36", cn = "_leftSection_jrobc_43", rn = "_mobileMenuButton_jrobc_49", ln = "_burgerIcon_jrobc_87", dn = "_logo_jrobc_92", un = "_nav_jrobc_98", hn = "_navLink_jrobc_109", mn = "_externalIcon_jrobc_135", gn = "_supportDropdown_jrobc_141", _n = "_themeDropdown_jrobc_145", pn = "_themeButton_jrobc_149", vn = "_themeIcon_jrobc_171", fn = "_supportButton_jrobc_177", bn = "_caretIcon_jrobc_198", wn = "_dropdownMenu_jrobc_208", $n = "_dropdownItem_jrobc_221", Nn = "_dropdownIcon_jrobc_244", I = {
-  header: an,
-  container: on,
+const on = "_header_jrobc_1", an = "_container_jrobc_24", sn = "_content_jrobc_36", cn = "_leftSection_jrobc_43", rn = "_mobileMenuButton_jrobc_49", ln = "_burgerIcon_jrobc_87", dn = "_logo_jrobc_92", un = "_nav_jrobc_98", hn = "_navLink_jrobc_109", mn = "_externalIcon_jrobc_135", gn = "_supportDropdown_jrobc_141", _n = "_themeDropdown_jrobc_145", pn = "_themeButton_jrobc_149", fn = "_themeIcon_jrobc_171", vn = "_supportButton_jrobc_177", bn = "_caretIcon_jrobc_198", wn = "_dropdownMenu_jrobc_208", $n = "_dropdownItem_jrobc_221", Nn = "_dropdownIcon_jrobc_244", I = {
+  header: on,
+  container: an,
   content: sn,
   leftSection: cn,
   mobileMenuButton: rn,
@@ -869,18 +869,18 @@ const an = "_header_jrobc_1", on = "_container_jrobc_24", sn = "_content_jrobc_3
   supportDropdown: gn,
   themeDropdown: _n,
   themeButton: pn,
-  themeIcon: vn,
-  supportButton: fn,
+  themeIcon: fn,
+  supportButton: vn,
   caretIcon: bn,
   dropdownMenu: wn,
   dropdownItem: $n,
   dropdownIcon: Nn
 };
 function In({ onMobileMenuToggle: t }) {
-  const { t: n, i18n: s } = R(), { config: o } = j(), c = o.header ?? {}, a = c.navLinks ?? [], l = c.dropdownItems ?? [], [g, u] = L(!1), [p, w] = L(!1), { theme: _, setTheme: f } = Ne(), r = W(null), v = W(null);
+  const { t: n, i18n: s } = R(), { config: a } = j(), c = a.header ?? {}, o = c.navLinks ?? [], l = c.dropdownItems ?? [], [g, u] = L(!1), [p, w] = L(!1), { theme: _, setTheme: v } = Ne(), r = q(null), f = q(null);
   return P(() => {
     const i = (b) => {
-      r.current && !r.current.contains(b.target) && u(!1), v.current && !v.current.contains(b.target) && w(!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: I.header, children: /* @__PURE__ */ e("div", { className: I.container, children: /* @__PURE__ */ d("div", { className: I.content, children: [
@@ -899,7 +899,7 @@ function In({ onMobileMenuToggle: t }) {
     ] }),
     /* @__PURE__ */ d("nav", { className: I.nav, children: [
       /* @__PURE__ */ e(nn, { language: s.language }),
-      /* @__PURE__ */ d("div", { className: I.themeDropdown, ref: v, children: [
+      /* @__PURE__ */ d("div", { className: I.themeDropdown, ref: f, children: [
         /* @__PURE__ */ d(
           "button",
           {
@@ -913,7 +913,7 @@ function In({ onMobileMenuToggle: t }) {
               _ === "light" && /* @__PURE__ */ e(me, { className: I.themeIcon }),
               _ === "dark" && /* @__PURE__ */ e(ge, { className: I.themeIcon }),
               _ === "system" && /* @__PURE__ */ e(_e, { className: I.themeIcon }),
-              /* @__PURE__ */ e(ae, { className: I.caretIcon })
+              /* @__PURE__ */ e(oe, { className: I.caretIcon })
             ]
           }
         ),
@@ -923,7 +923,7 @@ function In({ onMobileMenuToggle: t }) {
             {
               type: "button",
               onClick: () => {
-                f("light"), w(!1);
+                v("light"), w(!1);
               },
               className: I.dropdownItem,
               children: [
@@ -937,7 +937,7 @@ function In({ onMobileMenuToggle: t }) {
             {
               type: "button",
               onClick: () => {
-                f("dark"), w(!1);
+                v("dark"), w(!1);
               },
               className: I.dropdownItem,
               children: [
@@ -951,7 +951,7 @@ function In({ onMobileMenuToggle: t }) {
             {
               type: "button",
               onClick: () => {
-                f("system"), w(!1);
+                v("system"), w(!1);
               },
               className: I.dropdownItem,
               children: [
@@ -973,7 +973,7 @@ function In({ onMobileMenuToggle: t }) {
             "aria-haspopup": "true",
             children: [
               n("ui.support"),
-              /* @__PURE__ */ e(ae, { className: I.caretIcon })
+              /* @__PURE__ */ e(oe, { className: I.caretIcon })
             ]
           }
         ),
@@ -995,7 +995,7 @@ function In({ onMobileMenuToggle: t }) {
           );
         }) })
       ] }),
-      a.map((i, b) => {
+      o.map((i, b) => {
         const x = i.target ?? (typeof i.url == "string" && i.url.startsWith("http") ? "_blank" : "_self"), T = i.rel ?? (x === "_blank" ? "noopener noreferrer" : void 0), m = i.icon;
         return /* @__PURE__ */ d(
           "a",
@@ -1020,23 +1020,23 @@ function ce({
   styles: t,
   onLanguageChange: n
 }) {
-  const { i18n: s } = R(), o = U(), c = G(), { config: a } = j(), [l, g] = L(!1), u = W(null), p = s.language, w = (f) => {
-    const r = a.basePath || "";
-    let v = o.pathname;
-    r && v.startsWith(r) && (v = v.slice(r.length));
-    const i = v.split("/").filter(Boolean), b = i[0];
+  const { i18n: s } = R(), a = U(), c = G(), { config: o } = j(), [l, g] = L(!1), u = q(null), p = s.language, w = (v) => {
+    const r = o.basePath || "";
+    let f = a.pathname;
+    r && f.startsWith(r) && (f = f.slice(r.length));
+    const i = f.split("/").filter(Boolean), b = i[0];
     let x = "";
-    a.supportedLanguages.includes(b) ? (i[0] = f, x = `${r}/${i.join("/")}`) : x = `${r}/${f}${v}`;
-    const T = x + o.search + o.hash;
-    s.changeLanguage(f), c(T), g(!1), n == null || n();
+    o.supportedLanguages.includes(b) ? (i[0] = v, x = `${r}/${i.join("/")}`) : x = `${r}/${v}${f}`;
+    const T = x + a.search + a.hash;
+    s.changeLanguage(v), c(T), g(!1), n == null || n();
   };
   P(() => {
-    const f = (r) => {
+    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) => s.getFixedT(f)("language") || f;
+  const _ = (v) => s.getFixedT(v)("language") || v;
   return /* @__PURE__ */ d("div", { className: t.languageSelect, ref: u, children: [
     /* @__PURE__ */ d(
       "button",
@@ -1049,26 +1049,26 @@ function ce({
         children: [
           /* @__PURE__ */ e(Pe, { className: t.icon }),
           _(p),
-          /* @__PURE__ */ e(ae, { className: t.chevron })
+          /* @__PURE__ */ e(oe, { className: t.chevron })
         ]
       }
     ),
-    l && /* @__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 === p ? t.selected : ""}`,
-        onClick: () => w(f),
+        className: `${t.languageOption} ${v === p ? t.selected : ""}`,
+        onClick: () => w(v),
         role: "option",
-        "aria-selected": f === p,
-        children: _(f)
+        "aria-selected": v === p,
+        children: _(v)
       },
-      f
+      v
     )) })
   ] });
 }
 function re({ styles: t, onLinkClick: n }) {
-  const { i18n: s } = R(), o = U(), { config: c } = j(), [a, l] = L(() => {
+  const { i18n: s } = R(), a = U(), { config: c } = j(), [o, l] = L(() => {
     if (!c.navigationData) return {};
     const r = s.language;
     return te(c.navigationData, r).reduce(
@@ -1084,7 +1084,7 @@ function re({ styles: t, onLinkClick: n }) {
   }), g = s.language, u = c.navigationData ? te(c.navigationData, g) : [];
   P(() => {
     if (!c.navigationData) return;
-    const v = te(
+    const f = te(
       c.navigationData,
       g
     ).reduce(
@@ -1097,26 +1097,26 @@ function re({ styles: t, onLinkClick: n }) {
       },
       {}
     );
-    l(v);
+    l(f);
   }, [g, c.navigationData]);
   const p = (r) => {
-    l((v) => ({
-      ...v,
-      [r]: !v[r]
+    l((f) => ({
+      ...f,
+      [r]: !f[r]
     }));
   }, w = (r) => {
-    const v = c.basePath || "";
-    let i = o.pathname;
-    v && i.startsWith(v) && (i = i.slice(v.length));
+    const f = c.basePath || "";
+    let i = a.pathname;
+    f && i.startsWith(f) && (i = i.slice(f.length));
     const b = i.split("/").filter(Boolean);
     return b[b.length - 1] === r;
   }, _ = (r) => {
-    const v = c.basePath || "";
-    let i = o.pathname;
-    v && i.startsWith(v) && (i = i.slice(v.length));
+    const f = c.basePath || "";
+    let i = a.pathname;
+    f && i.startsWith(f) && (i = i.slice(f.length));
     const b = i.split("/").filter(Boolean);
-    return b[0] && c.supportedLanguages.includes(b[0]) ? `${v}/${b[0]}/${r}` : `${v}/${g}/${r}`;
-  }, 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: u.map((r) => V(r) ? /* @__PURE__ */ d("div", { className: t.section, children: [
@@ -1124,7 +1124,7 @@ function re({ styles: t, onLinkClick: n }) {
       "button",
       {
         type: "button",
-        className: `${t.sectionButton} ${a[r.title] ? t.expanded : ""}`,
+        className: `${t.sectionButton} ${o[r.title] ? t.expanded : ""}`,
         onClick: () => p(r.title),
         children: [
           r.title,
@@ -1132,38 +1132,38 @@ function re({ styles: t, onLinkClick: n }) {
         ]
       }
     ),
-    a[r.title] && /* @__PURE__ */ e("div", { className: t.sectionItems, children: r.items.map((v) => /* @__PURE__ */ e(
+    o[r.title] && /* @__PURE__ */ e("div", { className: t.sectionItems, children: r.items.map((f) => /* @__PURE__ */ e(
       de,
       {
-        to: _(v.slug),
-        className: `${t.navItem} ${w(v.slug) ? t.active : ""}`,
-        onClick: f,
-        children: /* @__PURE__ */ e("div", { className: t.navItemContent, children: /* @__PURE__ */ e("span", { className: t.navItemTitle, children: v.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 }) })
       },
-      v.slug
+      f.slug
     )) })
   ] }, r.title) : /* @__PURE__ */ e(
     de,
     {
       to: _(r.slug),
       className: `${t.navItem} ${w(r.slug) ? t.active : ""}`,
-      onClick: f,
+      onClick: v,
       children: /* @__PURE__ */ e("div", { className: t.navItemContent, children: /* @__PURE__ */ e("span", { className: t.navItemTitle, children: r.title }) })
     },
     r.slug
   )) });
 }
-function Ra({
+function Ao({
   styles: t,
   onLinkClick: n,
   onLanguageChange: s
 }) {
-  return /* @__PURE__ */ d(z, { children: [
+  return /* @__PURE__ */ d(K, { children: [
     /* @__PURE__ */ e(ce, { styles: t, onLanguageChange: s }),
     /* @__PURE__ */ e(re, { styles: t, onLinkClick: n })
   ] });
 }
-const xn = "_backdrop_1a7pu_1", kn = "_open_1a7pu_13", Cn = "_mobileMenu_1a7pu_18", Tn = "_header_1a7pu_37", Sn = "_brand_1a7pu_46", yn = "_cloudIcon_1a7pu_53", Ln = "_title_1a7pu_62", Pn = "_closeButton_1a7pu_69", Bn = "_closeIcon_1a7pu_101", Dn = "_languageSection_1a7pu_106", Mn = "_languageSelect_1a7pu_112", En = "_languageButton_1a7pu_117", On = "_icon_1a7pu_156", Rn = "_chevron_1a7pu_162", jn = "_languageDropdown_1a7pu_172", An = "_languageOption_1a7pu_185", Hn = "_selected_1a7pu_226", qn = "_scrollArea_1a7pu_231", Wn = "_navigation_1a7pu_237", Fn = "_section_1a7pu_241", Kn = "_sectionButton_1a7pu_245", zn = "_expanded_1a7pu_285", Un = "_sectionItems_1a7pu_289", Gn = "_navItem_1a7pu_297", Qn = "_active_1a7pu_310", Xn = "_navItemContent_1a7pu_316", Yn = "_navItemTitle_1a7pu_322", M = {
+const xn = "_backdrop_1a7pu_1", kn = "_open_1a7pu_13", Cn = "_mobileMenu_1a7pu_18", Tn = "_header_1a7pu_37", Sn = "_brand_1a7pu_46", yn = "_cloudIcon_1a7pu_53", Ln = "_title_1a7pu_62", Pn = "_closeButton_1a7pu_69", Bn = "_closeIcon_1a7pu_101", Dn = "_languageSection_1a7pu_106", Mn = "_languageSelect_1a7pu_112", En = "_languageButton_1a7pu_117", On = "_icon_1a7pu_156", Rn = "_chevron_1a7pu_162", jn = "_languageDropdown_1a7pu_172", An = "_languageOption_1a7pu_185", Hn = "_selected_1a7pu_226", Wn = "_scrollArea_1a7pu_231", qn = "_navigation_1a7pu_237", Fn = "_section_1a7pu_241", zn = "_sectionButton_1a7pu_245", Kn = "_expanded_1a7pu_285", Un = "_sectionItems_1a7pu_289", Gn = "_navItem_1a7pu_297", Qn = "_active_1a7pu_310", Xn = "_navItemContent_1a7pu_316", Yn = "_navItemTitle_1a7pu_322", M = {
   backdrop: xn,
   open: kn,
   mobileMenu: Cn,
@@ -1181,11 +1181,11 @@ const xn = "_backdrop_1a7pu_1", kn = "_open_1a7pu_13", Cn = "_mobileMenu_1a7pu_1
   languageDropdown: jn,
   languageOption: An,
   selected: Hn,
-  scrollArea: qn,
-  navigation: Wn,
+  scrollArea: Wn,
+  navigation: qn,
   section: Fn,
-  sectionButton: Kn,
-  expanded: zn,
+  sectionButton: zn,
+  expanded: Kn,
   sectionItems: Un,
   navItem: Gn,
   active: Qn,
@@ -1193,15 +1193,15 @@ const xn = "_backdrop_1a7pu_1", kn = "_open_1a7pu_13", Cn = "_mobileMenu_1a7pu_1
   navItemTitle: Yn
 };
 function Vn({ isOpen: t, onClose: n }) {
-  const { config: s } = j(), o = s.logo;
+  const { config: s } = j(), a = s.logo;
   return P(() => (t ? document.body.style.overflow = "hidden" : document.body.style.overflow = "unset", () => {
     document.body.style.overflow = "unset";
   }), [t]), P(() => {
-    const c = (a) => {
-      a.key === "Escape" && t && n();
+    const c = (o) => {
+      o.key === "Escape" && t && n();
     };
     return document.addEventListener("keydown", c), () => document.removeEventListener("keydown", c);
-  }, [t, n]), /* @__PURE__ */ d(z, { children: [
+  }, [t, n]), /* @__PURE__ */ d(K, { children: [
     /* @__PURE__ */ e(
       "div",
       {
@@ -1212,7 +1212,7 @@ function Vn({ isOpen: t, onClose: n }) {
     /* @__PURE__ */ d("div", { className: `${M.mobileMenu} ${t ? M.open : ""}`, children: [
       /* @__PURE__ */ d("div", { className: M.header, children: [
         /* @__PURE__ */ d("div", { className: M.brand, children: [
-          o && /* @__PURE__ */ e(o, { className: M.cloudIcon }),
+          a && /* @__PURE__ */ e(a, { className: M.cloudIcon }),
           /* @__PURE__ */ e("h1", { className: M.title, children: s.title })
         ] }),
         /* @__PURE__ */ e(
@@ -1231,78 +1231,85 @@ function Vn({ isOpen: t, onClose: n }) {
     ] })
   ] });
 }
-const Jn = "_sidebar_1tdxt_1", Zn = "_header_1tdxt_17", ea = "_brand_1tdxt_29", ta = "_cloudIcon_1tdxt_35", na = "_title_1tdxt_44", aa = "_languageSelect_1tdxt_55", oa = "_languageButton_1tdxt_61", sa = "_icon_1tdxt_99", ca = "_chevron_1tdxt_104", ra = "_languageDropdown_1tdxt_114", la = "_languageOption_1tdxt_128", ia = "_selected_1tdxt_147", da = "_scrollArea_1tdxt_152", ua = "_navigation_1tdxt_158", ha = "_section_1tdxt_164", ma = "_sectionButton_1tdxt_170", ga = "_expanded_1tdxt_213", _a = "_sectionItems_1tdxt_217", pa = "_navItem_1tdxt_225", va = "_active_1tdxt_238", fa = "_navItemContent_1tdxt_243", q = {
+const Jn = "_sidebar_1tdxt_1", Zn = "_header_1tdxt_17", eo = "_brand_1tdxt_29", to = "_cloudIcon_1tdxt_35", no = "_title_1tdxt_44", oo = "_languageSelect_1tdxt_55", ao = "_languageButton_1tdxt_61", so = "_icon_1tdxt_99", co = "_chevron_1tdxt_104", ro = "_languageDropdown_1tdxt_114", lo = "_languageOption_1tdxt_128", io = "_selected_1tdxt_147", uo = "_scrollArea_1tdxt_152", ho = "_navigation_1tdxt_158", mo = "_section_1tdxt_164", go = "_sectionButton_1tdxt_170", _o = "_expanded_1tdxt_213", po = "_sectionItems_1tdxt_217", fo = "_navItem_1tdxt_225", vo = "_active_1tdxt_238", bo = "_navItemContent_1tdxt_243", W = {
   sidebar: Jn,
   header: Zn,
-  brand: ea,
-  cloudIcon: ta,
-  title: na,
-  languageSelect: aa,
-  languageButton: oa,
-  icon: sa,
-  chevron: ca,
-  languageDropdown: ra,
-  languageOption: la,
-  selected: ia,
-  scrollArea: da,
-  navigation: ua,
-  section: ha,
-  sectionButton: ma,
-  expanded: ga,
-  sectionItems: _a,
-  navItem: pa,
-  active: va,
-  navItemContent: fa
+  brand: eo,
+  cloudIcon: to,
+  title: no,
+  languageSelect: oo,
+  languageButton: ao,
+  icon: so,
+  chevron: co,
+  languageDropdown: ro,
+  languageOption: lo,
+  selected: io,
+  scrollArea: uo,
+  navigation: ho,
+  section: mo,
+  sectionButton: go,
+  expanded: _o,
+  sectionItems: po,
+  navItem: fo,
+  active: vo,
+  navItemContent: bo
 };
-function ba() {
+function wo() {
   const { config: t } = j(), n = t.logo, s = t.supportedLanguages.length > 1;
-  return /* @__PURE__ */ d("div", { className: q.sidebar, children: [
-    /* @__PURE__ */ d("div", { className: q.header, children: [
-      /* @__PURE__ */ d("div", { className: q.brand, children: [
-        n && /* @__PURE__ */ e(n, { className: q.cloudIcon }),
-        /* @__PURE__ */ e("div", { className: q.title, children: t.title })
+  return /* @__PURE__ */ d("div", { className: W.sidebar, children: [
+    /* @__PURE__ */ d("div", { className: W.header, children: [
+      /* @__PURE__ */ d("div", { className: W.brand, children: [
+        n && /* @__PURE__ */ e(n, { className: W.cloudIcon }),
+        /* @__PURE__ */ e("div", { className: W.title, children: t.title })
       ] }),
-      s && /* @__PURE__ */ e(ce, { styles: q })
+      s && /* @__PURE__ */ e(ce, { styles: W })
     ] }),
-    /* @__PURE__ */ e("div", { className: q.scrollArea, children: /* @__PURE__ */ e(re, { styles: q }) })
+    /* @__PURE__ */ e("div", { className: W.scrollArea, children: /* @__PURE__ */ e(re, { styles: W }) })
   ] });
 }
-const wa = "_app_1v4z4_1", $a = "_layout_1v4z4_9", Na = "_main_1v4z4_15", Ia = "_contentWrapper_1v4z4_27", ee = {
-  app: wa,
-  layout: $a,
-  main: Na,
-  contentWrapper: Ia
+const $o = "_app_szn27_1", No = "_layout_szn27_9", Io = "_main_szn27_15", xo = "_fullWidth_szn27_21", ko = "_contentWrapper_szn27_24", J = {
+  app: $o,
+  layout: No,
+  main: Io,
+  fullWidth: xo,
+  contentWrapper: ko
 };
-function xa({ children: t }) {
-  const { language: n } = oe(), { i18n: s } = R(), { config: o } = j(), [c, a] = L(!1);
+function Co({ children: t }) {
+  const { language: n } = ae(), { i18n: s } = R(), { config: a } = j(), [c, o] = L(!1);
   P(() => {
-    n && o.supportedLanguages.includes(n) && s.changeLanguage(n);
-  }, [n, s, o.supportedLanguages]);
+    n && a.supportedLanguages.includes(n) && s.changeLanguage(n);
+  }, [n, s, a.supportedLanguages]);
   const l = () => {
-    a(!c);
+    o(!c);
   }, g = () => {
-    a(!1);
+    o(!1);
   };
-  if (!n || !o.supportedLanguages.includes(n))
-    return /* @__PURE__ */ e(ve, { to: "/en/welcome", replace: !0 });
-  const u = !!o.header, p = !!o.navigationData && o.navigationData.length > 0;
-  return /* @__PURE__ */ d("div", { className: ee.app, children: [
+  if (!n || !a.supportedLanguages.includes(n))
+    return /* @__PURE__ */ e(fe, { to: "/en/welcome", replace: !0 });
+  const u = !!a.header, p = !!a.navigationData && a.navigationData.length > 0;
+  return /* @__PURE__ */ d("div", { className: J.app, children: [
     u && /* @__PURE__ */ e(In, { onMobileMenuToggle: l }),
     /* @__PURE__ */ e(Vn, { isOpen: c, onClose: g }),
-    /* @__PURE__ */ d("div", { className: ee.layout, children: [
-      p && /* @__PURE__ */ e(ba, {}),
-      /* @__PURE__ */ e("main", { className: ee.main, children: /* @__PURE__ */ e("div", { className: ee.contentWrapper, children: t }) })
+    /* @__PURE__ */ d("div", { className: J.layout, children: [
+      p && /* @__PURE__ */ e(wo, {}),
+      /* @__PURE__ */ e(
+        "main",
+        {
+          className: `${J.main} ${p ? "" : J.fullWidth}`,
+          children: /* @__PURE__ */ e("div", { className: J.contentWrapper, children: t })
+        }
+      )
     ] })
   ] });
 }
-function ja() {
-  const { language: t } = oe();
-  return /* @__PURE__ */ e(xa, { children: /* @__PURE__ */ d(Ce, { children: [
+function Ho() {
+  const { language: t } = ae();
+  return /* @__PURE__ */ e(Co, { children: /* @__PURE__ */ d(Ce, { children: [
     /* @__PURE__ */ e(ue, { path: "/:slug", element: /* @__PURE__ */ e(Rt, { language: t }) }),
-    /* @__PURE__ */ e(ue, { path: "/", element: /* @__PURE__ */ e(ve, { to: "welcome", replace: !0 }) })
+    /* @__PURE__ */ e(ue, { path: "/", element: /* @__PURE__ */ e(fe, { to: "welcome", replace: !0 }) })
   ] }) });
 }
-function Aa() {
+function Wo() {
   return {
     openSearchModal: () => {
       window.dispatchEvent(new CustomEvent("blog:open-search"));
@@ -1312,42 +1319,42 @@ function Aa() {
     }
   };
 }
-function Ha() {
-  const { i18n: t } = R(), n = U(), s = G(), { config: o } = j();
+function qo() {
+  const { i18n: t } = R(), n = U(), s = G(), { config: a } = j();
   return (c) => {
-    const a = o.basePath || "";
+    const o = a.basePath || "";
     let l = n.pathname;
-    a && l.startsWith(a) && (l = l.slice(a.length));
+    o && l.startsWith(o) && (l = l.slice(o.length));
     const g = l.split("/").filter(Boolean), u = g[0];
     let p = "";
-    o.supportedLanguages.includes(u) ? (g[0] = c, p = `${a}/${g.join("/")}`) : p = `${a}/${c}${l}`;
+    a.supportedLanguages.includes(u) ? (g[0] = c, p = `${o}/${g.join("/")}`) : p = `${o}/${c}${l}`;
     const w = p + n.search + n.hash;
     t.changeLanguage(c), s(w);
   };
 }
 export {
   He as AdvancedModeToggle,
-  Oa as BlogProvider,
-  qe as BlogRoot,
+  jo as BlogProvider,
+  We as BlogRoot,
   Rt as ContentPage,
-  xa as DocumentationLayout,
-  ja as DocumentationRoutes,
+  Co as DocumentationLayout,
+  Ho as DocumentationRoutes,
   In as Header,
   ce as LanguageSelector,
   Vn as MobileMenu,
-  Ra as NavigationContent,
+  Ao as NavigationContent,
   re as NavigationMenu,
   nn as SearchBar,
-  ba as Sidebar,
-  at as TableOfContents,
+  wo as Sidebar,
+  ot as TableOfContents,
   _t as TagResultsModal,
   Nt as Tags,
-  Ea as createBlogUtils,
+  Ro as createBlogUtils,
   be as createContentLoaders,
-  J as generateHeadingId,
+  Z as generateHeadingId,
   te as getNavigationData,
   j as useBlogConfig,
-  Ha as useLanguageChange,
-  Aa as useSearchModal,
+  qo as useLanguageChange,
+  Wo as useSearchModal,
   Ne as useTheme
 };