@x-wave/blog 1.0.8 → 1.0.9

package/index.js

@@ -1,7 +1,7 @@
 import { jsxs as d, jsx as e, Fragment as z } 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 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 oe, Globe as Pe, CaretRight as Be } from "@phosphor-icons/react";
+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 Ee from "react-markdown";
 import Oe from "remark-gfm";
@@ -13,19 +13,19 @@ const Re = "_tabContainer_zk6h4_1", je = "_tab_zk6h4_1", Ae = "_active_zk6h4_45"
   active: Ae
 };
 function He({ hasAdvanced: t }) {
-  const { t: n } = R(), s = U(), a = G();
+  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,7 +42,7 @@ 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")
       }
@@ -54,12 +54,12 @@ function qe({ 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,25 +114,25 @@ 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() || "", f = _.replace(".mdx", "").replace("-advanced", ""), r = w.match(/^#\s+(.+)$/m), v = r ? r[1].trim() : f;
           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 === f) || a[b].push({ slug: f, title: v });
+              o[b] || (o[b] = []), o[b].some((x) => x.slug === f) || o[b].push({ slug: f, title: v });
         } catch (g) {
           console.warn(`Failed to process ${l}:`, g);
         }
-      return a;
+      return o;
     }
   };
 }
-function Oo(t) {
+function Ea(t) {
   const n = be(t);
   return {
     mdxFiles: t,
@@ -143,29 +143,29 @@ function Oo(t) {
 const we = "app-theme", $e = () => typeof window > "u" ? "light" : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", pe = (t) => t === "system" ? $e() : t, We = () => typeof window > "u" ? "system" : localStorage.getItem(we) || "system", Ne = () => {
   const [t, n] = L(We);
   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
     }
   }))
 } : {
@@ -176,14 +176,14 @@ const we = "app-theme", $e = () => typeof window > "u" ? "light" : window.matchM
     showTableOfContents: s.showTableOfContents
   }
 }), J = (t) => t.toString().toLowerCase().trim().replace(/[^\w\s-]/g, "").replace(/\s+/g, "-").replace(/-+/g, "-").replace(/^-+|-+$/g, ""), Ie = De(null);
