@x-wave/blog 1.0.20 → 1.0.21

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 me } from "react-router-dom";
-import { useState as T, useEffect as S, createContext as Te, useContext as Pe, useRef as F } from "react";
+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 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";
-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 { 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 { 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}`);
     }
-  }, g = () => {
+  }, m = () => {
     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: g,
+        onClick: m,
         children: n("ui.advanced")
       }
     )
@@ -52,33 +52,33 @@ 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 };
     const r = {}, o = a[1];
-    let u = "", g = !1;
+    let u = "", m = !1;
     const h = [];
     for (const _ of o.split(`
 `)) {
       const b = _.trim();
       if (b.startsWith("-")) {
-        if (g) {
+        if (m) {
           const p = b.substring(1).trim();
           h.push(p);
         }
         continue;
       }
-      if (g && !b.startsWith("-") && (r[u] = h.slice(), h.length = 0, g = !1), b != null && b.includes(":")) {
+      if (m && !b.startsWith("-") && (r[u] = h.slice(), h.length = 0, m = !1), b != null && b.includes(":")) {
         const [p, ...i] = b.split(":"), l = i.join(":").trim();
         if (u = p.trim(), !l) {
-          g = !0;
+          m = !0;
           continue;
         }
         l === "true" ? r[u] = !0 : l === "false" ? r[u] = !1 : r[u] = l;
       }
     }
-    g && h.length > 0 && (r[u] = h);
+    m && 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}`, g = t[u];
-      if (!g) throw new Error(`File not found: ${u}`);
-      const h = await g(), { frontmatter: v, content: _ } = n(h);
+      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);
       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 g = await u(), { content: h } = n(g);
+      const m = await u(), { content: h } = n(m);
       return h;
     },
     /**
@@ -119,42 +119,42 @@ function $e(t) {
       );
       for (const u of o)
         try {
-          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;
+          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;
           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 (g) {
-          console.warn(`Failed to process ${u}:`, g);
+        } catch (m) {
+          console.warn(`Failed to process ${u}:`, m);
         }
       return a;
     }
   };
 }
 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") {
       const o = window.matchMedia("(prefers-color-scheme: dark)"), u = () => {
-        const g = xe(), h = document.querySelector(".xw-blog-root");
-        h && (h.classList.remove("light", "dark"), h.classList.add(g));
+        const m = xe(), h = document.querySelector(".xw-blog-root");
+        h && (h.classList.remove("light", "dark"), h.classList.add(m));
       };
       return o.addEventListener("change", u), () => o.removeEventListener("change", u);
     }
   }, [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,11 +183,11 @@ function Qa({
   navigationData: a = []
 }) {
   Ie();
-  const [r, o] = T({});
+  const [r, o] = P({});
   S(() => {
-    const { buildTagIndex: g } = $e(s.mdxFiles), h = n.supportedLanguages.map(async (v) => {
+    const { buildTagIndex: m } = Ne(s.mdxFiles), h = n.supportedLanguages.map(async (v) => {
       try {
-        const _ = await g(v);
+        const _ = await m(v);
         return { language: v, index: _ };
       } catch (_) {
         return console.error(`Failed to build tag index for ${v}:`, _), { 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([]), [g, 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);
     })();
@@ -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}`]} ${g === b.id ? W.active : ""}`,
+        className: `${W.link} ${W[`level${b.level}`]} ${m === 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", 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 = {
+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 = {
   overlay: lt,
   modal: it,
   header: dt,
   title: ut,
   closeButton: ht,
-  results: mt,
-  resultsList: gt,
+  results: gt,
+  resultsList: mt,
   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(), g = (h) => {
+  const { t: r } = O(), { config: o } = R(), u = K(), m = (h) => {
     const v = o.basePath || "";
     u(`${v}/${s}/${h}`), a();
   };
@@ -396,7 +396,7 @@ function bt({
         {
           type: "button",
           className: j.resultItem,
-          onClick: () => g(h.slug),
+          onClick: () => m(h.slug),
           children: [
             /* @__PURE__ */ e("div", { className: j.resultTitle, children: h.title }),
             /* @__PURE__ */ d("div", { className: j.resultSlug, children: [
@@ -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, 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 { 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 (!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));
+    if (!g) return C;
+    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), g(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);
       }
@@ -533,17 +533,17 @@ function jt({ language: t }) {
     o
   ]), S(() => {
     if (!p && ee.anchor) {
-      const m = setTimeout(() => {
+      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"
           });
         }
       }, 150);
