@x-wave/blog 0.1.0

package/index.js

@@ -0,0 +1,1288 @@
+import { jsxs as d, jsx as e, Fragment as U } from "react/jsx-runtime";
+import { useTranslation as R } from "react-i18next";
+import { useLocation as Y, useNavigate as V, useParams as ge, Link as ie, Navigate as Ie } from "react-router-dom";
+import { X as ae, Tag as ke, User as Ce, CalendarBlank as xe, MagnifyingGlass as de, List as ye, Sun as ue, Moon as he, Monitor as me, CaretDown as oe, Globe as Te, CaretRight as Le } from "@phosphor-icons/react";
+import { useState as L, useEffect as P, createContext as Se, useContext as Be, useRef as z } from "react";
+import Pe from "react-markdown";
+import Me from "remark-gfm";
+import ne from "i18next";
+import { createPortal as pe } from "react-dom";
+const De = "_tabContainer_yggpc_1", Ee = "_tab_yggpc_1", Oe = "_active_yggpc_45", G = {
+  tabContainer: De,
+  tab: Ee,
+  active: Oe
+};
+function Re({ hasAdvanced: t }) {
+  const { t: n } = R(), a = Y(), o = V();
+  if (!t) return null;
+  const s = new URLSearchParams(a.search).has("advanced"), u = () => {
+    if (s) {
+      const p = new URLSearchParams(a.search);
+      p.delete("advanced");
+      const v = p.toString(), $ = v ? `?${v}` : "";
+      o(`${a.pathname}${$}${a.hash}`);
+    }
+  }, r = () => {
+    if (!s) {
+      const p = new URLSearchParams(a.search);
+      p.set("advanced", ""), o(`${a.pathname}?${p.toString()}${a.hash}`);
+    }
+  };
+  return /* @__PURE__ */ d("div", { className: G.tabContainer, children: [
+    /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        className: `${G.tab} ${s ? "" : G.active}`,
+        onClick: u,
+        children: n("ui.simple")
+      }
+    ),
+    /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        className: `${G.tab} ${s ? G.active : ""}`,
+        onClick: r,
+        children: n("ui.advanced")
+      }
+    )
+  ] });
+}
+function fe(t) {
+  function n(a) {
+    const o = a.match(/^---\s*\n([\s\S]*?)\n---\s*\n/);
+    if (!o) return { frontmatter: {}, content: a };
+    const l = {}, s = o[1];
+    let u = "", r = !1;
+    const p = [];
+    for (const $ of s.split(`
+`)) {
+      const m = $.trim();
+      if (m.startsWith("-")) {
+        if (r) {
+          const g = m.substring(1).trim();
+          p.push(g);
+        }
+        continue;
+      }
+      if (r && !m.startsWith("-") && (l[u] = p.slice(), p.length = 0, r = !1), m != null && m.includes(":")) {
+        const [g, ...c] = m.split(":"), f = c.join(":").trim();
+        if (u = g.trim(), !f) {
+          r = !0;
+          continue;
+        }
+        f === "true" ? l[u] = !0 : f === "false" ? l[u] = !1 : l[u] = f;
+      }
+    }
+    r && p.length > 0 && (l[u] = p);
+    const v = a.replace(
+      /^---\s*\n[\s\S]*?\n---\s*\n/,
+      ""
+    );
+    return { frontmatter: l, content: v };
+  }
+  return {
+    /**
+     * Load MDX content for a given language and slug.
+     * Automatically loads the advanced variant if `advanced` is true.
+     */
+    async loadMDXContent(a, o, l = !1) {
+      const s = l ? `${o}-advanced.mdx` : `${o}.mdx`, u = `./docs/${a}/${s}`, r = t[u];
+      if (!r) throw new Error(`File not found: ${u}`);
+      const p = await r(), { frontmatter: v, content: $ } = n(p);
+      return { content: $, frontmatter: v };
+    },
+    /**
+     * Load English content for generating consistent heading IDs.
+     * All heading anchors are derived from English content for stability across translations.
+     */
+    async loadEnglishContent(a, o = !1) {
+      const s = `./docs/en/${o ? `${a}-advanced.mdx` : `${a}.mdx`}`, u = t[s];
+      if (!u) throw new Error(`File not found: ${s}`);
+      const r = await u(), { content: p } = n(r);
+      return p;
+    },
+    /**
+     * Build a tag index from all MDX files.
+     * Scans frontmatter to extract tags and map them to documents.
+     *
+     * @param language - Language code to scan (defaults to 'en')
+     * @returns Promise resolving to tag index mapping tag names to document info
+     */
+    async buildTagIndex(a = "en") {
+      const o = {}, l = `./docs/${a}/`, s = Object.keys(t).filter(
+        (u) => u.startsWith(l)
+      );
+      for (const u of s)
+        try {
+          const r = t[u], p = await r(), { frontmatter: v, content: $ } = n(p), m = u.split("/").pop() || "", g = m.replace(".mdx", "").replace("-advanced", ""), c = $.match(/^#\s+(.+)$/m), f = c ? c[1].trim() : g;
+          if (m.includes("-advanced")) continue;
+          const _ = v.tags;
+          if (_ && Array.isArray(_))
+            for (const b of _)
+              o[b] || (o[b] = []), o[b].some((y) => y.slug === g) || o[b].push({ slug: g, title: f });
+        } catch (r) {
+          console.warn(`Failed to process ${u}:`, r);
+        }
+      return o;
+    }
+  };
+}
+function So(t) {
+  const n = fe(t);
+  return {
+    mdxFiles: t,
+    loadContent: n.loadMDXContent,
+    loadEnglishContent: n.loadEnglishContent
+  };
+}
+const ve = "app-theme", be = () => typeof window > "u" ? "light" : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", _e = (t) => t === "system" ? be() : t, je = () => typeof window > "u" ? "system" : localStorage.getItem(ve) || "system", we = () => {
+  const [t, n] = L(je);
+  return P(() => {
+    const o = _e(t), l = document.documentElement;
+    if (l.classList.remove("light", "dark"), l.classList.add(o), document.body.classList.remove("light", "dark"), document.body.classList.add(o), t === "system") {
+      const s = window.matchMedia("(prefers-color-scheme: dark)"), u = () => {
+        const r = be();
+        l.classList.remove("light", "dark"), l.classList.add(r), document.body.classList.remove("light", "dark"), document.body.classList.add(r);
+      };
+      return s.addEventListener("change", u), () => s.removeEventListener("change", u);
+    }
+  }, [t]), {
+    theme: t,
+    setTheme: (o) => {
+      localStorage.setItem(ve, o), n(o);
+    },
+    effectiveTheme: _e(t)
+  };
+}, Ae = (t) => "items" in t, te = (t, n) => t.map((a) => Ae(a) ? {
+  title: ne.getFixedT(n)(a.title),
+  items: a.items.map((o) => ({
+    title: ne.getFixedT(n)(o.title),
+    slug: o.slug,
+    ...o.hasAdvanced && { hasAdvanced: o.hasAdvanced },
+    ...o.showTableOfContents !== void 0 && {
+      showTableOfContents: o.showTableOfContents
+    }
+  }))
+} : {
+  title: ne.getFixedT(n)(a.title),
+  slug: a.slug,
+  ...a.hasAdvanced && { hasAdvanced: a.hasAdvanced },
+  ...a.showTableOfContents !== void 0 && {
+    showTableOfContents: a.showTableOfContents
+  }
+}), X = (t) => t.toString().toLowerCase().trim().replace(/[^\w\s-]/g, "").replace(/\s+/g, "-").replace(/-+/g, "-").replace(/^-+|-+$/g, ""), Ne = Se(null);
+function Bo({ children: t, config: n, blog: a }) {
+  we();
+  const [o, l] = L({});
+  P(() => {
+    const { buildTagIndex: u } = fe(a.mdxFiles), r = n.supportedLanguages.map(async (p) => {
+      try {
+        const v = await u(p);
+        return { language: p, index: v };
+      } catch (v) {
+        return console.error(`Failed to build tag index for ${p}:`, v), { language: p, index: {} };
+      }
+    });
+    Promise.all(r).then((p) => {
+      const v = {};
+      for (const $ of p)
+        v[$.language] = $.index;
+      l(v);
+    }).catch((p) => {
+      console.error("Failed to build tag indices:", p);
+    });
+  }, [a.mdxFiles, n.supportedLanguages]);
+  const s = { ...n, tagIndex: o };
+  return /* @__PURE__ */ e(
+    Ne.Provider,
+    {
+      value: {
+        config: s,
+        loadContent: a.loadContent,
+        loadEnglishContent: a.loadEnglishContent
+      },
+      children: t
+    }
+  );
+}
+function W() {
+  const t = Be(Ne);
+  if (!t)
+    throw new Error("useBlogConfig must be used within a BlogProvider");
+  return t;
+}
+const He = "_tableOfContents_vn5e4_1", ze = "_header_vn5e4_20", We = "_title_vn5e4_24", Fe = "_nav_vn5e4_33", Ke = "_list_vn5e4_39", Ue = "_link_vn5e4_46", qe = "_active_vn5e4_70", Ge = "_level1_vn5e4_86", Qe = "_level2_vn5e4_92", Xe = "_level3_vn5e4_97", Ye = "_level4_vn5e4_103", Ve = "_level5_vn5e4_109", Je = "_level6_vn5e4_115", A = {
+  tableOfContents: He,
+  header: ze,
+  title: We,
+  nav: Fe,
+  list: Ke,
+  link: Ue,
+  active: qe,
+  level1: Ge,
+  level2: Qe,
+  level3: Xe,
+  level4: Ye,
+  level5: Ve,
+  level6: Je
+};
+function Ze({
+  content: t,
+  englishContent: n
+}) {
+  const { t: a } = R(), o = Y(), l = V(), [s, u] = L([]), [r, p] = L(""), v = z(null);
+  P(() => {
+    p(""), (() => {
+      const g = /^(#{1,6})\s+(.+)$/gm, c = [];
+      let f = g.exec(t);
+      const _ = [];
+      for (; f !== null; ) {
+        const h = f[1].length, C = f[2].trim();
+        _.push({ level: h, text: C }), f = g.exec(t);
+      }
+      const b = /^(#{1,6})\s+(.+)$/gm;
+      let y = b.exec(n), S = 0;
+      for (; y !== null && S < _.length; ) {
+        const h = y[2].trim(), C = X(h);
+        c.push({
+          id: C,
+          text: _[S].text,
+          // Use localized text for display
+          level: _[S].level
+        }), S++, y = b.exec(n);
+      }
+      u(c);
+    })();
+  }, [t, n]), P(() => {
+    if (s.length === 0) return;
+    const m = setTimeout(() => {
+      const g = s.filter(
+        (c) => !document.getElementById(c.id)
+      );
+      g.length > 0 && console.warn("Some heading elements not found:", g);
+    }, 100);
+    return () => clearTimeout(m);
+  }, [s]), P(() => {
+    if (s.length === 0) return;
+    v.current && v.current.disconnect();
+    const m = setTimeout(() => {
+      const g = s.map((c) => document.getElementById(c.id)).filter(Boolean);
+      g.length !== 0 && (v.current = new IntersectionObserver(
+        (c) => {
+          const f = c.filter((_) => _.isIntersecting);
+          if (f.length > 0) {
+            const _ = f.reduce((b, y) => b.boundingClientRect.top < y.boundingClientRect.top ? b : y);
+            p(_.target.id);
+          }
+        },
+        {
+          rootMargin: "-80px 0% -80% 0%",
+          threshold: 0
+        }
+      ), g.forEach((c) => {
+        v.current && v.current.observe(c);
+      }));
+    }, 150);
+    return () => {
+      clearTimeout(m), v.current && v.current.disconnect();
+    };
+  }, [s]), P(() => () => {
+    v.current && v.current.disconnect();
+  }, []);
+  const $ = (m) => {
+    const g = document.getElementById(m);
+    if (g) {
+      const c = new URLSearchParams(o.search);
+      c.set("a", m), l(
+        `${o.pathname}?${c.toString()}${o.hash}`,
+        {
+          replace: !0
+        }
+      );
+      const b = g.getBoundingClientRect().top + window.pageYOffset - 80;
+      window.scrollTo({
+        top: b,
+        behavior: "smooth"
+      });
+    }
+  };
+  return s.length === 0 ? null : /* @__PURE__ */ d("aside", { className: A.tableOfContents, children: [
+    /* @__PURE__ */ e("div", { className: A.header, children: /* @__PURE__ */ e("span", { className: A.title, children: a("ui.onThisPage", "On this page") }) }),
+    /* @__PURE__ */ e("nav", { className: A.nav, children: /* @__PURE__ */ e("ul", { className: A.list, children: s.map((m) => /* @__PURE__ */ e("li", { className: A.item, children: /* @__PURE__ */ e(
+      "button",
+      {
+        className: `${A.link} ${A[`level${m.level}`]} ${r === m.id ? A.active : ""}`,
+        onClick: () => $(m.id),
+        type: "button",
+        children: m.text
+      }
+    ) }, m.id)) }) })
+  ] });
+}
+const et = "_overlay_s7p1r_1", tt = "_modal_s7p1r_26", nt = "_header_s7p1r_50", ot = "_title_s7p1r_58", at = "_closeButton_s7p1r_65", st = "_results_s7p1r_86", ct = "_resultsList_s7p1r_94", rt = "_resultItem_s7p1r_100", lt = "_resultTitle_s7p1r_119", it = "_resultSlug_s7p1r_124", dt = "_noResults_s7p1r_130", E = {
+  overlay: et,
+  modal: tt,
+  header: nt,
+  title: ot,
+  closeButton: at,
+  results: st,
+  resultsList: ct,
+  resultItem: rt,
+  resultTitle: lt,
+  resultSlug: it,
+  noResults: dt
+};
+function ut({
+  tag: t,
+  results: n,
+  language: a,
+  onClose: o
+}) {
+  const { t: l } = R(), s = V(), u = (r) => {
+    s(`/${a}/${r}`), o();
+  };
+  return pe(
+    /* @__PURE__ */ e("div", { className: E.overlay, onClick: o, children: /* @__PURE__ */ d("div", { className: E.modal, onClick: (r) => r.stopPropagation(), children: [
+      /* @__PURE__ */ d("div", { className: E.header, children: [
+        /* @__PURE__ */ d("h2", { className: E.title, children: [
+          l("ui.tagResults"),
+          ": ",
+          t
+        ] }),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: E.closeButton,
+            onClick: o,
+            "aria-label": "Close",
+            children: /* @__PURE__ */ e(ae, {})
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e("div", { className: E.results, children: n.length === 0 ? /* @__PURE__ */ e("div", { className: E.noResults, children: l("ui.noTagResults") }) : /* @__PURE__ */ e("ul", { className: E.resultsList, children: n.map((r) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ d(
+        "button",
+        {
+          type: "button",
+          className: E.resultItem,
+          onClick: () => u(r.slug),
+          children: [
+            /* @__PURE__ */ e("div", { className: E.resultTitle, children: r.title }),
+            /* @__PURE__ */ d("div", { className: E.resultSlug, children: [
+              "/",
+              r.slug
+            ] })
+          ]
+        }
+      ) }, r.slug)) }) })
+    ] }) }),
+    document.body
+  );
+}
+const ht = "_tags_8uc6s_1", mt = "_compact_8uc6s_9", _t = "_tagLabel_8uc6s_15", gt = "_tagIcon_8uc6s_25", pt = "_tagList_8uc6s_30", ft = "_tag_8uc6s_1", K = {
+  tags: ht,
+  compact: mt,
+  tagLabel: _t,
+  tagIcon: gt,
+  tagList: pt,
+  tag: ft
+};
+function vt({ tags: t, variant: n = "default", onTagClick: a }) {
+  const { t: o } = R();
+  if (!t || t.length === 0) return null;
+  const l = (s) => {
+    a && a(s);
+  };
+  return /* @__PURE__ */ d(
+    "div",
+    {
+      className: `${K.tags} ${n === "compact" ? K.compact : ""}`,
+      children: [
+        n === "default" && /* @__PURE__ */ d("div", { className: K.tagLabel, children: [
+          /* @__PURE__ */ e(ke, { className: K.tagIcon, weight: "duotone" }),
+          /* @__PURE__ */ d("span", { children: [
+            o("ui.tags"),
+            ":"
+          ] })
+        ] }),
+        /* @__PURE__ */ e("div", { className: K.tagList, children: t.map((s) => /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: K.tag,
+            onClick: () => l(s),
+            "aria-label": `${o("ui.filterByTag")}: ${s}`,
+            children: s
+          },
+          s
+        )) })
+      ]
+    }
+  );
+}
+const bt = "_contentPage_godc9_1", wt = "_metadata_godc9_20", Nt = "_author_godc9_30", $t = "_date_godc9_31", It = "_loadingContainer_godc9_48", kt = "_errorContainer_godc9_49", Ct = "_skeletonTitle_godc9_71", xt = "_skeletonParagraph_godc9_80", yt = "_skeletonParagraphShort_godc9_93", Tt = "_errorText_godc9_107", Lt = "_mdxContent_godc9_112", St = "_withMetadata_godc9_125", Bt = "_codeBlock_godc9_300", Pt = "_codeLanguage_godc9_304", B = {
+  contentPage: bt,
+  metadata: wt,
+  author: Nt,
+  date: $t,
+  loadingContainer: It,
+  errorContainer: kt,
+  skeletonTitle: Ct,
+  skeletonParagraph: xt,
+  skeletonParagraphShort: yt,
+  errorText: Tt,
+  mdxContent: Lt,
+  withMetadata: St,
+  codeBlock: Bt,
+  codeLanguage: Pt
+};
+function Po({ language: t }) {
+  var le;
+  const { slug: n } = ge(), a = Y(), { t: o } = R(), { config: l, loadContent: s, loadEnglishContent: u } = W(), [r, p] = L(""), [v, $] = L(""), [m, g] = L({}), [c, f] = L(!0), [_, b] = L(null), [y, S] = L(!0), [h, C] = L(null), M = z(0), q = z([]), J = ((i) => {
+    const w = {
+      advanced: !1,
+      anchor: ""
+    };
+    if (!i) return w;
+    const N = (i.startsWith("?") ? i.substring(1) : i).split("&");
+    for (const x of N)
+      x === "advanced" ? w.advanced = !0 : x.startsWith("a=") && (w.anchor = x.substring(2));
+    return w;
+  })(a.search), j = J.advanced;
+  if (P(() => {
+    (async () => {
+      if (!n) return;
+      f(!0), b(null), M.current = 0;
+      let w = !0;
+      for (const I of l.navigationData)
+        if ("items" in I) {
+          const N = I.items.find((x) => x.slug === n);
+          if (N) {
+            w = N.showTableOfContents !== !1;
+            break;
+          }
+        } else if (I.slug === n) {
+          w = I.showTableOfContents !== !1;
+          break;
+        }
+      S(w);
+      try {
+        let I;
+        try {
+          I = await s(t, n, j);
+        } catch {
+          if (j)
+            I = await s(t, n, !1);
+          else
+            throw new Error("Content not found");
+        }
+        let N = "";
+        try {
+          N = await u(n, j);
+        } catch {
+          j && (N = await u(n, !1));
+        }
+        const x = /^(#{1,6})\s+(.+)$/gm, O = [];
+        let F = x.exec(N);
+        for (; F !== null; ) {
+          const Z = F[2].trim();
+          O.push(Z), F = x.exec(N);
+        }
+        q.current = O, $(N), p(I.content), g(I.frontmatter);
+      } catch (I) {
+        b(I instanceof Error ? I.message : "Failed to load content");
+      } finally {
+        f(!1);
+      }
+    })();
+  }, [
+    n,
+    t,
+    j,
+    l.navigationData,
+    s,
+    u
+  ]), P(() => {
+    if (!c && J.anchor) {
+      const i = setTimeout(() => {
+        const w = document.getElementById(J.anchor);
+        if (w) {
+          const x = w.getBoundingClientRect().top + window.pageYOffset - 80;
+          window.scrollTo({
+            top: x,
+            behavior: "smooth"
+          });
+        }
+      }, 150);
+      return () => clearTimeout(i);
+    }
+  }, [c, J.anchor]), c)
+    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 (_)
+    return /* @__PURE__ */ e("div", { className: B.contentPage, children: /* @__PURE__ */ e("div", { className: B.errorContainer, children: /* @__PURE__ */ d("div", { className: B.errorText, children: [
+      "Error: ",
+      _
+    ] }) }) });
+  M.current = 0;
+  let re = !1;
+  const $e = () => /* @__PURE__ */ d("div", { className: B.metadata, children: [
+    m.author && /* @__PURE__ */ d("span", { className: B.author, children: [
+      /* @__PURE__ */ e(Ce, { size: 16, weight: "regular" }),
+      m.author
+    ] }),
+    m.date && /* @__PURE__ */ d("span", { className: B.date, children: [
+      /* @__PURE__ */ e(xe, { size: 16, weight: "regular" }),
+      o("ui.lastEdited"),
+      ": ",
+      m.date
+    ] })
+  ] });
+  return /* @__PURE__ */ d(U, { children: [
+    /* @__PURE__ */ d("div", { className: B.contentPage, children: [
+      /* @__PURE__ */ e(Re, { hasAdvanced: m.hasAdvanced || !1 }),
+      /* @__PURE__ */ e("div", { className: B.mdxContent, children: /* @__PURE__ */ e(
+        Pe,
+        {
+          remarkPlugins: [Me],
+          components: {
+            h1: ({ children: i }) => {
+              const w = M.current++, I = q.current[w] || "", N = X(I), x = j ? `?advanced&a=${N}` : `?a=${N}`, O = `#/${t}/${n}${x}`, F = !re;
+              re = !0;
+              const Z = m.date || m.author;
+              return /* @__PURE__ */ d(U, { children: [
+                /* @__PURE__ */ e(
+                  "h1",
+                  {
+                    id: N,
+                    className: F && Z ? B.withMetadata : void 0,
+                    children: /* @__PURE__ */ e(
+                      "a",
+                      {
+                        href: O,
+                        style: { color: "inherit", textDecoration: "none" },
+                        children: i
+                      }
+                    )
+                  }
+                ),
+                F && Z && /* @__PURE__ */ e($e, {})
+              ] });
+            },
+            h2: ({ children: i }) => {
+              const w = M.current++, I = q.current[w] || "", N = X(I), x = j ? `?advanced&a=${N}` : `?a=${N}`, O = `#/${t}/${n}${x}`;
+              return /* @__PURE__ */ e("h2", { id: N, children: /* @__PURE__ */ e(
+                "a",
+                {
+                  href: O,
+                  style: { color: "inherit", textDecoration: "none" },
+                  children: i
+                }
+              ) });
+            },
+            h3: ({ children: i }) => {
+              const w = M.current++, I = q.current[w] || "", N = X(I), x = j ? `?advanced&a=${N}` : `?a=${N}`, O = `#/${t}/${n}${x}`;
+              return /* @__PURE__ */ e("h3", { id: N, children: /* @__PURE__ */ e(
+                "a",
+                {
+                  href: O,
+                  style: { color: "inherit", textDecoration: "none" },
+                  children: i
+                }
+              ) });
+            },
+            h4: ({ children: i }) => {
+              const w = M.current++, I = q.current[w] || "", N = X(I), x = j ? `?advanced&a=${N}` : `?a=${N}`, O = `#/${t}/${n}${x}`;
+              return /* @__PURE__ */ e("h4", { id: N, children: /* @__PURE__ */ e(
+                "a",
+                {
+                  href: O,
+                  style: { color: "inherit", textDecoration: "none" },
+                  children: i
+                }
+              ) });
+            },
+            h5: ({ children: i }) => {
+              const w = `h5-${M.current++}`;
+              return /* @__PURE__ */ e("h5", { id: w, children: i });
+            },
+            h6: ({ children: i }) => {
+              const w = `h6-${M.current++}`;
+              return /* @__PURE__ */ e("h6", { id: w, children: i });
+            },
+            p: ({ children: i }) => /* @__PURE__ */ e("p", { children: i }),
+            ul: ({ children: i }) => /* @__PURE__ */ e("ul", { children: i }),
+            ol: ({ children: i }) => /* @__PURE__ */ e("ol", { children: i }),
+            li: ({ children: i }) => /* @__PURE__ */ e("li", { children: i }),
+            code: ({ className: i, children: w, ...I }) => {
+              if (!i)
+                return /* @__PURE__ */ e("code", { ...I, children: w });
+              const x = (i == null ? void 0 : i.replace("language-", "")) || "";
+              return /* @__PURE__ */ d("div", { className: B.codeBlock, children: [
+                x && /* @__PURE__ */ e("div", { className: B.codeLanguage, children: x }),
+                /* @__PURE__ */ e("pre", { children: /* @__PURE__ */ e("code", { className: i, ...I, children: w }) })
+              ] });
+            },
+            pre: ({ children: i }) => /* @__PURE__ */ e(U, { children: i }),
+            // Let code component handle pre styling
+            blockquote: ({ children: i }) => /* @__PURE__ */ e("blockquote", { children: i }),
+            a: ({ href: i, children: w, ...I }) => {
+              if (i != null && i.startsWith("./")) {
+                const N = i.slice(2), x = `#/${t}/${N}`;
+                return /* @__PURE__ */ e("a", { href: x, ...I, children: w });
+              }
+              return i != null && i.startsWith("http://") || i != null && i.startsWith("https://") ? /* @__PURE__ */ e(
+                "a",
+                {
+                  href: i,
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  ...I,
+                  children: w
+                }
+              ) : /* @__PURE__ */ e("a", { href: i, ...I, children: w });
+            },
+            strong: ({ children: i }) => /* @__PURE__ */ e("strong", { children: i }),
+            em: ({ children: i }) => /* @__PURE__ */ e("em", { children: i })
+          },
+          children: r
+        }
+      ) }),
+      m.tags && m.tags.length > 0 && /* @__PURE__ */ e(
+        vt,
+        {
+          tags: m.tags,
+          variant: "compact",
+          onTagClick: (i) => C(i)
+        }
+      )
+    ] }),
+    y && /* @__PURE__ */ e(Ze, { content: r, englishContent: v }),
+    h && ((le = l.tagIndex) == null ? void 0 : le[t]) && /* @__PURE__ */ e(
+      ut,
+      {
+        tag: h,
+        results: l.tagIndex[t][h] || [],
+        language: t,
+        onClose: () => C(null)
+      }
+    )
+  ] });
+}
+const Mt = "_searchButton_royne_1", Dt = "_searchIcon_royne_17", Et = "_searchHint_royne_23", Ot = "_kbd_royne_27", Rt = "_searchOverlay_royne_42", jt = "_searchModal_royne_67", At = "_searchHeader_royne_91", Ht = "_searchInput_royne_105", zt = "_closeButton_royne_123", Wt = "_searchResults_royne_144", Ft = "_resultsList_royne_152", Kt = "_resultItem_royne_158", Ut = "_selected_royne_173", qt = "_resultTitle_royne_176", Gt = "_resultSlug_royne_180", Qt = "_noResults_royne_186", Xt = "_searchHints_royne_193", Yt = "_hint_royne_210", T = {
+  searchButton: Mt,
+  searchIcon: Dt,
+  searchHint: Et,
+  kbd: Ot,
+  searchOverlay: Rt,
+  searchModal: jt,
+  searchHeader: At,
+  searchInput: Ht,
+  closeButton: zt,
+  searchResults: Wt,
+  resultsList: Ft,
+  resultItem: Kt,
+  selected: Ut,
+  resultTitle: qt,
+  resultSlug: Gt,
+  noResults: Qt,
+  searchHints: Xt,
+  hint: Yt
+};
+function Vt({ language: t }) {
+  const { t: n } = R(), { config: a } = W(), o = V(), [l, s] = L(!1), [u, r] = L(""), [p, v] = L([]), [$, m] = L(0), g = z(null), c = z(null), _ = typeof navigator < "u" && /(Mac|iPhone|iPod|iPad)/i.test(navigator.platform) ? "⌘K" : "Ctrl+K", b = te(
+    a.navigationData,
+    t
+  ).flatMap((h) => "items" in h ? h.items.map((C) => ({
+    title: C.title,
+    slug: C.slug
+  })) : [{ title: h.title, slug: h.slug }]);
+  P(() => {
+    if (!u.trim()) {
+      v([]), m(0);
+      return;
+    }
+    const h = u.toLowerCase(), C = b.filter(
+      (M) => M.title.toLowerCase().includes(h) || M.slug.toLowerCase().includes(h)
+    );
+    v(C), m(0);
+  }, [u]), P(() => {
+    const h = (C) => {
+      (C.metaKey || C.ctrlKey) && C.key === "k" && (C.preventDefault(), s(!0), setTimeout(() => {
+        var M;
+        return (M = g.current) == null ? void 0 : M.focus();
+      }, 100)), C.key === "Escape" && l && (s(!1), r(""));
+    };
+    return document.addEventListener("keydown", h), () => document.removeEventListener("keydown", h);
+  }, [l]);
+  const y = (h) => {
+    h.key === "ArrowDown" ? (h.preventDefault(), m((C) => Math.min(C + 1, p.length - 1))) : h.key === "ArrowUp" ? (h.preventDefault(), m((C) => Math.max(C - 1, 0))) : h.key === "Enter" && p[$] && (h.preventDefault(), S(p[$].slug));
+  };
+  P(() => {
+    const h = (C) => {
+      c.current && !c.current.contains(C.target) && (s(!1), r(""));
+    };
+    return l && document.addEventListener("mousedown", h), () => document.removeEventListener("mousedown", h);
+  }, [l]);
+  const S = (h) => {
+    o(`/${t}/${h}`), s(!1), r("");
+  };
+  return /* @__PURE__ */ d(U, { children: [
+    /* @__PURE__ */ d(
+      "button",
+      {
+        type: "button",
+        className: T.searchButton,
+        onClick: () => {
+          s(!0), setTimeout(() => {
+            var h;
+            return (h = g.current) == null ? void 0 : h.focus();
+          }, 100);
+        },
+        "aria-label": n("ui.search"),
+        children: [
+          /* @__PURE__ */ e(de, { className: T.searchIcon }),
+          /* @__PURE__ */ e("span", { className: T.searchHint, children: n("ui.search") }),
+          /* @__PURE__ */ e("kbd", { className: T.kbd, children: _ })
+        ]
+      }
+    ),
+    l && pe(
+      /* @__PURE__ */ e(
+        "div",
+        {
+          className: T.searchOverlay,
+          onClick: () => {
+            s(!1), r("");
+          },
+          children: /* @__PURE__ */ d(
+            "div",
+            {
+              className: T.searchModal,
+              ref: c,
+              onClick: (h) => h.stopPropagation(),
+              children: [
+                /* @__PURE__ */ d("div", { className: T.searchHeader, children: [
+                  /* @__PURE__ */ e(de, { className: T.searchIcon }),
+                  /* @__PURE__ */ e(
+                    "input",
+                    {
+                      ref: g,
+                      type: "text",
+                      className: T.searchInput,
+                      placeholder: n("ui.searchPlaceholder"),
+                      value: u,
+                      onChange: (h) => r(h.target.value),
+                      onKeyDown: y
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    "button",
+                    {
+                      type: "button",
+                      className: T.closeButton,
+                      onClick: () => {
+                        s(!1), r("");
+                      },
+                      "aria-label": "Close search",
+                      children: /* @__PURE__ */ e(ae, {})
+                    }
+                  )
+                ] }),
+                u && /* @__PURE__ */ e("div", { className: T.searchResults, children: p.length === 0 ? /* @__PURE__ */ e("div", { className: T.noResults, children: n("ui.noSearchResults") }) : /* @__PURE__ */ e("ul", { className: T.resultsList, children: p.map((h, C) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ d(
+                  "button",
+                  {
+                    type: "button",
+                    className: `${T.resultItem} ${C === $ ? T.selected : ""}`,
+                    onClick: () => S(h.slug),
+                    onMouseEnter: () => m(C),
+                    children: [
+                      /* @__PURE__ */ e("div", { className: T.resultTitle, children: h.title }),
+                      /* @__PURE__ */ d("div", { className: T.resultSlug, children: [
+                        "/",
+                        h.slug
+                      ] })
+                    ]
+                  }
+                ) }, h.slug)) }) }),
+                !u && /* @__PURE__ */ d("div", { className: T.searchHints, children: [
+                  /* @__PURE__ */ d("div", { className: T.hint, children: [
+                    /* @__PURE__ */ e("kbd", { children: "↑" }),
+                    /* @__PURE__ */ e("kbd", { children: "↓" }),
+                    /* @__PURE__ */ e("span", { children: n("ui.searchNavigate") })
+                  ] }),
+                  /* @__PURE__ */ d("div", { className: T.hint, children: [
+                    /* @__PURE__ */ e("kbd", { children: "↵" }),
+                    /* @__PURE__ */ e("span", { children: n("ui.searchSelect") })
+                  ] }),
+                  /* @__PURE__ */ d("div", { className: T.hint, children: [
+                    /* @__PURE__ */ e("kbd", { children: "esc" }),
+                    /* @__PURE__ */ e("span", { children: n("ui.searchClose") })
+                  ] })
+                ] })
+              ]
+            }
+          )
+        }
+      ),
+      document.body
+    )
+  ] });
+}
+const Jt = "_header_15xr7_1", Zt = "_container_15xr7_24", en = "_content_15xr7_36", tn = "_leftSection_15xr7_43", nn = "_mobileMenuButton_15xr7_49", on = "_burgerIcon_15xr7_87", an = "_logo_15xr7_92", sn = "_nav_15xr7_98", cn = "_navLink_15xr7_109", rn = "_externalIcon_15xr7_135", ln = "_supportDropdown_15xr7_141", dn = "_themeDropdown_15xr7_145", un = "_themeButton_15xr7_149", hn = "_themeIcon_15xr7_171", mn = "_supportButton_15xr7_177", _n = "_caretIcon_15xr7_198", gn = "_dropdownMenu_15xr7_208", pn = "_dropdownItem_15xr7_221", fn = "_dropdownIcon_15xr7_244", k = {
+  header: Jt,
+  container: Zt,
+  content: en,
+  leftSection: tn,
+  mobileMenuButton: nn,
+  burgerIcon: on,
+  logo: an,
+  nav: sn,
+  navLink: cn,
+  externalIcon: rn,
+  supportDropdown: ln,
+  themeDropdown: dn,
+  themeButton: un,
+  themeIcon: hn,
+  supportButton: mn,
+  caretIcon: _n,
+  dropdownMenu: gn,
+  dropdownItem: pn,
+  dropdownIcon: fn
+};
+function vn({ onMobileMenuToggle: t }) {
+  const { t: n, i18n: a } = R(), { config: o } = W(), l = o.header ?? {}, s = l.navLinks ?? [], u = l.dropdownItems ?? [], [r, p] = L(!1), [v, $] = L(!1), { theme: m, setTheme: g } = we(), c = z(null), f = z(null);
+  return P(() => {
+    const _ = (b) => {
+      c.current && !c.current.contains(b.target) && p(!1), f.current && !f.current.contains(b.target) && $(!1);
+    };
+    return document.addEventListener("mousedown", _), () => document.removeEventListener("mousedown", _);
+  }, []), /* @__PURE__ */ e("header", { className: k.header, children: /* @__PURE__ */ e("div", { className: k.container, children: /* @__PURE__ */ d("div", { className: k.content, children: [
+    /* @__PURE__ */ d("div", { className: k.leftSection, children: [
+      /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          className: k.mobileMenuButton,
+          onClick: t,
+          "aria-label": "Open menu",
+          children: /* @__PURE__ */ e(ye, { className: k.burgerIcon })
+        }
+      ),
+      /* @__PURE__ */ e("div", { className: k.logo })
+    ] }),
+    /* @__PURE__ */ d("nav", { className: k.nav, children: [
+      /* @__PURE__ */ e(Vt, { language: a.language }),
+      /* @__PURE__ */ d("div", { className: k.themeDropdown, ref: f, children: [
+        /* @__PURE__ */ d(
+          "button",
+          {
+            type: "button",
+            className: k.themeButton,
+            onClick: () => $(!v),
+            "aria-expanded": v,
+            "aria-haspopup": "true",
+            "aria-label": n("ui.theme"),
+            children: [
+              m === "light" && /* @__PURE__ */ e(ue, { className: k.themeIcon }),
+              m === "dark" && /* @__PURE__ */ e(he, { className: k.themeIcon }),
+              m === "system" && /* @__PURE__ */ e(me, { className: k.themeIcon }),
+              /* @__PURE__ */ e(oe, { className: k.caretIcon })
+            ]
+          }
+        ),
+        v && /* @__PURE__ */ d("div", { className: k.dropdownMenu, children: [
+          /* @__PURE__ */ d(
+            "button",
+            {
+              type: "button",
+              onClick: () => {
+                g("light"), $(!1);
+              },
+              className: k.dropdownItem,
+              children: [
+                /* @__PURE__ */ e(ue, { className: k.dropdownIcon }),
+                n("ui.light")
+              ]
+            }
+          ),
+          /* @__PURE__ */ d(
+            "button",
+            {
+              type: "button",
+              onClick: () => {
+                g("dark"), $(!1);
+              },
+              className: k.dropdownItem,
+              children: [
+                /* @__PURE__ */ e(he, { className: k.dropdownIcon }),
+                n("ui.dark")
+              ]
+            }
+          ),
+          /* @__PURE__ */ d(
+            "button",
+            {
+              type: "button",
+              onClick: () => {
+                g("system"), $(!1);
+              },
+              className: k.dropdownItem,
+              children: [
+                /* @__PURE__ */ e(me, { className: k.dropdownIcon }),
+                n("ui.system")
+              ]
+            }
+          )
+        ] })
+      ] }),
+      u.length > 0 && /* @__PURE__ */ d("div", { className: k.supportDropdown, ref: c, children: [
+        /* @__PURE__ */ d(
+          "button",
+          {
+            type: "button",
+            className: k.supportButton,
+            onClick: () => p(!r),
+            "aria-expanded": r,
+            "aria-haspopup": "true",
+            children: [
+              n("ui.support"),
+              /* @__PURE__ */ e(oe, { className: k.caretIcon })
+            ]
+          }
+        ),
+        r && /* @__PURE__ */ e("div", { className: k.dropdownMenu, children: u.map((_, b) => {
+          const y = _.target ?? (_.url.startsWith("http") ? "_blank" : "_self"), S = _.rel ?? (y === "_blank" ? "noopener noreferrer" : void 0), h = _.icon;
+          return /* @__PURE__ */ d(
+            "a",
+            {
+              href: _.url,
+              target: y,
+              rel: S,
+              className: k.dropdownItem,
+              children: [
+                h && /* @__PURE__ */ e(h, { className: k.dropdownIcon }),
+                _.label
+              ]
+            },
+            b
+          );
+        }) })
+      ] }),
+      s.map((_, b) => {
+        const y = _.target ?? (typeof _.url == "string" && _.url.startsWith("http") ? "_blank" : "_self"), S = _.rel ?? (y === "_blank" ? "noopener noreferrer" : void 0), h = _.icon;
+        return /* @__PURE__ */ d(
+          "a",
+          {
+            href: _.url,
+            target: y,
+            rel: S,
+            className: _.className ?? k.navLink,
+            children: [
+              _.label,
+              h && /* @__PURE__ */ e(h, { className: k.externalIcon })
+            ]
+          },
+          b
+        );
+      })
+    ] })
+  ] }) }) });
+}
+const Q = (t) => "items" in t;
+function se({
+  styles: t,
+  onLanguageChange: n
+}) {
+  const { i18n: a } = R(), o = Y(), l = V(), { config: s } = W(), [u, r] = L(!1), p = z(null), v = a.language, $ = (g) => {
+    const c = o.pathname.split("/").filter(Boolean), f = c[0];
+    let _ = "";
+    s.supportedLanguages.includes(f) ? (c[0] = g, _ = `/${c.join("/")}`) : _ = `/${g}${o.pathname}`;
+    const b = _ + o.search + o.hash;
+    a.changeLanguage(g), l(b), r(!1), n == null || n();
+  };
+  P(() => {
+    const g = (c) => {
+      p.current && !p.current.contains(c.target) && r(!1);
+    };
+    return document.addEventListener("mousedown", g), () => document.removeEventListener("mousedown", g);
+  }, []);
+  const m = (g) => a.getFixedT(g)("language") || g;
+  return /* @__PURE__ */ d("div", { className: t.languageSelect, ref: p, children: [
+    /* @__PURE__ */ d(
+      "button",
+      {
+        type: "button",
+        className: t.languageButton,
+        onClick: () => r(!u),
+        "aria-expanded": u,
+        "aria-haspopup": "listbox",
+        children: [
+          /* @__PURE__ */ e(Te, { className: t.icon }),
+          m(v),
+          /* @__PURE__ */ e(oe, { className: t.chevron })
+        ]
+      }
+    ),
+    u && /* @__PURE__ */ e("div", { className: t.languageDropdown, role: "listbox", children: s.supportedLanguages.map((g) => /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        className: `${t.languageOption} ${g === v ? t.selected : ""}`,
+        onClick: () => $(g),
+        role: "option",
+        "aria-selected": g === v,
+        children: m(g)
+      },
+      g
+    )) })
+  ] });
+}
+function ce({ styles: t, onLinkClick: n }) {
+  const { i18n: a } = R(), o = Y(), { config: l } = W(), [s, u] = L(() => {
+    const c = a.language;
+    return te(l.navigationData, c).reduce(
+      (_, b, y) => {
+        if (Q(b)) {
+          const S = l.navigationData[y], h = Q(S) && S.defaultOpen === !0;
+          _[b.title] = h;
+        }
+        return _;
+      },
+      {}
+    );
+  }), r = a.language, p = te(
+    l.navigationData,
+    r
+  );
+  P(() => {
+    const f = te(
+      l.navigationData,
+      r
+    ).reduce(
+      (_, b, y) => {
+        if (Q(b)) {
+          const S = l.navigationData[y], h = Q(S) && S.defaultOpen === !0;
+          _[b.title] = h;
+        }
+        return _;
+      },
+      {}
+    );
+    u(f);
+  }, [r, l.navigationData]);
+  const v = (c) => {
+    u((f) => ({
+      ...f,
+      [c]: !f[c]
+    }));
+  }, $ = (c) => {
+    const f = o.pathname.split("/").filter(Boolean);
+    return f[f.length - 1] === c;
+  }, m = (c) => {
+    const f = o.pathname.split("/").filter(Boolean);
+    return f[0] && l.supportedLanguages.includes(f[0]) ? `/${f[0]}/${c}` : `/${r}/${c}`;
+  }, g = () => {
+    n == null || n();
+  };
+  return /* @__PURE__ */ e("div", { className: t.navigation, children: p.map((c) => Q(c) ? /* @__PURE__ */ d("div", { className: t.section, children: [
+    /* @__PURE__ */ d(
+      "button",
+      {
+        type: "button",
+        className: `${t.sectionButton} ${s[c.title] ? t.expanded : ""}`,
+        onClick: () => v(c.title),
+        children: [
+          c.title,
+          /* @__PURE__ */ e(Le, { className: t.icon })
+        ]
+      }
+    ),
+    s[c.title] && /* @__PURE__ */ e("div", { className: t.sectionItems, children: c.items.map((f) => /* @__PURE__ */ e(
+      ie,
+      {
+        to: m(f.slug),
+        className: `${t.navItem} ${$(f.slug) ? t.active : ""}`,
+        onClick: g,
+        children: /* @__PURE__ */ e("div", { className: t.navItemContent, children: /* @__PURE__ */ e("span", { className: t.navItemTitle, children: f.title }) })
+      },
+      f.slug
+    )) })
+  ] }, c.title) : /* @__PURE__ */ e(
+    ie,
+    {
+      to: m(c.slug),
+      className: `${t.navItem} ${$(c.slug) ? t.active : ""}`,
+      onClick: g,
+      children: /* @__PURE__ */ e("div", { className: t.navItemContent, children: /* @__PURE__ */ e("span", { className: t.navItemTitle, children: c.title }) })
+    },
+    c.slug
+  )) });
+}
+function Mo({
+  styles: t,
+  onLinkClick: n,
+  onLanguageChange: a
+}) {
+  return /* @__PURE__ */ d(U, { children: [
+    /* @__PURE__ */ e(se, { styles: t, onLanguageChange: a }),
+    /* @__PURE__ */ e(ce, { styles: t, onLinkClick: n })
+  ] });
+}
+const bn = "_backdrop_17kcj_1", wn = "_open_17kcj_13", Nn = "_mobileMenu_17kcj_18", $n = "_header_17kcj_37", In = "_brand_17kcj_46", kn = "_cloudIcon_17kcj_53", Cn = "_title_17kcj_62", xn = "_closeButton_17kcj_69", yn = "_closeIcon_17kcj_101", Tn = "_languageSection_17kcj_106", Ln = "_languageSelect_17kcj_112", Sn = "_languageButton_17kcj_117", Bn = "_icon_17kcj_156", Pn = "_chevron_17kcj_162", Mn = "_languageDropdown_17kcj_172", Dn = "_languageOption_17kcj_185", En = "_selected_17kcj_226", On = "_scrollArea_17kcj_231", Rn = "_navigation_17kcj_237", jn = "_section_17kcj_241", An = "_sectionButton_17kcj_245", Hn = "_expanded_17kcj_285", zn = "_sectionItems_17kcj_289", Wn = "_navItem_17kcj_297", Fn = "_active_17kcj_310", Kn = "_navItemContent_17kcj_316", Un = "_navItemTitle_17kcj_322", D = {
+  backdrop: bn,
+  open: wn,
+  mobileMenu: Nn,
+  header: $n,
+  brand: In,
+  cloudIcon: kn,
+  title: Cn,
+  closeButton: xn,
+  closeIcon: yn,
+  languageSection: Tn,
+  languageSelect: Ln,
+  languageButton: Sn,
+  icon: Bn,
+  chevron: Pn,
+  languageDropdown: Mn,
+  languageOption: Dn,
+  selected: En,
+  scrollArea: On,
+  navigation: Rn,
+  section: jn,
+  sectionButton: An,
+  expanded: Hn,
+  sectionItems: zn,
+  navItem: Wn,
+  active: Fn,
+  navItemContent: Kn,
+  navItemTitle: Un
+};
+function qn({ isOpen: t, onClose: n }) {
+  const { config: a } = W(), o = a.logo;
+  return P(() => (t ? document.body.style.overflow = "hidden" : document.body.style.overflow = "unset", () => {
+    document.body.style.overflow = "unset";
+  }), [t]), P(() => {
+    const l = (s) => {
+      s.key === "Escape" && t && n();
+    };
+    return document.addEventListener("keydown", l), () => document.removeEventListener("keydown", l);
+  }, [t, n]), /* @__PURE__ */ d(U, { children: [
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: `${D.backdrop} ${t ? D.open : ""}`,
+        onClick: n
+      }
+    ),
+    /* @__PURE__ */ d("div", { className: `${D.mobileMenu} ${t ? D.open : ""}`, children: [
+      /* @__PURE__ */ d("div", { className: D.header, children: [
+        /* @__PURE__ */ d("div", { className: D.brand, children: [
+          o && /* @__PURE__ */ e(o, { className: D.cloudIcon }),
+          /* @__PURE__ */ e("h1", { className: D.title, children: a.title })
+        ] }),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: D.closeButton,
+            onClick: n,
+            "aria-label": "Close menu",
+            children: /* @__PURE__ */ e(ae, { className: D.closeIcon })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e("div", { className: D.languageSection, children: /* @__PURE__ */ e(se, { styles: D, onLanguageChange: n }) }),
+      /* @__PURE__ */ e("div", { className: D.scrollArea, children: /* @__PURE__ */ e(ce, { styles: D, onLinkClick: n }) })
+    ] })
+  ] });
+}
+const Gn = "_sidebar_1pfbz_1", Qn = "_header_1pfbz_17", Xn = "_brand_1pfbz_29", Yn = "_cloudIcon_1pfbz_35", Vn = "_title_1pfbz_44", Jn = "_languageSelect_1pfbz_52", Zn = "_languageButton_1pfbz_58", eo = "_icon_1pfbz_96", to = "_chevron_1pfbz_101", no = "_languageDropdown_1pfbz_111", oo = "_languageOption_1pfbz_125", ao = "_selected_1pfbz_144", so = "_scrollArea_1pfbz_149", co = "_navigation_1pfbz_155", ro = "_section_1pfbz_161", lo = "_sectionButton_1pfbz_167", io = "_expanded_1pfbz_210", uo = "_sectionItems_1pfbz_214", ho = "_navItem_1pfbz_222", mo = "_active_1pfbz_235", _o = "_navItemContent_1pfbz_240", H = {
+  sidebar: Gn,
+  header: Qn,
+  brand: Xn,
+  cloudIcon: Yn,
+  title: Vn,
+  languageSelect: Jn,
+  languageButton: Zn,
+  icon: eo,
+  chevron: to,
+  languageDropdown: no,
+  languageOption: oo,
+  selected: ao,
+  scrollArea: so,
+  navigation: co,
+  section: ro,
+  sectionButton: lo,
+  expanded: io,
+  sectionItems: uo,
+  navItem: ho,
+  active: mo,
+  navItemContent: _o
+};
+function go() {
+  const { config: t } = W(), n = t.logo;
+  return /* @__PURE__ */ d("div", { className: H.sidebar, children: [
+    /* @__PURE__ */ d("div", { className: H.header, children: [
+      /* @__PURE__ */ d("div", { className: H.brand, children: [
+        n && /* @__PURE__ */ e(n, { className: H.cloudIcon }),
+        /* @__PURE__ */ e("h1", { className: H.title, children: t.title })
+      ] }),
+      /* @__PURE__ */ e(se, { styles: H })
+    ] }),
+    /* @__PURE__ */ e("div", { className: H.scrollArea, children: /* @__PURE__ */ e(ce, { styles: H }) })
+  ] });
+}
+const po = "_app_1vinw_1", fo = "_layout_1vinw_9", vo = "_main_1vinw_15", bo = "_contentWrapper_1vinw_27", ee = {
+  app: po,
+  layout: fo,
+  main: vo,
+  contentWrapper: bo
+};
+function Do({ children: t }) {
+  const { language: n } = ge(), { i18n: a } = R(), { config: o } = W(), [l, s] = L(!1);
+  P(() => {
+    n && o.supportedLanguages.includes(n) && a.changeLanguage(n);
+  }, [n, a, o.supportedLanguages]);
+  const u = () => {
+    s(!l);
+  }, r = () => {
+    s(!1);
+  };
+  return !n || !o.supportedLanguages.includes(n) ? /* @__PURE__ */ e(Ie, { to: "/en/welcome", replace: !0 }) : /* @__PURE__ */ d("div", { className: ee.app, children: [
+    /* @__PURE__ */ e(vn, { onMobileMenuToggle: u }),
+    /* @__PURE__ */ e(qn, { isOpen: l, onClose: r }),
+    /* @__PURE__ */ d("div", { className: ee.layout, children: [
+      /* @__PURE__ */ e(go, {}),
+      /* @__PURE__ */ e("main", { className: ee.main, children: /* @__PURE__ */ e("div", { className: ee.contentWrapper, children: t }) })
+    ] })
+  ] });
+}
+export {
+  Re as AdvancedModeToggle,
+  Bo as BlogProvider,
+  Po as ContentPage,
+  Do as DocumentationLayout,
+  vn as Header,
+  se as LanguageSelector,
+  qn as MobileMenu,
+  Mo as NavigationContent,
+  ce as NavigationMenu,
+  Vt as SearchBar,
+  go as Sidebar,
+  Ze as TableOfContents,
+  ut as TagResultsModal,
+  vt as Tags,
+  So as createBlogUtils,
+  fe as createContentLoaders,
+  X as generateHeadingId,
+  te as getNavigationData,
+  W as useBlogConfig,
+  we as useTheme
+};