@x-wave/blog 1.0.19 → 1.0.20

package/index.js

@@ -1,11 +1,11 @@
 import { jsxs as d, jsx as e, Fragment as G } from "react/jsx-runtime";
 import { useTranslation as O } from "react-i18next";
-import { useLocation as Q, useNavigate as K, useParams as ce, Link as he, Navigate as be, Routes as ye, Route as ge } from "react-router-dom";
+import { useLocation as Q, useNavigate as K, useParams as ce, Link as he, Navigate as be, Routes as ye, Route as me } from "react-router-dom";
 import { useState as T, useEffect as S, createContext as Te, useContext as Pe, useRef as F } from "react";
 import Le from "react-markdown";
 import Se from "remark-gfm";
 import ne from "i18next";
-import { User as De, CalendarBlank as Be, X as re, Tag as Me, MagnifyingGlass as me, List as Ee, Sun as _e, Moon as pe, Monitor as fe, CaretDown as oe, Globe as Oe, CaretRight as Re } from "@phosphor-icons/react";
+import { User as De, CalendarBlank as Be, X as re, Tag as Me, MagnifyingGlass as ge, List as Ee, Sun as _e, Moon as pe, Monitor as fe, CaretDown as oe, Globe as Oe, CaretRight as Re } from "@phosphor-icons/react";
 import { createPortal as we } from "react-dom";
 const je = "_tabContainer_zk6h4_1", Ae = "_tab_zk6h4_1", We = "_active_zk6h4_45", Y = {
   tabContainer: je,
@@ -22,7 +22,7 @@ function He({ hasAdvanced: t }) {
       const v = h.toString(), _ = v ? `?${v}` : "";
       a(`${s.pathname}${_}${s.hash}`);
     }
-  }, m = () => {
+  }, g = () => {
     if (!o) {
       const h = new URLSearchParams(s.search);
       h.set("advanced", ""), a(`${s.pathname}?${h.toString()}${s.hash}`);
@@ -43,7 +43,7 @@ function He({ hasAdvanced: t }) {
       {
         type: "button",
         className: `${Y.tab} ${o ? Y.active : ""}`,
-        onClick: m,
+        onClick: g,
         children: n("ui.advanced")
       }
     )
@@ -57,28 +57,28 @@ function $e(t) {
     const a = s.match(/^---\s*\n([\s\S]*?)\n---\s*\n/);
     if (!a) return { frontmatter: {}, content: s };
     const r = {}, o = a[1];
-    let u = "", m = !1;
+    let u = "", g = !1;
     const h = [];
     for (const _ of o.split(`
 `)) {
       const b = _.trim();
       if (b.startsWith("-")) {
-        if (m) {
+        if (g) {
           const p = b.substring(1).trim();
           h.push(p);
         }
         continue;
       }
-      if (m && !b.startsWith("-") && (r[u] = h.slice(), h.length = 0, m = !1), b != null && b.includes(":")) {
+      if (g && !b.startsWith("-") && (r[u] = h.slice(), h.length = 0, g = !1), b != null && b.includes(":")) {
         const [p, ...i] = b.split(":"), l = i.join(":").trim();
         if (u = p.trim(), !l) {
-          m = !0;
+          g = !0;
           continue;
         }
         l === "true" ? r[u] = !0 : l === "false" ? r[u] = !1 : r[u] = l;
       }
     }
-    m && h.length > 0 && (r[u] = h);
+    g && h.length > 0 && (r[u] = h);
     const v = s.replace(
       /^---\s*\n[\s\S]*?\n---\s*\n/,
       ""
@@ -91,9 +91,9 @@ function $e(t) {
      * Automatically loads the advanced variant if `advanced` is true.
      */
     async loadMDXContent(s, a, r = !1) {
-      const o = r ? `${a}-advanced.mdx` : `${a}.mdx`, u = `./docs/${s}/${o}`, m = t[u];
-      if (!m) throw new Error(`File not found: ${u}`);
-      const h = await m(), { frontmatter: v, content: _ } = n(h);
+      const o = r ? `${a}-advanced.mdx` : `${a}.mdx`, u = `./docs/${s}/${o}`, g = t[u];
+      if (!g) throw new Error(`File not found: ${u}`);
+      const h = await g(), { frontmatter: v, content: _ } = n(h);
       return { content: _, frontmatter: v };
     },
     /**
@@ -103,7 +103,7 @@ function $e(t) {
     async loadEnglishContent(s, a = !1) {
       const o = `./docs/en/${a ? `${s}-advanced.mdx` : `${s}.mdx`}`, u = t[o];
       if (!u) throw new Error(`File not found: ${o}`);
-      const m = await u(), { content: h } = n(m);
+      const g = await u(), { content: h } = n(g);
       return h;
     },
     /**
@@ -119,14 +119,14 @@ function $e(t) {
       );
       for (const u of o)
         try {
-          const m = t[u], h = await m(), { frontmatter: v, content: _ } = n(h), b = u.split("/").pop() || "", p = b.replace(".mdx", "").replace("-advanced", ""), i = _.match(/^#\s+(.+)$/m), l = i ? i[1].trim() : p;
+          const g = t[u], h = await g(), { frontmatter: v, content: _ } = n(h), b = u.split("/").pop() || "", p = b.replace(".mdx", "").replace("-advanced", ""), i = _.match(/^#\s+(.+)$/m), l = i ? i[1].trim() : p;
           if (b.includes("-advanced")) continue;
           const c = v.tags;
           if (c && Array.isArray(c))
             for (const w of c)
               a[w] || (a[w] = []), a[w].some((I) => I.slug === p) || a[w].push({ slug: p, title: l });
-        } catch (m) {
-          console.warn(`Failed to process ${u}:`, m);
+        } catch (g) {
+          console.warn(`Failed to process ${u}:`, g);
         }
       return a;
     }
@@ -146,8 +146,8 @@ const Ne = "app-theme", xe = () => typeof window > "u" ? "light" : window.matchM
     const a = ve(t), r = document.querySelector(".xw-blog-root");
     if (r && (r.classList.remove("light", "dark"), r.classList.add(a)), t === "system") {
       const o = window.matchMedia("(prefers-color-scheme: dark)"), u = () => {
-        const m = xe(), h = document.querySelector(".xw-blog-root");
-        h && (h.classList.remove("light", "dark"), h.classList.add(m));
+        const g = xe(), h = document.querySelector(".xw-blog-root");
+        h && (h.classList.remove("light", "dark"), h.classList.add(g));
       };
       return o.addEventListener("change", u), () => o.removeEventListener("change", u);
     }
@@ -185,9 +185,9 @@ function Qa({
   Ie();
   const [r, o] = T({});
   S(() => {
-    const { buildTagIndex: m } = $e(s.mdxFiles), h = n.supportedLanguages.map(async (v) => {
+    const { buildTagIndex: g } = $e(s.mdxFiles), h = n.supportedLanguages.map(async (v) => {
       try {
-        const _ = await m(v);
+        const _ = await g(v);
         return { language: v, index: _ };
       } catch (_) {
         return console.error(`Failed to build tag index for ${v}:`, _), { language: v, index: {} };
@@ -260,7 +260,7 @@ function rt({
   content: t,
   englishContent: n
 }) {
-  const { t: s } = O(), a = Q(), r = K(), [o, u] = T([]), [m, h] = T(""), v = F(null);
+  const { t: s } = O(), a = Q(), r = K(), [o, u] = T([]), [g, h] = T(""), v = F(null);
   S(() => {
     h(""), (() => {
       const p = /^(#{1,6})\s+(.+)$/gm, i = [];
@@ -341,7 +341,7 @@ function rt({
     /* @__PURE__ */ e("nav", { className: W.nav, children: /* @__PURE__ */ e("ul", { className: W.list, children: o.map((b) => /* @__PURE__ */ e("li", { className: W.item, children: /* @__PURE__ */ e(
       "button",
       {
-        className: `${W.link} ${W[`level${b.level}`]} ${m === b.id ? W.active : ""}`,
+        className: `${W.link} ${W[`level${b.level}`]} ${g === b.id ? W.active : ""}`,
         onClick: () => _(b.id),
         type: "button",
         children: b.text
@@ -349,14 +349,14 @@ function rt({
     ) }, b.id)) }) })
   ] });
 }
-const lt = "_overlay_1e1d4_1", it = "_modal_1e1d4_26", dt = "_header_1e1d4_50", ut = "_title_1e1d4_58", ht = "_closeButton_1e1d4_65", gt = "_results_1e1d4_86", mt = "_resultsList_1e1d4_94", _t = "_resultItem_1e1d4_100", pt = "_resultTitle_1e1d4_119", ft = "_resultSlug_1e1d4_124", vt = "_noResults_1e1d4_130", j = {
+const lt = "_overlay_1e1d4_1", it = "_modal_1e1d4_26", dt = "_header_1e1d4_50", ut = "_title_1e1d4_58", ht = "_closeButton_1e1d4_65", mt = "_results_1e1d4_86", gt = "_resultsList_1e1d4_94", _t = "_resultItem_1e1d4_100", pt = "_resultTitle_1e1d4_119", ft = "_resultSlug_1e1d4_124", vt = "_noResults_1e1d4_130", j = {
   overlay: lt,
   modal: it,
   header: dt,
   title: ut,
   closeButton: ht,
-  results: gt,
-  resultsList: mt,
+  results: mt,
+  resultsList: gt,
   resultItem: _t,
   resultTitle: pt,
   resultSlug: ft,
@@ -368,7 +368,7 @@ function bt({
   language: s,
   onClose: a
 }) {
-  const { t: r } = O(), { config: o } = R(), u = K(), m = (h) => {
+  const { t: r } = O(), { config: o } = R(), u = K(), g = (h) => {
     const v = o.basePath || "";
     u(`${v}/${s}/${h}`), a();
   };
@@ -396,7 +396,7 @@ function bt({
         {
           type: "button",
           className: j.resultItem,
-          onClick: () => m(h.slug),
+          onClick: () => g(h.slug),
           children: [
             /* @__PURE__ */ e("div", { className: j.resultTitle, children: h.title }),
             /* @__PURE__ */ d("div", { className: j.resultSlug, children: [
@@ -466,13 +466,13 @@ const yt = "_contentPage_1nxj5_1", Tt = "_loadingContainer_1nxj5_48", Pt = "_err
 };
 function jt({ language: t }) {
   var ue;
-  const { slug: n } = ce(), s = Q(), { config: a, loadContent: r, loadEnglishContent: o } = R(), [u, m] = T(""), [h, v] = T(""), [_, b] = T({}), [p, i] = T(!0), [l, c] = T(null), [w, I] = T(!0), [y, f] = T(null), $ = F(0), D = F([]), ee = ((g) => {
+  const { slug: n } = ce(), s = Q(), { config: a, loadContent: r, loadEnglishContent: o } = R(), [u, g] = T(""), [h, v] = T(""), [_, b] = T({}), [p, i] = T(!0), [l, c] = T(null), [w, I] = T(!0), [y, f] = T(null), $ = F(0), D = F([]), ee = ((m) => {
     const C = {
       advanced: !1,
       anchor: ""
     };
-    if (!g) return C;
-    const N = (g.startsWith("?") ? g.substring(1) : g).split("&");
+    if (!m) return C;
+    const N = (m.startsWith("?") ? m.substring(1) : m).split("&");
     for (const k of N)
       k === "advanced" ? C.advanced = !0 : k.startsWith("a=") && (C.anchor = k.substring(2));
     return C;
@@ -517,7 +517,7 @@ function jt({ language: t }) {
           const ke = U[2].trim();
           X.push(ke), U = E.exec(k);
         }
-        D.current = X, v(k), m(N.content), b(N.frontmatter);
+        D.current = X, v(k), g(N.content), b(N.frontmatter);
       } catch (N) {
         c(N instanceof Error ? N.message : "Failed to load content");
       } finally {
@@ -533,7 +533,7 @@ function jt({ language: t }) {
     o
   ]), S(() => {
     if (!p && ee.anchor) {
-      const g = setTimeout(() => {
+      const m = setTimeout(() => {
         const C = document.getElementById(ee.anchor);
         if (C) {
           const k = C.getBoundingClientRect().top + window.pageYOffset - 80;
@@ -543,7 +543,7 @@ function jt({ language: t }) {
           });
         }
       }, 150);
-      return () => clearTimeout(g);
+      return () => clearTimeout(m);
     }
   }, [p, ee.anchor]), p)
     return /* @__PURE__ */ e("div", { className: B.contentPage, children: /* @__PURE__ */ d("div", { className: B.loadingContainer, children: [
@@ -567,7 +567,7 @@ function jt({ language: t }) {
         {
           remarkPlugins: [Se],
           components: {
-            h1: ({ children: g }) => {
+            h1: ({ children: m }) => {
               const C = $.current++, L = D.current[C] || "", N = Z(L), k = A ? `?advanced&a=${N}` : `?a=${N}`, E = `#/${t}/${n}${k}`, X = !de;
               de = !0;
               const U = _.date || _.author;
@@ -582,7 +582,7 @@ function jt({ language: t }) {
                       {
                         href: E,
                         style: { color: "inherit", textDecoration: "none" },
-                        children: g
+                        children: m
                       }
                     )
                   }
@@ -596,81 +596,81 @@ function jt({ language: t }) {
                 )
               ] });
             },
-            h2: ({ children: g }) => {
+            h2: ({ children: m }) => {
               const C = $.current++, L = D.current[C] || "", N = Z(L), k = A ? `?advanced&a=${N}` : `?a=${N}`, E = `#/${t}/${n}${k}`;
               return /* @__PURE__ */ e("h2", { id: N, children: /* @__PURE__ */ e(
                 "a",
                 {
                   href: E,
                   style: { color: "inherit", textDecoration: "none" },
-                  children: g
+                  children: m
                 }
               ) });
             },
-            h3: ({ children: g }) => {
+            h3: ({ children: m }) => {
               const C = $.current++, L = D.current[C] || "", N = Z(L), k = A ? `?advanced&a=${N}` : `?a=${N}`, E = `#/${t}/${n}${k}`;
               return /* @__PURE__ */ e("h3", { id: N, children: /* @__PURE__ */ e(
                 "a",
                 {
                   href: E,
                   style: { color: "inherit", textDecoration: "none" },
-                  children: g
+                  children: m
                 }
               ) });
             },
-            h4: ({ children: g }) => {
+            h4: ({ children: m }) => {
               const C = $.current++, L = D.current[C] || "", N = Z(L), k = A ? `?advanced&a=${N}` : `?a=${N}`, E = `#/${t}/${n}${k}`;
               return /* @__PURE__ */ e("h4", { id: N, children: /* @__PURE__ */ e(
                 "a",
                 {
                   href: E,
                   style: { color: "inherit", textDecoration: "none" },
-                  children: g
+                  children: m
                 }
               ) });
             },
-            h5: ({ children: g }) => {
+            h5: ({ children: m }) => {
               const C = `h5-${$.current++}`;
-              return /* @__PURE__ */ e("h5", { id: C, children: g });
+              return /* @__PURE__ */ e("h5", { id: C, children: m });
             },
-            h6: ({ children: g }) => {
+            h6: ({ children: m }) => {
               const C = `h6-${$.current++}`;
-              return /* @__PURE__ */ e("h6", { id: C, children: g });
+              return /* @__PURE__ */ e("h6", { id: C, children: m });
             },
-            p: ({ children: g }) => /* @__PURE__ */ e("p", { children: g }),
-            ul: ({ children: g }) => /* @__PURE__ */ e("ul", { children: g }),
-            ol: ({ children: g }) => /* @__PURE__ */ e("ol", { children: g }),
-            li: ({ children: g }) => /* @__PURE__ */ e("li", { children: g }),
-            code: ({ className: g, children: C, ...L }) => {
-              if (!g)
+            p: ({ children: m }) => /* @__PURE__ */ e("p", { children: m }),
+            ul: ({ children: m }) => /* @__PURE__ */ e("ul", { children: m }),
+            ol: ({ children: m }) => /* @__PURE__ */ e("ol", { children: m }),
+            li: ({ children: m }) => /* @__PURE__ */ e("li", { children: m }),
+            code: ({ className: m, children: C, ...L }) => {
+              if (!m)
                 return /* @__PURE__ */ e("code", { ...L, children: C });
-              const k = (g == null ? void 0 : g.replace("language-", "")) || "";
+              const k = (m == null ? void 0 : m.replace("language-", "")) || "";
               return /* @__PURE__ */ d("div", { className: B.codeBlock, children: [
                 k && /* @__PURE__ */ e("div", { className: B.codeLanguage, children: k }),
-                /* @__PURE__ */ e("pre", { children: /* @__PURE__ */ e("code", { className: g, ...L, children: C }) })
+                /* @__PURE__ */ e("pre", { children: /* @__PURE__ */ e("code", { className: m, ...L, children: C }) })
               ] });
             },
-            pre: ({ children: g }) => /* @__PURE__ */ e(G, { children: g }),
+            pre: ({ children: m }) => /* @__PURE__ */ e(G, { children: m }),
             // Let code component handle pre styling
-            blockquote: ({ children: g }) => /* @__PURE__ */ e("blockquote", { children: g }),
-            a: ({ href: g, children: C, ...L }) => {
-              if (g != null && g.startsWith("./")) {
-                const N = g.slice(2), k = `#/${t}/${N}`;
+            blockquote: ({ children: m }) => /* @__PURE__ */ e("blockquote", { children: m }),
+            a: ({ href: m, children: C, ...L }) => {
+              if (m != null && m.startsWith("./")) {
+                const N = m.slice(2), k = `#/${t}/${N}`;
                 return /* @__PURE__ */ e("a", { href: k, ...L, children: C });
               }
-              return g != null && g.startsWith("http://") || g != null && g.startsWith("https://") ? /* @__PURE__ */ e(
+              return m != null && m.startsWith("http://") || m != null && m.startsWith("https://") ? /* @__PURE__ */ e(
                 "a",
                 {
-                  href: g,
+                  href: m,
                   target: "_blank",
                   rel: "noopener noreferrer",
                   ...L,
                   children: C
                 }
-              ) : /* @__PURE__ */ e("a", { href: g, ...L, children: C });
+              ) : /* @__PURE__ */ e("a", { href: m, ...L, children: C });
             },
-            strong: ({ children: g }) => /* @__PURE__ */ e("strong", { children: g }),
-            em: ({ children: g }) => /* @__PURE__ */ e("em", { children: g })
+            strong: ({ children: m }) => /* @__PURE__ */ e("strong", { children: m }),
+            em: ({ children: m }) => /* @__PURE__ */ e("em", { children: m })
           },
           children: u
         }
@@ -680,7 +680,7 @@ function jt({ language: t }) {
         {
           tags: _.tags,
           variant: "compact",
-          onTagClick: (g) => f(g)
+          onTagClick: (m) => f(m)
         }
       )
     ] }),
@@ -717,7 +717,7 @@ const At = "_searchButton_1k9sl_1", Wt = "_searchIcon_1k9sl_17", Ht = "_searchHi
   hint: nn
 };
 function an({ language: t }) {
-  const { t: n } = O(), s = K(), { config: a } = R(), [r, o] = T(!1), [u, m] = T(""), [h, v] = T([]), [_, b] = T(0), p = F(null), i = F(null), c = typeof navigator < "u" && /(Mac|iPhone|iPod|iPad)/i.test(navigator.platform) ? "⌘K" : "Ctrl+K", w = (a.navigationData ? te(a.navigationData, t) : []).flatMap((f) => "items" in f ? f.items.map(($) => ({
+  const { t: n } = O(), s = K(), { config: a } = R(), [r, o] = T(!1), [u, g] = T(""), [h, v] = T([]), [_, b] = T(0), p = F(null), i = F(null), c = typeof navigator < "u" && /(Mac|iPhone|iPod|iPad)/i.test(navigator.platform) ? "⌘K" : "Ctrl+K", w = (a.navigationData ? te(a.navigationData, t) : []).flatMap((f) => "items" in f ? f.items.map(($) => ({
     title: $.title,
     slug: $.slug
   })) : [{ title: f.title, slug: f.slug }]);
@@ -735,7 +735,7 @@ function an({ language: t }) {
       ($.metaKey || $.ctrlKey) && $.key === "k" && ($.preventDefault(), o(!0), setTimeout(() => {
         var D;
         return (D = p.current) == null ? void 0 : D.focus();
-      }, 100)), $.key === "Escape" && r && (o(!1), m(""));
+      }, 100)), $.key === "Escape" && r && (o(!1), g(""));
     };
     return document.addEventListener("keydown", f), () => document.removeEventListener("keydown", f);
   }, [r]), S(() => {
@@ -745,7 +745,7 @@ function an({ language: t }) {
         return (D = p.current) == null ? void 0 : D.focus();
       }, 100);
     }, $ = () => {
-      o(!1), m("");
+      o(!1), g("");
     };
     return window.addEventListener("blog:open-search", f), window.addEventListener("blog:close-search", $), () => {
       window.removeEventListener("blog:open-search", f), window.removeEventListener("blog:close-search", $);
@@ -756,13 +756,13 @@ function an({ language: t }) {
   };
   S(() => {
     const f = ($) => {
-      i.current && !i.current.contains($.target) && (o(!1), m(""));
+      i.current && !i.current.contains($.target) && (o(!1), g(""));
     };
     return r && document.addEventListener("mousedown", f), () => document.removeEventListener("mousedown", f);
   }, [r]);
   const y = (f) => {
     const $ = a.basePath || "";
-    s(`${$}/${t}/${f}`), o(!1), m("");
+    s(`${$}/${t}/${f}`), o(!1), g("");
   };
   return /* @__PURE__ */ d(G, { children: [
     /* @__PURE__ */ d(
@@ -778,7 +778,7 @@ function an({ language: t }) {
         },
         "aria-label": n("ui.search"),
         children: [
-          /* @__PURE__ */ e(me, { className: P.searchIcon }),
+          /* @__PURE__ */ e(ge, { className: P.searchIcon }),
           /* @__PURE__ */ e("span", { className: P.searchHint, children: n("ui.search") }),
           /* @__PURE__ */ e("kbd", { className: P.kbd, children: c })
         ]
@@ -790,7 +790,7 @@ function an({ language: t }) {
         {
           className: P.searchOverlay,
           onClick: () => {
-            o(!1), m("");
+            o(!1), g("");
           },
           children: /* @__PURE__ */ d(
             "div",
@@ -800,7 +800,7 @@ function an({ language: t }) {
               onClick: (f) => f.stopPropagation(),
               children: [
                 /* @__PURE__ */ d("div", { className: P.searchHeader, children: [
-                  /* @__PURE__ */ e(me, { className: P.searchIcon }),
+                  /* @__PURE__ */ e(ge, { className: P.searchIcon }),
                   /* @__PURE__ */ e(
                     "input",
                     {
@@ -809,7 +809,7 @@ function an({ language: t }) {
                       className: P.searchInput,
                       placeholder: n("ui.searchPlaceholder"),
                       value: u,
-                      onChange: (f) => m(f.target.value),
+                      onChange: (f) => g(f.target.value),
                       onKeyDown: I
                     }
                   ),
@@ -819,7 +819,7 @@ function an({ language: t }) {
                       type: "button",
                       className: P.closeButton,
                       onClick: () => {
-                        o(!1), m("");
+                        o(!1), g("");
                       },
                       "aria-label": "Close search",
                       children: /* @__PURE__ */ e(re, {})
@@ -866,7 +866,7 @@ function an({ language: t }) {
     )
   ] });
 }
-const on = "_header_jrobc_1", sn = "_container_jrobc_24", cn = "_content_jrobc_36", rn = "_leftSection_jrobc_43", ln = "_mobileMenuButton_jrobc_49", dn = "_burgerIcon_jrobc_87", un = "_logo_jrobc_92", hn = "_nav_jrobc_98", gn = "_navLink_jrobc_109", mn = "_externalIcon_jrobc_135", _n = "_supportDropdown_jrobc_141", pn = "_themeDropdown_jrobc_145", fn = "_themeButton_jrobc_149", vn = "_themeIcon_jrobc_171", bn = "_supportButton_jrobc_177", wn = "_caretIcon_jrobc_198", $n = "_dropdownMenu_jrobc_208", Nn = "_dropdownItem_jrobc_221", xn = "_dropdownIcon_jrobc_244", x = {
+const on = "_header_jrobc_1", sn = "_container_jrobc_24", cn = "_content_jrobc_36", rn = "_leftSection_jrobc_43", ln = "_mobileMenuButton_jrobc_49", dn = "_burgerIcon_jrobc_87", un = "_logo_jrobc_92", hn = "_nav_jrobc_98", mn = "_navLink_jrobc_109", gn = "_externalIcon_jrobc_135", _n = "_supportDropdown_jrobc_141", pn = "_themeDropdown_jrobc_145", fn = "_themeButton_jrobc_149", vn = "_themeIcon_jrobc_171", bn = "_supportButton_jrobc_177", wn = "_caretIcon_jrobc_198", $n = "_dropdownMenu_jrobc_208", Nn = "_dropdownItem_jrobc_221", xn = "_dropdownIcon_jrobc_244", x = {
   header: on,
   container: sn,
   content: cn,
@@ -875,8 +875,8 @@ const on = "_header_jrobc_1", sn = "_container_jrobc_24", cn = "_content_jrobc_3
   burgerIcon: dn,
   logo: un,
   nav: hn,
-  navLink: gn,
-  externalIcon: mn,
+  navLink: mn,
+  externalIcon: gn,
   supportDropdown: _n,
   themeDropdown: pn,
   themeButton: fn,
@@ -888,7 +888,7 @@ const on = "_header_jrobc_1", sn = "_container_jrobc_24", cn = "_content_jrobc_3
   dropdownIcon: xn
 };
 function In({ onMobileMenuToggle: t }) {
-  const { t: n, i18n: s } = O(), { config: a } = R(), r = a.header ?? {}, o = r.navLinks ?? [], u = r.dropdownItems ?? [], [m, h] = T(!1), [v, _] = T(!1), { theme: b, setTheme: p } = Ie(), i = F(null), l = F(null);
+  const { t: n, i18n: s } = O(), { config: a } = R(), r = a.header ?? {}, o = r.navLinks ?? [], u = r.dropdownItems ?? [], [g, h] = T(!1), [v, _] = T(!1), { theme: b, setTheme: p } = Ie(), i = F(null), l = F(null);
   return S(() => {
     const c = (w) => {
       i.current && !i.current.contains(w.target) && h(!1), l.current && !l.current.contains(w.target) && _(!1);
@@ -979,8 +979,8 @@ function In({ onMobileMenuToggle: t }) {
           {
             type: "button",
             className: x.supportButton,
-            onClick: () => h(!m),
-            "aria-expanded": m,
+            onClick: () => h(!g),
+            "aria-expanded": g,
             "aria-haspopup": "true",
             children: [
               n("ui.support"),
@@ -988,7 +988,7 @@ function In({ onMobileMenuToggle: t }) {
             ]
           }
         ),
-        m && /* @__PURE__ */ e("div", { className: x.dropdownMenu, children: u.map((c, w) => {
+        g && /* @__PURE__ */ e("div", { className: x.dropdownMenu, children: u.map((c, w) => {
           const I = c.target ?? (c.url.startsWith("http") ? "_blank" : "_self"), y = c.rel ?? (I === "_blank" ? "noopener noreferrer" : void 0), f = c.icon;
           return /* @__PURE__ */ d(
             "a",
@@ -1031,7 +1031,7 @@ function le({
   styles: t,
   onLanguageChange: n
 }) {
-  const { i18n: s } = O(), a = Q(), r = K(), { config: o } = R(), [u, m] = T(!1), h = F(null), v = s.language, _ = (p) => {
+  const { i18n: s } = O(), a = Q(), r = K(), { config: o } = R(), [u, g] = T(!1), h = F(null), v = s.language, _ = (p) => {
     const i = o.basePath || "";
     let l = a.pathname;
     i && l.startsWith(i) && (l = l.slice(i.length));
@@ -1039,11 +1039,11 @@ function le({
     let I = "";
     o.supportedLanguages.includes(w) ? (c[0] = p, I = `${i}/${c.join("/")}`) : I = `${i}/${p}${l}`;
     const y = I + a.search + a.hash;
-    s.changeLanguage(p), r(y), m(!1), n == null || n();
+    s.changeLanguage(p), r(y), g(!1), n == null || n();
   };
   S(() => {
     const p = (i) => {
-      h.current && !h.current.contains(i.target) && m(!1);
+      h.current && !h.current.contains(i.target) && g(!1);
     };
     return document.addEventListener("mousedown", p), () => document.removeEventListener("mousedown", p);
   }, []);
@@ -1054,7 +1054,7 @@ function le({
       {
         type: "button",
         className: t.languageButton,
-        onClick: () => m(!u),
+        onClick: () => g(!u),
         "aria-expanded": u,
         "aria-haspopup": "listbox",
         children: [
@@ -1092,12 +1092,12 @@ function ie({ styles: t, onLinkClick: n }) {
       },
       {}
     );
-  }), m = s.language, h = r.navigationData ? te(r.navigationData, m) : [];
+  }), g = s.language, h = r.navigationData ? te(r.navigationData, g) : [];
   S(() => {
     if (!r.navigationData) return;
     const l = te(
       r.navigationData,
-      m
+      g
     ).reduce(
       (c, w, I) => {
         if (V(w)) {
@@ -1109,7 +1109,7 @@ function ie({ styles: t, onLinkClick: n }) {
       {}
     );
     u(l);
-  }, [m, r.navigationData]);
+  }, [g, r.navigationData]);
   const v = (i) => {
     u((l) => ({
       ...l,
@@ -1126,7 +1126,7 @@ function ie({ styles: t, onLinkClick: n }) {
     let c = a.pathname;
     l && c.startsWith(l) && (c = c.slice(l.length));
     const w = c.split("/").filter(Boolean);
-    return w[0] && r.supportedLanguages.includes(w[0]) ? `${l}/${w[0]}/${i}` : `${l}/${m}/${i}`;
+    return w[0] && r.supportedLanguages.includes(w[0]) ? `${l}/${w[0]}/${i}` : `${l}/${g}/${i}`;
   }, p = () => {
     n == null || n();
   };
@@ -1242,7 +1242,7 @@ function Jn({ isOpen: t, onClose: n }) {
     ] })
   ] });
 }
-const Zn = "_sidebar_1tdxt_1", ea = "_header_1tdxt_17", ta = "_brand_1tdxt_29", na = "_cloudIcon_1tdxt_35", aa = "_title_1tdxt_44", oa = "_languageSelect_1tdxt_55", sa = "_languageButton_1tdxt_61", ca = "_icon_1tdxt_99", ra = "_chevron_1tdxt_104", la = "_languageDropdown_1tdxt_114", ia = "_languageOption_1tdxt_128", da = "_selected_1tdxt_147", ua = "_scrollArea_1tdxt_152", ha = "_navigation_1tdxt_158", ga = "_section_1tdxt_164", ma = "_sectionButton_1tdxt_170", _a = "_expanded_1tdxt_213", pa = "_sectionItems_1tdxt_217", fa = "_navItem_1tdxt_225", va = "_active_1tdxt_238", ba = "_navItemContent_1tdxt_243", q = {
+const Zn = "_sidebar_1tdxt_1", ea = "_header_1tdxt_17", ta = "_brand_1tdxt_29", na = "_cloudIcon_1tdxt_35", aa = "_title_1tdxt_44", oa = "_languageSelect_1tdxt_55", sa = "_languageButton_1tdxt_61", ca = "_icon_1tdxt_99", ra = "_chevron_1tdxt_104", la = "_languageDropdown_1tdxt_114", ia = "_languageOption_1tdxt_128", da = "_selected_1tdxt_147", ua = "_scrollArea_1tdxt_152", ha = "_navigation_1tdxt_158", ma = "_section_1tdxt_164", ga = "_sectionButton_1tdxt_170", _a = "_expanded_1tdxt_213", pa = "_sectionItems_1tdxt_217", fa = "_navItem_1tdxt_225", va = "_active_1tdxt_238", ba = "_navItemContent_1tdxt_243", q = {
   sidebar: Zn,
   header: ea,
   brand: ta,
@@ -1257,8 +1257,8 @@ const Zn = "_sidebar_1tdxt_1", ea = "_header_1tdxt_17", ta = "_brand_1tdxt_29",
   selected: da,
   scrollArea: ua,
   navigation: ha,
-  section: ga,
-  sectionButton: ma,
+  section: ma,
+  sectionButton: ga,
   expanded: _a,
   sectionItems: pa,
   navItem: fa,
@@ -1292,15 +1292,15 @@ function ka({ children: t }) {
   }, [n, s, a.supportedLanguages]);
   const u = () => {
     o(!r);
-  }, m = () => {
+  }, g = () => {
     o(!1);
   };
   if (!n || !a.supportedLanguages.includes(n))
     return /* @__PURE__ */ e(be, { to: "/en/welcome", replace: !0 });
-  const h = !!a.header, v = !!a.navigationData && a.navigationData.length > 0, _ = a.contentMaxWidth ? { width: "100%", maxWidth: a.contentMaxWidth } : void 0;
+  const h = !!a.header, v = a.showSideMenu !== !1, _ = a.contentMaxWidth ? { width: "100%", maxWidth: a.contentMaxWidth } : void 0;
   return /* @__PURE__ */ d("div", { className: J.app, children: [
     h && /* @__PURE__ */ e(In, { onMobileMenuToggle: u }),
-    /* @__PURE__ */ e(Jn, { isOpen: r, onClose: m }),
+    /* @__PURE__ */ e(Jn, { isOpen: r, onClose: g }),
     /* @__PURE__ */ d("div", { className: J.layout, children: [
       v && /* @__PURE__ */ e(wa, {}),
       /* @__PURE__ */ e(
@@ -1325,7 +1325,7 @@ const ya = "_homePage_1lc5u_1", Ta = "_header_1lc5u_20", Pa = "_title_1lc5u_24",
   empty: Ea
 };
 function Oa() {
-  const { i18n: t, t: n } = O(), { config: s, loadContent: a } = R(), r = K(), [o, u] = T([]), [m, h] = T(!0);
+  const { i18n: t, t: n } = O(), { config: s, loadContent: a } = R(), r = K(), [o, u] = T([]), [g, h] = T(!0);
   S(() => {
     (async () => {
       try {
@@ -1370,7 +1370,7 @@ function Oa() {
     const b = s.basePath || "";
     r(`${b}/${t.language}/${_}`);
   };
-  return m ? /* @__PURE__ */ e("div", { className: H.loading, children: n("ui.loadingArticles") }) : o.length === 0 ? /* @__PURE__ */ e("div", { className: H.empty, children: n("ui.noArticlesFound") }) : /* @__PURE__ */ d("div", { className: H.homePage, children: [
+  return g ? /* @__PURE__ */ e("div", { className: H.loading, children: n("ui.loadingArticles") }) : o.length === 0 ? /* @__PURE__ */ e("div", { className: H.empty, children: n("ui.noArticlesFound") }) : /* @__PURE__ */ d("div", { className: H.homePage, children: [
     /* @__PURE__ */ d("div", { className: H.header, children: [
       /* @__PURE__ */ e("h1", { className: H.title, children: n("ui.latestPosts") }),
       o.length > 0 && /* @__PURE__ */ e(se, { date: o[0].date, author: o[0].author })
@@ -1394,9 +1394,9 @@ function Oa() {
 function Ya() {
   const { language: t } = ce(), { config: n } = R();
   return /* @__PURE__ */ e(ka, { children: /* @__PURE__ */ d(ye, { children: [
-    /* @__PURE__ */ e(ge, { path: "/:slug", element: /* @__PURE__ */ e(jt, { language: t }) }),
+    /* @__PURE__ */ e(me, { path: "/:slug", element: /* @__PURE__ */ e(jt, { language: t }) }),
     /* @__PURE__ */ e(
-      ge,
+      me,
       {
         index: !0,
         element: (n.defaultRoute || "latest") === "latest" ? /* @__PURE__ */ e(Oa, {}) : /* @__PURE__ */ e(be, { to: `./${n.defaultRoute}`, replace: !0 })
@@ -1420,9 +1420,9 @@ function Ja() {
     const o = a.basePath || "";
     let u = n.pathname;
     o && u.startsWith(o) && (u = u.slice(o.length));
-    const m = u.split("/").filter(Boolean), h = m[0];
+    const g = u.split("/").filter(Boolean), h = g[0];
     let v = "";
-    a.supportedLanguages.includes(h) ? (m[0] = r, v = `${o}/${m.join("/")}`) : v = `${o}/${r}${u}`;
+    a.supportedLanguages.includes(h) ? (g[0] = r, v = `${o}/${g.join("/")}`) : v = `${o}/${r}${u}`;
     const _ = v + n.search + n.hash;
     t.changeLanguage(r), s(_);
   };

package/package.json

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