-      return () => clearTimeout(m);
+      return () => clearTimeout(g);
     }
   }, [p, ee.anchor]), p)
     return /* @__PURE__ */ e("div", { className: B.contentPage, children: /* @__PURE__ */ d("div", { className: B.loadingContainer, children: [
@@ -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: [
@@ -567,22 +567,22 @@ function jt({ language: t }) {
         {
           remarkPlugins: [Se],
           components: {
-            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;
+            h1: ({ children: g }) => {
+              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",
                       {
                         href: E,
                         style: { color: "inherit", textDecoration: "none" },
-                        children: m
+                        children: g
                       }
                     )
                   }
@@ -596,81 +596,81 @@ function jt({ language: t }) {
                 )
               ] });
             },
-            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(
+            h2: ({ children: g }) => {
+              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,
                   style: { color: "inherit", textDecoration: "none" },
-                  children: m
+                  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(
+            h3: ({ children: g }) => {
+              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,
                   style: { color: "inherit", textDecoration: "none" },
-                  children: m
+                  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(
+            h4: ({ children: g }) => {
+              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,
                   style: { color: "inherit", textDecoration: "none" },
-                  children: m
+                  children: g
                 }
               ) });
             },
-            h5: ({ children: m }) => {
-              const C = `h5-${$.current++}`;
-              return /* @__PURE__ */ e("h5", { id: C, children: m });
+            h5: ({ children: g }) => {
+              const C = `h5-${N.current++}`;
+              return /* @__PURE__ */ e("h5", { id: C, children: g });
             },
-            h6: ({ children: m }) => {
-              const C = `h6-${$.current++}`;
-              return /* @__PURE__ */ e("h6", { id: C, children: m });
+            h6: ({ children: g }) => {
+              const C = `h6-${N.current++}`;
+              return /* @__PURE__ */ e("h6", { id: C, children: 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)
+            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)
                 return /* @__PURE__ */ e("code", { ...L, children: C });
-              const k = (m == null ? void 0 : m.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 }),
-                /* @__PURE__ */ e("pre", { children: /* @__PURE__ */ e("code", { className: m, ...L, children: C }) })
+                y && /* @__PURE__ */ e("div", { className: B.codeLanguage, children: y }),
+                /* @__PURE__ */ e("pre", { children: /* @__PURE__ */ e("code", { className: g, ...L, children: C }) })
               ] });
             },
-            pre: ({ children: m }) => /* @__PURE__ */ e(G, { children: m }),
+            pre: ({ children: g }) => /* @__PURE__ */ e(G, { children: g }),
             // Let code component handle pre styling
-            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 });
+            blockquote: ({ children: g }) => /* @__PURE__ */ e("blockquote", { children: g }),
+            a: ({ href: g, children: C, ...L }) => {
+              if (g != null && g.startsWith("./")) {
+                const $ = g.slice(2), y = `#/${t}/${$}`;
+                return /* @__PURE__ */ e("a", { href: y, ...L, children: C });
               }
-              return m != null && m.startsWith("http://") || m != null && m.startsWith("https://") ? /* @__PURE__ */ e(
+              return g != null && g.startsWith("http://") || g != null && g.startsWith("https://") ? /* @__PURE__ */ e(
                 "a",
                 {
-                  href: m,
+                  href: g,
                   target: "_blank",
                   rel: "noopener noreferrer",
                   ...L,
                   children: C
                 }
-              ) : /* @__PURE__ */ e("a", { href: m, ...L, children: C });
+              ) : /* @__PURE__ */ e("a", { href: g, ...L, children: C });
             },
-            strong: ({ children: m }) => /* @__PURE__ */ e("strong", { children: m }),
-            em: ({ children: m }) => /* @__PURE__ */ e("em", { children: m })
+            strong: ({ children: g }) => /* @__PURE__ */ e("strong", { children: g }),
+            em: ({ children: g }) => /* @__PURE__ */ e("em", { children: g })
           },
           children: u
         }
@@ -680,23 +680,23 @@ function jt({ language: t }) {
         {
           tags: _.tags,
           variant: "compact",
-          onTagClick: (m) => f(m)
+          onTagClick: (g) => f(g)
         }
       )
     ] }),
     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, 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
