@x-wave/blog 1.0.19 → 1.0.21

package/index.js

@@ -1,7 +1,7 @@
 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 { useState as T, useEffect as S, createContext as Te, useContext as Pe, useRef as F } from "react";
+import { useState as P, useEffect as S, createContext as Pe, useContext as Te, useRef as F } from "react";
 import Le from "react-markdown";
 import Se from "remark-gfm";
 import ne from "i18next";
@@ -52,7 +52,7 @@ function He({ hasAdvanced: t }) {
 function qe({ children: t }) {
   return /* @__PURE__ */ e("div", { className: "xw-blog-root", children: t });
 }
-function $e(t) {
+function Ne(t) {
   function n(s) {
     const a = s.match(/^---\s*\n([\s\S]*?)\n---\s*\n/);
     if (!a) return { frontmatter: {}, content: s };
@@ -133,15 +133,15 @@ function $e(t) {
   };
 }
 function Ga(t) {
-  const n = $e(t);
+  const n = Ne(t);
   return {
     mdxFiles: t,
     loadContent: n.loadMDXContent,
     loadEnglishContent: n.loadEnglishContent
   };
 }
-const Ne = "app-theme", xe = () => typeof window > "u" ? "light" : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", ve = (t) => t === "system" ? xe() : t, Fe = () => typeof window > "u" ? "system" : localStorage.getItem(Ne) || "system", Ie = () => {
-  const [t, n] = T(Fe);
+const $e = "app-theme", xe = () => typeof window > "u" ? "light" : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", ve = (t) => t === "system" ? xe() : t, Fe = () => typeof window > "u" ? "system" : localStorage.getItem($e) || "system", Ie = () => {
+  const [t, n] = P(Fe);
   return S(() => {
     const a = ve(t), r = document.querySelector(".xw-blog-root");
     if (r && (r.classList.remove("light", "dark"), r.classList.add(a)), t === "system") {
@@ -154,7 +154,7 @@ const Ne = "app-theme", xe = () => typeof window > "u" ? "light" : window.matchM
   }, [t]), {
     theme: t,
     setTheme: (a) => {
-      localStorage.setItem(Ne, a), n(a);
+      localStorage.setItem($e, a), n(a);
     },
     effectiveTheme: ve(t)
   };
@@ -175,7 +175,7 @@ const Ne = "app-theme", xe = () => 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, ""), Ce = Te(null);
+}), Z = (t) => t.toString().toLowerCase().trim().replace(/[^\w\s-]/g, "").replace(/\s+/g, "-").replace(/-+/g, "-").replace(/^-+|-+$/g, ""), Ce = Pe(null);
 function Qa({
   children: t,
   config: n,
@@ -183,9 +183,9 @@ function Qa({
   navigationData: a = []
 }) {
   Ie();
-  const [r, o] = T({});
+  const [r, o] = P({});
   S(() => {
-    const { buildTagIndex: m } = $e(s.mdxFiles), h = n.supportedLanguages.map(async (v) => {
+    const { buildTagIndex: m } = Ne(s.mdxFiles), h = n.supportedLanguages.map(async (v) => {
       try {
         const _ = await m(v);
         return { language: v, index: _ };
@@ -216,7 +216,7 @@ function Qa({
   );
 }
 function R() {
-  const t = Pe(Ce);
+  const t = Te(Ce);
   if (!t)
     throw new Error("useBlogConfig must be used within a BlogProvider");
   return t;
@@ -260,26 +260,26 @@ 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] = P([]), [m, h] = P(""), v = F(null);
   S(() => {
     h(""), (() => {
       const p = /^(#{1,6})\s+(.+)$/gm, i = [];
       let l = p.exec(t);
       const c = [];
       for (; l !== null; ) {
-        const f = l[1].length, $ = l[2].trim();
-        c.push({ level: f, text: $ }), l = p.exec(t);
+        const f = l[1].length, N = l[2].trim();
+        c.push({ level: f, text: N }), l = p.exec(t);
       }
       const w = /^(#{1,6})\s+(.+)$/gm;
-      let I = w.exec(n), y = 0;
-      for (; I !== null && y < c.length; ) {
-        const f = I[2].trim(), $ = Z(f);
+      let I = w.exec(n), k = 0;
+      for (; I !== null && k < c.length; ) {
+        const f = I[2].trim(), N = Z(f);
         i.push({
-          id: $,
-          text: c[y].text,
+          id: N,
+          text: c[k].text,
           // Use localized text for display
-          level: c[y].level
-        }), y++, I = w.exec(n);
+          level: c[k].level
+        }), k++, I = w.exec(n);
       }
       u(i);
     })();
@@ -410,10 +410,10 @@ function bt({
     document.body
   );
 }
-const wt = "_tags_11t8a_1", $t = "_compact_11t8a_9", Nt = "_tagLabel_11t8a_15", xt = "_tagIcon_11t8a_25", It = "_tagList_11t8a_30", Ct = "_tag_11t8a_1", z = {
+const wt = "_tags_11t8a_1", Nt = "_compact_11t8a_9", $t = "_tagLabel_11t8a_15", xt = "_tagIcon_11t8a_25", It = "_tagList_11t8a_30", Ct = "_tag_11t8a_1", z = {
   tags: wt,
-  compact: $t,
-  tagLabel: Nt,
+  compact: Nt,
+  tagLabel: $t,
   tagIcon: xt,
   tagList: It,
   tag: Ct
@@ -451,10 +451,10 @@ function kt({ tags: t, variant: n = "default", onTagClick: s }) {
     }
   );
 }
-const yt = "_contentPage_1nxj5_1", Tt = "_loadingContainer_1nxj5_48", Pt = "_errorContainer_1nxj5_49", Lt = "_skeletonTitle_1nxj5_71", St = "_skeletonParagraph_1nxj5_80", Dt = "_skeletonParagraphShort_1nxj5_93", Bt = "_errorText_1nxj5_107", Mt = "_mdxContent_1nxj5_112", Et = "_withMetadata_1nxj5_125", Ot = "_codeBlock_1nxj5_300", Rt = "_codeLanguage_1nxj5_304", B = {
+const yt = "_contentPage_1nxj5_1", Pt = "_loadingContainer_1nxj5_48", Tt = "_errorContainer_1nxj5_49", Lt = "_skeletonTitle_1nxj5_71", St = "_skeletonParagraph_1nxj5_80", Dt = "_skeletonParagraphShort_1nxj5_93", Bt = "_errorText_1nxj5_107", Mt = "_mdxContent_1nxj5_112", Et = "_withMetadata_1nxj5_125", Ot = "_codeBlock_1nxj5_300", Rt = "_codeLanguage_1nxj5_304", B = {
   contentPage: yt,
-  loadingContainer: Tt,
-  errorContainer: Pt,
+  loadingContainer: Pt,
+  errorContainer: Tt,
   skeletonTitle: Lt,
   skeletonParagraph: St,
   skeletonParagraphShort: Dt,
@@ -466,60 +466,60 @@ 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, m] = P(""), [h, v] = P(""), [_, b] = P({}), [p, i] = P(!0), [l, c] = P(null), [w, I] = P(!0), [k, f] = P(null), N = F(0), D = F([]), ee = ((g) => {
     const C = {
       advanced: !1,
       anchor: ""
     };
     if (!g) return C;
-    const N = (g.startsWith("?") ? g.substring(1) : g).split("&");
-    for (const k of N)
-      k === "advanced" ? C.advanced = !0 : k.startsWith("a=") && (C.anchor = k.substring(2));
+    const $ = (g.startsWith("?") ? g.substring(1) : g).split("&");
+    for (const y of $)
+      y === "advanced" ? C.advanced = !0 : y.startsWith("a=") && (C.anchor = y.substring(2));
     return C;
   })(s.search), A = ee.advanced;
   if (S(() => {
     (async () => {
       if (!n) return;
-      i(!0), c(null), $.current = 0;
+      i(!0), c(null), N.current = 0;
       const C = (a == null ? void 0 : a.navigationData) || [];
       let L = !0;
-      for (const N of C)
-        if ("items" in N) {
-          const k = N.items.find((E) => E.slug === n);
-          if (k) {
-            L = k.showTableOfContents !== !1;
+      for (const $ of C)
+        if ("items" in $) {
+          const y = $.items.find((E) => E.slug === n);
+          if (y) {
+            L = y.showTableOfContents !== !1;
             break;
           }
-        } else if (N.slug === n) {
-          L = N.showTableOfContents !== !1;
+        } else if ($.slug === n) {
+          L = $.showTableOfContents !== !1;
           break;
         }
       I(L);
       try {
-        let N;
+        let $;
         try {
-          N = await r(t, n, A);
+          $ = await r(t, n, A);
         } catch {
           if (A)
-            N = await r(t, n, !1);
+            $ = await r(t, n, !1);
           else
             throw new Error("Content not found");
         }
-        let k = "";
+        let y = "";
         try {
-          k = await o(n, A);
+          y = await o(n, A);
         } catch {
-          A && (k = await o(n, !1));
+          A && (y = await o(n, !1));
         }
         const E = /^(#{1,6})\s+(.+)$/gm, X = [];
-        let U = E.exec(k);
+        let U = E.exec(y);
         for (; U !== null; ) {
           const ke = U[2].trim();
-          X.push(ke), U = E.exec(k);
+          X.push(ke), U = E.exec(y);
         }
-        D.current = X, v(k), m(N.content), b(N.frontmatter);
-      } catch (N) {
-        c(N instanceof Error ? N.message : "Failed to load content");
+        D.current = X, v(y), m($.content), b($.frontmatter);
+      } catch ($) {
+        c($ instanceof Error ? $.message : "Failed to load content");
       } finally {
         i(!1);
       }
@@ -536,9 +536,9 @@ function jt({ language: t }) {
       const g = setTimeout(() => {
         const C = document.getElementById(ee.anchor);
         if (C) {
-          const k = C.getBoundingClientRect().top + window.pageYOffset - 80;
+          const y = C.getBoundingClientRect().top + window.pageYOffset - 80;
           window.scrollTo({
-            top: k,
+            top: y,
             behavior: "smooth"
           });
         }
@@ -557,7 +557,7 @@ function jt({ language: t }) {
       "Error: ",
       l
     ] }) }) });
-  $.current = 0;
+  N.current = 0;
   let de = !1;
   return /* @__PURE__ */ d(G, { children: [
     /* @__PURE__ */ d("div", { className: B.contentPage, children: [
@@ -568,14 +568,14 @@ function jt({ language: t }) {
           remarkPlugins: [Se],
           components: {
             h1: ({ children: g }) => {
-              const C = $.current++, L = D.current[C] || "", N = Z(L), k = A ? `?advanced&a=${N}` : `?a=${N}`, E = `#/${t}/${n}${k}`, X = !de;
+              const C = N.current++, L = D.current[C] || "", $ = Z(L), E = A ? `?advanced&a=${$}` : `?a=${$}`, X = !de;
               de = !0;
               const U = _.date || _.author;
               return /* @__PURE__ */ d(G, { children: [
                 /* @__PURE__ */ e(
                   "h1",
                   {
-                    id: N,
+                    id: $,
                     className: X && U ? B.withMetadata : void 0,
                     children: /* @__PURE__ */ e(
                       "a",
@@ -597,8 +597,8 @@ function jt({ language: t }) {
               ] });
             },
             h2: ({ children: g }) => {
-              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(
+              const C = N.current++, L = D.current[C] || "", $ = Z(L), E = A ? `?advanced&a=${$}` : `?a=${$}`;
+              return /* @__PURE__ */ e("h2", { id: $, children: /* @__PURE__ */ e(
                 "a",
                 {
                   href: E,
@@ -608,8 +608,8 @@ function jt({ language: t }) {
               ) });
             },
             h3: ({ children: g }) => {
-              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(
+              const C = N.current++, L = D.current[C] || "", $ = Z(L), E = A ? `?advanced&a=${$}` : `?a=${$}`;
+              return /* @__PURE__ */ e("h3", { id: $, children: /* @__PURE__ */ e(
                 "a",
                 {
                   href: E,
@@ -619,8 +619,8 @@ function jt({ language: t }) {
               ) });
             },
             h4: ({ children: g }) => {
-              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(
+              const C = N.current++, L = D.current[C] || "", $ = Z(L), E = A ? `?advanced&a=${$}` : `?a=${$}`;
+              return /* @__PURE__ */ e("h4", { id: $, children: /* @__PURE__ */ e(
                 "a",
                 {
                   href: E,
@@ -630,11 +630,11 @@ function jt({ language: t }) {
               ) });
             },
             h5: ({ children: g }) => {
-              const C = `h5-${$.current++}`;
+              const C = `h5-${N.current++}`;
               return /* @__PURE__ */ e("h5", { id: C, children: g });
             },
             h6: ({ children: g }) => {
-              const C = `h6-${$.current++}`;
+              const C = `h6-${N.current++}`;
               return /* @__PURE__ */ e("h6", { id: C, children: g });
             },
             p: ({ children: g }) => /* @__PURE__ */ e("p", { children: g }),
@@ -644,9 +644,9 @@ function jt({ language: t }) {
             code: ({ className: g, children: C, ...L }) => {
               if (!g)
                 return /* @__PURE__ */ e("code", { ...L, children: C });
-              const k = (g == null ? void 0 : g.replace("language-", "")) || "";
+              const y = (g == null ? void 0 : g.replace("language-", "")) || "";
               return /* @__PURE__ */ d("div", { className: B.codeBlock, children: [
-                k && /* @__PURE__ */ e("div", { className: B.codeLanguage, children: k }),
+                y && /* @__PURE__ */ e("div", { className: B.codeLanguage, children: y }),
                 /* @__PURE__ */ e("pre", { children: /* @__PURE__ */ e("code", { className: g, ...L, children: C }) })
               ] });
             },
@@ -655,8 +655,8 @@ function jt({ language: t }) {
             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}`;
-                return /* @__PURE__ */ e("a", { href: k, ...L, children: C });
+                const $ = g.slice(2), y = `#/${t}/${$}`;
+                return /* @__PURE__ */ e("a", { href: y, ...L, children: C });
               }
               return g != null && g.startsWith("http://") || g != null && g.startsWith("https://") ? /* @__PURE__ */ e(
                 "a",
@@ -685,18 +685,18 @@ function jt({ language: t }) {
       )
     ] }),
     w && /* @__PURE__ */ e(rt, { content: u, englishContent: h }),
-    y && ((ue = a.tagIndex) == null ? void 0 : ue[t]) && /* @__PURE__ */ e(
+    k && ((ue = a.tagIndex) == null ? void 0 : ue[t]) && /* @__PURE__ */ e(
       bt,
       {
-        tag: y,
-        results: a.tagIndex[t][y] || [],
+        tag: k,
+        results: a.tagIndex[t][k] || [],
         language: t,
         onClose: () => f(null)
       }
     )
   ] });
 }
-const At = "_searchButton_1k9sl_1", Wt = "_searchIcon_1k9sl_17", Ht = "_searchHint_1k9sl_23", qt = "_kbd_1k9sl_27", Ft = "_searchOverlay_1k9sl_42", Kt = "_searchModal_1k9sl_67", Ut = "_searchHeader_1k9sl_91", zt = "_searchInput_1k9sl_105", Gt = "_closeButton_1k9sl_123", Qt = "_searchResults_1k9sl_144", Xt = "_resultsList_1k9sl_152", Yt = "_resultItem_1k9sl_158", Vt = "_selected_1k9sl_173", Jt = "_resultTitle_1k9sl_176", Zt = "_resultSlug_1k9sl_180", en = "_noResults_1k9sl_186", tn = "_searchHints_1k9sl_193", nn = "_hint_1k9sl_210", P = {
+const At = "_searchButton_1k9sl_1", Wt = "_searchIcon_1k9sl_17", Ht = "_searchHint_1k9sl_23", qt = "_kbd_1k9sl_27", Ft = "_searchOverlay_1k9sl_42", Kt = "_searchModal_1k9sl_67", Ut = "_searchHeader_1k9sl_91", zt = "_searchInput_1k9sl_105", Gt = "_closeButton_1k9sl_123", Qt = "_searchResults_1k9sl_144", Xt = "_resultsList_1k9sl_152", Yt = "_resultItem_1k9sl_158", Vt = "_selected_1k9sl_173", Jt = "_resultTitle_1k9sl_176", Zt = "_resultSlug_1k9sl_180", en = "_noResults_1k9sl_186", tn = "_searchHints_1k9sl_193", nn = "_hint_1k9sl_210", T = {
   searchButton: At,
   searchIcon: Wt,
   searchHint: Ht,
@@ -717,25 +717,25 @@ 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(($) => ({
-    title: $.title,
-    slug: $.slug
+  const { t: n } = O(), s = K(), { config: a } = R(), [r, o] = P(!1), [u, m] = P(""), [h, v] = P([]), [_, b] = P(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((N) => ({
+    title: N.title,
+    slug: N.slug
   })) : [{ title: f.title, slug: f.slug }]);
   S(() => {
     if (!u.trim()) {
       v([]), b(0);
       return;
     }
-    const f = u.toLowerCase(), $ = w.filter(
+    const f = u.toLowerCase(), N = w.filter(
       (D) => D.title.toLowerCase().includes(f) || D.slug.toLowerCase().includes(f)
     );
-    v($), b(0);
+    v(N), b(0);
   }, [u]), S(() => {
-    const f = ($) => {
-      ($.metaKey || $.ctrlKey) && $.key === "k" && ($.preventDefault(), o(!0), setTimeout(() => {
+    const f = (N) => {
+      (N.metaKey || N.ctrlKey) && N.key === "k" && (N.preventDefault(), o(!0), setTimeout(() => {
         var D;
         return (D = p.current) == null ? void 0 : D.focus();
-      }, 100)), $.key === "Escape" && r && (o(!1), m(""));
+      }, 100)), N.key === "Escape" && r && (o(!1), m(""));
     };
     return document.addEventListener("keydown", f), () => document.removeEventListener("keydown", f);
   }, [r]), S(() => {
@@ -744,32 +744,32 @@ function an({ language: t }) {
         var D;
         return (D = p.current) == null ? void 0 : D.focus();
       }, 100);
-    }, $ = () => {
+    }, N = () => {
       o(!1), m("");
     };
-    return window.addEventListener("blog:open-search", f), window.addEventListener("blog:close-search", $), () => {
-      window.removeEventListener("blog:open-search", f), window.removeEventListener("blog:close-search", $);
+    return window.addEventListener("blog:open-search", f), window.addEventListener("blog:close-search", N), () => {
+      window.removeEventListener("blog:open-search", f), window.removeEventListener("blog:close-search", N);
     };
   }, []);
   const I = (f) => {
-    f.key === "ArrowDown" ? (f.preventDefault(), b(($) => Math.min($ + 1, h.length - 1))) : f.key === "ArrowUp" ? (f.preventDefault(), b(($) => Math.max($ - 1, 0))) : f.key === "Enter" && h[_] && (f.preventDefault(), y(h[_].slug));
+    f.key === "ArrowDown" ? (f.preventDefault(), b((N) => Math.min(N + 1, h.length - 1))) : f.key === "ArrowUp" ? (f.preventDefault(), b((N) => Math.max(N - 1, 0))) : f.key === "Enter" && h[_] && (f.preventDefault(), k(h[_].slug));
   };
   S(() => {
-    const f = ($) => {
-      i.current && !i.current.contains($.target) && (o(!1), m(""));
+    const f = (N) => {
+      i.current && !i.current.contains(N.target) && (o(!1), m(""));
     };
     return r && document.addEventListener("mousedown", f), () => document.removeEventListener("mousedown", f);
   }, [r]);
-  const y = (f) => {
-    const $ = a.basePath || "";
-    s(`${$}/${t}/${f}`), o(!1), m("");
+  const k = (f) => {
+    const N = a.basePath || "";
+    s(`${N}/${t}/${f}`), o(!1), m("");
   };
   return /* @__PURE__ */ d(G, { children: [
     /* @__PURE__ */ d(
       "button",
       {
         type: "button",
-        className: P.searchButton,
+        className: T.searchButton,
         onClick: () => {
           o(!0), setTimeout(() => {
             var f;
@@ -778,9 +778,9 @@ function an({ language: t }) {
         },
         "aria-label": n("ui.search"),
         children: [
-          /* @__PURE__ */ e(me, { className: P.searchIcon }),
-          /* @__PURE__ */ e("span", { className: P.searchHint, children: n("ui.search") }),
-          /* @__PURE__ */ e("kbd", { className: P.kbd, children: c })
+          /* @__PURE__ */ e(me, { className: T.searchIcon }),
+          /* @__PURE__ */ e("span", { className: T.searchHint, children: n("ui.search") }),
+          /* @__PURE__ */ e("kbd", { className: T.kbd, children: c })
         ]
       }
     ),
@@ -788,25 +788,25 @@ function an({ language: t }) {
       /* @__PURE__ */ e(
         "div",
         {
-          className: P.searchOverlay,
+          className: T.searchOverlay,
           onClick: () => {
             o(!1), m("");
           },
           children: /* @__PURE__ */ d(
             "div",
             {
-              className: P.searchModal,
+              className: T.searchModal,
               ref: i,
               onClick: (f) => f.stopPropagation(),
               children: [
-                /* @__PURE__ */ d("div", { className: P.searchHeader, children: [
-                  /* @__PURE__ */ e(me, { className: P.searchIcon }),
+                /* @__PURE__ */ d("div", { className: T.searchHeader, children: [
+                  /* @__PURE__ */ e(me, { className: T.searchIcon }),
                   /* @__PURE__ */ e(
                     "input",
                     {
                       ref: p,
                       type: "text",
-                      className: P.searchInput,
+                      className: T.searchInput,
                       placeholder: n("ui.searchPlaceholder"),
                       value: u,
                       onChange: (f) => m(f.target.value),
@@ -817,7 +817,7 @@ function an({ language: t }) {
                     "button",
                     {
                       type: "button",
-                      className: P.closeButton,
+                      className: T.closeButton,
                       onClick: () => {
                         o(!1), m("");
                       },
@@ -826,33 +826,33 @@ function an({ language: t }) {
                     }
                   )
                 ] }),
-                u && /* @__PURE__ */ e("div", { className: P.searchResults, children: h.length === 0 ? /* @__PURE__ */ e("div", { className: P.noResults, children: n("ui.noSearchResults") }) : /* @__PURE__ */ e("ul", { className: P.resultsList, children: h.map((f, $) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ d(
+                u && /* @__PURE__ */ e("div", { className: T.searchResults, children: h.length === 0 ? /* @__PURE__ */ e("div", { className: T.noResults, children: n("ui.noSearchResults") }) : /* @__PURE__ */ e("ul", { className: T.resultsList, children: h.map((f, N) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ d(
                   "button",
                   {
                     type: "button",
-                    className: `${P.resultItem} ${$ === _ ? P.selected : ""}`,
-                    onClick: () => y(f.slug),
-                    onMouseEnter: () => b($),
+                    className: `${T.resultItem} ${N === _ ? T.selected : ""}`,
+                    onClick: () => k(f.slug),
+                    onMouseEnter: () => b(N),
                     children: [
-                      /* @__PURE__ */ e("div", { className: P.resultTitle, children: f.title }),
-                      /* @__PURE__ */ d("div", { className: P.resultSlug, children: [
+                      /* @__PURE__ */ e("div", { className: T.resultTitle, children: f.title }),
+                      /* @__PURE__ */ d("div", { className: T.resultSlug, children: [
                         "/",
                         f.slug
                       ] })
                     ]
                   }
                 ) }, f.slug)) }) }),
-                !u && /* @__PURE__ */ d("div", { className: P.searchHints, children: [
-                  /* @__PURE__ */ d("div", { className: P.hint, children: [
+                !u && /* @__PURE__ */ d("div", { className: T.searchHints, children: [
+                  /* @__PURE__ */ d("div", { className: T.hint, children: [
                     /* @__PURE__ */ e("kbd", { children: "↑" }),
                     /* @__PURE__ */ e("kbd", { children: "↓" }),
                     /* @__PURE__ */ e("span", { children: n("ui.searchNavigate") })
                   ] }),
-                  /* @__PURE__ */ d("div", { className: P.hint, children: [
+                  /* @__PURE__ */ d("div", { className: T.hint, children: [
                     /* @__PURE__ */ e("kbd", { children: "↵" }),
                     /* @__PURE__ */ e("span", { children: n("ui.searchSelect") })
                   ] }),
-                  /* @__PURE__ */ d("div", { className: P.hint, children: [
+                  /* @__PURE__ */ d("div", { className: T.hint, children: [
                     /* @__PURE__ */ e("kbd", { children: "esc" }),
                     /* @__PURE__ */ e("span", { children: n("ui.searchClose") })
                   ] })
@@ -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", 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", Nn = "_dropdownMenu_jrobc_208", $n = "_dropdownItem_jrobc_221", xn = "_dropdownIcon_jrobc_244", x = {
   header: on,
   container: sn,
   content: cn,
@@ -883,12 +883,12 @@ const on = "_header_jrobc_1", sn = "_container_jrobc_24", cn = "_content_jrobc_3
   themeIcon: vn,
   supportButton: bn,
   caretIcon: wn,
-  dropdownMenu: $n,
-  dropdownItem: Nn,
+  dropdownMenu: Nn,
+  dropdownItem: $n,
   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 ?? [], [m, h] = P(!1), [v, _] = P(!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);
@@ -989,13 +989,13 @@ function In({ onMobileMenuToggle: t }) {
           }
         ),
         m && /* @__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;
+          const I = c.target ?? (c.url.startsWith("http") ? "_blank" : "_self"), k = c.rel ?? (I === "_blank" ? "noopener noreferrer" : void 0), f = c.icon;
           return /* @__PURE__ */ d(
             "a",
             {
               href: c.url,
               target: I,
-              rel: y,
+              rel: k,
               className: x.dropdownItem,
               children: [
                 f && /* @__PURE__ */ e(f, { className: x.dropdownIcon }),
@@ -1007,13 +1007,13 @@ function In({ onMobileMenuToggle: t }) {
         }) })
       ] }),
       o.map((c, w) => {
-        const I = c.target ?? (typeof c.url == "string" && c.url.startsWith("http") ? "_blank" : "_self"), y = c.rel ?? (I === "_blank" ? "noopener noreferrer" : void 0), f = c.icon;
+        const I = c.target ?? (typeof c.url == "string" && c.url.startsWith("http") ? "_blank" : "_self"), k = c.rel ?? (I === "_blank" ? "noopener noreferrer" : void 0), f = c.icon;
         return /* @__PURE__ */ d(
           "a",
           {
             href: c.url,
             target: I,
-            rel: y,
+            rel: k,
             className: c.className ?? x.navLink,
             children: [
               c.label,
@@ -1031,15 +1031,15 @@ 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, m] = P(!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));
     const c = l.split("/").filter(Boolean), w = c[0];
     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();
+    const k = I + a.search + a.hash;
+    s.changeLanguage(p), r(k), m(!1), n == null || n();
   };
   S(() => {
     const p = (i) => {
@@ -1079,13 +1079,13 @@ function le({
   ] });
 }
 function ie({ styles: t, onLinkClick: n }) {
-  const { i18n: s } = O(), a = Q(), { config: r } = R(), [o, u] = T(() => {
+  const { i18n: s } = O(), a = Q(), { config: r } = R(), [o, u] = P(() => {
     if (!r.navigationData) return {};
     const i = s.language;
     return te(r.navigationData, i).reduce(
       (c, w, I) => {
         if (V(w)) {
-          const y = r.navigationData[I], f = V(y) && y.defaultOpen === !0;
+          const k = r.navigationData[I], f = V(k) && k.defaultOpen === !0;
           c[w.title] = f;
         }
         return c;
@@ -1101,7 +1101,7 @@ function ie({ styles: t, onLinkClick: n }) {
     ).reduce(
       (c, w, I) => {
         if (V(w)) {
-          const y = r.navigationData[I], f = V(y) && y.defaultOpen === !0;
+          const k = r.navigationData[I], f = V(k) && k.defaultOpen === !0;
           c[w.title] = f;
         }
         return c;
@@ -1174,12 +1174,12 @@ function Xa({
     /* @__PURE__ */ e(ie, { styles: t, onLinkClick: n })
   ] });
 }
-const Cn = "_backdrop_1a7pu_1", kn = "_open_1a7pu_13", yn = "_mobileMenu_1a7pu_18", Tn = "_header_1a7pu_37", Pn = "_brand_1a7pu_46", Ln = "_cloudIcon_1a7pu_53", Sn = "_title_1a7pu_62", Dn = "_closeButton_1a7pu_69", Bn = "_closeIcon_1a7pu_101", Mn = "_languageSection_1a7pu_106", En = "_languageSelect_1a7pu_112", On = "_languageButton_1a7pu_117", Rn = "_icon_1a7pu_156", jn = "_chevron_1a7pu_162", An = "_languageDropdown_1a7pu_172", Wn = "_languageOption_1a7pu_185", Hn = "_selected_1a7pu_226", qn = "_scrollArea_1a7pu_231", Fn = "_navigation_1a7pu_237", Kn = "_section_1a7pu_241", Un = "_sectionButton_1a7pu_245", zn = "_expanded_1a7pu_285", Gn = "_sectionItems_1a7pu_289", Qn = "_navItem_1a7pu_297", Xn = "_active_1a7pu_310", Yn = "_navItemContent_1a7pu_316", Vn = "_navItemTitle_1a7pu_322", M = {
+const Cn = "_backdrop_1a7pu_1", kn = "_open_1a7pu_13", yn = "_mobileMenu_1a7pu_18", Pn = "_header_1a7pu_37", Tn = "_brand_1a7pu_46", Ln = "_cloudIcon_1a7pu_53", Sn = "_title_1a7pu_62", Dn = "_closeButton_1a7pu_69", Bn = "_closeIcon_1a7pu_101", Mn = "_languageSection_1a7pu_106", En = "_languageSelect_1a7pu_112", On = "_languageButton_1a7pu_117", Rn = "_icon_1a7pu_156", jn = "_chevron_1a7pu_162", An = "_languageDropdown_1a7pu_172", Wn = "_languageOption_1a7pu_185", Hn = "_selected_1a7pu_226", qn = "_scrollArea_1a7pu_231", Fn = "_navigation_1a7pu_237", Kn = "_section_1a7pu_241", Un = "_sectionButton_1a7pu_245", zn = "_expanded_1a7pu_285", Gn = "_sectionItems_1a7pu_289", Qn = "_navItem_1a7pu_297", Xn = "_active_1a7pu_310", Yn = "_navItemContent_1a7pu_316", Vn = "_navItemTitle_1a7pu_322", M = {
   backdrop: Cn,
   open: kn,
   mobileMenu: yn,
-  header: Tn,
-  brand: Pn,
+  header: Pn,
+  brand: Tn,
   cloudIcon: Ln,
   title: Sn,
   closeButton: Dn,
@@ -1278,15 +1278,15 @@ function wa() {
     /* @__PURE__ */ e("div", { className: q.scrollArea, children: /* @__PURE__ */ e(ie, { styles: q }) })
   ] });
 }
-const $a = "_app_wf6ni_1", Na = "_layout_wf6ni_9", xa = "_main_wf6ni_15", Ia = "_fullWidth_wf6ni_21", Ca = "_contentWrapper_wf6ni_30", J = {
-  app: $a,
-  layout: Na,
+const Na = "_app_wf6ni_1", $a = "_layout_wf6ni_9", xa = "_main_wf6ni_15", Ia = "_fullWidth_wf6ni_21", Ca = "_contentWrapper_wf6ni_30", J = {
+  app: Na,
+  layout: $a,
   main: xa,
   fullWidth: Ia,
   contentWrapper: Ca
 };
 function ka({ children: t }) {
-  const { language: n } = ce(), { i18n: s } = O(), { config: a } = R(), [r, o] = T(!1);
+  const { language: n } = ce(), { i18n: s } = O(), { config: a } = R(), [r, o] = P(!1);
   S(() => {
     n && a.supportedLanguages.includes(n) && s.changeLanguage(n);
   }, [n, s, a.supportedLanguages]);
@@ -1297,7 +1297,7 @@ function ka({ children: t }) {
   };
   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 }),
@@ -1313,10 +1313,10 @@ function ka({ children: t }) {
     ] })
   ] });
 }
-const ya = "_homePage_1lc5u_1", Ta = "_header_1lc5u_20", Pa = "_title_1lc5u_24", La = "_articlesList_1lc5u_31", Sa = "_articleCard_1lc5u_37", Da = "_articleTitle_1lc5u_56", Ba = "_articleDescription_1lc5u_63", Ma = "_loading_1lc5u_70", Ea = "_empty_1lc5u_71", H = {
+const ya = "_homePage_1lc5u_1", Pa = "_header_1lc5u_20", Ta = "_title_1lc5u_24", La = "_articlesList_1lc5u_31", Sa = "_articleCard_1lc5u_37", Da = "_articleTitle_1lc5u_56", Ba = "_articleDescription_1lc5u_63", Ma = "_loading_1lc5u_70", Ea = "_empty_1lc5u_71", H = {
   homePage: ya,
-  header: Ta,
-  title: Pa,
+  header: Pa,
+  title: Ta,
   articlesList: La,
   articleCard: Sa,
   articleTitle: Da,
@@ -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] = P([]), [m, h] = P(!0);
   S(() => {
     (async () => {
       try {
@@ -1447,7 +1447,7 @@ export {
   bt as TagResultsModal,
   kt as Tags,
   Ga as createBlogUtils,
-  $e as createContentLoaders,
+  Ne as createContentLoaders,
   Z as generateHeadingId,
   te as getNavigationData,
   R as useBlogConfig,

package/package.json

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