-function Ro({
+function Oa({
   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,12 +197,12 @@ function Ro({
       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,
     {
@@ -236,11 +236,11 @@ const Ke = "_tableOfContents_11q9u_1", ze = "_header_11q9u_20", Ue = "_title_11q
   level5: tt,
   level6: nt
 };
-function ot({
+function at({
   content: t,
   englishContent: n
 }) {
-  const { t: s } = R(), a = U(), c = G(), [o, l] = L([]), [g, u] = L(""), p = W(null);
+  const { t: s } = R(), o = U(), c = G(), [a, l] = L([]), [g, u] = L(""), p = W(null);
   P(() => {
     u(""), (() => {
       const f = /^(#{1,6})\s+(.+)$/gm, r = [];
@@ -264,19 +264,19 @@ function ot({
       l(r);
     })();
   }, [t, n]), P(() => {
-    if (o.length === 0) return;
+    if (a.length === 0) return;
     const _ = setTimeout(() => {
-      const f = o.filter(
+      const f = a.filter(
         (r) => !document.getElementById(r.id)
       );
       f.length > 0 && console.warn("Some heading elements not found:", f);
     }, 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 f = o.map((r) => document.getElementById(r.id)).filter(Boolean);
+      const f = a.map((r) => document.getElementById(r.id)).filter(Boolean);
       f.length !== 0 && (p.current = new IntersectionObserver(
         (r) => {
           const v = r.filter((i) => i.isIntersecting);
@@ -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 f = document.getElementById(_);
     if (f) {
-      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,9 +316,9 @@ function ot({
       });
     }
   };
-  return o.length === 0 ? null : /* @__PURE__ */ d("aside", { className: H.tableOfContents, children: [
+  return a.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(
+    /* @__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(
       "button",
       {
         className: `${H.link} ${H[`level${_.level}`]} ${g === _.id ? H.active : ""}`,
@@ -329,8 +329,8 @@ function ot({
     ) }, _.id)) }) })
   ] });
 }
-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,
+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,
   modal: st,
   header: ct,
   title: rt,
@@ -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 fe(
-    /* @__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", vt = "_compact_11t8a_9", ft = "_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,20 +412,20 @@ function Nt({ tags: t, variant: n = "default", onTagClick: s }) {
         n === "default" && /* @__PURE__ */ d("div", { className: K.tagLabel, children: [
           /* @__PURE__ */ e(Te, { className: K.tagIcon, weight: "duotone" }),
           /* @__PURE__ */ d("span", { children: [
-            a("ui.tags"),
+            o("ui.tags"),
             ":"
           ] })
         ] }),
-        /* @__PURE__ */ e("div", { className: K.tagList, children: t.map((o) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: K.tagList, children: t.map((a) => /* @__PURE__ */ e(
           "button",
           {
             type: "button",
             className: K.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
         )) })
       ]
     }
@@ -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 } = ae(), s = U(), { t: a } = R(), { config: c, loadContent: o, 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 } = 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 k = {
       advanced: !1,
       anchor: ""
@@ -481,10 +481,10 @@ function Rt({ language: t }) {
       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 && Z.anchor) {
@@ -549,7 +549,7 @@ function Rt({ language: t }) {
     ] }),
     _.date && /* @__PURE__ */ d("span", { className: D.date, children: [
       /* @__PURE__ */ e(ye, { size: 16, weight: "regular" }),
-      a("ui.lastEdited"),
+      o("ui.lastEdited"),
       ": ",
       _.date
     ] })
@@ -673,7 +673,7 @@ function Rt({ language: t }) {
         }
       )
     ] }),
-    x && /* @__PURE__ */ e(ot, { content: g, englishContent: p }),
+    x && /* @__PURE__ */ e(at, { content: g, englishContent: p }),
     m && ((ie = c.tagIndex) == null ? void 0 : ie[t]) && /* @__PURE__ */ e(
       _t,
       {
@@ -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), f = W(null), r = W(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), 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) => ({
     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(), o(!0), setTimeout(() => {
+      (N.metaKey || N.ctrlKey) && N.key === "k" && (N.preventDefault(), a(!0), setTimeout(() => {
         var B;
         return (B = f.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 = f.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);
@@ -745,13 +745,13 @@ function nn({ language: t }) {
   };
   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(z, { children: [
     /* @__PURE__ */ d(
@@ -760,7 +760,7 @@ function nn({ language: t }) {
         type: "button",
         className: S.searchButton,
         onClick: () => {
-          o(!0), setTimeout(() => {
+          a(!0), setTimeout(() => {
             var m;
             return (m = f.current) == null ? void 0 : m.focus();
           }, 100);
@@ -779,7 +779,7 @@ function nn({ language: t }) {
         {
           className: S.searchOverlay,
           onClick: () => {
-            o(!1), g("");
+            a(!1), g("");
           },
           children: /* @__PURE__ */ d(
             "div",
@@ -808,7 +808,7 @@ function nn({ language: t }) {
                       type: "button",
                       className: S.closeButton,
                       onClick: () => {
-                        o(!1), g("");
+                        a(!1), g("");
                       },
                       "aria-label": "Close search",
                       children: /* @__PURE__ */ e(se, {})
@@ -855,9 +855,9 @@ 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", 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: on,
-  container: an,
+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,
   content: sn,
   leftSection: cn,
   mobileMenuButton: rn,
@@ -877,7 +877,7 @@ const on = "_header_jrobc_1", an = "_container_jrobc_24", sn = "_content_jrobc_3
   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: f } = Ne(), r = W(null), v = W(null);
+  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);
   return P(() => {
     const i = (b) => {
       r.current && !r.current.contains(b.target) && u(!1), v.current && !v.current.contains(b.target) && w(!1);
@@ -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(oe, { className: I.caretIcon })
+              /* @__PURE__ */ e(ae, { className: I.caretIcon })
             ]
           }
         ),
@@ -973,7 +973,7 @@ function In({ onMobileMenuToggle: t }) {
             "aria-haspopup": "true",
             children: [
               n("ui.support"),
-              /* @__PURE__ */ e(oe, { className: I.caretIcon })
+              /* @__PURE__ */ e(ae, { className: I.caretIcon })
             ]
           }
         ),
@@ -995,7 +995,7 @@ function In({ onMobileMenuToggle: t }) {
           );
         }) })
       ] }),
-      o.map((i, b) => {
+      a.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,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 = W(null), p = s.language, w = (f) => {
-    const r = o.basePath || "";
-    let v = a.pathname;
+  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];
     let x = "";
-    o.supportedLanguages.includes(b) ? (i[0] = f, x = `${r}/${i.join("/")}`) : x = `${r}/${f}${v}`;
-    const T = x + a.search + a.hash;
+    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();
   };
   P(() => {
@@ -1049,11 +1049,11 @@ function ce({
         children: [
           /* @__PURE__ */ e(Pe, { className: t.icon }),
           _(p),
-          /* @__PURE__ */ e(oe, { className: t.chevron })
+          /* @__PURE__ */ e(ae, { className: t.chevron })
         ]
       }
     ),
-    l && /* @__PURE__ */ e("div", { className: t.languageDropdown, role: "listbox", children: o.supportedLanguages.map((f) => /* @__PURE__ */ e(
+    l && /* @__PURE__ */ e("div", { className: t.languageDropdown, role: "listbox", children: a.supportedLanguages.map((f) => /* @__PURE__ */ e(
       "button",
       {
         type: "button",
@@ -1068,7 +1068,7 @@ 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(
@@ -1106,13 +1106,13 @@ function re({ styles: t, onLinkClick: n }) {
     }));
   }, w = (r) => {
     const v = c.basePath || "";
-    let i = a.pathname;
+    let i = o.pathname;
     v && i.startsWith(v) && (i = i.slice(v.length));
     const b = i.split("/").filter(Boolean);
     return b[b.length - 1] === r;
   }, _ = (r) => {
     const v = c.basePath || "";
-    let i = a.pathname;
+    let i = o.pathname;
     v && i.startsWith(v) && (i = i.slice(v.length));
     const b = i.split("/").filter(Boolean);
     return b[0] && c.supportedLanguages.includes(b[0]) ? `${v}/${b[0]}/${r}` : `${v}/${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((v) => /* @__PURE__ */ e(
+    a[r.title] && /* @__PURE__ */ e("div", { className: t.sectionItems, children: r.items.map((v) => /* @__PURE__ */ e(
       de,
       {
         to: _(v.slug),
@@ -1153,7 +1153,7 @@ function re({ styles: t, onLinkClick: n }) {
     r.slug
   )) });
 }
-function jo({
+function Ra({
   styles: t,
   onLinkClick: n,
   onLanguageChange: s
@@ -1193,12 +1193,12 @@ 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(z, { children: [
@@ -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: [
-          a && /* @__PURE__ */ e(a, { className: M.cloudIcon }),
+          o && /* @__PURE__ */ e(o, { className: M.cloudIcon }),
           /* @__PURE__ */ e("h1", { className: M.title, children: s.title })
         ] }),
         /* @__PURE__ */ e(
@@ -1231,30 +1231,30 @@ function Vn({ isOpen: t, onClose: 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", vo = "_navItem_1tdxt_225", fo = "_active_1tdxt_238", bo = "_navItemContent_1tdxt_243", q = {
+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 = {
   sidebar: Jn,
   header: Zn,
-  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: vo,
-  active: fo,
-  navItemContent: bo
+  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
 };
-function wo() {
+function ba() {
   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: [
@@ -1267,42 +1267,42 @@ function wo() {
     /* @__PURE__ */ e("div", { className: q.scrollArea, children: /* @__PURE__ */ e(re, { styles: q }) })
   ] });
 }
-const $o = "_app_1v4z4_1", No = "_layout_1v4z4_9", Io = "_main_1v4z4_15", xo = "_contentWrapper_1v4z4_27", ee = {
-  app: $o,
-  layout: No,
-  main: Io,
-  contentWrapper: xo
+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
 };
-function ko({ children: t }) {
-  const { language: n } = ae(), { i18n: s } = R(), { config: a } = j(), [c, o] = L(!1);
+function xa({ children: t }) {
+  const { language: n } = oe(), { 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(ve, { to: "/en/welcome", replace: !0 });
-  const u = !!a.header, p = !!a.navigationData;
+  const u = !!o.header, p = !!o.navigationData && o.navigationData.length > 0;
   return /* @__PURE__ */ d("div", { className: ee.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(wo, {}),
+      p && /* @__PURE__ */ e(ba, {}),
       /* @__PURE__ */ e("main", { className: ee.main, children: /* @__PURE__ */ e("div", { className: ee.contentWrapper, children: t }) })
     ] })
   ] });
 }
-function Ao() {
-  const { language: t } = ae();
-  return /* @__PURE__ */ e(ko, { children: /* @__PURE__ */ d(Ce, { children: [
+function ja() {
+  const { language: t } = oe();
+  return /* @__PURE__ */ e(xa, { 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 }) })
   ] }) });
 }
-function Ho() {
+function Aa() {
   return {
     openSearchModal: () => {
       window.dispatchEvent(new CustomEvent("blog:open-search"));
@@ -1312,42 +1312,42 @@ function Ho() {
     }
   };
 }
-function qo() {
-  const { i18n: t } = R(), n = U(), s = G(), { config: a } = j();
+function Ha() {
+  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,
-  Ro as BlogProvider,
+  Oa as BlogProvider,
   qe as BlogRoot,
   Rt as ContentPage,
-  ko as DocumentationLayout,
-  Ao as DocumentationRoutes,
+  xa as DocumentationLayout,
+  ja as DocumentationRoutes,
   In as Header,
   ce as LanguageSelector,
   Vn as MobileMenu,
-  jo as NavigationContent,
+  Ra as NavigationContent,
   re as NavigationMenu,
   nn as SearchBar,
-  wo as Sidebar,
-  ot as TableOfContents,
+  ba as Sidebar,
+  at as TableOfContents,
   _t as TagResultsModal,
   Nt as Tags,
-  Oo as createBlogUtils,
+  Ea as createBlogUtils,
   be as createContentLoaders,
   J as generateHeadingId,
   te as getNavigationData,
   j as useBlogConfig,
-  qo as useLanguageChange,
-  Ho as useSearchModal,
+  Ha as useLanguageChange,
+  Aa as useSearchModal,
   Ne as useTheme
 };

package/package.json

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