+  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), g(""));
+      }, 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);
-    }, $ = () => {
-      o(!1), g("");
+    }, 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), g(""));
+    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), g("");
+  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(ge, { 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,28 +788,28 @@ function an({ language: t }) {
       /* @__PURE__ */ e(
         "div",
         {
-          className: P.searchOverlay,
+          className: T.searchOverlay,
           onClick: () => {
-            o(!1), g("");
+            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(ge, { 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) => g(f.target.value),
+                      onChange: (f) => m(f.target.value),
                       onKeyDown: I
                     }
                   ),
@@ -817,42 +817,42 @@ function an({ language: t }) {
                     "button",
                     {
                       type: "button",
-                      className: P.closeButton,
+                      className: T.closeButton,
                       onClick: () => {
-                        o(!1), g("");
+                        o(!1), m("");
                       },
                       "aria-label": "Close search",
                       children: /* @__PURE__ */ e(re, {})
                     }
                   )
                 ] }),
-                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", 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 = {
+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,
@@ -875,20 +875,20 @@ const on = "_header_jrobc_1", sn = "_container_jrobc_24", cn = "_content_jrobc_3
   burgerIcon: dn,
   logo: un,
   nav: hn,
-  navLink: mn,
-  externalIcon: gn,
+  navLink: gn,
+  externalIcon: mn,
   supportDropdown: _n,
   themeDropdown: pn,
   themeButton: fn,
   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 ?? [], [g, 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);
@@ -979,8 +979,8 @@ function In({ onMobileMenuToggle: t }) {
           {
             type: "button",
             className: x.supportButton,
-            onClick: () => h(!g),
-            "aria-expanded": g,
+            onClick: () => h(!m),
+            "aria-expanded": m,
             "aria-haspopup": "true",
             children: [
               n("ui.support"),
@@ -988,14 +988,14 @@ function In({ onMobileMenuToggle: t }) {
             ]
           }
         ),
-        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;
+        m && /* @__PURE__ */ e("div", { className: x.dropdownMenu, children: u.map((c, w) => {
+          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,19 +1031,19 @@ function le({
   styles: t,
   onLanguageChange: n
 }) {
-  const { i18n: s } = O(), a = Q(), r = K(), { config: o } = R(), [u, g] = 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), g(!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) => {
-      h.current && !h.current.contains(i.target) && g(!1);
+      h.current && !h.current.contains(i.target) && m(!1);
     };
     return document.addEventListener("mousedown", p), () => document.removeEventListener("mousedown", p);
   }, []);
@@ -1054,7 +1054,7 @@ function le({
       {
         type: "button",
         className: t.languageButton,
-        onClick: () => g(!u),
+        onClick: () => m(!u),
         "aria-expanded": u,
         "aria-haspopup": "listbox",
         children: [
@@ -1079,29 +1079,29 @@ 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;
       },
       {}
     );
-  }), g = s.language, h = r.navigationData ? te(r.navigationData, g) : [];
+  }), m = s.language, h = r.navigationData ? te(r.navigationData, m) : [];
   S(() => {
     if (!r.navigationData) return;
     const l = te(
       r.navigationData,
-      g
+      m
     ).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;
@@ -1109,7 +1109,7 @@ function ie({ styles: t, onLinkClick: n }) {
       {}
     );
     u(l);
-  }, [g, r.navigationData]);
+  }, [m, 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}/${g}/${i}`;
+    return w[0] && r.supportedLanguages.includes(w[0]) ? `${l}/${w[0]}/${i}` : `${l}/${m}/${i}`;
   }, p = () => {
     n == null || n();
   };
@@ -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,
@@ -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", 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 = {
+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 = {
   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: ma,
-  sectionButton: ga,
+  section: ga,
+  sectionButton: ma,
   expanded: _a,
   sectionItems: pa,
   navItem: fa,
@@ -1278,21 +1278,21 @@ 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]);
   const u = () => {
     o(!r);
-  }, g = () => {
+  }, m = () => {
     o(!1);
   };
   if (!n || !a.supportedLanguages.includes(n))
@@ -1300,7 +1300,7 @@ function ka({ children: t }) {
   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: g }),
+    /* @__PURE__ */ e(Jn, { isOpen: r, onClose: m }),
     /* @__PURE__ */ d("div", { className: J.layout, children: [
       v && /* @__PURE__ */ e(wa, {}),
       /* @__PURE__ */ e(
@@ -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([]), [g, 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 {
@@ -1370,7 +1370,7 @@ function Oa() {
     const b = s.basePath || "";
     r(`${b}/${t.language}/${_}`);
   };
-  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: [
+  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: [
     /* @__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(me, { path: "/:slug", element: /* @__PURE__ */ e(jt, { language: t }) }),
+    /* @__PURE__ */ e(ge, { path: "/:slug", element: /* @__PURE__ */ e(jt, { language: t }) }),
     /* @__PURE__ */ e(
-      me,
+      ge,
       {
         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 g = u.split("/").filter(Boolean), h = g[0];
+    const m = u.split("/").filter(Boolean), h = m[0];
     let v = "";
-    a.supportedLanguages.includes(h) ? (g[0] = r, v = `${o}/${g.join("/")}`) : v = `${o}/${r}${u}`;
+    a.supportedLanguages.includes(h) ? (m[0] = r, v = `${o}/${m.join("/")}`) : v = `${o}/${r}${u}`;
     const _ = v + n.search + n.hash;
     t.changeLanguage(r), s(_);
   };
@@ -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.20",
+  "version": "1.0.21",
   "type": "module",
   "exports": {
     ".": {