@x-wave/blog 1.0.11 → 1.0.12

package/index.js

@@ -1,8 +1,8 @@
 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 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 { X as se, Tag as Te, User as ye, CalendarBlank as Se, 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 Me, useContext as De, useRef as q } from "react";
 import Ee from "react-markdown";
 import Oe from "remark-gfm";
 import ne from "i18next";
@@ -12,20 +12,20 @@ const Re = "_tabContainer_zk6h4_1", je = "_tab_zk6h4_1", Ae = "_active_zk6h4_45"
   tab: je,
   active: Ae
 };
-function He({ hasAdvanced: t }) {
-  const { t: n } = R(), s = U(), a = G();
+function We({ hasAdvanced: t }) {
+  const { t: n } = R(), s = U(), o = G();
   if (!t) return null;
-  const o = new URLSearchParams(s.search).has("advanced"), l = () => {
-    if (o) {
+  const a = new URLSearchParams(s.search).has("advanced"), l = () => {
+    if (a) {
       const u = new URLSearchParams(s.search);
       u.delete("advanced");
       const p = u.toString(), w = p ? `?${p}` : "";
-      a(`${s.pathname}${w}${s.hash}`);
+      o(`${s.pathname}${w}${s.hash}`);
     }
   }, g = () => {
-    if (!o) {
+    if (!a) {
       const u = new URLSearchParams(s.search);
-      u.set("advanced", ""), a(`${s.pathname}?${u.toString()}${s.hash}`);
+      u.set("advanced", ""), o(`${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} ${o ? "" : Y.active}`,
+        className: `${Y.tab} ${a ? "" : Y.active}`,
         onClick: l,
         children: n("ui.simple")
       }
@@ -42,24 +42,24 @@ function He({ hasAdvanced: t }) {
       "button",
       {
         type: "button",
-        className: `${Y.tab} ${o ? Y.active : ""}`,
+        className: `${Y.tab} ${a ? Y.active : ""}`,
         onClick: g,
         children: n("ui.advanced")
       }
     )
   ] });
 }
-function We({ children: t }) {
+function He({ children: t }) {
   return /* @__PURE__ */ e("div", { className: "xw-blog-root", children: t });
 }
 function be(t) {
   function n(s) {
-    const a = s.match(/^---\s*\n([\s\S]*?)\n---\s*\n/);
-    if (!a) return { frontmatter: {}, content: s };
-    const c = {}, o = a[1];
+    const o = s.match(/^---\s*\n([\s\S]*?)\n---\s*\n/);
+    if (!o) return { frontmatter: {}, content: s };
+    const c = {}, a = o[1];
     let l = "", g = !1;
     const u = [];
-    for (const w of o.split(`
+    for (const w of a.split(`
 `)) {
       const _ = w.trim();
       if (_.startsWith("-")) {
@@ -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, a, c = !1) {
-      const o = c ? `${a}-advanced.mdx` : `${a}.mdx`, l = `./docs/${s}/${o}`, g = t[l];
+    async loadMDXContent(s, o, c = !1) {
+      const a = c ? `${o}-advanced.mdx` : `${o}.mdx`, l = `./docs/${s}/${a}`, 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, a = !1) {
-      const o = `./docs/en/${a ? `${s}-advanced.mdx` : `${s}.mdx`}`, l = t[o];
-      if (!l) throw new Error(`File not found: ${o}`);
+    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}`);
       const g = await l(), { content: u } = n(g);
       return u;
     },
@@ -114,21 +114,21 @@ function be(t) {
      * @returns Promise resolving to tag index mapping tag names to document info
      */
     async buildTagIndex(s = "en") {
-      const a = {}, c = `./docs/${s}/`, o = Object.keys(t).filter(
+      const o = {}, c = `./docs/${s}/`, a = Object.keys(t).filter(
         (l) => l.startsWith(c)
       );
-      for (const l of o)
+      for (const l of a)
         try {
           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)
-              a[b] || (a[b] = []), a[b].some((x) => x.slug === v) || a[b].push({ slug: v, title: f });
+              o[b] || (o[b] = []), o[b].some((I) => I.slug === v) || o[b].push({ slug: v, title: f });
         } catch (g) {
           console.warn(`Failed to process ${l}:`, g);
         }
-      return a;
+      return o;
     }
   };
 }
@@ -143,29 +143,29 @@ function Ro(t) {
 const we = "app-theme", $e = () => typeof window > "u" ? "light" : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", pe = (t) => t === "system" ? $e() : t, qe = () => typeof window > "u" ? "system" : localStorage.getItem(we) || "system", Ne = () => {
   const [t, n] = L(qe);
   return P(() => {
-    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 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 g = $e(), u = document.querySelector(".xw-blog-root");
         u && (u.classList.remove("light", "dark"), u.classList.add(g));
       };
-      return o.addEventListener("change", l), () => o.removeEventListener("change", l);
+      return a.addEventListener("change", l), () => a.removeEventListener("change", l);
     }
   }, [t]), {
     theme: t,
-    setTheme: (a) => {
-      localStorage.setItem(we, a), n(a);
+    setTheme: (o) => {
+      localStorage.setItem(we, o), n(o);
     },
     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((a) => ({
-    title: ne.getFixedT(n)(a.title),
-    slug: a.slug,
-    ...a.hasAdvanced && { hasAdvanced: a.hasAdvanced },
-    ...a.showTableOfContents !== void 0 && {
-      showTableOfContents: a.showTableOfContents
+  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
     }
   }))
 } : {
@@ -175,15 +175,15 @@ const we = "app-theme", $e = () => typeof window > "u" ? "light" : window.matchM
   ...s.showTableOfContents !== void 0 && {
     showTableOfContents: s.showTableOfContents
   }
-}), Z = (t) => t.toString().toLowerCase().trim().replace(/[^\w\s-]/g, "").replace(/\s+/g, "-").replace(/-+/g, "-").replace(/^-+|-+$/g, ""), Ie = De(null);
+}), Z = (t) => t.toString().toLowerCase().trim().replace(/[^\w\s-]/g, "").replace(/\s+/g, "-").replace(/-+/g, "-").replace(/^-+|-+$/g, ""), xe = Me(null);
 function jo({
   children: t,
   config: n,
   blog: s,
-  navigationData: a = []
+  navigationData: o = []
 }) {
   Ne();
-  const [c, o] = L({});
+  const [c, a] = L({});
   P(() => {
     const { buildTagIndex: g } = be(s.mdxFiles), u = n.supportedLanguages.map(async (p) => {
       try {
@@ -197,31 +197,31 @@ function jo({
       const w = {};
       for (const _ of p)
         w[_.language] = _.index;
-      o(w);
+      a(w);
     }).catch((p) => {
       console.error("Failed to build tag indices:", p);
     });
   }, [s.mdxFiles, n.supportedLanguages]);
-  const l = { ...n, navigationData: a, tagIndex: c };
+  const l = { ...n, navigationData: o, tagIndex: c };
   return /* @__PURE__ */ e(
-    Ie.Provider,
+    xe.Provider,
     {
       value: {
         config: l,
         loadContent: s.loadContent,
         loadEnglishContent: s.loadEnglishContent
       },
-      children: /* @__PURE__ */ e(We, { children: t })
+      children: /* @__PURE__ */ e(He, { children: t })
     }
   );
 }
 function j() {
-  const t = Me(Ie);
+  const t = De(xe);
   if (!t)
     throw new Error("useBlogConfig must be used within a BlogProvider");
   return t;
 }
-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 = {
+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", W = {
   tableOfContents: ze,
   header: Ke,
   title: Ue,
@@ -240,7 +240,7 @@ function ot({
   content: t,
   englishContent: n
 }) {
-  const { t: s } = R(), a = U(), c = G(), [o, l] = L([]), [g, u] = L(""), p = q(null);
+  const { t: s } = R(), o = U(), c = G(), [a, l] = L([]), [g, u] = L(""), p = q(null);
   P(() => {
     u(""), (() => {
       const v = /^(#{1,6})\s+(.+)$/gm, r = [];
@@ -251,37 +251,37 @@ function ot({
         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 = Z(m);
+      let I = b.exec(n), T = 0;
+      for (; I !== null && T < i.length; ) {
+        const m = I[2].trim(), N = Z(m);
         r.push({
           id: N,
           text: i[T].text,
           // Use localized text for display
           level: i[T].level
-        }), T++, x = b.exec(n);
+        }), T++, I = b.exec(n);
       }
       l(r);
     })();
   }, [t, n]), P(() => {
-    if (o.length === 0) return;
+    if (a.length === 0) return;
     const _ = setTimeout(() => {
-      const v = o.filter(
+      const v = a.filter(
         (r) => !document.getElementById(r.id)
       );
       v.length > 0 && console.warn("Some heading elements not found:", v);
     }, 100);
     return () => clearTimeout(_);
-  }, [o]), P(() => {
-    if (o.length === 0) return;
+  }, [a]), P(() => {
+    if (a.length === 0) return;
     p.current && p.current.disconnect();
     const _ = setTimeout(() => {
-      const v = o.map((r) => document.getElementById(r.id)).filter(Boolean);
+      const v = a.map((r) => document.getElementById(r.id)).filter(Boolean);
       v.length !== 0 && (p.current = new IntersectionObserver(
         (r) => {
           const f = r.filter((i) => i.isIntersecting);
           if (f.length > 0) {
-            const i = f.reduce((b, x) => b.boundingClientRect.top < x.boundingClientRect.top ? b : x);
+            const i = f.reduce((b, I) => b.boundingClientRect.top < I.boundingClientRect.top ? b : I);
             u(i.target.id);
           }
         },
@@ -296,15 +296,15 @@ function ot({
     return () => {
       clearTimeout(_), p.current && p.current.disconnect();
     };
-  }, [o]), P(() => () => {
+  }, [a]), P(() => () => {
     p.current && p.current.disconnect();
   }, []);
   const w = (_) => {
     const v = document.getElementById(_);
     if (v) {
-      const r = new URLSearchParams(a.search);
+      const r = new URLSearchParams(o.search);
       r.set("a", _), c(
-        `${a.pathname}?${r.toString()}${a.hash}`,
+        `${o.pathname}?${r.toString()}${o.hash}`,
         {
           replace: !0
         }
@@ -316,12 +316,12 @@ function ot({
       });
     }
   };
-  return o.length === 0 ? null : /* @__PURE__ */ d("aside", { className: H.tableOfContents, children: [
-    /* @__PURE__ */ e("div", { className: H.header, children: /* @__PURE__ */ e("span", { className: H.title, children: s("ui.onThisPage", "On this page") }) }),
-    /* @__PURE__ */ e("nav", { className: H.nav, children: /* @__PURE__ */ e("ul", { className: H.list, children: o.map((_) => /* @__PURE__ */ e("li", { className: H.item, children: /* @__PURE__ */ e(
+  return a.length === 0 ? null : /* @__PURE__ */ d("aside", { className: W.tableOfContents, children: [
+    /* @__PURE__ */ e("div", { className: W.header, children: /* @__PURE__ */ e("span", { className: W.title, children: s("ui.onThisPage", "On this page") }) }),
+    /* @__PURE__ */ e("nav", { className: W.nav, children: /* @__PURE__ */ e("ul", { className: W.list, children: a.map((_) => /* @__PURE__ */ e("li", { className: W.item, children: /* @__PURE__ */ e(
       "button",
       {
-        className: `${H.link} ${H[`level${_.level}`]} ${g === _.id ? H.active : ""}`,
+        className: `${W.link} ${W[`level${_.level}`]} ${g === _.id ? W.active : ""}`,
         onClick: () => w(_.id),
         type: "button",
         children: _.text
@@ -346,14 +346,14 @@ function _t({
   tag: t,
   results: n,
   language: s,
-  onClose: a
+  onClose: o
 }) {
-  const { t: c } = R(), { config: o } = j(), l = G(), g = (u) => {
-    const p = o.basePath || "";
-    l(`${p}/${s}/${u}`), a();
+  const { t: c } = R(), { config: a } = j(), l = G(), g = (u) => {
+    const p = a.basePath || "";
+    l(`${p}/${s}/${u}`), o();
   };
   return ve(
-    /* @__PURE__ */ e("div", { className: O.overlay, onClick: a, children: /* @__PURE__ */ d("div", { className: O.modal, onClick: (u) => u.stopPropagation(), children: [
+    /* @__PURE__ */ e("div", { className: O.overlay, onClick: o, 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: a,
+            onClick: o,
             "aria-label": "Close",
             children: /* @__PURE__ */ e(se, {})
           }
@@ -399,10 +399,10 @@ const pt = "_tags_11t8a_1", ft = "_compact_11t8a_9", vt = "_tagLabel_11t8a_15",
   tag: $t
 };
 function Nt({ tags: t, variant: n = "default", onTagClick: s }) {
-  const { t: a } = R();
+  const { t: o } = R();
   if (!t || t.length === 0) return null;
-  const c = (o) => {
-    s && s(o);
+  const c = (a) => {
+    s && s(a);
   };
   return /* @__PURE__ */ d(
     "div",
@@ -412,44 +412,44 @@ function Nt({ tags: t, variant: n = "default", onTagClick: s }) {
         n === "default" && /* @__PURE__ */ d("div", { className: z.tagLabel, children: [
           /* @__PURE__ */ e(Te, { className: z.tagIcon, weight: "duotone" }),
           /* @__PURE__ */ d("span", { children: [
-            a("ui.tags"),
+            o("ui.tags"),
             ":"
           ] })
         ] }),
-        /* @__PURE__ */ e("div", { className: z.tagList, children: t.map((o) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: z.tagList, children: t.map((a) => /* @__PURE__ */ e(
           "button",
           {
             type: "button",
             className: z.tag,
-            onClick: () => c(o),
-            "aria-label": `${a("ui.filterByTag")}: ${o}`,
-            children: o
+            onClick: () => c(a),
+            "aria-label": `${o("ui.filterByTag")}: ${a}`,
+            children: a
           },
-          o
+          a
         )) })
       ]
     }
   );
 }
-const It = "_contentPage_1nxj5_1", xt = "_metadata_1nxj5_20", kt = "_author_1nxj5_30", Ct = "_date_1nxj5_31", Tt = "_loadingContainer_1nxj5_48", St = "_errorContainer_1nxj5_49", yt = "_skeletonTitle_1nxj5_71", Lt = "_skeletonParagraph_1nxj5_80", Pt = "_skeletonParagraphShort_1nxj5_93", Bt = "_errorText_1nxj5_107", Dt = "_mdxContent_1nxj5_112", Mt = "_withMetadata_1nxj5_125", Et = "_codeBlock_1nxj5_300", Ot = "_codeLanguage_1nxj5_304", D = {
-  contentPage: It,
-  metadata: xt,
+const xt = "_contentPage_1nxj5_1", It = "_metadata_1nxj5_20", kt = "_author_1nxj5_30", Ct = "_date_1nxj5_31", Tt = "_loadingContainer_1nxj5_48", yt = "_errorContainer_1nxj5_49", St = "_skeletonTitle_1nxj5_71", Lt = "_skeletonParagraph_1nxj5_80", Pt = "_skeletonParagraphShort_1nxj5_93", Bt = "_errorText_1nxj5_107", Mt = "_mdxContent_1nxj5_112", Dt = "_withMetadata_1nxj5_125", Et = "_codeBlock_1nxj5_300", Ot = "_codeLanguage_1nxj5_304", M = {
+  contentPage: xt,
+  metadata: It,
   author: kt,
   date: Ct,
   loadingContainer: Tt,
-  errorContainer: St,
-  skeletonTitle: yt,
+  errorContainer: yt,
+  skeletonTitle: St,
   skeletonParagraph: Lt,
   skeletonParagraphShort: Pt,
   errorText: Bt,
-  mdxContent: Dt,
-  withMetadata: Mt,
+  mdxContent: Mt,
+  withMetadata: Dt,
   codeBlock: Et,
   codeLanguage: Ot
 };
 function Rt({ language: t }) {
   var ie;
-  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 { slug: n } = ae(), s = U(), { t: o } = R(), { config: c, loadContent: a, loadEnglishContent: l } = j(), [g, u] = L(""), [p, w] = L(""), [_, v] = L({}), [r, f] = L(!0), [i, b] = L(null), [I, T] = L(!0), [m, N] = L(null), B = q(0), Q = q([]), ee = ((h) => {
     const k = {
       advanced: !1,
       anchor: ""
@@ -465,26 +465,26 @@ function Rt({ language: t }) {
       if (!n) return;
       f(!0), b(null), B.current = 0;
       const k = (c == null ? void 0 : c.navigationData) || [];
-      let y = !0;
+      let S = !0;
       for (const $ of k)
         if ("items" in $) {
           const C = $.items.find((E) => E.slug === n);
           if (C) {
-            y = C.showTableOfContents !== !1;
+            S = C.showTableOfContents !== !1;
             break;
           }
         } else if ($.slug === n) {
-          y = $.showTableOfContents !== !1;
+          S = $.showTableOfContents !== !1;
           break;
         }
-      T(y);
+      T(S);
       try {
         let $;
         try {
-          $ = await o(t, n, A);
+          $ = await a(t, n, A);
         } catch {
           if (A)
-            $ = await o(t, n, !1);
+            $ = await a(t, n, !1);
           else
             throw new Error("Content not found");
         }
@@ -512,7 +512,7 @@ function Rt({ language: t }) {
     t,
     A,
     c.navigationData,
-    o,
+    a,
     l
   ]), P(() => {
     if (!r && ee.anchor) {
@@ -529,41 +529,41 @@ function Rt({ language: t }) {
       return () => clearTimeout(h);
     }
   }, [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 }),
-      /* @__PURE__ */ e("div", { className: D.skeletonParagraph }),
-      /* @__PURE__ */ e("div", { className: D.skeletonParagraphShort })
+    return /* @__PURE__ */ e("div", { className: M.contentPage, children: /* @__PURE__ */ d("div", { className: M.loadingContainer, children: [
+      /* @__PURE__ */ e("div", { className: M.skeletonTitle }),
+      /* @__PURE__ */ e("div", { className: M.skeletonParagraph }),
+      /* @__PURE__ */ e("div", { className: M.skeletonParagraph }),
+      /* @__PURE__ */ e("div", { className: M.skeletonParagraphShort })
     ] }) });
   if (i)
-    return /* @__PURE__ */ e("div", { className: D.contentPage, children: /* @__PURE__ */ e("div", { className: D.errorContainer, children: /* @__PURE__ */ d("div", { className: D.errorText, children: [
+    return /* @__PURE__ */ e("div", { className: M.contentPage, children: /* @__PURE__ */ e("div", { className: M.errorContainer, children: /* @__PURE__ */ d("div", { className: M.errorText, children: [
       "Error: ",
       i
     ] }) }) });
   B.current = 0;
   let le = !1;
-  const xe = () => /* @__PURE__ */ d("div", { className: D.metadata, children: [
-    _.author && /* @__PURE__ */ d("span", { className: D.author, children: [
-      /* @__PURE__ */ e(Se, { size: 16, weight: "regular" }),
+  const Ie = () => /* @__PURE__ */ d("div", { className: M.metadata, children: [
+    _.author && /* @__PURE__ */ d("span", { className: M.author, children: [
+      /* @__PURE__ */ e(ye, { size: 16, weight: "regular" }),
       _.author
     ] }),
-    _.date && /* @__PURE__ */ d("span", { className: D.date, children: [
-      /* @__PURE__ */ e(ye, { size: 16, weight: "regular" }),
-      a("ui.lastEdited"),
+    _.date && /* @__PURE__ */ d("span", { className: M.date, children: [
+      /* @__PURE__ */ e(Se, { size: 16, weight: "regular" }),
+      o("ui.lastEdited"),
       ": ",
       _.date
     ] })
   ] });
   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(
+    /* @__PURE__ */ d("div", { className: M.contentPage, children: [
+      /* @__PURE__ */ e(We, { hasAdvanced: _.hasAdvanced || !1 }),
+      /* @__PURE__ */ e("div", { className: M.mdxContent, children: /* @__PURE__ */ e(
         Ee,
         {
           remarkPlugins: [Oe],
           components: {
             h1: ({ children: h }) => {
-              const k = B.current++, y = Q.current[k] || "", $ = Z(y), C = A ? `?advanced&a=${$}` : `?a=${$}`, E = `#/${t}/${n}${C}`, X = !le;
+              const k = B.current++, S = Q.current[k] || "", $ = Z(S), C = A ? `?advanced&a=${$}` : `?a=${$}`, E = `#/${t}/${n}${C}`, X = !le;
               le = !0;
               const F = _.date || _.author;
               return /* @__PURE__ */ d(K, { children: [
@@ -571,7 +571,7 @@ function Rt({ language: t }) {
                   "h1",
                   {
                     id: $,
-                    className: X && F ? D.withMetadata : void 0,
+                    className: X && F ? M.withMetadata : void 0,
                     children: /* @__PURE__ */ e(
                       "a",
                       {
@@ -582,11 +582,11 @@ function Rt({ language: t }) {
                     )
                   }
                 ),
-                X && F && /* @__PURE__ */ e(xe, {})
+                X && F && /* @__PURE__ */ e(Ie, {})
               ] });
             },
             h2: ({ children: h }) => {
-              const k = B.current++, y = Q.current[k] || "", $ = Z(y), C = A ? `?advanced&a=${$}` : `?a=${$}`, E = `#/${t}/${n}${C}`;
+              const k = B.current++, S = Q.current[k] || "", $ = Z(S), 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] || "", $ = Z(y), C = A ? `?advanced&a=${$}` : `?a=${$}`, E = `#/${t}/${n}${C}`;
+              const k = B.current++, S = Q.current[k] || "", $ = Z(S), 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] || "", $ = Z(y), C = A ? `?advanced&a=${$}` : `?a=${$}`, E = `#/${t}/${n}${C}`;
+              const k = B.current++, S = Q.current[k] || "", $ = Z(S), C = A ? `?advanced&a=${$}` : `?a=${$}`, E = `#/${t}/${n}${C}`;
               return /* @__PURE__ */ e("h4", { id: $, children: /* @__PURE__ */ e(
                 "a",
                 {
@@ -630,22 +630,22 @@ function Rt({ language: t }) {
             ul: ({ children: h }) => /* @__PURE__ */ e("ul", { children: h }),
             ol: ({ children: h }) => /* @__PURE__ */ e("ol", { children: h }),
             li: ({ children: h }) => /* @__PURE__ */ e("li", { children: h }),
-            code: ({ className: h, children: k, ...y }) => {
+            code: ({ className: h, children: k, ...S }) => {
               if (!h)
-                return /* @__PURE__ */ e("code", { ...y, children: k });
+                return /* @__PURE__ */ e("code", { ...S, children: k });
               const C = (h == null ? void 0 : h.replace("language-", "")) || "";
-              return /* @__PURE__ */ d("div", { className: D.codeBlock, children: [
-                C && /* @__PURE__ */ e("div", { className: D.codeLanguage, children: C }),
-                /* @__PURE__ */ e("pre", { children: /* @__PURE__ */ e("code", { className: h, ...y, children: k }) })
+              return /* @__PURE__ */ d("div", { className: M.codeBlock, children: [
+                C && /* @__PURE__ */ e("div", { className: M.codeLanguage, children: C }),
+                /* @__PURE__ */ e("pre", { children: /* @__PURE__ */ e("code", { className: h, ...S, children: k }) })
               ] });
             },
             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 }) => {
+            a: ({ href: h, children: k, ...S }) => {
               if (h != null && h.startsWith("./")) {
                 const $ = h.slice(2), C = `#/${t}/${$}`;
-                return /* @__PURE__ */ e("a", { href: C, ...y, children: k });
+                return /* @__PURE__ */ e("a", { href: C, ...S, children: k });
               }
               return h != null && h.startsWith("http://") || h != null && h.startsWith("https://") ? /* @__PURE__ */ e(
                 "a",
@@ -653,10 +653,10 @@ function Rt({ language: t }) {
                   href: h,
                   target: "_blank",
                   rel: "noopener noreferrer",
-                  ...y,
+                  ...S,
                   children: k
                 }
-              ) : /* @__PURE__ */ e("a", { href: h, ...y, children: k });
+              ) : /* @__PURE__ */ e("a", { href: h, ...S, children: k });
             },
             strong: ({ children: h }) => /* @__PURE__ */ e("strong", { children: h }),
             em: ({ children: h }) => /* @__PURE__ */ e("em", { children: h })
@@ -673,7 +673,7 @@ function Rt({ language: t }) {
         }
       )
     ] }),
-    x && /* @__PURE__ */ e(ot, { content: g, englishContent: p }),
+    I && /* @__PURE__ */ e(ot, { content: g, englishContent: p }),
     m && ((ie = c.tagIndex) == null ? void 0 : ie[t]) && /* @__PURE__ */ e(
       _t,
       {
@@ -685,11 +685,11 @@ function Rt({ language: t }) {
     )
   ] });
 }
-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 = {
+const jt = "_searchButton_1k9sl_1", At = "_searchIcon_1k9sl_17", Wt = "_searchHint_1k9sl_23", Ht = "_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", y = {
   searchButton: jt,
   searchIcon: At,
-  searchHint: Ht,
-  kbd: Wt,
+  searchHint: Wt,
+  kbd: Ht,
   searchOverlay: qt,
   searchModal: Ft,
   searchHeader: zt,
@@ -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: 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) => ({
+  const { t: n } = R(), s = G(), { config: o } = j(), [c, a] = 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 = (o.navigationData ? te(o.navigationData, t) : []).flatMap((m) => "items" in m ? m.items.map((N) => ({
     title: N.title,
     slug: N.slug
   })) : [{ title: m.title, slug: m.slug }]);
@@ -721,55 +721,55 @@ function nn({ language: t }) {
     p(N), _(0);
   }, [l]), P(() => {
     const m = (N) => {
-      (N.metaKey || N.ctrlKey) && N.key === "k" && (N.preventDefault(), o(!0), setTimeout(() => {
+      (N.metaKey || N.ctrlKey) && N.key === "k" && (N.preventDefault(), a(!0), setTimeout(() => {
         var B;
         return (B = v.current) == null ? void 0 : B.focus();
-      }, 100)), N.key === "Escape" && c && (o(!1), g(""));
+      }, 100)), N.key === "Escape" && c && (a(!1), g(""));
     };
     return document.addEventListener("keydown", m), () => document.removeEventListener("keydown", m);
   }, [c]), P(() => {
     const m = () => {
-      o(!0), setTimeout(() => {
+      a(!0), setTimeout(() => {
         var B;
         return (B = v.current) == null ? void 0 : B.focus();
       }, 100);
     }, N = () => {
-      o(!1), g("");
+      a(!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);
     };
   }, []);
-  const x = (m) => {
+  const I = (m) => {
     m.key === "ArrowDown" ? (m.preventDefault(), _((N) => Math.min(N + 1, u.length - 1))) : m.key === "ArrowUp" ? (m.preventDefault(), _((N) => Math.max(N - 1, 0))) : m.key === "Enter" && u[w] && (m.preventDefault(), T(u[w].slug));
   };
   P(() => {
     const m = (N) => {
-      r.current && !r.current.contains(N.target) && (o(!1), g(""));
+      r.current && !r.current.contains(N.target) && (a(!1), g(""));
     };
     return c && document.addEventListener("mousedown", m), () => document.removeEventListener("mousedown", m);
   }, [c]);
   const T = (m) => {
-    const N = a.basePath || "";
-    s(`${N}/${t}/${m}`), o(!1), g("");
+    const N = o.basePath || "";
+    s(`${N}/${t}/${m}`), a(!1), g("");
   };
   return /* @__PURE__ */ d(K, { children: [
     /* @__PURE__ */ d(
       "button",
       {
         type: "button",
-        className: S.searchButton,
+        className: y.searchButton,
         onClick: () => {
-          o(!0), setTimeout(() => {
+          a(!0), setTimeout(() => {
             var m;
             return (m = v.current) == null ? void 0 : m.focus();
           }, 100);
         },
         "aria-label": n("ui.search"),
         children: [
-          /* @__PURE__ */ e(he, { className: S.searchIcon }),
-          /* @__PURE__ */ e("span", { className: S.searchHint, children: n("ui.search") }),
-          /* @__PURE__ */ e("kbd", { className: S.kbd, children: i })
+          /* @__PURE__ */ e(he, { className: y.searchIcon }),
+          /* @__PURE__ */ e("span", { className: y.searchHint, children: n("ui.search") }),
+          /* @__PURE__ */ e("kbd", { className: y.kbd, children: i })
         ]
       }
     ),
@@ -777,71 +777,71 @@ function nn({ language: t }) {
       /* @__PURE__ */ e(
         "div",
         {
-          className: S.searchOverlay,
+          className: y.searchOverlay,
           onClick: () => {
-            o(!1), g("");
+            a(!1), g("");
           },
           children: /* @__PURE__ */ d(
             "div",
             {
-              className: S.searchModal,
+              className: y.searchModal,
               ref: r,
               onClick: (m) => m.stopPropagation(),
               children: [
-                /* @__PURE__ */ d("div", { className: S.searchHeader, children: [
-                  /* @__PURE__ */ e(he, { className: S.searchIcon }),
+                /* @__PURE__ */ d("div", { className: y.searchHeader, children: [
+                  /* @__PURE__ */ e(he, { className: y.searchIcon }),
                   /* @__PURE__ */ e(
                     "input",
                     {
                       ref: v,
                       type: "text",
-                      className: S.searchInput,
+                      className: y.searchInput,
                       placeholder: n("ui.searchPlaceholder"),
                       value: l,
                       onChange: (m) => g(m.target.value),
-                      onKeyDown: x
+                      onKeyDown: I
                     }
                   ),
                   /* @__PURE__ */ e(
                     "button",
                     {
                       type: "button",
-                      className: S.closeButton,
+                      className: y.closeButton,
                       onClick: () => {
-                        o(!1), g("");
+                        a(!1), g("");
                       },
                       "aria-label": "Close search",
                       children: /* @__PURE__ */ e(se, {})
                     }
                   )
                 ] }),
-                l && /* @__PURE__ */ e("div", { className: S.searchResults, children: u.length === 0 ? /* @__PURE__ */ e("div", { className: S.noResults, children: n("ui.noSearchResults") }) : /* @__PURE__ */ e("ul", { className: S.resultsList, children: u.map((m, N) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ d(
+                l && /* @__PURE__ */ e("div", { className: y.searchResults, children: u.length === 0 ? /* @__PURE__ */ e("div", { className: y.noResults, children: n("ui.noSearchResults") }) : /* @__PURE__ */ e("ul", { className: y.resultsList, children: u.map((m, N) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ d(
                   "button",
                   {
                     type: "button",
-                    className: `${S.resultItem} ${N === w ? S.selected : ""}`,
+                    className: `${y.resultItem} ${N === w ? y.selected : ""}`,
                     onClick: () => T(m.slug),
                     onMouseEnter: () => _(N),
                     children: [
-                      /* @__PURE__ */ e("div", { className: S.resultTitle, children: m.title }),
-                      /* @__PURE__ */ d("div", { className: S.resultSlug, children: [
+                      /* @__PURE__ */ e("div", { className: y.resultTitle, children: m.title }),
+                      /* @__PURE__ */ d("div", { className: y.resultSlug, children: [
                         "/",
                         m.slug
                       ] })
                     ]
                   }
                 ) }, m.slug)) }) }),
-                !l && /* @__PURE__ */ d("div", { className: S.searchHints, children: [
-                  /* @__PURE__ */ d("div", { className: S.hint, children: [
+                !l && /* @__PURE__ */ d("div", { className: y.searchHints, children: [
+                  /* @__PURE__ */ d("div", { className: y.hint, children: [
                     /* @__PURE__ */ e("kbd", { children: "↑" }),
                     /* @__PURE__ */ e("kbd", { children: "↓" }),
                     /* @__PURE__ */ e("span", { children: n("ui.searchNavigate") })
                   ] }),
-                  /* @__PURE__ */ d("div", { className: S.hint, children: [
+                  /* @__PURE__ */ d("div", { className: y.hint, children: [
                     /* @__PURE__ */ e("kbd", { children: "↵" }),
                     /* @__PURE__ */ e("span", { children: n("ui.searchSelect") })
                   ] }),
-                  /* @__PURE__ */ d("div", { className: S.hint, children: [
+                  /* @__PURE__ */ d("div", { className: y.hint, children: [
                     /* @__PURE__ */ e("kbd", { children: "esc" }),
                     /* @__PURE__ */ e("span", { children: n("ui.searchClose") })
                   ] })
@@ -855,7 +855,7 @@ function nn({ language: t }) {
     )
   ] });
 }
-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 = {
+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", x = {
   header: on,
   container: an,
   content: sn,
@@ -876,48 +876,48 @@ const on = "_header_jrobc_1", an = "_container_jrobc_24", sn = "_content_jrobc_3
   dropdownItem: $n,
   dropdownIcon: Nn
 };
-function In({ onMobileMenuToggle: t }) {
-  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);
+function xn({ 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: v } = Ne(), r = q(null), f = q(null);
   return P(() => {
     const i = (b) => {
       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: [
-    /* @__PURE__ */ d("div", { className: I.leftSection, children: [
+  }, []), /* @__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: I.mobileMenuButton,
+          className: x.mobileMenuButton,
           onClick: t,
           "aria-label": "Open menu",
-          children: /* @__PURE__ */ e(Le, { className: I.burgerIcon })
+          children: /* @__PURE__ */ e(Le, { className: x.burgerIcon })
         }
       ),
-      /* @__PURE__ */ e("div", { className: I.logo })
+      /* @__PURE__ */ e("div", { className: x.logo })
     ] }),
-    /* @__PURE__ */ d("nav", { className: I.nav, children: [
+    /* @__PURE__ */ d("nav", { className: x.nav, children: [
       /* @__PURE__ */ e(nn, { language: s.language }),
-      /* @__PURE__ */ d("div", { className: I.themeDropdown, ref: f, children: [
+      /* @__PURE__ */ d("div", { className: x.themeDropdown, ref: f, children: [
         /* @__PURE__ */ d(
           "button",
           {
             type: "button",
-            className: I.themeButton,
+            className: x.themeButton,
             onClick: () => w(!p),
             "aria-expanded": p,
             "aria-haspopup": "true",
             "aria-label": n("ui.theme"),
             children: [
-              _ === "light" && /* @__PURE__ */ e(me, { className: I.themeIcon }),
-              _ === "dark" && /* @__PURE__ */ e(ge, { className: I.themeIcon }),
-              _ === "system" && /* @__PURE__ */ e(_e, { className: I.themeIcon }),
-              /* @__PURE__ */ e(oe, { className: I.caretIcon })
+              _ === "light" && /* @__PURE__ */ e(me, { className: x.themeIcon }),
+              _ === "dark" && /* @__PURE__ */ e(ge, { className: x.themeIcon }),
+              _ === "system" && /* @__PURE__ */ e(_e, { className: x.themeIcon }),
+              /* @__PURE__ */ e(oe, { className: x.caretIcon })
             ]
           }
         ),
-        p && /* @__PURE__ */ d("div", { className: I.dropdownMenu, children: [
+        p && /* @__PURE__ */ d("div", { className: x.dropdownMenu, children: [
           /* @__PURE__ */ d(
             "button",
             {
@@ -925,9 +925,9 @@ function In({ onMobileMenuToggle: t }) {
               onClick: () => {
                 v("light"), w(!1);
               },
-              className: I.dropdownItem,
+              className: x.dropdownItem,
               children: [
-                /* @__PURE__ */ e(me, { className: I.dropdownIcon }),
+                /* @__PURE__ */ e(me, { className: x.dropdownIcon }),
                 n("ui.light")
               ]
             }
@@ -939,9 +939,9 @@ function In({ onMobileMenuToggle: t }) {
               onClick: () => {
                 v("dark"), w(!1);
               },
-              className: I.dropdownItem,
+              className: x.dropdownItem,
               children: [
-                /* @__PURE__ */ e(ge, { className: I.dropdownIcon }),
+                /* @__PURE__ */ e(ge, { className: x.dropdownIcon }),
                 n("ui.dark")
               ]
             }
@@ -953,41 +953,41 @@ function In({ onMobileMenuToggle: t }) {
               onClick: () => {
                 v("system"), w(!1);
               },
-              className: I.dropdownItem,
+              className: x.dropdownItem,
               children: [
-                /* @__PURE__ */ e(_e, { className: I.dropdownIcon }),
+                /* @__PURE__ */ e(_e, { className: x.dropdownIcon }),
                 n("ui.system")
               ]
             }
           )
         ] })
       ] }),
-      l.length > 0 && /* @__PURE__ */ d("div", { className: I.supportDropdown, ref: r, children: [
+      l.length > 0 && /* @__PURE__ */ d("div", { className: x.supportDropdown, ref: r, children: [
         /* @__PURE__ */ d(
           "button",
           {
             type: "button",
-            className: I.supportButton,
+            className: x.supportButton,
             onClick: () => u(!g),
             "aria-expanded": g,
             "aria-haspopup": "true",
             children: [
               n("ui.support"),
-              /* @__PURE__ */ e(oe, { className: I.caretIcon })
+              /* @__PURE__ */ e(oe, { className: x.caretIcon })
             ]
           }
         ),
-        g && /* @__PURE__ */ e("div", { className: I.dropdownMenu, children: l.map((i, b) => {
-          const x = i.target ?? (i.url.startsWith("http") ? "_blank" : "_self"), T = i.rel ?? (x === "_blank" ? "noopener noreferrer" : void 0), m = i.icon;
+        g && /* @__PURE__ */ e("div", { className: x.dropdownMenu, children: l.map((i, b) => {
+          const I = i.target ?? (i.url.startsWith("http") ? "_blank" : "_self"), T = i.rel ?? (I === "_blank" ? "noopener noreferrer" : void 0), m = i.icon;
           return /* @__PURE__ */ d(
             "a",
             {
               href: i.url,
-              target: x,
+              target: I,
               rel: T,
-              className: I.dropdownItem,
+              className: x.dropdownItem,
               children: [
-                m && /* @__PURE__ */ e(m, { className: I.dropdownIcon }),
+                m && /* @__PURE__ */ e(m, { className: x.dropdownIcon }),
                 i.label
               ]
             },
@@ -995,18 +995,18 @@ function In({ onMobileMenuToggle: t }) {
           );
         }) })
       ] }),
-      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;
+      a.map((i, b) => {
+        const I = i.target ?? (typeof i.url == "string" && i.url.startsWith("http") ? "_blank" : "_self"), T = i.rel ?? (I === "_blank" ? "noopener noreferrer" : void 0), m = i.icon;
         return /* @__PURE__ */ d(
           "a",
           {
             href: i.url,
-            target: x,
+            target: I,
             rel: T,
-            className: i.className ?? I.navLink,
+            className: i.className ?? x.navLink,
             children: [
               i.label,
-              m && /* @__PURE__ */ e(m, { className: I.externalIcon })
+              m && /* @__PURE__ */ e(m, { className: x.externalIcon })
             ]
           },
           b
@@ -1020,14 +1020,14 @@ function ce({
   styles: t,
   onLanguageChange: n
 }) {
-  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;
+  const { i18n: s } = R(), o = U(), c = G(), { config: a } = j(), [l, g] = L(!1), u = q(null), p = s.language, w = (v) => {
+    const r = a.basePath || "";
+    let f = o.pathname;
     r && f.startsWith(r) && (f = f.slice(r.length));
     const i = f.split("/").filter(Boolean), b = i[0];
-    let x = "";
-    o.supportedLanguages.includes(b) ? (i[0] = v, x = `${r}/${i.join("/")}`) : x = `${r}/${v}${f}`;
-    const T = x + a.search + a.hash;
+    let I = "";
+    a.supportedLanguages.includes(b) ? (i[0] = v, I = `${r}/${i.join("/")}`) : I = `${r}/${v}${f}`;
+    const T = I + o.search + o.hash;
     s.changeLanguage(v), c(T), g(!1), n == null || n();
   };
   P(() => {
@@ -1053,7 +1053,7 @@ function ce({
         ]
       }
     ),
-    l && /* @__PURE__ */ e("div", { className: t.languageDropdown, role: "listbox", children: o.supportedLanguages.map((v) => /* @__PURE__ */ e(
+    l && /* @__PURE__ */ e("div", { className: t.languageDropdown, role: "listbox", children: a.supportedLanguages.map((v) => /* @__PURE__ */ e(
       "button",
       {
         type: "button",
@@ -1068,13 +1068,13 @@ function ce({
   ] });
 }
 function re({ styles: t, onLinkClick: n }) {
-  const { i18n: s } = R(), a = U(), { config: c } = j(), [o, l] = L(() => {
+  const { i18n: s } = R(), o = U(), { config: c } = j(), [a, l] = L(() => {
     if (!c.navigationData) return {};
     const r = s.language;
     return te(c.navigationData, r).reduce(
-      (i, b, x) => {
+      (i, b, I) => {
         if (V(b)) {
-          const T = c.navigationData[x], m = V(T) && T.defaultOpen === !0;
+          const T = c.navigationData[I], m = V(T) && T.defaultOpen === !0;
           i[b.title] = m;
         }
         return i;
@@ -1088,9 +1088,9 @@ function re({ styles: t, onLinkClick: n }) {
       c.navigationData,
       g
     ).reduce(
-      (i, b, x) => {
+      (i, b, I) => {
         if (V(b)) {
-          const T = c.navigationData[x], m = V(T) && T.defaultOpen === !0;
+          const T = c.navigationData[I], m = V(T) && T.defaultOpen === !0;
           i[b.title] = m;
         }
         return i;
@@ -1106,13 +1106,13 @@ function re({ styles: t, onLinkClick: n }) {
     }));
   }, w = (r) => {
     const f = c.basePath || "";
-    let i = a.pathname;
+    let i = o.pathname;
     f && i.startsWith(f) && (i = i.slice(f.length));
     const b = i.split("/").filter(Boolean);
     return b[b.length - 1] === r;
   }, _ = (r) => {
     const f = c.basePath || "";
-    let i = a.pathname;
+    let i = o.pathname;
     f && i.startsWith(f) && (i = i.slice(f.length));
     const b = i.split("/").filter(Boolean);
     return b[0] && c.supportedLanguages.includes(b[0]) ? `${f}/${b[0]}/${r}` : `${f}/${g}/${r}`;
@@ -1124,7 +1124,7 @@ function re({ styles: t, onLinkClick: n }) {
       "button",
       {
         type: "button",
-        className: `${t.sectionButton} ${o[r.title] ? t.expanded : ""}`,
+        className: `${t.sectionButton} ${a[r.title] ? t.expanded : ""}`,
         onClick: () => p(r.title),
         children: [
           r.title,
@@ -1132,7 +1132,7 @@ function re({ styles: t, onLinkClick: n }) {
         ]
       }
     ),
-    o[r.title] && /* @__PURE__ */ e("div", { className: t.sectionItems, children: r.items.map((f) => /* @__PURE__ */ e(
+    a[r.title] && /* @__PURE__ */ e("div", { className: t.sectionItems, children: r.items.map((f) => /* @__PURE__ */ e(
       de,
       {
         to: _(f.slug),
@@ -1163,25 +1163,25 @@ function Ao({
     /* @__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", 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,
+const In = "_backdrop_1a7pu_1", kn = "_open_1a7pu_13", Cn = "_mobileMenu_1a7pu_18", Tn = "_header_1a7pu_37", yn = "_brand_1a7pu_46", Sn = "_cloudIcon_1a7pu_53", Ln = "_title_1a7pu_62", Pn = "_closeButton_1a7pu_69", Bn = "_closeIcon_1a7pu_101", Mn = "_languageSection_1a7pu_106", Dn = "_languageSelect_1a7pu_112", En = "_languageButton_1a7pu_117", On = "_icon_1a7pu_156", Rn = "_chevron_1a7pu_162", jn = "_languageDropdown_1a7pu_172", An = "_languageOption_1a7pu_185", Wn = "_selected_1a7pu_226", Hn = "_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", D = {
+  backdrop: In,
   open: kn,
   mobileMenu: Cn,
   header: Tn,
-  brand: Sn,
-  cloudIcon: yn,
+  brand: yn,
+  cloudIcon: Sn,
   title: Ln,
   closeButton: Pn,
   closeIcon: Bn,
-  languageSection: Dn,
-  languageSelect: Mn,
+  languageSection: Mn,
+  languageSelect: Dn,
   languageButton: En,
   icon: On,
   chevron: Rn,
   languageDropdown: jn,
   languageOption: An,
-  selected: Hn,
-  scrollArea: Wn,
+  selected: Wn,
+  scrollArea: Hn,
   navigation: qn,
   section: Fn,
   sectionButton: zn,
@@ -1193,45 +1193,45 @@ 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(), a = s.logo;
+  const { config: s } = j(), o = s.logo;
   return P(() => (t ? document.body.style.overflow = "hidden" : document.body.style.overflow = "unset", () => {
     document.body.style.overflow = "unset";
   }), [t]), P(() => {
-    const c = (o) => {
-      o.key === "Escape" && t && n();
+    const c = (a) => {
+      a.key === "Escape" && t && n();
     };
     return document.addEventListener("keydown", c), () => document.removeEventListener("keydown", c);
   }, [t, n]), /* @__PURE__ */ d(K, { children: [
     /* @__PURE__ */ e(
       "div",
       {
-        className: `${M.backdrop} ${t ? M.open : ""}`,
+        className: `${D.backdrop} ${t ? D.open : ""}`,
         onClick: 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: [
-          a && /* @__PURE__ */ e(a, { className: M.cloudIcon }),
-          /* @__PURE__ */ e("h1", { className: M.title, children: s.title })
+    /* @__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: s.title })
         ] }),
         /* @__PURE__ */ e(
           "button",
           {
             type: "button",
-            className: M.closeButton,
+            className: D.closeButton,
             onClick: n,
             "aria-label": "Close menu",
-            children: /* @__PURE__ */ e(se, { className: M.closeIcon })
+            children: /* @__PURE__ */ e(se, { className: D.closeIcon })
           }
         )
       ] }),
-      /* @__PURE__ */ e("div", { className: M.languageSection, children: /* @__PURE__ */ e(ce, { styles: M, onLanguageChange: n }) }),
-      /* @__PURE__ */ e("div", { className: M.scrollArea, children: /* @__PURE__ */ e(re, { styles: M, 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 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 = {
+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", H = {
   sidebar: Jn,
   header: Zn,
   brand: eo,
@@ -1256,39 +1256,39 @@ const Jn = "_sidebar_1tdxt_1", Zn = "_header_1tdxt_17", eo = "_brand_1tdxt_29",
 };
 function wo() {
   const { config: t } = j(), n = t.logo, s = t.supportedLanguages.length > 1;
-  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 })
+  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("div", { className: H.title, children: t.title })
       ] }),
-      s && /* @__PURE__ */ e(ce, { styles: W })
+      s && /* @__PURE__ */ e(ce, { styles: H })
     ] }),
-    /* @__PURE__ */ e("div", { className: W.scrollArea, children: /* @__PURE__ */ e(re, { styles: W }) })
+    /* @__PURE__ */ e("div", { className: H.scrollArea, children: /* @__PURE__ */ e(re, { styles: H }) })
   ] });
 }
-const $o = "_app_szn27_1", No = "_layout_szn27_9", Io = "_main_szn27_15", xo = "_fullWidth_szn27_21", ko = "_contentWrapper_szn27_24", J = {
+const $o = "_app_szn27_1", No = "_layout_szn27_9", xo = "_main_szn27_15", Io = "_fullWidth_szn27_21", ko = "_contentWrapper_szn27_24", J = {
   app: $o,
   layout: No,
-  main: Io,
-  fullWidth: xo,
+  main: xo,
+  fullWidth: Io,
   contentWrapper: ko
 };
 function Co({ children: t }) {
-  const { language: n } = ae(), { i18n: s } = R(), { config: a } = j(), [c, o] = L(!1);
+  const { language: n } = ae(), { i18n: s } = R(), { config: o } = j(), [c, a] = L(!1);
   P(() => {
-    n && a.supportedLanguages.includes(n) && s.changeLanguage(n);
-  }, [n, s, a.supportedLanguages]);
+    n && o.supportedLanguages.includes(n) && s.changeLanguage(n);
+  }, [n, s, o.supportedLanguages]);
   const l = () => {
-    o(!c);
+    a(!c);
   }, g = () => {
-    o(!1);
+    a(!1);
   };
-  if (!n || !a.supportedLanguages.includes(n))
+  if (!n || !o.supportedLanguages.includes(n))
     return /* @__PURE__ */ e(fe, { to: "/en/welcome", replace: !0 });
-  const u = !!a.header, p = !!a.navigationData && a.navigationData.length > 0;
+  const u = !!o.header, p = !!o.navigationData && o.navigationData.length > 0, w = o.contentMaxWidth ? { maxWidth: o.contentMaxWidth } : void 0;
   return /* @__PURE__ */ d("div", { className: J.app, children: [
-    u && /* @__PURE__ */ e(In, { onMobileMenuToggle: l }),
+    u && /* @__PURE__ */ e(xn, { onMobileMenuToggle: l }),
     /* @__PURE__ */ e(Vn, { isOpen: c, onClose: g }),
     /* @__PURE__ */ d("div", { className: J.layout, children: [
       p && /* @__PURE__ */ e(wo, {}),
@@ -1296,20 +1296,20 @@ function Co({ children: t }) {
         "main",
         {
           className: `${J.main} ${p ? "" : J.fullWidth}`,
-          children: /* @__PURE__ */ e("div", { className: J.contentWrapper, children: t })
+          children: /* @__PURE__ */ e("div", { className: J.contentWrapper, style: w, children: t })
         }
       )
     ] })
   ] });
 }
-function Ho() {
+function Wo() {
   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(fe, { to: "welcome", replace: !0 }) })
   ] }) });
 }
-function Wo() {
+function Ho() {
   return {
     openSearchModal: () => {
       window.dispatchEvent(new CustomEvent("blog:open-search"));
@@ -1320,26 +1320,26 @@ function Wo() {
   };
 }
 function qo() {
-  const { i18n: t } = R(), n = U(), s = G(), { config: a } = j();
+  const { i18n: t } = R(), n = U(), s = G(), { config: o } = j();
   return (c) => {
-    const o = a.basePath || "";
+    const a = o.basePath || "";
     let l = n.pathname;
-    o && l.startsWith(o) && (l = l.slice(o.length));
+    a && l.startsWith(a) && (l = l.slice(a.length));
     const g = l.split("/").filter(Boolean), u = g[0];
     let p = "";
-    a.supportedLanguages.includes(u) ? (g[0] = c, p = `${o}/${g.join("/")}`) : p = `${o}/${c}${l}`;
+    o.supportedLanguages.includes(u) ? (g[0] = c, p = `${a}/${g.join("/")}`) : p = `${a}/${c}${l}`;
     const w = p + n.search + n.hash;
     t.changeLanguage(c), s(w);
   };
 }
 export {
-  He as AdvancedModeToggle,
+  We as AdvancedModeToggle,
   jo as BlogProvider,
-  We as BlogRoot,
+  He as BlogRoot,
   Rt as ContentPage,
   Co as DocumentationLayout,
-  Ho as DocumentationRoutes,
-  In as Header,
+  Wo as DocumentationRoutes,
+  xn as Header,
   ce as LanguageSelector,
   Vn as MobileMenu,
   Ao as NavigationContent,
@@ -1355,6 +1355,6 @@ export {
   te as getNavigationData,
   j as useBlogConfig,
   qo as useLanguageChange,
-  Wo as useSearchModal,
+  Ho as useSearchModal,
   Ne as useTheme
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@x-wave/blog",
-  "version": "1.0.11",
+  "version": "1.0.12",
   "type": "module",
   "exports": {
     ".": {