@x-wave/blog 2.0.0 → 2.1.1

package/index.js

@@ -1,110 +1,110 @@
-import { jsxs as h, jsx as t, Fragment as X } from "react/jsx-runtime";
-import { usePathname as J, useRouter as U, useParams as Xe } from "next/navigation";
-import { useTranslation as z } from "react-i18next";
-import { CaretLeft as ct, CaretRight as Qe, ArrowSquareOut as rt, User as lt, CalendarBlank as it, X as Le, Tag as dt, MagnifyingGlass as We, List as ut, Monitor as Ne, Moon as Fe, Sun as je, CaretDown as Ce, Globe as ht } from "@phosphor-icons/react";
-import re from "next/link";
-import * as le from "react";
-import { createContext as mt, useState as T, useEffect as D, useContext as _t, useRef as Y, useMemo as Ke } from "react";
-import gt from "react-markdown";
-import pt from "remark-gfm";
-import ft from "i18next";
-import { createPortal as Ye } from "react-dom";
-const vt = "_tabContainer_wncka_1", bt = "_tab_wncka_1", wt = "_active_wncka_46", te = {
-  tabContainer: vt,
-  tab: bt,
-  active: wt
+import { jsxs as d, jsx as e, Fragment as U } from "react/jsx-runtime";
+import { useTranslation as E } from "react-i18next";
+import { useLocation as Y, useNavigate as Q, Link as ue, useParams as be, Navigate as He, Routes as Ye, Route as De } from "react-router-dom";
+import { CaretLeft as Ve, CaretRight as ze, ArrowSquareOut as Je, User as Ze, CalendarBlank as et, X as ke, Tag as tt, MagnifyingGlass as Me, List as nt, Sun as Be, Moon as Ee, Monitor as Re, CaretDown as fe, Globe as at } from "@phosphor-icons/react";
+import { useState as y, useEffect as P, createContext as ot, useContext as st, useRef as G } from "react";
+import ct from "i18next";
+import rt from "react-markdown";
+import lt from "remark-gfm";
+import { createPortal as Fe } from "react-dom";
+const it = "_tabContainer_zk6h4_1", dt = "_tab_zk6h4_1", ut = "_active_zk6h4_45", ne = {
+  tabContainer: it,
+  tab: dt,
+  active: ut
 };
-function kt({ hasAdvanced: e }) {
-  const { t: n } = z(), o = J(), s = U();
-  if (!e) return null;
-  const a = (o || "").replace(/\/$/, ""), r = a.endsWith("/advanced"), c = r ? a.replace(/\/advanced$/, "") : a, d = () => {
-    if (r) {
-      const u = new URLSearchParams(window.location.search).toString();
-      s.push(`${c}${u ? `?${u}` : ""}`);
+function ht({ hasAdvanced: t }) {
+  const { t: n } = E(), o = Y(), a = Q();
+  if (!t) return null;
+  const c = new URLSearchParams(o.search).has("advanced"), i = () => {
+    if (c) {
+      const h = new URLSearchParams(o.search);
+      h.delete("advanced");
+      const u = h.toString(), l = u ? `?${u}` : "";
+      a(`${o.pathname}${l}${o.hash}`);
     }
-  }, i = () => {
-    if (!r) {
-      const u = new URLSearchParams(window.location.search).toString();
-      s.push(`${c}/advanced${u ? `?${u}` : ""}`);
+  }, m = () => {
+    if (!c) {
+      const h = new URLSearchParams(o.search);
+      h.set("advanced", ""), a(`${o.pathname}?${h.toString()}${o.hash}`);
     }
   };
-  return /* @__PURE__ */ h("div", { className: te.tabContainer, children: [
-    /* @__PURE__ */ t(
+  return /* @__PURE__ */ d("div", { className: ne.tabContainer, children: [
+    /* @__PURE__ */ e(
       "button",
       {
         type: "button",
-        className: `${te.tab} ${r ? "" : te.active}`,
-        onClick: d,
+        className: `${ne.tab} ${c ? "" : ne.active}`,
+        onClick: i,
         children: n("ui.simple")
       }
     ),
-    /* @__PURE__ */ t(
+    /* @__PURE__ */ e(
       "button",
       {
         type: "button",
-        className: `${te.tab} ${r ? te.active : ""}`,
-        onClick: i,
+        className: `${ne.tab} ${c ? ne.active : ""}`,
+        onClick: m,
         children: n("ui.advanced")
       }
     )
   ] });
 }
-function Nt({ children: e }) {
-  return /* @__PURE__ */ t("div", { className: "xw-blog-root", children: e });
+function mt({ children: t }) {
+  return /* @__PURE__ */ e("div", { className: "xw-blog-root", children: t });
 }
-function Je(e) {
+function qe(t) {
   function n(o) {
-    const s = o.match(/^---\s*\n([\s\S]*?)\n---\s*\n/);
-    if (!s) return { frontmatter: {}, content: o };
-    const a = {}, r = s[1];
-    let c = "", d = !1;
-    const i = [];
-    for (const u of r.split(`
+    const a = o.match(/^---\s*\n([\s\S]*?)\n---\s*\n/);
+    if (!a) return { frontmatter: {}, content: o };
+    const s = {}, c = a[1];
+    let i = "", m = !1;
+    const h = [];
+    for (const l of c.split(`
 `)) {
-      const g = u.trim();
-      if (g.startsWith("-")) {
-        if (d) {
-          const p = g.substring(1).trim();
-          i.push(p);
+      const f = l.trim();
+      if (f.startsWith("-")) {
+        if (m) {
+          const g = f.substring(1).trim();
+          h.push(g);
         }
         continue;
       }
-      if (d && !g.startsWith("-") && (a[c] = i.slice(), i.length = 0, d = !1), g != null && g.includes(":")) {
-        const [p, ...b] = g.split(":"), v = b.join(":").trim();
-        if (c = p.trim(), !v) {
-          d = !0;
+      if (m && !f.startsWith("-") && (s[i] = h.slice(), h.length = 0, m = !1), f != null && f.includes(":")) {
+        const [g, ...v] = f.split(":"), b = v.join(":").trim();
+        if (i = g.trim(), !b) {
+          m = !0;
           continue;
         }
-        v === "true" ? a[c] = !0 : v === "false" ? a[c] = !1 : a[c] = v;
+        b === "true" ? s[i] = !0 : b === "false" ? s[i] = !1 : s[i] = b;
       }
     }
-    d && i.length > 0 && (a[c] = i);
-    const l = o.replace(
+    m && h.length > 0 && (s[i] = h);
+    const u = o.replace(
       /^---\s*\n[\s\S]*?\n---\s*\n/,
       ""
     );
-    return { frontmatter: a, content: l };
+    return { frontmatter: s, content: u };
   }
   return {
     /**
      * Load MDX content for a given language and slug.
      * Automatically loads the advanced variant if `advanced` is true.
      */
-    async loadMDXContent(o, s, a = !1) {
-      const r = a ? `${s}-advanced.mdx` : `${s}.mdx`, c = `./docs/${o}/${r}`, d = e[c];
-      if (!d) throw new Error(`File not found: ${c}`);
-      const i = await d(), { frontmatter: l, content: u } = n(i);
-      return { content: u, frontmatter: l };
+    async loadMDXContent(o, a, s = !1) {
+      const c = s ? `${a}-advanced.mdx` : `${a}.mdx`, i = `./docs/${o}/${c}`, m = t[i];
+      if (!m) throw new Error(`File not found: ${i}`);
+      const h = await m(), { frontmatter: u, content: l } = n(h);
+      return { content: l, frontmatter: u };
     },
     /**
      * Load English content for generating consistent heading IDs.
      * All heading anchors are derived from English content for stability across translations.
      */
-    async loadEnglishContent(o, s = !1) {
-      const r = `./docs/en/${s ? `${o}-advanced.mdx` : `${o}.mdx`}`, c = e[r];
-      if (!c) throw new Error(`File not found: ${r}`);
-      const d = await c(), { content: i } = n(d);
-      return i;
+    async loadEnglishContent(o, a = !1) {
+      const c = `./docs/en/${a ? `${o}-advanced.mdx` : `${o}.mdx`}`, i = t[c];
+      if (!i) throw new Error(`File not found: ${c}`);
+      const m = await i(), { content: h } = n(m);
+      return h;
     },
     /**
      * Build a tag index from all MDX files.
@@ -114,1069 +114,1011 @@ function Je(e) {
      * @returns Promise resolving to tag index mapping tag names to document info
      */
     async buildTagIndex(o = "en") {
-      const s = {}, a = `./docs/${o}/`, r = Object.keys(e).filter(
-        (c) => c.startsWith(a)
+      const a = {}, s = `./docs/${o}/`, c = Object.keys(t).filter(
+        (i) => i.startsWith(s)
       );
-      for (const c of r)
+      for (const i of c)
         try {
-          const d = e[c], i = await d(), { frontmatter: l, content: u } = n(i), g = c.split("/").pop() || "", p = g.replace(".mdx", "").replace("-advanced", ""), b = typeof l.title == "string" ? l.title : void 0, v = u.match(/^#\s+(.+)$/m), k = b || (v ? v[1].trim() : p);
-          if (g.includes("-advanced")) continue;
-          const $ = l.tags;
-          if ($ && Array.isArray($))
-            for (const N of $)
-              s[N] || (s[N] = []), s[N].some((I) => I.slug === p) || s[N].push({ slug: p, title: k });
-        } catch (d) {
-          console.warn(`Failed to process ${c}:`, d);
+          const m = t[i], h = await m(), { frontmatter: u, content: l } = n(h), f = i.split("/").pop() || "", g = f.replace(".mdx", "").replace("-advanced", ""), v = typeof u.title == "string" ? u.title : void 0, b = l.match(/^#\s+(.+)$/m), r = v || (b ? b[1].trim() : g);
+          if (f.includes("-advanced")) continue;
+          const _ = u.tags;
+          if (_ && Array.isArray(_))
+            for (const N of _)
+              a[N] || (a[N] = []), a[N].some((I) => I.slug === g) || a[N].push({ slug: g, title: r });
+        } catch (m) {
+          console.warn(`Failed to process ${i}:`, m);
         }
-      return s;
+      return a;
     }
   };
 }
-function us(e) {
-  const n = Je(e);
+function Uo(t) {
+  const n = qe(t);
   return {
-    mdxFiles: e,
+    mdxFiles: t,
     loadContent: n.loadMDXContent,
     loadEnglishContent: n.loadEnglishContent
   };
 }
-const Ve = mt(null);
-function hs({
-  children: e,
+const Ae = "app-theme", Ke = () => typeof window > "u" ? "light" : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", Oe = (t) => t === "system" ? Ke() : t, Ue = (t) => {
+  const n = () => t || (typeof window > "u" ? "system" : localStorage.getItem(Ae) || "system"), [o, a] = y(n);
+  return P(() => {
+    const c = Oe(o), i = document.querySelector(".xw-blog-root");
+    if (i && (i.classList.remove("light", "dark"), i.classList.add(c)), o === "system") {
+      const m = window.matchMedia("(prefers-color-scheme: dark)"), h = () => {
+        const u = Ke(), l = document.querySelector(".xw-blog-root");
+        l && (l.classList.remove("light", "dark"), l.classList.add(u));
+      };
+      return m.addEventListener("change", h), () => m.removeEventListener("change", h);
+    }
+  }, [o]), {
+    theme: o,
+    setTheme: (c) => {
+      localStorage.setItem(Ae, c), a(c);
+    },
+    effectiveTheme: Oe(o)
+  };
+}, _t = (t) => "items" in t, se = (t) => "items" in t, he = async (t, n, o) => {
+  const a = [];
+  for (const s of t)
+    if (_t(s)) {
+      const c = [];
+      for (const m of s.items)
+        try {
+          const h = await o(n, m.slug, !1), u = typeof h.frontmatter.title == "string" ? h.frontmatter.title : m.slug;
+          c.push({
+            ...m,
+            title: u
+          });
+        } catch {
+          c.push({
+            ...m,
+            title: m.slug
+          });
+        }
+      const i = ct.getFixedT(n)(s.title);
+      a.push({
+        title: i,
+        items: c,
+        ...s.defaultOpen !== void 0 && {
+          defaultOpen: s.defaultOpen
+        }
+      });
+    } else
+      try {
+        const c = await o(n, s.slug, !1), i = typeof c.frontmatter.title == "string" ? c.frontmatter.title : s.slug;
+        a.push({
+          ...s,
+          title: i
+        });
+      } catch {
+        a.push({
+          ...s,
+          title: s.slug
+        });
+      }
+  return a;
+}, ee = (t) => t.toString().toLowerCase().trim().replace(/[^\w\s-]/g, "").replace(/\s+/g, "-").replace(/-+/g, "-").replace(/^-+|-+$/g, ""), gt = (t, n) => {
+  const o = [];
+  for (const s of n)
+    se(s) ? o.push(...s.items) : o.push({ slug: s.slug, title: s.title });
+  const a = o.findIndex(
+    (s) => s.slug === t
+  );
+  return a === -1 ? {} : {
+    prev: a > 0 ? o[a - 1] : void 0,
+    next: a < o.length - 1 ? o[a + 1] : void 0
+  };
+}, Ge = ot(null);
+function Go({
+  children: t,
   config: n,
   blog: o,
-  navigationData: s = [],
-  initialTagIndex: a
+  navigationData: a = []
 }) {
-  const [r, c] = T(a ?? {});
-  D(() => {
-    if (a || Object.keys(o.mdxFiles).length === 0) return;
-    const { buildTagIndex: i } = Je(o.mdxFiles), l = n.supportedLanguages.map(async (u) => {
+  Ue(n.defaultTheme);
+  const [s, c] = y({});
+  P(() => {
+    const { buildTagIndex: m } = qe(o.mdxFiles), h = n.supportedLanguages.map(async (u) => {
       try {
-        const g = await i(u);
-        return { language: u, index: g };
-      } catch (g) {
-        return console.error(`Failed to build tag index for ${u}:`, g), { language: u, index: {} };
+        const l = await m(u);
+        return { language: u, index: l };
+      } catch (l) {
+        return console.error(`Failed to build tag index for ${u}:`, l), { language: u, index: {} };
       }
     });
-    Promise.all(l).then((u) => {
-      const g = {};
-      for (const p of u)
-        g[p.language] = p.index;
-      c(g);
+    Promise.all(h).then((u) => {
+      const l = {};
+      for (const f of u)
+        l[f.language] = f.index;
+      c(l);
     }).catch((u) => {
       console.error("Failed to build tag indices:", u);
     });
-  }, [o.mdxFiles, n.supportedLanguages, a]);
-  const d = { ...n, navigationData: s, tagIndex: r };
-  return /* @__PURE__ */ t(
-    Ve.Provider,
+  }, [o.mdxFiles, n.supportedLanguages]);
+  const i = { ...n, navigationData: a, tagIndex: s };
+  return /* @__PURE__ */ e(
+    Ge.Provider,
     {
       value: {
-        config: d,
+        config: i,
         loadContent: o.loadContent,
         loadEnglishContent: o.loadEnglishContent
       },
-      children: /* @__PURE__ */ t(Nt, { children: e })
+      children: /* @__PURE__ */ e(mt, { children: t })
     }
   );
 }
 function R() {
-  const e = _t(Ve);
-  if (!e)
+  const t = st(Ge);
+  if (!t)
     throw new Error("useBlogConfig must be used within a BlogProvider");
-  return e;
+  return t;
 }
-function $t(e, n, o) {
-  return `/${o ? `${o}/` : ""}${n}/${e}`;
+function pt(t, n, o) {
+  return `/${o ? `${o}/` : ""}${n}/${t}`;
 }
-function It(e) {
+function Qe(t) {
   const n = {
+    advanced: !1,
     anchor: ""
   };
-  if (!e) return n;
-  const o = e.startsWith("?") ? e.substring(1) : e, a = new URLSearchParams(o).get("a");
-  return n.anchor = a || "", n;
+  if (!t) return n;
+  const a = (t.startsWith("?") ? t.substring(1) : t).split("&");
+  for (const s of a)
+    s === "advanced" ? n.advanced = !0 : s.startsWith("a=") && (n.anchor = s.substring(2));
+  return n;
 }
-function Ue(e, n = 80) {
-  const o = document.getElementById(e);
+function je(t, n = 80) {
+  const o = document.getElementById(t);
   if (o) {
-    const a = o.getBoundingClientRect().top + window.pageYOffset - n;
+    const s = o.getBoundingClientRect().top + window.pageYOffset - n;
     window.scrollTo({
-      top: a,
+      top: s,
       behavior: "smooth"
     });
   }
 }
-function Ct(e) {
-  const n = new URL(window.location.href), o = new URLSearchParams(n.search);
-  o.set("a", e), n.search = `?${o.toString()}`, window.history.pushState(null, "", n.toString());
+function ft(t, n = !1) {
+  const o = new URL(window.location.href), a = new URLSearchParams(o.search);
+  a.set("a", t), n && a.set("advanced", ""), o.search = `?${a.toString()}`, window.history.pushState(null, "", o.toString());
 }
-function Tt(e = "smooth") {
+function vt(t = "smooth") {
   window.scrollTo({
     top: 0,
     left: 0,
-    behavior: e
+    behavior: t
   });
 }
-const yt = "_articleNavigation_kz84g_1", xt = "_navContainer_kz84g_7", Lt = "_navLink_kz84g_24", St = "_navLinkContent_kz84g_61", Pt = "_navIcon_kz84g_76", Mt = "_navText_kz84g_83", Dt = "_navLabel_kz84g_90", Bt = "_navTitle_kz84g_98", A = {
-  articleNavigation: yt,
-  navContainer: xt,
-  navLink: Lt,
-  navLinkContent: St,
-  navIcon: Pt,
-  navText: Mt,
-  navLabel: Dt,
-  navTitle: Bt
+const bt = "_articleNavigation_kz84g_1", kt = "_navContainer_kz84g_7", Nt = "_navLink_kz84g_24", wt = "_navLinkContent_kz84g_61", $t = "_navIcon_kz84g_76", Ct = "_navText_kz84g_83", It = "_navLabel_kz84g_90", xt = "_navTitle_kz84g_98", O = {
+  articleNavigation: bt,
+  navContainer: kt,
+  navLink: Nt,
+  navLinkContent: wt,
+  navIcon: $t,
+  navText: Ct,
+  navLabel: It,
+  navTitle: xt
 };
-function Et({
-  prevSlug: e,
+function yt({
+  prevSlug: t,
   prevTitle: n,
   nextSlug: o,
-  nextTitle: s,
-  language: a
+  nextTitle: a,
+  language: s
 }) {
-  const { t: r } = z(), { config: c } = R(), d = J(), i = !!(d != null && d.endsWith("/advanced")), l = c.basePath || "", u = l ? `${l}/` : "", g = (b) => {
-    const v = `/${u}${a}/${b}`;
-    return i ? `${v}/advanced` : v;
+  const { t: c } = E(), { config: i } = R(), m = Y(), u = Qe(m.search).advanced, l = i.basePath || "", f = (v) => {
+    const b = `${l}/${s}/${v}`;
+    return u ? `${b}?advanced=true` : b;
   };
-  if (!e && !o)
+  if (!t && !o)
     return null;
-  const p = () => {
-    Tt("auto");
+  const g = () => {
+    vt("auto");
   };
-  return /* @__PURE__ */ t("nav", { className: A.articleNavigation, "aria-label": "Article navigation", children: /* @__PURE__ */ h("div", { className: A.navContainer, children: [
-    e ? /* @__PURE__ */ t(
-      re,
+  return /* @__PURE__ */ e("nav", { className: O.articleNavigation, "aria-label": "Article navigation", children: /* @__PURE__ */ d("div", { className: O.navContainer, children: [
+    t ? /* @__PURE__ */ e(
+      ue,
       {
-        href: g(e),
-        className: A.navLink,
-        onClick: p,
-        children: /* @__PURE__ */ h("div", { className: A.navLinkContent, children: [
-          /* @__PURE__ */ t("div", { className: A.navIcon, children: /* @__PURE__ */ t(ct, { size: 20, weight: "bold" }) }),
-          /* @__PURE__ */ h("div", { className: A.navText, children: [
-            /* @__PURE__ */ t("span", { className: A.navLabel, children: r("nav.previous") }),
-            /* @__PURE__ */ t("span", { className: A.navTitle, children: n || e })
+        to: f(t),
+        className: O.navLink,
+        onClick: g,
+        children: /* @__PURE__ */ d("div", { className: O.navLinkContent, children: [
+          /* @__PURE__ */ e("div", { className: O.navIcon, children: /* @__PURE__ */ e(Ve, { size: 20, weight: "bold" }) }),
+          /* @__PURE__ */ d("div", { className: O.navText, children: [
+            /* @__PURE__ */ e("span", { className: O.navLabel, children: c("nav.previous") }),
+            /* @__PURE__ */ e("span", { className: O.navTitle, children: n || t })
           ] })
         ] })
       }
-    ) : /* @__PURE__ */ t("div", {}),
-    o ? /* @__PURE__ */ t(
-      re,
+    ) : /* @__PURE__ */ e("div", {}),
+    o ? /* @__PURE__ */ e(
+      ue,
       {
-        href: g(o),
-        className: A.navLink,
-        onClick: p,
-        children: /* @__PURE__ */ h("div", { className: A.navLinkContent, children: [
-          /* @__PURE__ */ h("div", { className: A.navText, children: [
-            /* @__PURE__ */ t("span", { className: A.navLabel, children: r("nav.next") }),
-            /* @__PURE__ */ t("span", { className: A.navTitle, children: s || o })
+        to: f(o),
+        className: O.navLink,
+        onClick: g,
+        children: /* @__PURE__ */ d("div", { className: O.navLinkContent, children: [
+          /* @__PURE__ */ d("div", { className: O.navText, children: [
+            /* @__PURE__ */ e("span", { className: O.navLabel, children: c("nav.next") }),
+            /* @__PURE__ */ e("span", { className: O.navTitle, children: a || o })
           ] }),
-          /* @__PURE__ */ t("div", { className: A.navIcon, children: /* @__PURE__ */ t(Qe, { size: 20, weight: "bold" }) })
+          /* @__PURE__ */ e("div", { className: O.navIcon, children: /* @__PURE__ */ e(ze, { size: 20, weight: "bold" }) })
         ] })
       }
-    ) : /* @__PURE__ */ t("div", {})
+    ) : /* @__PURE__ */ e("div", {})
   ] }) });
 }
-const zt = "_blogSidebar_1ik3q_1", At = "_section_1ik3q_21", Ot = "_sectionTitle_1ik3q_28", Rt = "_linksList_1ik3q_36", Ht = "_link_1ik3q_36", ne = {
-  blogSidebar: zt,
-  section: At,
-  sectionTitle: Ot,
-  linksList: Rt,
-  link: Ht
+const Tt = "_blogSidebar_1ik3q_1", Lt = "_section_1ik3q_21", Pt = "_sectionTitle_1ik3q_28", St = "_linksList_1ik3q_36", Dt = "_link_1ik3q_36", ae = {
+  blogSidebar: Tt,
+  section: Lt,
+  sectionTitle: Pt,
+  linksList: St,
+  link: Dt
 };
-function Wt() {
-  const { t: e } = z(), { config: n } = R(), o = n.socialLinks || [];
-  return o.length === 0 ? null : /* @__PURE__ */ t("aside", { className: ne.blogSidebar, children: /* @__PURE__ */ h("div", { className: ne.section, children: [
-    /* @__PURE__ */ t("h3", { className: ne.sectionTitle, children: e("ui.connect") }),
-    /* @__PURE__ */ t("div", { className: ne.linksList, children: o.map((s, a) => {
-      const r = s.icon || rt, c = s.target === "_blank";
-      return /* @__PURE__ */ h(
+function Mt() {
+  const { t } = E(), { config: n } = R(), o = n.socialLinks || [];
+  return o.length === 0 ? null : /* @__PURE__ */ e("aside", { className: ae.blogSidebar, children: /* @__PURE__ */ d("div", { className: ae.section, children: [
+    /* @__PURE__ */ e("h3", { className: ae.sectionTitle, children: t("ui.connect") }),
+    /* @__PURE__ */ e("div", { className: ae.linksList, children: o.map((a, s) => {
+      const c = a.icon || Je, i = a.target === "_blank";
+      return /* @__PURE__ */ d(
         "a",
         {
-          href: s.url,
-          className: ne.link,
-          target: s.target || "_blank",
-          rel: c ? "noopener noreferrer" : void 0,
+          href: a.url,
+          className: ae.link,
+          target: a.target || "_blank",
+          rel: i ? "noopener noreferrer" : void 0,
           children: [
-            /* @__PURE__ */ t(r, { size: 18, weight: "duotone" }),
-            /* @__PURE__ */ t("span", { children: s.label })
+            /* @__PURE__ */ e(c, { size: 18, weight: "duotone" }),
+            /* @__PURE__ */ e("span", { children: a.label })
           ]
         },
-        a
+        s
       );
     }) })
   ] }) });
 }
-const Ft = "_breadcrumb_rarc4_1", jt = "_breadcrumbList_rarc4_5", Kt = "_breadcrumbItem_rarc4_15", Ut = "_breadcrumbLink_rarc4_21", qt = "_breadcrumbSeparator_rarc4_41", Gt = "_breadcrumbCurrent_rarc4_46", Q = {
-  breadcrumb: Ft,
-  breadcrumbList: jt,
-  breadcrumbItem: Kt,
-  breadcrumbLink: Ut,
-  breadcrumbSeparator: qt,
-  breadcrumbCurrent: Gt
+const Bt = "_breadcrumb_rarc4_1", Et = "_breadcrumbList_rarc4_5", Rt = "_breadcrumbItem_rarc4_15", At = "_breadcrumbLink_rarc4_21", Ot = "_breadcrumbSeparator_rarc4_41", jt = "_breadcrumbCurrent_rarc4_46", X = {
+  breadcrumb: Bt,
+  breadcrumbList: Et,
+  breadcrumbItem: Rt,
+  breadcrumbLink: At,
+  breadcrumbSeparator: Ot,
+  breadcrumbCurrent: jt
 };
-function Xt({ articleTitle: e, language: n }) {
-  const { t: o } = z(), { config: s } = R(), a = U(), c = `${s.basePath || ""}/${n}`, d = (l) => {
-    l.preventDefault(), window.scrollTo({ top: 0, left: 0, behavior: "auto" }), a.push(c);
-  }, i = (l, u = 60) => l.length <= u ? l : `${l.substring(0, u)}…`;
-  return /* @__PURE__ */ t("nav", { className: Q.breadcrumb, "aria-label": "Breadcrumb", children: /* @__PURE__ */ h("ol", { className: Q.breadcrumbList, children: [
-    /* @__PURE__ */ t("li", { className: Q.breadcrumbItem, children: /* @__PURE__ */ t(
+function Wt({ articleTitle: t, language: n }) {
+  const { t: o } = E(), { config: a } = R(), s = Q(), i = `${a.basePath || ""}/${n}`, m = (u) => {
+    u.preventDefault(), window.scrollTo({ top: 0, left: 0, behavior: "auto" }), s(i);
+  }, h = (u, l = 60) => u.length <= l ? u : `${u.substring(0, l)}…`;
+  return /* @__PURE__ */ e("nav", { className: X.breadcrumb, "aria-label": "Breadcrumb", children: /* @__PURE__ */ d("ol", { className: X.breadcrumbList, children: [
+    /* @__PURE__ */ e("li", { className: X.breadcrumbItem, children: /* @__PURE__ */ e(
       "button",
       {
-        onClick: d,
-        className: Q.breadcrumbLink,
+        onClick: m,
+        className: X.breadcrumbLink,
         type: "button",
         children: o("ui.home")
       }
     ) }),
-    /* @__PURE__ */ h("li", { className: Q.breadcrumbItem, children: [
-      /* @__PURE__ */ t("span", { className: Q.breadcrumbSeparator, children: "/" }),
-      /* @__PURE__ */ t("span", { className: Q.breadcrumbCurrent, children: i(e) })
+    /* @__PURE__ */ d("li", { className: X.breadcrumbItem, children: [
+      /* @__PURE__ */ e("span", { className: X.breadcrumbSeparator, children: "/" }),
+      /* @__PURE__ */ e("span", { className: X.breadcrumbCurrent, children: h(t) })
     ] })
   ] }) });
 }
-var Qt = (e, n, o, s, a, r, c, d) => {
-  let i = document.documentElement, l = ["light", "dark"];
-  function u(b) {
-    (Array.isArray(e) ? e : [e]).forEach((v) => {
-      let k = v === "class", $ = k && r ? a.map((N) => r[N] || N) : a;
-      k ? (i.classList.remove(...$), i.classList.add(r && r[b] ? r[b] : b)) : i.setAttribute(v, b);
-    }), g(b);
-  }
-  function g(b) {
-    d && l.includes(b) && (i.style.colorScheme = b);
-  }
-  function p() {
-    return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
-  }
-  if (s) u(s);
-  else try {
-    let b = localStorage.getItem(n) || o, v = c && b === "system" ? p() : b;
-    u(v);
-  } catch {
-  }
-}, Yt = le.createContext(void 0), Jt = { setTheme: (e) => {
-}, themes: [] }, Vt = () => {
-  var e;
-  return (e = le.useContext(Yt)) != null ? e : Jt;
+const Ht = "_metadata_bsge0_1", zt = "_author_bsge0_9", Ft = "_date_bsge0_10", pe = {
+  metadata: Ht,
+  author: zt,
+  date: Ft
 };
-le.memo(({ forcedTheme: e, storageKey: n, attribute: o, enableSystem: s, enableColorScheme: a, defaultTheme: r, value: c, themes: d, nonce: i, scriptProps: l }) => {
-  let u = JSON.stringify([o, n, r, e, d, c, s, a]).slice(1, -1);
-  return le.createElement("script", { ...l, suppressHydrationWarning: !0, nonce: typeof window > "u" ? i : "", dangerouslySetInnerHTML: { __html: `(${Qt.toString()})(${u})` } });
-});
-const Zt = () => {
-  const {
-    theme: e,
-    setTheme: n,
-    resolvedTheme: o
-  } = Vt(), [s, a] = T(!1);
-  return D(() => {
-    a(!0);
-  }, []), {
-    theme: e || "system",
-    setTheme: (i) => {
-      n(i);
-    },
-    effectiveTheme: o || "light",
-    isMounted: s
-  };
-}, en = (e) => "items" in e, oe = (e) => "items" in e, ie = async (e, n, o) => {
-  const s = [];
-  for (const a of e)
-    if (en(a)) {
-      const r = [];
-      for (const d of a.items)
-        try {
-          const i = await o(n, d.slug, !1), l = typeof i.frontmatter.title == "string" ? i.frontmatter.title : d.slug;
-          r.push({
-            ...d,
-            title: l
-          });
-        } catch {
-          r.push({
-            ...d,
-            title: d.slug
-          });
-        }
-      const c = ft.getFixedT(n)(a.title);
-      s.push({
-        title: c,
-        items: r,
-        ...a.defaultOpen !== void 0 && {
-          defaultOpen: a.defaultOpen
-        }
-      });
-    } else
-      try {
-        const r = await o(n, a.slug, !1), c = typeof r.frontmatter.title == "string" ? r.frontmatter.title : a.slug;
-        s.push({
-          ...a,
-          title: c
-        });
-      } catch {
-        s.push({
-          ...a,
-          title: a.slug
-        });
-      }
-  return s;
-}, Te = (e) => e.toString().toLowerCase().trim().replace(/[^\w\s-]/g, "").replace(/\s+/g, "-").replace(/-+/g, "-").replace(/^-+|-+$/g, ""), tn = (e, n) => {
-  const o = [];
-  for (const a of n)
-    oe(a) ? o.push(...a.items) : o.push({ slug: a.slug, title: a.title });
-  const s = o.findIndex(
-    (a) => a.slug === e
-  );
-  return s === -1 ? {} : {
-    prev: s > 0 ? o[s - 1] : void 0,
-    next: s < o.length - 1 ? o[s + 1] : void 0
-  };
-};
-function nn() {
-  const [e, n] = T(""), o = () => {
-    if (typeof window > "u" || window.__blogHistoryPatched)
-      return;
-    const s = (a) => function(...c) {
-      const d = a.apply(this, c);
-      return setTimeout(() => {
-        window.dispatchEvent(new Event("urlchange"));
-      }, 0), d;
-    };
-    history.pushState = s(history.pushState), history.replaceState = s(history.replaceState), window.__blogHistoryPatched = !0;
-  };
-  return D(() => {
-    o(), n(window.location.search);
-    const s = () => n(window.location.search);
-    return window.addEventListener("popstate", s), window.addEventListener("urlchange", s), () => {
-      window.removeEventListener("popstate", s), window.removeEventListener("urlchange", s);
-    };
-  }, []), e;
-}
-function ms() {
-  return {
-    openSearchModal: () => {
-      window.dispatchEvent(new CustomEvent("blog:open-search"));
-    },
-    closeSearchModal: () => {
-      window.dispatchEvent(new CustomEvent("blog:close-search"));
-    }
-  };
-}
-function _s() {
-  const { i18n: e } = z(), n = J(), o = U(), { config: s } = R();
-  return (a) => {
-    const r = s.basePath || "";
-    let c = n || "";
-    r && c.startsWith(r) && (c = c.slice(r.length));
-    const d = c.split("/").filter(Boolean), i = d[0];
-    let l = "";
-    s.supportedLanguages.includes(i) ? (d[0] = a, l = `${r}/${d.join("/")}`) : l = `${r}/${a}${c}`;
-    const u = typeof window < "u" ? window.location.search.slice(1) : "", g = u ? `${l}?${u}` : l;
-    e.changeLanguage(a), o.push(g);
-  };
-}
-const an = "_metadata_bsge0_1", on = "_author_bsge0_9", sn = "_date_bsge0_10", $e = {
-  metadata: an,
-  author: on,
-  date: sn
-};
-function ye({ date: e, author: n }) {
-  const { t: o } = z();
-  return !e && !n ? null : /* @__PURE__ */ h("div", { className: $e.metadata, children: [
-    n && /* @__PURE__ */ h("span", { className: $e.author, children: [
-      /* @__PURE__ */ t(lt, { size: 16, weight: "regular" }),
+function ve({ date: t, author: n }) {
+  const { t: o } = E();
+  return !t && !n ? null : /* @__PURE__ */ d("div", { className: pe.metadata, children: [
+    n && /* @__PURE__ */ d("span", { className: pe.author, children: [
+      /* @__PURE__ */ e(Ze, { size: 16, weight: "regular" }),
       n
     ] }),
-    e && /* @__PURE__ */ h("span", { className: $e.date, children: [
-      /* @__PURE__ */ t(it, { size: 16, weight: "regular" }),
+    t && /* @__PURE__ */ d("span", { className: pe.date, children: [
+      /* @__PURE__ */ e(et, { size: 16, weight: "regular" }),
       o("ui.lastEdited"),
       ": ",
-      e
+      t
     ] })
   ] });
 }
-const cn = "_tableOfContents_9ofak_1", rn = "_header_9ofak_21", ln = "_title_9ofak_25", dn = "_nav_9ofak_34", un = "_list_9ofak_40", hn = "_link_9ofak_47", mn = "_active_9ofak_71", _n = "_level1_9ofak_87", gn = "_level2_9ofak_93", pn = "_level3_9ofak_98", fn = "_level4_9ofak_104", vn = "_level5_9ofak_110", bn = "_level6_9ofak_116", K = {
-  tableOfContents: cn,
-  header: rn,
-  title: ln,
-  nav: dn,
-  list: un,
-  link: hn,
-  active: mn,
-  level1: _n,
-  level2: gn,
-  level3: pn,
-  level4: fn,
-  level5: vn,
-  level6: bn
+const qt = "_tableOfContents_9ofak_1", Kt = "_header_9ofak_21", Ut = "_title_9ofak_25", Gt = "_nav_9ofak_34", Qt = "_list_9ofak_40", Xt = "_link_9ofak_47", Yt = "_active_9ofak_71", Vt = "_level1_9ofak_87", Jt = "_level2_9ofak_93", Zt = "_level3_9ofak_98", en = "_level4_9ofak_104", tn = "_level5_9ofak_110", nn = "_level6_9ofak_116", F = {
+  tableOfContents: qt,
+  header: Kt,
+  title: Ut,
+  nav: Gt,
+  list: Qt,
+  link: Xt,
+  active: Yt,
+  level1: Vt,
+  level2: Jt,
+  level3: Zt,
+  level4: en,
+  level5: tn,
+  level6: nn
 };
-function wn({ headings: e }) {
-  const { t: n } = z(), o = J(), s = U(), [a, r] = T(""), c = Y(null);
-  D(() => {
-    if (e.length === 0) return;
-    const i = e.map((l) => document.getElementById(l.id)).filter(Boolean);
-    if (i.length !== 0)
-      return c.current && c.current.disconnect(), c.current = new IntersectionObserver(
-        (l) => {
-          const u = l.filter((g) => g.isIntersecting);
-          if (u.length > 0) {
-            const g = u.reduce((p, b) => p.boundingClientRect.top < b.boundingClientRect.top ? p : b);
-            r(g.target.id);
+function an({
+  content: t,
+  englishContent: n
+}) {
+  const { t: o } = E(), a = Y(), s = Q(), [c, i] = y([]), [m, h] = y(""), u = G(null);
+  P(() => {
+    h(""), (() => {
+      const g = /^(#{1,6})\s+(.+)$/gm, v = [];
+      let b = g.exec(t);
+      const r = [];
+      for (; b !== null; ) {
+        const D = b[1].length, z = b[2].trim();
+        r.push({ level: D, text: z }), b = g.exec(t);
+      }
+      const _ = /^(#{1,6})\s+(.+)$/gm;
+      let N = _.exec(n), I = 0;
+      for (; N !== null && I < r.length; ) {
+        const D = N[2].trim(), z = ee(D);
+        v.push({
+          id: z,
+          text: r[I].text,
+          // Use localized text for display
+          level: r[I].level
+        }), I++, N = _.exec(n);
+      }
+      i(v);
+    })();
+  }, [t, n]), P(() => {
+    if (c.length === 0) return;
+    const f = setTimeout(() => {
+      const g = c.filter(
+        (v) => !document.getElementById(v.id)
+      );
+      g.length > 0 && console.warn("Some heading elements not found:", g);
+    }, 100);
+    return () => clearTimeout(f);
+  }, [c]), P(() => {
+    if (c.length === 0) return;
+    u.current && u.current.disconnect();
+    const f = setTimeout(() => {
+      const g = c.map((v) => document.getElementById(v.id)).filter(Boolean);
+      g.length !== 0 && (u.current = new IntersectionObserver(
+        (v) => {
+          const b = v.filter((r) => r.isIntersecting);
+          if (b.length > 0) {
+            const r = b.reduce((_, N) => _.boundingClientRect.top < N.boundingClientRect.top ? _ : N);
+            h(r.target.id);
           }
         },
         {
           rootMargin: "-80px 0% -80% 0%",
           threshold: 0
         }
-      ), i.forEach((l) => {
-        c.current && c.current.observe(l);
-      }), () => {
-        c.current && c.current.disconnect();
-      };
-  }, [e]);
-  const d = (i) => {
-    const l = document.getElementById(i);
-    if (l) {
-      const u = new URLSearchParams(window.location.search);
-      u.set("a", i), s.replace(`${o}?${u.toString()}`, { scroll: !1 });
-      const b = l.getBoundingClientRect().top + window.pageYOffset - 80;
+      ), g.forEach((v) => {
+        u.current && u.current.observe(v);
+      }));
+    }, 150);
+    return () => {
+      clearTimeout(f), u.current && u.current.disconnect();
+    };
+  }, [c]), P(() => () => {
+    u.current && u.current.disconnect();
+  }, []);
+  const l = (f) => {
+    const g = document.getElementById(f);
+    if (g) {
+      const v = new URLSearchParams(a.search);
+      v.set("a", f), s(
+        `${a.pathname}?${v.toString()}${a.hash}`,
+        {
+          replace: !0
+        }
+      );
+      const _ = g.getBoundingClientRect().top + window.pageYOffset - 80;
       window.scrollTo({
-        top: b,
+        top: _,
         behavior: "smooth"
       });
     }
   };
-  return e.length === 0 ? null : /* @__PURE__ */ h("aside", { className: K.tableOfContents, children: [
-    /* @__PURE__ */ t("div", { className: K.header, children: /* @__PURE__ */ t("span", { className: K.title, children: n("ui.onThisPage", "On this page") }) }),
-    /* @__PURE__ */ t("nav", { className: K.nav, children: /* @__PURE__ */ t("ul", { className: K.list, children: e.map((i) => /* @__PURE__ */ t("li", { className: K.item, children: /* @__PURE__ */ t(
+  return c.length === 0 ? null : /* @__PURE__ */ d("aside", { className: F.tableOfContents, children: [
+    /* @__PURE__ */ e("div", { className: F.header, children: /* @__PURE__ */ e("span", { className: F.title, children: o("ui.onThisPage", "On this page") }) }),
+    /* @__PURE__ */ e("nav", { className: F.nav, children: /* @__PURE__ */ e("ul", { className: F.list, children: c.map((f) => /* @__PURE__ */ e("li", { className: F.item, children: /* @__PURE__ */ e(
       "button",
       {
-        className: `${K.link} ${K[`level${i.level}`]} ${a === i.id ? K.active : ""}`,
-        onClick: () => d(i.id),
+        className: `${F.link} ${F[`level${f.level}`]} ${m === f.id ? F.active : ""}`,
+        onClick: () => l(f.id),
         type: "button",
-        children: i.text
+        children: f.text
       }
-    ) }, i.id)) }) })
+    ) }, f.id)) }) })
   ] });
 }
-const kn = "_overlay_1e1d4_1", Nn = "_modal_1e1d4_26", $n = "_header_1e1d4_50", In = "_title_1e1d4_58", Cn = "_closeButton_1e1d4_65", Tn = "_results_1e1d4_86", yn = "_resultsList_1e1d4_94", xn = "_resultItem_1e1d4_100", Ln = "_resultTitle_1e1d4_119", Sn = "_resultSlug_1e1d4_124", Pn = "_noResults_1e1d4_130", j = {
-  overlay: kn,
-  modal: Nn,
-  header: $n,
-  title: In,
-  closeButton: Cn,
-  results: Tn,
-  resultsList: yn,
-  resultItem: xn,
-  resultTitle: Ln,
-  resultSlug: Sn,
-  noResults: Pn
+const on = "_overlay_1e1d4_1", sn = "_modal_1e1d4_26", cn = "_header_1e1d4_50", rn = "_title_1e1d4_58", ln = "_closeButton_1e1d4_65", dn = "_results_1e1d4_86", un = "_resultsList_1e1d4_94", hn = "_resultItem_1e1d4_100", mn = "_resultTitle_1e1d4_119", _n = "_resultSlug_1e1d4_124", gn = "_noResults_1e1d4_130", H = {
+  overlay: on,
+  modal: sn,
+  header: cn,
+  title: rn,
+  closeButton: ln,
+  results: dn,
+  resultsList: un,
+  resultItem: hn,
+  resultTitle: mn,
+  resultSlug: _n,
+  noResults: gn
 };
-function Mn({
-  tag: e,
+function pn({
+  tag: t,
   results: n,
   language: o,
-  onClose: s
+  onClose: a
 }) {
-  const { t: a } = z(), { config: r } = R(), c = U(), d = (i) => {
-    const l = r.basePath || "";
-    c.push(`${l}/${o}/${i}`), s();
+  const { t: s } = E(), { config: c } = R(), i = Q(), m = (h) => {
+    const u = c.basePath || "";
+    i(`${u}/${o}/${h}`), a();
   };
-  return Ye(
-    /* @__PURE__ */ t("div", { className: j.overlay, onClick: s, children: /* @__PURE__ */ h("div", { className: j.modal, onClick: (i) => i.stopPropagation(), children: [
-      /* @__PURE__ */ h("div", { className: j.header, children: [
-        /* @__PURE__ */ h("h2", { className: j.title, children: [
-          a("ui.tagResults"),
+  return Fe(
+    /* @__PURE__ */ e("div", { className: H.overlay, onClick: a, children: /* @__PURE__ */ d("div", { className: H.modal, onClick: (h) => h.stopPropagation(), children: [
+      /* @__PURE__ */ d("div", { className: H.header, children: [
+        /* @__PURE__ */ d("h2", { className: H.title, children: [
+          s("ui.tagResults"),
           ": ",
-          e
+          t
         ] }),
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ e(
           "button",
           {
             type: "button",
-            className: j.closeButton,
-            onClick: s,
+            className: H.closeButton,
+            onClick: a,
             "aria-label": "Close",
-            children: /* @__PURE__ */ t(Le, {})
+            children: /* @__PURE__ */ e(ke, {})
           }
         )
       ] }),
-      /* @__PURE__ */ t("div", { className: j.results, children: n.length === 0 ? /* @__PURE__ */ t("div", { className: j.noResults, children: a("ui.noTagResults") }) : /* @__PURE__ */ t("ul", { className: j.resultsList, children: n.map((i) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ h(
+      /* @__PURE__ */ e("div", { className: H.results, children: n.length === 0 ? /* @__PURE__ */ e("div", { className: H.noResults, children: s("ui.noTagResults") }) : /* @__PURE__ */ e("ul", { className: H.resultsList, children: n.map((h) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ d(
         "button",
         {
           type: "button",
-          className: j.resultItem,
-          onClick: () => d(i.slug),
+          className: H.resultItem,
+          onClick: () => m(h.slug),
           children: [
-            /* @__PURE__ */ t("div", { className: j.resultTitle, children: i.title }),
-            /* @__PURE__ */ h("div", { className: j.resultSlug, children: [
+            /* @__PURE__ */ e("div", { className: H.resultTitle, children: h.title }),
+            /* @__PURE__ */ d("div", { className: H.resultSlug, children: [
               "/",
-              i.slug
+              h.slug
             ] })
           ]
         }
-      ) }, i.slug)) }) })
+      ) }, h.slug)) }) })
     ] }) }),
     document.body
   );
 }
-const Dn = "_tags_11t8a_1", Bn = "_compact_11t8a_9", En = "_tagLabel_11t8a_15", zn = "_tagIcon_11t8a_25", An = "_tagList_11t8a_30", On = "_tag_11t8a_1", Z = {
-  tags: Dn,
-  compact: Bn,
-  tagLabel: En,
-  tagIcon: zn,
-  tagList: An,
-  tag: On
+const fn = "_tags_11t8a_1", vn = "_compact_11t8a_9", bn = "_tagLabel_11t8a_15", kn = "_tagIcon_11t8a_25", Nn = "_tagList_11t8a_30", wn = "_tag_11t8a_1", Z = {
+  tags: fn,
+  compact: vn,
+  tagLabel: bn,
+  tagIcon: kn,
+  tagList: Nn,
+  tag: wn
 };
-function Rn({ tags: e, variant: n = "default", onTagClick: o }) {
-  const { t: s } = z();
-  if (!e || e.length === 0) return null;
-  const a = (r) => {
-    o && o(r);
+function $n({ tags: t, variant: n = "default", onTagClick: o }) {
+  const { t: a } = E();
+  if (!t || t.length === 0) return null;
+  const s = (c) => {
+    o && o(c);
   };
-  return /* @__PURE__ */ h(
+  return /* @__PURE__ */ d(
     "div",
     {
       className: `${Z.tags} ${n === "compact" ? Z.compact : ""}`,
       children: [
-        n === "default" && /* @__PURE__ */ h("div", { className: Z.tagLabel, children: [
-          /* @__PURE__ */ t(dt, { className: Z.tagIcon, weight: "duotone" }),
-          /* @__PURE__ */ h("span", { children: [
-            s("ui.tags"),
+        n === "default" && /* @__PURE__ */ d("div", { className: Z.tagLabel, children: [
+          /* @__PURE__ */ e(tt, { className: Z.tagIcon, weight: "duotone" }),
+          /* @__PURE__ */ d("span", { children: [
+            a("ui.tags"),
             ":"
           ] })
         ] }),
-        /* @__PURE__ */ t("div", { className: Z.tagList, children: e.map((r) => /* @__PURE__ */ t(
+        /* @__PURE__ */ e("div", { className: Z.tagList, children: t.map((c) => /* @__PURE__ */ e(
           "button",
           {
             type: "button",
             className: Z.tag,
-            onClick: () => a(r),
-            "aria-label": `${s("ui.filterByTag")}: ${r}`,
-            children: r
+            onClick: () => s(c),
+            "aria-label": `${a("ui.filterByTag")}: ${c}`,
+            children: c
           },
-          r
+          c
         )) })
       ]
     }
   );
 }
-const Hn = "_contentPage_818m0_1", Wn = "_loadingContainer_818m0_48", Fn = "_errorContainer_818m0_49", jn = "_skeletonTitle_818m0_71", Kn = "_skeletonParagraph_818m0_80", Un = "_skeletonParagraphShort_818m0_93", qn = "_errorText_818m0_107", Gn = "_mdxContent_818m0_112", Xn = "_withMetadata_818m0_125", Qn = "_codeBlock_818m0_300", Yn = "_codeLanguage_818m0_304", E = {
-  contentPage: Hn,
-  loadingContainer: Wn,
-  errorContainer: Fn,
-  skeletonTitle: jn,
-  skeletonParagraph: Kn,
-  skeletonParagraphShort: Un,
-  errorText: qn,
-  mdxContent: Gn,
-  withMetadata: Xn,
-  codeBlock: Qn,
-  codeLanguage: Yn
-}, xe = /^(#{1,6})\s+(.+)$/gm, Ze = (e) => {
-  if (!e) return [];
-  const n = e.matchAll(new RegExp(xe));
-  return Array.from(n, (o) => o[2].trim());
-}, qe = (e) => {
-  const n = e.match(/^\s*#\s+(.+)\s*(?:\n+|$)/);
+const Cn = "_contentPage_818m0_1", In = "_loadingContainer_818m0_48", xn = "_errorContainer_818m0_49", yn = "_skeletonTitle_818m0_71", Tn = "_skeletonParagraph_818m0_80", Ln = "_skeletonParagraphShort_818m0_93", Pn = "_errorText_818m0_107", Sn = "_mdxContent_818m0_112", Dn = "_withMetadata_818m0_125", Mn = "_codeBlock_818m0_300", Bn = "_codeLanguage_818m0_304", B = {
+  contentPage: Cn,
+  loadingContainer: In,
+  errorContainer: xn,
+  skeletonTitle: yn,
+  skeletonParagraph: Tn,
+  skeletonParagraphShort: Ln,
+  errorText: Pn,
+  mdxContent: Sn,
+  withMetadata: Dn,
+  codeBlock: Mn,
+  codeLanguage: Bn
+}, We = (t) => {
+  const n = t.match(/^\s*#\s+(.+)\s*(?:\n+|$)/);
   return n ? {
     title: n[1].trim(),
-    content: e.replace(/^\s*#\s+.+\s*(?:\n+|$)/, "")
-  } : { title: void 0, content: e };
+    content: t.replace(/^\s*#\s+.+\s*(?:\n+|$)/, "")
+  } : { title: void 0, content: t };
 };
-function Jn(e, n) {
-  const o = Array.from(
-    e.matchAll(new RegExp(xe))
-  ), s = Array.from(
-    n.matchAll(new RegExp(xe))
-  );
-  return o.map((a, r) => {
-    var c, d;
-    return {
-      id: Te(
-        ((d = (c = s[r]) == null ? void 0 : c[2]) == null ? void 0 : d.trim()) || a[2].trim()
-      ),
-      text: a[2].trim(),
-      level: a[1].length
-    };
-  });
-}
-function Ie(e, n) {
-  const o = typeof e.frontmatter.title == "string" ? e.frontmatter.title : void 0;
-  let s = e.content, a = n, r = "";
-  if (o) {
-    const i = qe(n), l = qe(e.content);
-    r = i.title || "", a = i.content, s = l.content;
-  }
-  const c = Ze(a), d = Jn(
-    s,
-    a
-  );
-  return {
-    content: s,
-    frontmatter: e.frontmatter,
-    englishTitle: r,
-    extractedHeadings: c,
-    tableOfContentsHeadings: d
-  };
-}
-const Ge = (e, n) => e ? n && n.length > 0 ? n : e.content : "";
-function gs({
-  language: e,
-  initialContent: n,
-  initialEnglishContent: o,
-  initialAdvancedContent: s,
-  initialAdvancedEnglishContent: a
-}) {
-  var Ee, ze, Ae, Oe, Re;
-  const r = Xe(), c = r == null ? void 0 : r.slug, d = J(), i = nn(), { config: l, loadContent: u, loadEnglishContent: g } = R(), p = Ge(
-    n,
-    o
-  ), b = Ge(
-    s,
-    a
-  ), v = n ? Ie(n, p) : null, k = s ? Ie(
-    s,
-    b
-  ) : null, [$, N] = T(
-    (v == null ? void 0 : v.content) ?? ""
-  ), [I, W] = T(
-    (v == null ? void 0 : v.frontmatter) ?? {}
-  ), [F, m] = T(
-    (v == null ? void 0 : v.extractedHeadings) ?? []
-  ), [_, w] = T(!n), [S, H] = T(null), [se, de] = T(!0), [ue, Me] = T(null), [et, tt] = T(
-    (v == null ? void 0 : v.englishTitle) ?? ""
-  ), [De, nt] = T((v == null ? void 0 : v.tableOfContentsHeadings) ?? []), [ce, he] = T({}), me = Ke(
-    () => Ze($),
-    [$]
-  ), at = Ke(() => {
-    const f = /* @__PURE__ */ new Map();
-    for (let C = 0; C < me.length; C++) {
-      const P = me[C], x = F[C] || P;
-      f.set(P, x);
-    }
-    return f;
-  }, [me, F]), _e = It(i), q = !!(d != null && d.endsWith("/advanced"));
-  function ge(f, C) {
-    const P = C && C.length > 0 ? C : f.content, x = Ie(f, P);
-    m(x.extractedHeadings), tt(x.englishTitle), N(x.content), W(x.frontmatter), nt(x.tableOfContentsHeadings), w(!1);
-  }
-  if (D(() => {
+function En({ language: t }) {
+  var Ie, xe, ye, Te, Le;
+  const { slug: n } = be(), o = Y(), { config: a, loadContent: s, loadEnglishContent: c } = R(), [i, m] = y(""), [h, u] = y(""), [l, f] = y({}), [g, v] = y(!0), [b, r] = y(null), [_, N] = y(!0), [I, D] = y(null), [z, k] = y(""), [$, A] = y({}), W = G(0), q = G([]), ce = Qe(o.search), V = ce.advanced;
+  if (P(() => {
     (async () => {
-      if (!c) return;
-      if (q && s && k) {
-        ge(
-          s,
-          b
-        ), w(!1), H(null);
-        return;
-      }
-      if (!q && n && v) {
-        ge(n, p), w(!1), H(null);
-        return;
-      }
-      w(!0), H(null);
-      const C = (l == null ? void 0 : l.navigationData) || [];
-      let P = !0;
-      for (const x of C)
-        if ("items" in x) {
-          const M = x.items.find((ee) => ee.slug === c);
-          if (M) {
-            P = M.showTableOfContents !== !1;
+      if (!n) return;
+      v(!0), r(null), W.current = 0;
+      const x = (a == null ? void 0 : a.navigationData) || [];
+      let S = !0;
+      for (const w of x)
+        if ("items" in w) {
+          const T = w.items.find((J) => J.slug === n);
+          if (T) {
+            S = T.showTableOfContents !== !1;
             break;
           }
-        } else if (x.slug === c) {
-          P = x.showTableOfContents !== !1;
+        } else if (w.slug === n) {
+          S = w.showTableOfContents !== !1;
           break;
         }
-      de(P);
+      N(S);
       try {
-        let x;
+        let w;
         try {
-          x = await u(e, c, q);
+          w = await s(t, n, V);
         } catch {
-          if (q)
-            x = await u(e, c, !1);
+          if (V)
+            w = await s(t, n, !1);
           else
             throw new Error("Content not found");
         }
-        let M = "";
+        let T = "";
         try {
-          M = await g(c, q);
+          T = await c(n, V);
         } catch {
-          q && (M = await g(c, !1));
+          V && (T = await c(n, !1));
         }
-        ge(x, M);
-      } catch (x) {
-        H(x instanceof Error ? x.message : "Failed to load content"), w(!1);
+        const J = typeof w.frontmatter.title == "string" ? w.frontmatter.title : void 0;
+        let le = w.content, ie = T, _e = "";
+        if (J) {
+          const de = We(T), Xe = We(w.content);
+          _e = de.title || "", ie = de.content, le = Xe.content;
+        } else
+          _e = "";
+        const Pe = /^(#{1,6})\s+(.+)$/gm, Se = [];
+        let ge = Pe.exec(
+          ie
+        );
+        for (; ge !== null; ) {
+          const de = ge[2].trim();
+          Se.push(de), ge = Pe.exec(ie);
+        }
+        q.current = Se, k(_e), u(ie), m(le), f(w.frontmatter);
+      } catch (w) {
+        r(w instanceof Error ? w.message : "Failed to load content");
+      } finally {
+        v(!1);
       }
     })();
   }, [
-    c,
-    e,
-    q,
     n,
-    l.navigationData,
-    u,
-    g
-  ]), D(() => {
-    if (!_ && _e.anchor) {
-      const f = setTimeout(() => {
-        Ue(_e.anchor);
+    t,
+    V,
+    a.navigationData,
+    s,
+    c
+  ]), P(() => {
+    if (!g && ce.anchor) {
+      const p = setTimeout(() => {
+        je(ce.anchor);
       }, 150);
-      return () => clearTimeout(f);
+      return () => clearTimeout(p);
     }
-  }, [_, _e.anchor]), D(() => {
+  }, [g, ce.anchor]), P(() => {
     (async () => {
-      if (!c || !l.showArticleNavigation || !l.navigationData) {
-        he({});
+      if (!n || !a.showArticleNavigation || !a.navigationData) {
+        A({});
         return;
       }
       try {
-        const C = await ie(
-          l.navigationData,
-          e,
-          u
-        ), P = tn(c, C);
-        he(P);
-      } catch (C) {
-        console.error("Failed to calculate adjacent articles:", C), he({});
+        const x = await he(
+          a.navigationData,
+          t,
+          s
+        ), S = gt(n, x);
+        A(S);
+      } catch (x) {
+        console.error("Failed to calculate adjacent articles:", x), A({});
       }
     })();
   }, [
-    c,
-    e,
-    l.showArticleNavigation,
-    l.navigationData,
-    u
-  ]), _)
-    return /* @__PURE__ */ t("div", { className: E.contentPage, children: /* @__PURE__ */ h("div", { className: E.loadingContainer, children: [
-      /* @__PURE__ */ t("div", { className: E.skeletonTitle }),
-      /* @__PURE__ */ t("div", { className: E.skeletonParagraph }),
-      /* @__PURE__ */ t("div", { className: E.skeletonParagraph }),
-      /* @__PURE__ */ t("div", { className: E.skeletonParagraphShort })
+    n,
+    t,
+    a.showArticleNavigation,
+    a.navigationData,
+    s
+  ]), g)
+    return /* @__PURE__ */ e("div", { className: B.contentPage, children: /* @__PURE__ */ d("div", { className: B.loadingContainer, children: [
+      /* @__PURE__ */ e("div", { className: B.skeletonTitle }),
+      /* @__PURE__ */ e("div", { className: B.skeletonParagraph }),
+      /* @__PURE__ */ e("div", { className: B.skeletonParagraph }),
+      /* @__PURE__ */ e("div", { className: B.skeletonParagraphShort })
     ] }) });
-  if (S)
-    return /* @__PURE__ */ t("div", { className: E.contentPage, children: /* @__PURE__ */ t("div", { className: E.errorContainer, children: /* @__PURE__ */ h("div", { className: E.errorText, children: [
+  if (b)
+    return /* @__PURE__ */ e("div", { className: B.contentPage, children: /* @__PURE__ */ e("div", { className: B.errorContainer, children: /* @__PURE__ */ d("div", { className: B.errorText, children: [
       "Error: ",
-      S
+      b
     ] }) }) });
-  const pe = typeof I.title == "string" && I.title.trim().length > 0, fe = pe ? Te(et || I.title) : "", ve = !!(I.date || I.author), ot = !!(I.hasAdvanced || s || q);
-  let Be = !1;
-  const be = (f) => typeof f == "string" ? f : typeof f == "number" ? String(f) : Array.isArray(f) ? f.map(be).join("") : f && typeof f == "object" && "props" in f && f.props && typeof f.props == "object" && "children" in f.props ? be(
-    f.props.children
-  ) : "", we = (f, C) => {
-    f.preventDefault(), Ue(C), Ct(C);
-  }, V = (f) => ({ children: C }) => {
-    const P = be(C), x = at.get(P) || P, M = Te(x), ee = `h${f}`;
-    if (f === 1) {
-      const ke = !Be;
-      Be = !0;
-      const He = ke && ve && !pe;
-      return /* @__PURE__ */ h(X, { children: [
-        /* @__PURE__ */ t(
-          ee,
-          {
-            id: M,
-            className: He ? E.withMetadata : void 0,
-            children: /* @__PURE__ */ t(
-              "a",
-              {
-                href: `#${M}`,
-                onClick: (st) => we(st, M),
-                style: { color: "inherit", textDecoration: "none" },
-                children: C
-              }
-            )
-          }
-        ),
-        He && /* @__PURE__ */ t(ye, { date: I.date, author: I.author })
-      ] });
-    }
-    return f <= 4 ? /* @__PURE__ */ t(ee, { id: M, children: /* @__PURE__ */ t(
-      "a",
-      {
-        href: `#${M}`,
-        onClick: (ke) => we(ke, M),
-        style: { color: "inherit", textDecoration: "none" },
-        children: C
-      }
-    ) }) : /* @__PURE__ */ t(ee, { id: M, children: C });
+  const re = typeof l.title == "string" && l.title.trim().length > 0, me = re ? ee(z || l.title) : "", $e = !!(l.date || l.author);
+  W.current = 0;
+  let Ce = !1;
+  const te = (p, x) => {
+    p.preventDefault(), je(x), ft(x, V);
   };
-  return /* @__PURE__ */ h(X, { children: [
-    /* @__PURE__ */ h("div", { className: E.contentPage, children: [
-      pe && /* @__PURE__ */ h(X, { children: [
-        /* @__PURE__ */ t(Xt, { articleTitle: I.title, language: e }),
-        /* @__PURE__ */ t(
+  return /* @__PURE__ */ d(U, { children: [
+    /* @__PURE__ */ d("div", { className: B.contentPage, children: [
+      /* @__PURE__ */ e(ht, { hasAdvanced: l.hasAdvanced || !1 }),
+      re && /* @__PURE__ */ d(U, { children: [
+        /* @__PURE__ */ e(Wt, { articleTitle: l.title, language: t }),
+        /* @__PURE__ */ e(
           "h1",
           {
-            id: fe,
-            className: ve ? E.withMetadata : void 0,
-            children: /* @__PURE__ */ t(
+            id: me,
+            className: $e ? B.withMetadata : void 0,
+            children: /* @__PURE__ */ e(
               "a",
               {
-                href: `#${fe}`,
-                onClick: (f) => we(f, fe),
+                href: `#${me}`,
+                onClick: (p) => te(p, me),
                 style: { color: "inherit", textDecoration: "none" },
-                children: I.title
+                children: l.title
               }
             )
           }
         ),
-        ve && /* @__PURE__ */ t(ye, { date: I.date, author: I.author })
+        $e && /* @__PURE__ */ e(ve, { date: l.date, author: l.author })
       ] }),
-      /* @__PURE__ */ t(kt, { hasAdvanced: ot }),
-      /* @__PURE__ */ t("div", { className: E.mdxContent, children: /* @__PURE__ */ t(
-        gt,
+      /* @__PURE__ */ e("div", { className: B.mdxContent, children: /* @__PURE__ */ e(
+        rt,
         {
-          remarkPlugins: [pt],
+          remarkPlugins: [lt],
           components: {
-            h1: V(1),
-            h2: V(2),
-            h3: V(3),
-            h4: V(4),
-            h5: V(5),
-            h6: V(6),
-            code: ({ className: f, children: C, ...P }) => {
-              if (!f)
-                return /* @__PURE__ */ t("code", { ...P, children: C });
-              const M = (f == null ? void 0 : f.replace("language-", "")) || "";
-              return /* @__PURE__ */ h("div", { className: E.codeBlock, children: [
-                M && /* @__PURE__ */ t("div", { className: E.codeLanguage, children: M }),
-                /* @__PURE__ */ t("pre", { children: /* @__PURE__ */ t("code", { className: f, ...P, children: C }) })
+            h1: ({ children: p }) => {
+              const x = W.current++, S = q.current[x] || "", w = ee(S), T = !Ce;
+              Ce = !0;
+              const J = l.date || l.author;
+              return /* @__PURE__ */ d(U, { children: [
+                /* @__PURE__ */ e(
+                  "h1",
+                  {
+                    id: w,
+                    className: T && J && !re ? B.withMetadata : void 0,
+                    children: /* @__PURE__ */ e(
+                      "a",
+                      {
+                        href: `#${w}`,
+                        onClick: (le) => te(le, w),
+                        style: { color: "inherit", textDecoration: "none" },
+                        children: p
+                      }
+                    )
+                  }
+                ),
+                T && J && !re && /* @__PURE__ */ e(
+                  ve,
+                  {
+                    date: l.date,
+                    author: l.author
+                  }
+                )
+              ] });
+            },
+            h2: ({ children: p }) => {
+              const x = W.current++, S = q.current[x] || "", w = ee(S);
+              return /* @__PURE__ */ e("h2", { id: w, children: /* @__PURE__ */ e(
+                "a",
+                {
+                  href: `#${w}`,
+                  onClick: (T) => te(T, w),
+                  style: { color: "inherit", textDecoration: "none" },
+                  children: p
+                }
+              ) });
+            },
+            h3: ({ children: p }) => {
+              const x = W.current++, S = q.current[x] || "", w = ee(S);
+              return /* @__PURE__ */ e("h3", { id: w, children: /* @__PURE__ */ e(
+                "a",
+                {
+                  href: `#${w}`,
+                  onClick: (T) => te(T, w),
+                  style: { color: "inherit", textDecoration: "none" },
+                  children: p
+                }
+              ) });
+            },
+            h4: ({ children: p }) => {
+              const x = W.current++, S = q.current[x] || "", w = ee(S);
+              return /* @__PURE__ */ e("h4", { id: w, children: /* @__PURE__ */ e(
+                "a",
+                {
+                  href: `#${w}`,
+                  onClick: (T) => te(T, w),
+                  style: { color: "inherit", textDecoration: "none" },
+                  children: p
+                }
+              ) });
+            },
+            h5: ({ children: p }) => {
+              const x = `h5-${W.current++}`;
+              return /* @__PURE__ */ e("h5", { id: x, children: p });
+            },
+            h6: ({ children: p }) => {
+              const x = `h6-${W.current++}`;
+              return /* @__PURE__ */ e("h6", { id: x, children: p });
+            },
+            p: ({ children: p }) => /* @__PURE__ */ e("p", { children: p }),
+            ul: ({ children: p }) => /* @__PURE__ */ e("ul", { children: p }),
+            ol: ({ children: p }) => /* @__PURE__ */ e("ol", { children: p }),
+            li: ({ children: p }) => /* @__PURE__ */ e("li", { children: p }),
+            code: ({ className: p, children: x, ...S }) => {
+              if (!p)
+                return /* @__PURE__ */ e("code", { ...S, children: x });
+              const T = (p == null ? void 0 : p.replace("language-", "")) || "";
+              return /* @__PURE__ */ d("div", { className: B.codeBlock, children: [
+                T && /* @__PURE__ */ e("div", { className: B.codeLanguage, children: T }),
+                /* @__PURE__ */ e("pre", { children: /* @__PURE__ */ e("code", { className: p, ...S, children: x }) })
               ] });
             },
-            pre: ({ children: f }) => /* @__PURE__ */ t(X, { children: f }),
-            a: ({ href: f, children: C, ...P }) => {
-              if (f != null && f.startsWith("./")) {
-                const x = f.slice(2), M = $t(
-                  x,
-                  e,
-                  l.basePath
+            pre: ({ children: p }) => /* @__PURE__ */ e(U, { children: p }),
+            // Let code component handle pre styling
+            blockquote: ({ children: p }) => /* @__PURE__ */ e("blockquote", { children: p }),
+            a: ({ href: p, children: x, ...S }) => {
+              if (p != null && p.startsWith("./")) {
+                const w = p.slice(2), T = pt(
+                  w,
+                  t,
+                  a.basePath
                 );
-                return /* @__PURE__ */ t("a", { href: M, ...P, children: C });
+                return /* @__PURE__ */ e("a", { href: T, ...S, children: x });
               }
-              return f != null && f.startsWith("http://") || f != null && f.startsWith("https://") ? /* @__PURE__ */ t(
+              return p != null && p.startsWith("http://") || p != null && p.startsWith("https://") ? /* @__PURE__ */ e(
                 "a",
                 {
-                  href: f,
+                  href: p,
                   target: "_blank",
                   rel: "noopener noreferrer",
-                  ...P,
-                  children: C
+                  ...S,
+                  children: x
                 }
-              ) : /* @__PURE__ */ t("a", { href: f, ...P, children: C });
-            }
+              ) : /* @__PURE__ */ e("a", { href: p, ...S, children: x });
+            },
+            strong: ({ children: p }) => /* @__PURE__ */ e("strong", { children: p }),
+            em: ({ children: p }) => /* @__PURE__ */ e("em", { children: p })
           },
-          children: $
+          children: i
         }
       ) }),
-      l.articleCTA && /* @__PURE__ */ t("div", { children: l.articleCTA }),
-      I.tags && I.tags.length > 0 && /* @__PURE__ */ t(
-        Rn,
+      a.articleCTA && /* @__PURE__ */ e("div", { children: a.articleCTA }),
+      l.tags && l.tags.length > 0 && /* @__PURE__ */ e(
+        $n,
         {
-          tags: I.tags,
+          tags: l.tags,
           variant: "compact",
-          onTagClick: (f) => Me(f)
+          onTagClick: (p) => D(p)
         }
       ),
-      l.showArticleNavigation && /* @__PURE__ */ t(
-        Et,
+      a.showArticleNavigation && /* @__PURE__ */ e(
+        yt,
         {
-          prevSlug: (Ee = ce.prev) == null ? void 0 : Ee.slug,
-          prevTitle: (ze = ce.prev) == null ? void 0 : ze.title,
-          nextSlug: (Ae = ce.next) == null ? void 0 : Ae.slug,
-          nextTitle: (Oe = ce.next) == null ? void 0 : Oe.title,
-          language: e
+          prevSlug: (Ie = $.prev) == null ? void 0 : Ie.slug,
+          prevTitle: (xe = $.prev) == null ? void 0 : xe.title,
+          nextSlug: (ye = $.next) == null ? void 0 : ye.slug,
+          nextTitle: (Te = $.next) == null ? void 0 : Te.title,
+          language: t
         }
       )
     ] }),
-    se && De.length > 0 && /* @__PURE__ */ t(wn, { headings: De }),
-    ue && ((Re = l.tagIndex) == null ? void 0 : Re[e]) && /* @__PURE__ */ t(
-      Mn,
+    _ && /* @__PURE__ */ e(an, { content: i, englishContent: h }),
+    I && ((Le = a.tagIndex) == null ? void 0 : Le[t]) && /* @__PURE__ */ e(
+      pn,
       {
-        tag: ue,
-        results: l.tagIndex[e][ue] || [],
-        language: e,
-        onClose: () => Me(null)
+        tag: I,
+        results: a.tagIndex[t][I] || [],
+        language: t,
+        onClose: () => D(null)
       }
     )
   ] });
 }
-const Vn = "_searchButton_1k9sl_1", Zn = "_searchIcon_1k9sl_17", ea = "_searchHint_1k9sl_23", ta = "_kbd_1k9sl_27", na = "_searchOverlay_1k9sl_42", aa = "_searchModal_1k9sl_67", oa = "_searchHeader_1k9sl_91", sa = "_searchInput_1k9sl_105", ca = "_closeButton_1k9sl_123", ra = "_searchResults_1k9sl_144", la = "_resultsList_1k9sl_152", ia = "_resultItem_1k9sl_158", da = "_selected_1k9sl_173", ua = "_resultTitle_1k9sl_176", ha = "_resultSlug_1k9sl_180", ma = "_noResults_1k9sl_186", _a = "_searchHints_1k9sl_193", ga = "_hint_1k9sl_210", L = {
-  searchButton: Vn,
-  searchIcon: Zn,
-  searchHint: ea,
-  kbd: ta,
-  searchOverlay: na,
-  searchModal: aa,
-  searchHeader: oa,
-  searchInput: sa,
-  closeButton: ca,
-  searchResults: ra,
-  resultsList: la,
-  resultItem: ia,
-  selected: da,
-  resultTitle: ua,
-  resultSlug: ha,
-  noResults: ma,
-  searchHints: _a,
-  hint: ga
+const Rn = "_searchButton_1k9sl_1", An = "_searchIcon_1k9sl_17", On = "_searchHint_1k9sl_23", jn = "_kbd_1k9sl_27", Wn = "_searchOverlay_1k9sl_42", Hn = "_searchModal_1k9sl_67", zn = "_searchHeader_1k9sl_91", Fn = "_searchInput_1k9sl_105", qn = "_closeButton_1k9sl_123", Kn = "_searchResults_1k9sl_144", Un = "_resultsList_1k9sl_152", Gn = "_resultItem_1k9sl_158", Qn = "_selected_1k9sl_173", Xn = "_resultTitle_1k9sl_176", Yn = "_resultSlug_1k9sl_180", Vn = "_noResults_1k9sl_186", Jn = "_searchHints_1k9sl_193", Zn = "_hint_1k9sl_210", L = {
+  searchButton: Rn,
+  searchIcon: An,
+  searchHint: On,
+  kbd: jn,
+  searchOverlay: Wn,
+  searchModal: Hn,
+  searchHeader: zn,
+  searchInput: Fn,
+  closeButton: qn,
+  searchResults: Kn,
+  resultsList: Un,
+  resultItem: Gn,
+  selected: Qn,
+  resultTitle: Xn,
+  resultSlug: Yn,
+  noResults: Vn,
+  searchHints: Jn,
+  hint: Zn
 };
-function pa({ language: e }) {
-  const { t: n } = z(), o = U(), { config: s, loadContent: a } = R(), [r, c] = T(!1), [d, i] = T(""), [l, u] = T([]), [g, p] = T(0), [b, v] = T([]), k = Y(null), $ = Y(null), I = typeof navigator < "u" && /(Mac|iPhone|iPod|iPad)/i.test(navigator.platform) ? "⌘K" : "Ctrl+K";
-  D(() => {
+function ea({ language: t }) {
+  const { t: n } = E(), o = Q(), { config: a, loadContent: s } = R(), [c, i] = y(!1), [m, h] = y(""), [u, l] = y([]), [f, g] = y(0), [v, b] = y([]), r = G(null), _ = G(null), I = typeof navigator < "u" && /(Mac|iPhone|iPod|iPad)/i.test(navigator.platform) ? "⌘K" : "Ctrl+K";
+  P(() => {
     (async () => {
-      if (s.navigationData)
+      if (a.navigationData)
         try {
-          const w = (await ie(
-            s.navigationData,
-            e,
-            a
-          )).flatMap((S) => oe(S) ? S.items.map((H) => ({
-            title: H.title,
-            slug: H.slug
-          })) : [{ title: S.title, slug: S.slug }]);
-          v(w);
-        } catch (_) {
-          console.error("Failed to build search index:", _);
+          const A = (await he(
+            a.navigationData,
+            t,
+            s
+          )).flatMap((W) => se(W) ? W.items.map((q) => ({
+            title: q.title,
+            slug: q.slug
+          })) : [{ title: W.title, slug: W.slug }]);
+          b(A);
+        } catch ($) {
+          console.error("Failed to build search index:", $);
         }
     })();
-  }, [s.navigationData, e, a]), D(() => {
-    if (!d.trim()) {
-      u([]), p(0);
+  }, [a.navigationData, t, s]), P(() => {
+    if (!m.trim()) {
+      l([]), g(0);
       return;
     }
-    const m = d.toLowerCase(), _ = b.filter(
-      (w) => w.title.toLowerCase().includes(m) || w.slug.toLowerCase().includes(m)
+    const k = m.toLowerCase(), $ = v.filter(
+      (A) => A.title.toLowerCase().includes(k) || A.slug.toLowerCase().includes(k)
     );
-    u(_), p(0);
-  }, [d]), D(() => {
-    const m = (_) => {
-      (_.metaKey || _.ctrlKey) && _.key === "k" && (_.preventDefault(), c(!0), setTimeout(() => {
-        var w;
-        return (w = k.current) == null ? void 0 : w.focus();
-      }, 100)), _.key === "Escape" && r && (c(!1), i(""));
+    l($), g(0);
+  }, [m]), P(() => {
+    const k = ($) => {
+      ($.metaKey || $.ctrlKey) && $.key === "k" && ($.preventDefault(), i(!0), setTimeout(() => {
+        var A;
+        return (A = r.current) == null ? void 0 : A.focus();
+      }, 100)), $.key === "Escape" && c && (i(!1), h(""));
     };
-    return document.addEventListener("keydown", m), () => document.removeEventListener("keydown", m);
-  }, [r]), D(() => {
-    const m = () => {
-      c(!0), setTimeout(() => {
-        var w;
-        return (w = k.current) == null ? void 0 : w.focus();
+    return document.addEventListener("keydown", k), () => document.removeEventListener("keydown", k);
+  }, [c]), P(() => {
+    const k = () => {
+      i(!0), setTimeout(() => {
+        var A;
+        return (A = r.current) == null ? void 0 : A.focus();
       }, 100);
-    }, _ = () => {
-      c(!1), i("");
+    }, $ = () => {
+      i(!1), h("");
     };
-    return window.addEventListener("blog:open-search", m), window.addEventListener("blog:close-search", _), () => {
-      window.removeEventListener("blog:open-search", m), window.removeEventListener("blog:close-search", _);
+    return window.addEventListener("blog:open-search", k), window.addEventListener("blog:close-search", $), () => {
+      window.removeEventListener("blog:open-search", k), window.removeEventListener("blog:close-search", $);
     };
   }, []);
-  const W = (m) => {
-    m.key === "ArrowDown" ? (m.preventDefault(), p((_) => Math.min(_ + 1, l.length - 1))) : m.key === "ArrowUp" ? (m.preventDefault(), p((_) => Math.max(_ - 1, 0))) : m.key === "Enter" && l[g] && (m.preventDefault(), F(l[g].slug));
+  const D = (k) => {
+    k.key === "ArrowDown" ? (k.preventDefault(), g(($) => Math.min($ + 1, u.length - 1))) : k.key === "ArrowUp" ? (k.preventDefault(), g(($) => Math.max($ - 1, 0))) : k.key === "Enter" && u[f] && (k.preventDefault(), z(u[f].slug));
   };
-  D(() => {
-    const m = (_) => {
-      $.current && !$.current.contains(_.target) && (c(!1), i(""));
+  P(() => {
+    const k = ($) => {
+      _.current && !_.current.contains($.target) && (i(!1), h(""));
     };
-    return r && document.addEventListener("mousedown", m), () => document.removeEventListener("mousedown", m);
-  }, [r]);
-  const F = (m) => {
-    const _ = s.basePath || "";
-    o.push(`${_}/${e}/${m}`), c(!1), i("");
+    return c && document.addEventListener("mousedown", k), () => document.removeEventListener("mousedown", k);
+  }, [c]);
+  const z = (k) => {
+    const $ = a.basePath || "";
+    o(`${$}/${t}/${k}`), i(!1), h("");
   };
-  return /* @__PURE__ */ h(X, { children: [
-    /* @__PURE__ */ h(
+  return /* @__PURE__ */ d(U, { children: [
+    /* @__PURE__ */ d(
       "button",
       {
         type: "button",
         className: L.searchButton,
         onClick: () => {
-          c(!0), setTimeout(() => {
-            var m;
-            return (m = k.current) == null ? void 0 : m.focus();
+          i(!0), setTimeout(() => {
+            var k;
+            return (k = r.current) == null ? void 0 : k.focus();
           }, 100);
         },
         "aria-label": n("ui.search"),
         children: [
-          /* @__PURE__ */ t(We, { className: L.searchIcon }),
-          /* @__PURE__ */ t("span", { className: L.searchHint, children: n("ui.search") }),
-          /* @__PURE__ */ t("kbd", { className: L.kbd, children: I })
+          /* @__PURE__ */ e(Me, { className: L.searchIcon }),
+          /* @__PURE__ */ e("span", { className: L.searchHint, children: n("ui.search") }),
+          /* @__PURE__ */ e("kbd", { className: L.kbd, children: I })
         ]
       }
     ),
-    r && Ye(
-      /* @__PURE__ */ t(
+    c && Fe(
+      /* @__PURE__ */ e(
         "div",
         {
           className: L.searchOverlay,
           onClick: () => {
-            c(!1), i("");
+            i(!1), h("");
           },
-          children: /* @__PURE__ */ h(
+          children: /* @__PURE__ */ d(
             "div",
             {
               className: L.searchModal,
-              ref: $,
-              onClick: (m) => m.stopPropagation(),
+              ref: _,
+              onClick: (k) => k.stopPropagation(),
               children: [
-                /* @__PURE__ */ h("div", { className: L.searchHeader, children: [
-                  /* @__PURE__ */ t(We, { className: L.searchIcon }),
-                  /* @__PURE__ */ t(
+                /* @__PURE__ */ d("div", { className: L.searchHeader, children: [
+                  /* @__PURE__ */ e(Me, { className: L.searchIcon }),
+                  /* @__PURE__ */ e(
                     "input",
                     {
-                      ref: k,
+                      ref: r,
                       type: "text",
                       className: L.searchInput,
                       placeholder: n("ui.searchPlaceholder"),
-                      value: d,
-                      onChange: (m) => i(m.target.value),
-                      onKeyDown: W
+                      value: m,
+                      onChange: (k) => h(k.target.value),
+                      onKeyDown: D
                     }
                   ),
-                  /* @__PURE__ */ t(
+                  /* @__PURE__ */ e(
                     "button",
                     {
                       type: "button",
                       className: L.closeButton,
                       onClick: () => {
-                        c(!1), i("");
+                        i(!1), h("");
                       },
                       "aria-label": "Close search",
-                      children: /* @__PURE__ */ t(Le, {})
+                      children: /* @__PURE__ */ e(ke, {})
                     }
                   )
                 ] }),
-                d && /* @__PURE__ */ t("div", { className: L.searchResults, children: l.length === 0 ? /* @__PURE__ */ t("div", { className: L.noResults, children: n("ui.noSearchResults") }) : /* @__PURE__ */ t("ul", { className: L.resultsList, children: l.map((m, _) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ h(
+                m && /* @__PURE__ */ e("div", { className: L.searchResults, children: u.length === 0 ? /* @__PURE__ */ e("div", { className: L.noResults, children: n("ui.noSearchResults") }) : /* @__PURE__ */ e("ul", { className: L.resultsList, children: u.map((k, $) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ d(
                   "button",
                   {
                     type: "button",
-                    className: `${L.resultItem} ${_ === g ? L.selected : ""}`,
-                    onClick: () => F(m.slug),
-                    onMouseEnter: () => p(_),
+                    className: `${L.resultItem} ${$ === f ? L.selected : ""}`,
+                    onClick: () => z(k.slug),
+                    onMouseEnter: () => g($),
                     children: [
-                      /* @__PURE__ */ t("div", { className: L.resultTitle, children: m.title }),
-                      /* @__PURE__ */ h("div", { className: L.resultSlug, children: [
+                      /* @__PURE__ */ e("div", { className: L.resultTitle, children: k.title }),
+                      /* @__PURE__ */ d("div", { className: L.resultSlug, children: [
                         "/",
-                        m.slug
+                        k.slug
                       ] })
                     ]
                   }
-                ) }, m.slug)) }) }),
-                !d && /* @__PURE__ */ h("div", { className: L.searchHints, children: [
-                  /* @__PURE__ */ h("div", { className: L.hint, children: [
-                    /* @__PURE__ */ t("kbd", { children: "↑" }),
-                    /* @__PURE__ */ t("kbd", { children: "↓" }),
-                    /* @__PURE__ */ t("span", { children: n("ui.searchNavigate") })
+                ) }, k.slug)) }) }),
+                !m && /* @__PURE__ */ d("div", { className: L.searchHints, children: [
+                  /* @__PURE__ */ d("div", { className: L.hint, children: [
+                    /* @__PURE__ */ e("kbd", { children: "↑" }),
+                    /* @__PURE__ */ e("kbd", { children: "↓" }),
+                    /* @__PURE__ */ e("span", { children: n("ui.searchNavigate") })
                   ] }),
-                  /* @__PURE__ */ h("div", { className: L.hint, children: [
-                    /* @__PURE__ */ t("kbd", { children: "↵" }),
-                    /* @__PURE__ */ t("span", { children: n("ui.searchSelect") })
+                  /* @__PURE__ */ d("div", { className: L.hint, children: [
+                    /* @__PURE__ */ e("kbd", { children: "↵" }),
+                    /* @__PURE__ */ e("span", { children: n("ui.searchSelect") })
                   ] }),
-                  /* @__PURE__ */ h("div", { className: L.hint, children: [
-                    /* @__PURE__ */ t("kbd", { children: "esc" }),
-                    /* @__PURE__ */ t("span", { children: n("ui.searchClose") })
+                  /* @__PURE__ */ d("div", { className: L.hint, children: [
+                    /* @__PURE__ */ e("kbd", { children: "esc" }),
+                    /* @__PURE__ */ e("span", { children: n("ui.searchClose") })
                   ] })
                 ] })
               ]
@@ -1188,626 +1130,608 @@ function pa({ language: e }) {
     )
   ] });
 }
-const fa = "_header_ztexv_1", va = "_container_ztexv_24", ba = "_content_ztexv_36", wa = "_leftSection_ztexv_43", ka = "_mobileMenuButton_ztexv_49", Na = "_burgerIcon_ztexv_87", $a = "_logo_ztexv_92", Ia = "_nav_ztexv_98", Ca = "_navLink_ztexv_109", Ta = "_externalIcon_ztexv_135", ya = "_supportDropdown_ztexv_141", xa = "_themeDropdown_ztexv_145", La = "_themeButton_ztexv_149", Sa = "_themeIcon_ztexv_171", Pa = "_supportButton_ztexv_177", Ma = "_caretIcon_ztexv_198", Da = "_dropdownMenu_ztexv_208", Ba = "_dropdownItem_ztexv_221", Ea = "_dropdownIcon_ztexv_244", y = {
-  header: fa,
-  container: va,
-  content: ba,
-  leftSection: wa,
-  mobileMenuButton: ka,
-  burgerIcon: Na,
-  logo: $a,
-  nav: Ia,
-  navLink: Ca,
-  externalIcon: Ta,
-  supportDropdown: ya,
-  themeDropdown: xa,
-  themeButton: La,
-  themeIcon: Sa,
-  supportButton: Pa,
-  caretIcon: Ma,
-  dropdownMenu: Da,
-  dropdownItem: Ba,
-  dropdownIcon: Ea
+const ta = "_header_jrobc_1", na = "_container_jrobc_24", aa = "_content_jrobc_36", oa = "_leftSection_jrobc_43", sa = "_mobileMenuButton_jrobc_49", ca = "_burgerIcon_jrobc_87", ra = "_logo_jrobc_92", la = "_nav_jrobc_98", ia = "_navLink_jrobc_109", da = "_externalIcon_jrobc_135", ua = "_supportDropdown_jrobc_141", ha = "_themeDropdown_jrobc_145", ma = "_themeButton_jrobc_149", _a = "_themeIcon_jrobc_171", ga = "_supportButton_jrobc_177", pa = "_caretIcon_jrobc_198", fa = "_dropdownMenu_jrobc_208", va = "_dropdownItem_jrobc_221", ba = "_dropdownIcon_jrobc_244", C = {
+  header: ta,
+  container: na,
+  content: aa,
+  leftSection: oa,
+  mobileMenuButton: sa,
+  burgerIcon: ca,
+  logo: ra,
+  nav: la,
+  navLink: ia,
+  externalIcon: da,
+  supportDropdown: ua,
+  themeDropdown: ha,
+  themeButton: ma,
+  themeIcon: _a,
+  supportButton: ga,
+  caretIcon: pa,
+  dropdownMenu: fa,
+  dropdownItem: va,
+  dropdownIcon: ba
 };
-function za({ onMobileMenuToggle: e }) {
-  const { t: n, i18n: o } = z(), { config: s } = R(), a = s.header ?? {}, r = a.navLinks ?? [], c = a.dropdownItems ?? [], [d, i] = T(!1), [l, u] = T(!1), { theme: g, setTheme: p, isMounted: b } = Zt(), v = Y(null), k = Y(null), $ = b ? { light: je, dark: Fe, system: Ne }[g] : Ne;
-  return D(() => {
-    const N = (I) => {
-      v.current && !v.current.contains(I.target) && i(!1), k.current && !k.current.contains(I.target) && u(!1);
+function ka({ onMobileMenuToggle: t }) {
+  const { t: n, i18n: o } = E(), { config: a } = R(), s = a.header ?? {}, c = s.navLinks ?? [], i = s.dropdownItems ?? [], [m, h] = y(!1), [u, l] = y(!1), { theme: f, setTheme: g } = Ue(), v = G(null), b = G(null);
+  return P(() => {
+    const r = (_) => {
+      v.current && !v.current.contains(_.target) && h(!1), b.current && !b.current.contains(_.target) && l(!1);
     };
-    return document.addEventListener("mousedown", N), () => document.removeEventListener("mousedown", N);
-  }, []), /* @__PURE__ */ t("header", { className: y.header, children: /* @__PURE__ */ t("div", { className: y.container, children: /* @__PURE__ */ h("div", { className: y.content, children: [
-    /* @__PURE__ */ h("div", { className: y.leftSection, children: [
-      /* @__PURE__ */ t(
+    return document.addEventListener("mousedown", r), () => document.removeEventListener("mousedown", r);
+  }, []), /* @__PURE__ */ e("header", { className: C.header, children: /* @__PURE__ */ e("div", { className: C.container, children: /* @__PURE__ */ d("div", { className: C.content, children: [
+    /* @__PURE__ */ d("div", { className: C.leftSection, children: [
+      /* @__PURE__ */ e(
         "button",
         {
           type: "button",
-          className: y.mobileMenuButton,
-          onClick: e,
+          className: C.mobileMenuButton,
+          onClick: t,
           "aria-label": "Open menu",
-          children: /* @__PURE__ */ t(ut, { className: y.burgerIcon })
+          children: /* @__PURE__ */ e(nt, { className: C.burgerIcon })
         }
       ),
-      /* @__PURE__ */ t("div", { className: y.logo })
+      /* @__PURE__ */ e("div", { className: C.logo })
     ] }),
-    /* @__PURE__ */ h("nav", { className: y.nav, children: [
-      /* @__PURE__ */ t(pa, { language: o.language }),
-      /* @__PURE__ */ h("div", { className: y.themeDropdown, ref: k, children: [
-        /* @__PURE__ */ h(
+    /* @__PURE__ */ d("nav", { className: C.nav, children: [
+      /* @__PURE__ */ e(ea, { language: o.language }),
+      /* @__PURE__ */ d("div", { className: C.themeDropdown, ref: b, children: [
+        /* @__PURE__ */ d(
           "button",
           {
             type: "button",
-            className: y.themeButton,
-            onClick: () => u(!l),
-            "aria-expanded": l,
+            className: C.themeButton,
+            onClick: () => l(!u),
+            "aria-expanded": u,
             "aria-haspopup": "true",
             "aria-label": n("ui.theme"),
             children: [
-              /* @__PURE__ */ t($, { className: y.themeIcon }),
-              /* @__PURE__ */ t(Ce, { className: y.caretIcon })
+              f === "light" && /* @__PURE__ */ e(Be, { className: C.themeIcon }),
+              f === "dark" && /* @__PURE__ */ e(Ee, { className: C.themeIcon }),
+              f === "system" && /* @__PURE__ */ e(Re, { className: C.themeIcon }),
+              /* @__PURE__ */ e(fe, { className: C.caretIcon })
             ]
           }
         ),
-        l && /* @__PURE__ */ h("div", { className: y.dropdownMenu, children: [
-          /* @__PURE__ */ h(
+        u && /* @__PURE__ */ d("div", { className: C.dropdownMenu, children: [
+          /* @__PURE__ */ d(
             "button",
             {
               type: "button",
               onClick: () => {
-                p("light"), u(!1);
+                g("light"), l(!1);
               },
-              className: y.dropdownItem,
+              className: C.dropdownItem,
               children: [
-                /* @__PURE__ */ t(je, { className: y.dropdownIcon }),
+                /* @__PURE__ */ e(Be, { className: C.dropdownIcon }),
                 n("ui.light")
               ]
             }
           ),
-          /* @__PURE__ */ h(
+          /* @__PURE__ */ d(
             "button",
             {
               type: "button",
               onClick: () => {
-                p("dark"), u(!1);
+                g("dark"), l(!1);
               },
-              className: y.dropdownItem,
+              className: C.dropdownItem,
               children: [
-                /* @__PURE__ */ t(Fe, { className: y.dropdownIcon }),
+                /* @__PURE__ */ e(Ee, { className: C.dropdownIcon }),
                 n("ui.dark")
               ]
             }
           ),
-          /* @__PURE__ */ h(
+          /* @__PURE__ */ d(
             "button",
             {
               type: "button",
               onClick: () => {
-                p("system"), u(!1);
+                g("system"), l(!1);
               },
-              className: y.dropdownItem,
+              className: C.dropdownItem,
               children: [
-                /* @__PURE__ */ t(Ne, { className: y.dropdownIcon }),
+                /* @__PURE__ */ e(Re, { className: C.dropdownIcon }),
                 n("ui.system")
               ]
             }
           )
         ] })
       ] }),
-      c.length > 0 && /* @__PURE__ */ h("div", { className: y.supportDropdown, ref: v, children: [
-        /* @__PURE__ */ h(
+      i.length > 0 && /* @__PURE__ */ d("div", { className: C.supportDropdown, ref: v, children: [
+        /* @__PURE__ */ d(
           "button",
           {
             type: "button",
-            className: y.supportButton,
-            onClick: () => i(!d),
-            "aria-expanded": d,
+            className: C.supportButton,
+            onClick: () => h(!m),
+            "aria-expanded": m,
             "aria-haspopup": "true",
             children: [
               n("ui.support"),
-              /* @__PURE__ */ t(Ce, { className: y.caretIcon })
+              /* @__PURE__ */ e(fe, { className: C.caretIcon })
             ]
           }
         ),
-        d && /* @__PURE__ */ t("div", { className: y.dropdownMenu, children: c.map((N, I) => {
-          const W = N.target ?? (N.url.startsWith("http") ? "_blank" : "_self"), F = N.rel ?? (W === "_blank" ? "noopener noreferrer" : void 0), m = N.icon;
-          return /* @__PURE__ */ h(
+        m && /* @__PURE__ */ e("div", { className: C.dropdownMenu, children: i.map((r, _) => {
+          const N = r.target ?? (r.url.startsWith("http") ? "_blank" : "_self"), I = r.rel ?? (N === "_blank" ? "noopener noreferrer" : void 0), D = r.icon;
+          return /* @__PURE__ */ d(
             "a",
             {
-              href: N.url,
-              target: W,
-              rel: F,
-              className: y.dropdownItem,
+              href: r.url,
+              target: N,
+              rel: I,
+              className: C.dropdownItem,
               children: [
-                m && /* @__PURE__ */ t(m, { className: y.dropdownIcon }),
-                N.label
+                D && /* @__PURE__ */ e(D, { className: C.dropdownIcon }),
+                r.label
               ]
             },
-            I
+            _
           );
         }) })
       ] }),
-      r.map((N, I) => {
-        const W = N.target ?? (typeof N.url == "string" && N.url.startsWith("http") ? "_blank" : "_self"), F = N.rel ?? (W === "_blank" ? "noopener noreferrer" : void 0), m = N.icon;
-        return /* @__PURE__ */ h(
+      c.map((r, _) => {
+        const N = r.target ?? (typeof r.url == "string" && r.url.startsWith("http") ? "_blank" : "_self"), I = r.rel ?? (N === "_blank" ? "noopener noreferrer" : void 0), D = r.icon;
+        return /* @__PURE__ */ d(
           "a",
           {
-            href: N.url,
-            target: W,
-            rel: F,
-            className: N.className ?? y.navLink,
+            href: r.url,
+            target: N,
+            rel: I,
+            className: r.className ?? C.navLink,
             children: [
-              N.label,
-              m && /* @__PURE__ */ t(m, { className: y.externalIcon })
+              r.label,
+              D && /* @__PURE__ */ e(D, { className: C.externalIcon })
             ]
           },
-          I
+          _
         );
       })
     ] })
   ] }) }) });
 }
-function Se({
-  styles: e,
+function Ne({
+  styles: t,
   onLanguageChange: n
 }) {
-  const { i18n: o } = z(), s = J(), a = U(), { config: r } = R(), [c, d] = T(!1), i = Y(null), l = o.language, u = (p) => {
-    const b = r.basePath || "";
-    let v = s || "";
-    b && v.startsWith(b) && (v = v.slice(b.length));
-    const k = v.split("/").filter(Boolean), $ = k[0];
+  const { i18n: o } = E(), a = Y(), s = Q(), { config: c } = R(), [i, m] = y(!1), h = G(null), u = o.language, l = (g) => {
+    const v = c.basePath || "";
+    let b = a.pathname;
+    v && b.startsWith(v) && (b = b.slice(v.length));
+    const r = b.split("/").filter(Boolean), _ = r[0];
     let N = "";
-    r.supportedLanguages.includes($) ? (k[0] = p, N = `${b}/${k.join("/")}`) : N = `${b}/${p}${v}`, o.changeLanguage(p), a.push(N), d(!1), n == null || n();
+    c.supportedLanguages.includes(_) ? (r[0] = g, N = `${v}/${r.join("/")}`) : N = `${v}/${g}${b}`;
+    const I = N + a.search + a.hash;
+    o.changeLanguage(g), s(I), m(!1), n == null || n();
   };
-  D(() => {
-    const p = (b) => {
-      i.current && !i.current.contains(b.target) && d(!1);
+  P(() => {
+    const g = (v) => {
+      h.current && !h.current.contains(v.target) && m(!1);
     };
-    return document.addEventListener("mousedown", p), () => document.removeEventListener("mousedown", p);
+    return document.addEventListener("mousedown", g), () => document.removeEventListener("mousedown", g);
   }, []);
-  const g = (p) => o.getFixedT(p)("language") || p;
-  return /* @__PURE__ */ h("div", { className: e.languageSelect, ref: i, children: [
-    /* @__PURE__ */ h(
+  const f = (g) => o.getFixedT(g)("language") || g;
+  return /* @__PURE__ */ d("div", { className: t.languageSelect, ref: h, children: [
+    /* @__PURE__ */ d(
       "button",
       {
         type: "button",
-        className: e.languageButton,
-        onClick: () => d(!c),
-        "aria-expanded": c,
+        className: t.languageButton,
+        onClick: () => m(!i),
+        "aria-expanded": i,
         "aria-haspopup": "listbox",
         children: [
-          /* @__PURE__ */ t(ht, { className: e.icon }),
-          g(l),
-          /* @__PURE__ */ t(Ce, { className: e.chevron })
+          /* @__PURE__ */ e(at, { className: t.icon }),
+          f(u),
+          /* @__PURE__ */ e(fe, { className: t.chevron })
         ]
       }
     ),
-    c && /* @__PURE__ */ t("div", { className: e.languageDropdown, role: "listbox", children: r.supportedLanguages.map((p) => /* @__PURE__ */ t(
+    i && /* @__PURE__ */ e("div", { className: t.languageDropdown, role: "listbox", children: c.supportedLanguages.map((g) => /* @__PURE__ */ e(
       "button",
       {
         type: "button",
-        className: `${e.languageOption} ${p === l ? e.selected : ""}`,
-        onClick: () => u(p),
+        className: `${t.languageOption} ${g === u ? t.selected : ""}`,
+        onClick: () => l(g),
         role: "option",
-        "aria-selected": p === l,
-        children: g(p)
+        "aria-selected": g === u,
+        children: f(g)
       },
-      p
+      g
     )) })
   ] });
 }
-function Pe({ styles: e, onLinkClick: n }) {
-  var W, F;
-  const { i18n: o } = z(), s = J(), { config: a, loadContent: r } = R(), [c, d] = T([]), [i, l] = T(
-    !!((W = a.navigationData) != null && W.length)
-  ), [u, g] = T(
-    a.navigationData ? a.navigationData.reduce(
-      (m, _) => {
-        if ("items" in _) {
-          const w = _.defaultOpen === !0, S = o.getFixedT(o.language)(_.title) || _.title;
-          m[S] = w;
-        }
-        return m;
-      },
-      {}
-    ) : {}
-  ), p = Y(
-    /* @__PURE__ */ new Map()
-  ), b = o.language;
-  D(() => {
+function we({ styles: t, onLinkClick: n }) {
+  const { i18n: o } = E(), a = Y(), { config: s, loadContent: c } = R(), [i, m] = y([]), [h, u] = y({}), l = o.language;
+  P(() => {
     (async () => {
-      if (!a.navigationData) return;
-      l(!0);
-      const _ = b;
-      if (p.current.has(_)) {
-        const w = p.current.get(_);
-        d(w), v(w), l(!1);
-        return;
-      }
-      try {
-        const w = await ie(
-          a.navigationData,
-          b,
-          r
-        );
-        p.current.set(_, w), d(w), v(w), l(!1);
-      } catch (w) {
-        console.error("Failed to load navigation data:", w), l(!1);
-      }
-    })();
-  }, [b, a.navigationData, r]);
-  const v = (m) => {
-    const _ = m.reduce(
-      (w, S, H) => {
-        if (oe(S)) {
-          const se = a.navigationData[H], de = "items" in se && se.defaultOpen === !0;
-          w[S.title] = de;
+      if (s.navigationData)
+        try {
+          const _ = await he(
+            s.navigationData,
+            l,
+            c
+          );
+          m(_);
+          const N = _.reduce(
+            (I, D, z) => {
+              if (se(D)) {
+                const k = s.navigationData[z], $ = "items" in k && k.defaultOpen === !0;
+                I[D.title] = $;
+              }
+              return I;
+            },
+            {}
+          );
+          u(N);
+        } catch (_) {
+          console.error("Failed to load navigation data:", _);
         }
-        return w;
-      },
-      {}
-    );
-    g(_);
-  }, k = (m) => {
-    g((_) => ({
+    })();
+  }, [l, s.navigationData, c]);
+  const f = (r) => {
+    u((_) => ({
       ..._,
-      [m]: !_[m]
+      [r]: !_[r]
     }));
-  }, $ = (m) => {
-    const _ = a.basePath || "";
-    let w = s || "";
-    _ && w.startsWith(_) && (w = w.slice(_.length));
-    const S = w.split("/").filter(Boolean);
-    return S[S.length - 1] === m;
-  }, N = (m) => {
-    const _ = a.basePath || "";
-    let w = s || "";
-    _ && w.startsWith(_) && (w = w.slice(_.length));
-    const S = w.split("/").filter(Boolean);
-    return S[0] && a.supportedLanguages.includes(S[0]) ? `${_}/${S[0]}/${m}` : `${_}/${b}/${m}`;
-  }, I = () => {
+  }, g = (r) => {
+    const _ = s.basePath || "";
+    let N = a.pathname;
+    _ && N.startsWith(_) && (N = N.slice(_.length));
+    const I = N.split("/").filter(Boolean);
+    return I[I.length - 1] === r;
+  }, v = (r) => {
+    const _ = s.basePath || "";
+    let N = a.pathname;
+    _ && N.startsWith(_) && (N = N.slice(_.length));
+    const I = N.split("/").filter(Boolean);
+    return I[0] && s.supportedLanguages.includes(I[0]) ? `${_}/${I[0]}/${r}` : `${_}/${l}/${r}`;
+  }, b = () => {
     n == null || n();
   };
-  return i && ((F = a.navigationData) != null && F.length) ? /* @__PURE__ */ t("div", { className: e.navigation, "aria-hidden": "true", children: a.navigationData.map((m, _) => {
-    if ("items" in m) {
-      const w = m.items.slice(0, Math.min(m.items.length, 4));
-      return /* @__PURE__ */ h("div", { className: e.section, children: [
-        /* @__PURE__ */ t(
-          "div",
-          {
-            className: `${e.skeletonSectionTitle} ${e.skeletonPulse}`
-          }
-        ),
-        /* @__PURE__ */ t("div", { className: e.sectionItems, children: w.map((S, H) => /* @__PURE__ */ t(
-          "div",
-          {
-            className: `${e.skeletonItem} ${e.skeletonPulse}`
-          },
-          `s-${_}-${H}`
-        )) })
-      ] }, `s-${_}`);
-    }
-    return /* @__PURE__ */ t(
-      "div",
-      {
-        className: `${e.skeletonItem} ${e.skeletonPulse}`
-      },
-      `s-${_}`
-    );
-  }) }) : /* @__PURE__ */ t("div", { className: e.navigation, children: c.map((m) => oe(m) ? /* @__PURE__ */ h("div", { className: e.section, children: [
-    /* @__PURE__ */ h(
+  return /* @__PURE__ */ e("div", { className: t.navigation, children: i.map((r) => se(r) ? /* @__PURE__ */ d("div", { className: t.section, children: [
+    /* @__PURE__ */ d(
       "button",
       {
         type: "button",
-        className: `${e.sectionButton} ${u[m.title] ? e.expanded : ""}`,
-        onClick: () => k(m.title),
+        className: `${t.sectionButton} ${h[r.title] ? t.expanded : ""}`,
+        onClick: () => f(r.title),
         children: [
-          m.title,
-          /* @__PURE__ */ t(Qe, { className: e.icon })
+          r.title,
+          /* @__PURE__ */ e(ze, { className: t.icon })
         ]
       }
     ),
-    u[m.title] && /* @__PURE__ */ t("div", { className: e.sectionItems, children: m.items.map((_) => /* @__PURE__ */ t(
-      re,
+    h[r.title] && /* @__PURE__ */ e("div", { className: t.sectionItems, children: r.items.map((_) => /* @__PURE__ */ e(
+      ue,
       {
-        href: N(_.slug),
-        className: `${e.navItem} ${$(_.slug) ? e.active : ""}`,
-        onClick: I,
-        children: /* @__PURE__ */ t("div", { className: e.navItemContent, children: /* @__PURE__ */ t("span", { className: e.navItemTitle, children: _.title }) })
+        to: v(_.slug),
+        className: `${t.navItem} ${g(_.slug) ? t.active : ""}`,
+        onClick: b,
+        children: /* @__PURE__ */ e("div", { className: t.navItemContent, children: /* @__PURE__ */ e("span", { className: t.navItemTitle, children: _.title }) })
       },
       _.slug
     )) })
-  ] }, m.title) : /* @__PURE__ */ t(
-    re,
+  ] }, r.title) : /* @__PURE__ */ e(
+    ue,
     {
-      href: N(m.slug),
-      className: `${e.navItem} ${$(m.slug) ? e.active : ""}`,
-      onClick: I,
-      children: /* @__PURE__ */ t("div", { className: e.navItemContent, children: /* @__PURE__ */ t("span", { className: e.navItemTitle, children: m.title }) })
+      to: v(r.slug),
+      className: `${t.navItem} ${g(r.slug) ? t.active : ""}`,
+      onClick: b,
+      children: /* @__PURE__ */ e("div", { className: t.navItemContent, children: /* @__PURE__ */ e("span", { className: t.navItemTitle, children: r.title }) })
     },
-    m.slug
+    r.slug
   )) });
 }
-function ps({
-  styles: e,
+function Qo({
+  styles: t,
   onLinkClick: n,
   onLanguageChange: o
 }) {
-  return /* @__PURE__ */ h(X, { children: [
-    /* @__PURE__ */ t(Se, { styles: e, onLanguageChange: o }),
-    /* @__PURE__ */ t(Pe, { styles: e, onLinkClick: n })
+  return /* @__PURE__ */ d(U, { children: [
+    /* @__PURE__ */ e(Ne, { styles: t, onLanguageChange: o }),
+    /* @__PURE__ */ e(we, { styles: t, onLinkClick: n })
   ] });
 }
-const Aa = "_backdrop_1a7pu_1", Oa = "_open_1a7pu_13", Ra = "_mobileMenu_1a7pu_18", Ha = "_header_1a7pu_37", Wa = "_brand_1a7pu_46", Fa = "_cloudIcon_1a7pu_53", ja = "_title_1a7pu_62", Ka = "_closeButton_1a7pu_69", Ua = "_closeIcon_1a7pu_101", qa = "_languageSection_1a7pu_106", Ga = "_languageSelect_1a7pu_112", Xa = "_languageButton_1a7pu_117", Qa = "_icon_1a7pu_156", Ya = "_chevron_1a7pu_162", Ja = "_languageDropdown_1a7pu_172", Va = "_languageOption_1a7pu_185", Za = "_selected_1a7pu_226", eo = "_scrollArea_1a7pu_231", to = "_navigation_1a7pu_237", no = "_section_1a7pu_241", ao = "_sectionButton_1a7pu_245", oo = "_expanded_1a7pu_285", so = "_sectionItems_1a7pu_289", co = "_navItem_1a7pu_297", ro = "_active_1a7pu_310", lo = "_navItemContent_1a7pu_316", io = "_navItemTitle_1a7pu_322", O = {
-  backdrop: Aa,
-  open: Oa,
-  mobileMenu: Ra,
-  header: Ha,
-  brand: Wa,
-  cloudIcon: Fa,
-  title: ja,
-  closeButton: Ka,
-  closeIcon: Ua,
-  languageSection: qa,
-  languageSelect: Ga,
-  languageButton: Xa,
-  icon: Qa,
-  chevron: Ya,
-  languageDropdown: Ja,
-  languageOption: Va,
-  selected: Za,
-  scrollArea: eo,
-  navigation: to,
-  section: no,
-  sectionButton: ao,
-  expanded: oo,
-  sectionItems: so,
-  navItem: co,
-  active: ro,
-  navItemContent: lo,
-  navItemTitle: io
+const Na = "_backdrop_1a7pu_1", wa = "_open_1a7pu_13", $a = "_mobileMenu_1a7pu_18", Ca = "_header_1a7pu_37", Ia = "_brand_1a7pu_46", xa = "_cloudIcon_1a7pu_53", ya = "_title_1a7pu_62", Ta = "_closeButton_1a7pu_69", La = "_closeIcon_1a7pu_101", Pa = "_languageSection_1a7pu_106", Sa = "_languageSelect_1a7pu_112", Da = "_languageButton_1a7pu_117", Ma = "_icon_1a7pu_156", Ba = "_chevron_1a7pu_162", Ea = "_languageDropdown_1a7pu_172", Ra = "_languageOption_1a7pu_185", Aa = "_selected_1a7pu_226", Oa = "_scrollArea_1a7pu_231", ja = "_navigation_1a7pu_237", Wa = "_section_1a7pu_241", Ha = "_sectionButton_1a7pu_245", za = "_expanded_1a7pu_285", Fa = "_sectionItems_1a7pu_289", qa = "_navItem_1a7pu_297", Ka = "_active_1a7pu_310", Ua = "_navItemContent_1a7pu_316", Ga = "_navItemTitle_1a7pu_322", j = {
+  backdrop: Na,
+  open: wa,
+  mobileMenu: $a,
+  header: Ca,
+  brand: Ia,
+  cloudIcon: xa,
+  title: ya,
+  closeButton: Ta,
+  closeIcon: La,
+  languageSection: Pa,
+  languageSelect: Sa,
+  languageButton: Da,
+  icon: Ma,
+  chevron: Ba,
+  languageDropdown: Ea,
+  languageOption: Ra,
+  selected: Aa,
+  scrollArea: Oa,
+  navigation: ja,
+  section: Wa,
+  sectionButton: Ha,
+  expanded: za,
+  sectionItems: Fa,
+  navItem: qa,
+  active: Ka,
+  navItemContent: Ua,
+  navItemTitle: Ga
 };
-function uo({ isOpen: e, onClose: n }) {
-  const { config: o } = R(), s = o.logo;
-  return D(() => (e ? document.body.style.overflow = "hidden" : document.body.style.overflow = "unset", () => {
+function Qa({ isOpen: t, onClose: n }) {
+  const { config: o } = R(), a = o.logo;
+  return P(() => (t ? document.body.style.overflow = "hidden" : document.body.style.overflow = "unset", () => {
     document.body.style.overflow = "unset";
-  }), [e]), D(() => {
-    const a = (r) => {
-      r.key === "Escape" && e && n();
+  }), [t]), P(() => {
+    const s = (c) => {
+      c.key === "Escape" && t && n();
     };
-    return document.addEventListener("keydown", a), () => document.removeEventListener("keydown", a);
-  }, [e, n]), /* @__PURE__ */ h(X, { children: [
-    /* @__PURE__ */ t(
+    return document.addEventListener("keydown", s), () => document.removeEventListener("keydown", s);
+  }, [t, n]), /* @__PURE__ */ d(U, { children: [
+    /* @__PURE__ */ e(
       "div",
       {
-        className: `${O.backdrop} ${e ? O.open : ""}`,
+        className: `${j.backdrop} ${t ? j.open : ""}`,
         onClick: n
       }
     ),
-    /* @__PURE__ */ h("div", { className: `${O.mobileMenu} ${e ? O.open : ""}`, children: [
-      /* @__PURE__ */ h("div", { className: O.header, children: [
-        /* @__PURE__ */ h("div", { className: O.brand, children: [
-          s && /* @__PURE__ */ t(s, { className: O.cloudIcon }),
-          /* @__PURE__ */ t("h1", { className: O.title, children: o.title })
+    /* @__PURE__ */ d("div", { className: `${j.mobileMenu} ${t ? j.open : ""}`, children: [
+      /* @__PURE__ */ d("div", { className: j.header, children: [
+        /* @__PURE__ */ d("div", { className: j.brand, children: [
+          a && /* @__PURE__ */ e(a, { className: j.cloudIcon }),
+          /* @__PURE__ */ e("h1", { className: j.title, children: o.title })
         ] }),
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ e(
           "button",
           {
             type: "button",
-            className: O.closeButton,
+            className: j.closeButton,
             onClick: n,
             "aria-label": "Close menu",
-            children: /* @__PURE__ */ t(Le, { className: O.closeIcon })
+            children: /* @__PURE__ */ e(ke, { className: j.closeIcon })
           }
         )
       ] }),
-      /* @__PURE__ */ t("div", { className: O.languageSection, children: /* @__PURE__ */ t(Se, { styles: O, onLanguageChange: n }) }),
-      /* @__PURE__ */ t("div", { className: O.scrollArea, children: /* @__PURE__ */ t(Pe, { styles: O, onLinkClick: n }) })
+      /* @__PURE__ */ e("div", { className: j.languageSection, children: /* @__PURE__ */ e(Ne, { styles: j, onLanguageChange: n }) }),
+      /* @__PURE__ */ e("div", { className: j.scrollArea, children: /* @__PURE__ */ e(we, { styles: j, onLinkClick: n }) })
     ] })
   ] });
 }
-const ho = "_sidebar_10z71_1", mo = "_header_10z71_17", _o = "_brand_10z71_29", go = "_cloudIcon_10z71_35", po = "_title_10z71_44", fo = "_languageSelect_10z71_55", vo = "_languageButton_10z71_61", bo = "_icon_10z71_99", wo = "_chevron_10z71_104", ko = "_languageDropdown_10z71_114", No = "_languageOption_10z71_128", $o = "_selected_10z71_147", Io = "_scrollArea_10z71_152", Co = "_navigation_10z71_158", To = "_skeleton-pulse_10z71_1", yo = "_skeletonSectionTitle_10z71_170", xo = "_skeletonItem_10z71_176", Lo = "_section_10z71_182", So = "_sectionButton_10z71_188", Po = "_expanded_10z71_231", Mo = "_sectionItems_10z71_235", Do = "_navItem_10z71_243", Bo = "_active_10z71_256", Eo = "_navItemContent_10z71_261", G = {
-  sidebar: ho,
-  header: mo,
-  brand: _o,
-  cloudIcon: go,
-  title: po,
-  languageSelect: fo,
-  languageButton: vo,
-  icon: bo,
-  chevron: wo,
-  languageDropdown: ko,
-  languageOption: No,
-  selected: $o,
-  scrollArea: Io,
-  navigation: Co,
-  skeletonPulse: To,
-  "skeleton-pulse": "_skeleton-pulse_10z71_1",
-  skeletonSectionTitle: yo,
-  skeletonItem: xo,
-  section: Lo,
-  sectionButton: So,
-  expanded: Po,
-  sectionItems: Mo,
-  navItem: Do,
-  active: Bo,
-  navItemContent: Eo
+const Xa = "_sidebar_1tdxt_1", Ya = "_header_1tdxt_17", Va = "_brand_1tdxt_29", Ja = "_cloudIcon_1tdxt_35", Za = "_title_1tdxt_44", eo = "_languageSelect_1tdxt_55", to = "_languageButton_1tdxt_61", no = "_icon_1tdxt_99", ao = "_chevron_1tdxt_104", oo = "_languageDropdown_1tdxt_114", so = "_languageOption_1tdxt_128", co = "_selected_1tdxt_147", ro = "_scrollArea_1tdxt_152", lo = "_navigation_1tdxt_158", io = "_section_1tdxt_164", uo = "_sectionButton_1tdxt_170", ho = "_expanded_1tdxt_213", mo = "_sectionItems_1tdxt_217", _o = "_navItem_1tdxt_225", go = "_active_1tdxt_238", po = "_navItemContent_1tdxt_243", K = {
+  sidebar: Xa,
+  header: Ya,
+  brand: Va,
+  cloudIcon: Ja,
+  title: Za,
+  languageSelect: eo,
+  languageButton: to,
+  icon: no,
+  chevron: ao,
+  languageDropdown: oo,
+  languageOption: so,
+  selected: co,
+  scrollArea: ro,
+  navigation: lo,
+  section: io,
+  sectionButton: uo,
+  expanded: ho,
+  sectionItems: mo,
+  navItem: _o,
+  active: go,
+  navItemContent: po
 };
-function zo() {
-  const { config: e } = R(), n = e.logo, o = e.supportedLanguages.length > 1;
-  return /* @__PURE__ */ h("div", { className: G.sidebar, children: [
-    /* @__PURE__ */ h("div", { className: G.header, children: [
-      /* @__PURE__ */ h("div", { className: G.brand, children: [
-        n && /* @__PURE__ */ t(n, { className: G.cloudIcon }),
-        /* @__PURE__ */ t("div", { className: G.title, children: e.title })
+function fo() {
+  const { config: t } = R(), n = t.logo, o = t.supportedLanguages.length > 1;
+  return /* @__PURE__ */ d("div", { className: K.sidebar, children: [
+    /* @__PURE__ */ d("div", { className: K.header, children: [
+      /* @__PURE__ */ d("div", { className: K.brand, children: [
+        n && /* @__PURE__ */ e(n, { className: K.cloudIcon }),
+        /* @__PURE__ */ e("div", { className: K.title, children: t.title })
       ] }),
-      o && /* @__PURE__ */ t(Se, { styles: G })
+      o && /* @__PURE__ */ e(Ne, { styles: K })
     ] }),
-    /* @__PURE__ */ t("div", { className: G.scrollArea, children: /* @__PURE__ */ t(Pe, { styles: G }) })
+    /* @__PURE__ */ e("div", { className: K.scrollArea, children: /* @__PURE__ */ e(we, { styles: K }) })
   ] });
 }
-const Ao = "_app_wf6ni_1", Oo = "_layout_wf6ni_9", Ro = "_main_wf6ni_15", Ho = "_fullWidth_wf6ni_21", Wo = "_contentWrapper_wf6ni_30", ae = {
-  app: Ao,
-  layout: Oo,
-  main: Ro,
-  fullWidth: Ho,
-  contentWrapper: Wo
+const vo = "_app_wf6ni_1", bo = "_layout_wf6ni_9", ko = "_main_wf6ni_15", No = "_fullWidth_wf6ni_21", wo = "_contentWrapper_wf6ni_30", oe = {
+  app: vo,
+  layout: bo,
+  main: ko,
+  fullWidth: No,
+  contentWrapper: wo
 };
-function Fo({ children: e }) {
-  const n = Xe(), o = n == null ? void 0 : n.language, { i18n: s } = z(), { config: a } = R(), r = U(), [c, d] = T(!1);
-  D(() => {
-    o && a.supportedLanguages.includes(o) && s.changeLanguage(o);
-  }, [o, s, a.supportedLanguages]);
+function $o({ children: t }) {
+  const { language: n } = be(), { i18n: o } = E(), { config: a } = R(), [s, c] = y(!1);
+  P(() => {
+    n && a.supportedLanguages.includes(n) && o.changeLanguage(n);
+  }, [n, o, a.supportedLanguages]);
   const i = () => {
-    d(!c);
-  }, l = () => {
-    d(!1);
+    c(!s);
+  }, m = () => {
+    c(!1);
   };
-  if (!o || !a.supportedLanguages.includes(o))
-    return r.replace("/en"), null;
-  const u = !!a.header, g = a.showSideMenu !== !1, p = a.contentMaxWidth ? { width: "100%", maxWidth: a.contentMaxWidth } : void 0;
-  return /* @__PURE__ */ h("div", { className: ae.app, children: [
-    u && /* @__PURE__ */ t(za, { onMobileMenuToggle: i }),
-    /* @__PURE__ */ t(uo, { isOpen: c, onClose: l }),
-    /* @__PURE__ */ h("div", { className: ae.layout, children: [
-      g && /* @__PURE__ */ t(zo, {}),
-      /* @__PURE__ */ t(
+  if (!n || !a.supportedLanguages.includes(n))
+    return /* @__PURE__ */ e(He, { to: "/en/welcome", replace: !0 });
+  const h = !!a.header, u = a.showSideMenu !== !1, l = a.contentMaxWidth ? { width: "100%", maxWidth: a.contentMaxWidth } : void 0;
+  return /* @__PURE__ */ d("div", { className: oe.app, children: [
+    h && /* @__PURE__ */ e(ka, { onMobileMenuToggle: i }),
+    /* @__PURE__ */ e(Qa, { isOpen: s, onClose: m }),
+    /* @__PURE__ */ d("div", { className: oe.layout, children: [
+      u && /* @__PURE__ */ e(fo, {}),
+      /* @__PURE__ */ e(
         "main",
         {
-          className: `${ae.main} ${g ? "" : ae.fullWidth}`,
-          children: /* @__PURE__ */ t("div", { className: ae.contentWrapper, style: p, children: e })
+          className: `${oe.main} ${u ? "" : oe.fullWidth}`,
+          children: /* @__PURE__ */ e("div", { className: oe.contentWrapper, style: l, children: t })
         }
       )
     ] })
   ] });
 }
-function fs({ children: e }) {
-  return /* @__PURE__ */ t(Fo, { children: e });
-}
-const jo = "_homePage_10e4f_1", Ko = "_header_10e4f_20", Uo = "_title_10e4f_24", qo = "_articlesList_10e4f_31", Go = "_articleCard_10e4f_37", Xo = "_articleTitle_10e4f_56", Qo = "_articleDescription_10e4f_63", Yo = "_empty_10e4f_71", Jo = "_skeletonCard_10e4f_85", Vo = "_skeletonTitle_10e4f_95", Zo = "_skeletonText_10e4f_104", es = "_skeletonMetadata_10e4f_113", B = {
-  homePage: jo,
-  header: Ko,
-  title: Uo,
-  articlesList: qo,
-  articleCard: Go,
-  articleTitle: Xo,
-  articleDescription: Qo,
-  empty: Yo,
-  skeletonCard: Jo,
-  skeletonTitle: Vo,
-  skeletonText: Zo,
-  skeletonMetadata: es
+const Co = "_homePage_10e4f_1", Io = "_header_10e4f_20", xo = "_title_10e4f_24", yo = "_articlesList_10e4f_31", To = "_articleCard_10e4f_37", Lo = "_articleTitle_10e4f_56", Po = "_articleDescription_10e4f_63", So = "_empty_10e4f_71", Do = "_skeletonCard_10e4f_85", Mo = "_skeletonTitle_10e4f_95", Bo = "_skeletonText_10e4f_104", Eo = "_skeletonMetadata_10e4f_113", M = {
+  homePage: Co,
+  header: Io,
+  title: xo,
+  articlesList: yo,
+  articleCard: To,
+  articleTitle: Lo,
+  articleDescription: Po,
+  empty: So,
+  skeletonCard: Do,
+  skeletonTitle: Mo,
+  skeletonText: Bo,
+  skeletonMetadata: Eo
 };
-function vs() {
-  const { i18n: e, t: n } = z(), { config: o, loadContent: s } = R(), a = U(), [r, c] = T([]), [d, i] = T(!0);
-  D(() => {
+function Ro() {
+  const { i18n: t, t: n } = E(), { config: o, loadContent: a } = R(), s = Q(), [c, i] = y([]), [m, h] = y(!0);
+  P(() => {
     (async () => {
       try {
-        const g = o.navigationData || [];
-        if (g.length === 0) return;
-        const p = await ie(
-          g,
-          e.language,
-          s
-        ), b = [];
-        for (const k of p)
-          if (oe(k))
-            for (const $ of k.items)
-              b.push({
-                slug: $.slug,
-                title: $.title
+        const f = o.navigationData || [];
+        if (f.length === 0) return;
+        const g = await he(
+          f,
+          t.language,
+          a
+        ), v = [];
+        for (const r of g)
+          if (se(r))
+            for (const _ of r.items)
+              v.push({
+                slug: _.slug,
+                title: _.title
               });
           else
-            b.push({
-              slug: k.slug,
-              title: k.title
+            v.push({
+              slug: r.slug,
+              title: r.title
             });
-        const v = await Promise.all(
-          b.map(async (k) => {
+        const b = await Promise.all(
+          v.map(async (r) => {
             try {
-              const $ = await s(e.language, k.slug);
+              const _ = await a(t.language, r.slug);
               return {
-                ...k,
-                title: $.frontmatter.title || k.title,
-                date: $.frontmatter.date,
-                author: $.frontmatter.author,
-                description: $.frontmatter.description
+                ...r,
+                title: _.frontmatter.title || r.title,
+                date: _.frontmatter.date,
+                author: _.frontmatter.author,
+                description: _.frontmatter.description
               };
             } catch {
-              return k;
+              return r;
             }
           })
         );
-        v.sort((k, $) => k.date && $.date ? new Date($.date).getTime() - new Date(k.date).getTime() : k.date ? -1 : $.date ? 1 : k.title.localeCompare($.title)), c(v.slice(0, 50));
-      } catch (g) {
-        console.error("Failed to load articles:", g);
+        b.sort((r, _) => r.date && _.date ? new Date(_.date).getTime() - new Date(r.date).getTime() : r.date ? -1 : _.date ? 1 : r.title.localeCompare(_.title)), i(b.slice(0, 50));
+      } catch (f) {
+        console.error("Failed to load articles:", f);
       } finally {
-        i(!1);
+        h(!1);
       }
     })();
-  }, [e.language, o.navigationData, s]);
-  const l = (u) => {
-    const g = o.basePath || "";
-    window.scrollTo({ top: 0, left: 0, behavior: "auto" }), a.push(`${g}/${e.language}/${u}`);
+  }, [t.language, o.navigationData, a]);
+  const u = (l) => {
+    const f = o.basePath || "";
+    window.scrollTo({ top: 0, left: 0, behavior: "auto" }), s(`${f}/${t.language}/${l}`);
   };
-  return d ? /* @__PURE__ */ h("div", { className: B.homePage, children: [
-    /* @__PURE__ */ t("div", { className: B.header, children: /* @__PURE__ */ t("h1", { className: B.title, children: n("ui.latestPosts") }) }),
-    /* @__PURE__ */ t("div", { className: B.articlesList, children: [...Array(5)].map((u, g) => /* @__PURE__ */ h("div", { className: B.skeletonCard, children: [
-      /* @__PURE__ */ t("div", { className: B.skeletonTitle }),
-      /* @__PURE__ */ t("div", { className: B.skeletonText }),
-      /* @__PURE__ */ t("div", { className: B.skeletonText }),
-      /* @__PURE__ */ t("div", { className: B.skeletonMetadata })
-    ] }, g)) })
-  ] }) : r.length === 0 ? /* @__PURE__ */ t("div", { className: B.empty, children: n("ui.noArticlesFound") }) : /* @__PURE__ */ h(X, { children: [
-    /* @__PURE__ */ h("div", { className: B.homePage, children: [
-      /* @__PURE__ */ t("div", { className: B.header, children: /* @__PURE__ */ t("h1", { className: B.title, children: n("ui.latestPosts") }) }),
-      /* @__PURE__ */ t("div", { className: B.articlesList, children: r.map((u) => /* @__PURE__ */ h(
+  return m ? /* @__PURE__ */ d("div", { className: M.homePage, children: [
+    /* @__PURE__ */ e("div", { className: M.header, children: /* @__PURE__ */ e("h1", { className: M.title, children: n("ui.latestPosts") }) }),
+    /* @__PURE__ */ e("div", { className: M.articlesList, children: [...Array(5)].map((l, f) => /* @__PURE__ */ d("div", { className: M.skeletonCard, children: [
+      /* @__PURE__ */ e("div", { className: M.skeletonTitle }),
+      /* @__PURE__ */ e("div", { className: M.skeletonText }),
+      /* @__PURE__ */ e("div", { className: M.skeletonText }),
+      /* @__PURE__ */ e("div", { className: M.skeletonMetadata })
+    ] }, f)) })
+  ] }) : c.length === 0 ? /* @__PURE__ */ e("div", { className: M.empty, children: n("ui.noArticlesFound") }) : /* @__PURE__ */ d(U, { children: [
+    /* @__PURE__ */ d("div", { className: M.homePage, children: [
+      /* @__PURE__ */ e("div", { className: M.header, children: /* @__PURE__ */ e("h1", { className: M.title, children: n("ui.latestPosts") }) }),
+      /* @__PURE__ */ e("div", { className: M.articlesList, children: c.map((l) => /* @__PURE__ */ d(
         "button",
         {
-          className: B.articleCard,
-          onClick: () => l(u.slug),
+          className: M.articleCard,
+          onClick: () => u(l.slug),
           type: "button",
           children: [
-            /* @__PURE__ */ t("h2", { className: B.articleTitle, children: u.title }),
-            u.description && /* @__PURE__ */ t("p", { className: B.articleDescription, children: u.description }),
-            /* @__PURE__ */ t(ye, { date: u.date, author: u.author })
+            /* @__PURE__ */ e("h2", { className: M.articleTitle, children: l.title }),
+            l.description && /* @__PURE__ */ e("p", { className: M.articleDescription, children: l.description }),
+            /* @__PURE__ */ e(ve, { date: l.date, author: l.author })
           ]
         },
-        u.slug
+        l.slug
       )) })
     ] }),
-    /* @__PURE__ */ t(Wt, {})
+    /* @__PURE__ */ e(Mt, {})
   ] });
 }
+function Xo() {
+  const { language: t } = be(), { config: n } = R();
+  return /* @__PURE__ */ e($o, { children: /* @__PURE__ */ d(Ye, { children: [
+    /* @__PURE__ */ e(De, { path: "/:slug", element: /* @__PURE__ */ e(En, { language: t }) }),
+    /* @__PURE__ */ e(
+      De,
+      {
+        index: !0,
+        element: (n.defaultRoute || "latest") === "latest" ? /* @__PURE__ */ e(Ro, {}) : /* @__PURE__ */ e(He, { to: `./${n.defaultRoute}`, replace: !0 })
+      }
+    )
+  ] }) });
+}
+function Yo() {
+  return {
+    openSearchModal: () => {
+      window.dispatchEvent(new CustomEvent("blog:open-search"));
+    },
+    closeSearchModal: () => {
+      window.dispatchEvent(new CustomEvent("blog:close-search"));
+    }
+  };
+}
+function Vo() {
+  const { i18n: t } = E(), n = Y(), o = Q(), { config: a } = R();
+  return (s) => {
+    const c = a.basePath || "";
+    let i = n.pathname;
+    c && i.startsWith(c) && (i = i.slice(c.length));
+    const m = i.split("/").filter(Boolean), h = m[0];
+    let u = "";
+    a.supportedLanguages.includes(h) ? (m[0] = s, u = `${c}/${m.join("/")}`) : u = `${c}/${s}${i}`;
+    const l = u + n.search + n.hash;
+    t.changeLanguage(s), o(l);
+  };
+}
 export {
-  kt as AdvancedModeToggle,
-  Et as ArticleNavigation,
-  hs as BlogProvider,
-  Nt as BlogRoot,
-  Wt as BlogSidebar,
-  Xt as Breadcrumb,
-  gs as ContentPage,
-  Fo as DocumentationLayout,
-  fs as DocumentationRoutes,
-  za as Header,
-  vs as HomePage,
-  Se as LanguageSelector,
-  ye as Metadata,
-  uo as MobileMenu,
-  ps as NavigationContent,
-  Pe as NavigationMenu,
-  pa as SearchBar,
-  zo as Sidebar,
-  wn as TableOfContents,
-  Mn as TagResultsModal,
-  Rn as Tags,
-  us as createBlogUtils,
-  Je as createContentLoaders,
-  Te as generateHeadingId,
-  tn as getAdjacentArticles,
-  ie as getNavigationData,
+  ht as AdvancedModeToggle,
+  yt as ArticleNavigation,
+  Go as BlogProvider,
+  mt as BlogRoot,
+  Mt as BlogSidebar,
+  Wt as Breadcrumb,
+  En as ContentPage,
+  $o as DocumentationLayout,
+  Xo as DocumentationRoutes,
+  ka as Header,
+  Ro as HomePage,
+  Ne as LanguageSelector,
+  ve as Metadata,
+  Qa as MobileMenu,
+  Qo as NavigationContent,
+  we as NavigationMenu,
+  ea as SearchBar,
+  fo as Sidebar,
+  an as TableOfContents,
+  pn as TagResultsModal,
+  $n as Tags,
+  Uo as createBlogUtils,
+  qe as createContentLoaders,
+  ee as generateHeadingId,
+  gt as getAdjacentArticles,
+  he as getNavigationData,
   R as useBlogConfig,
-  _s as useLanguageChange,
-  ms as useSearchModal,
-  Zt as useTheme,
-  nn as useWindowSearchParams
+  Vo as useLanguageChange,
+  Yo as useSearchModal,
+  Ue as useTheme
 };