boltdocs 1.7.1 → 1.9.0

package/dist/{chunk-SFVOGJ2W.mjs → chunk-OZLYRXAD.mjs}

@@ -6,7 +6,7 @@ import {
 // src/client/theme/ui/Navbar/Navbar.tsx
 import { Suspense as Suspense2, lazy as lazy2 } from "react";
 import { Link as Link2, useLocation as useLocation11 } from "react-router-dom";
-import { ChevronDown as ChevronDown3 } from "lucide-react";
+import { ChevronDown as ChevronDown4 } from "lucide-react";
 
 // src/client/theme/ui/LanguageSwitcher/LanguageSwitcher.tsx
 import { useState, useRef, useEffect } from "react";
@@ -326,11 +326,11 @@ function GithubStars({ repo }) {
 }
 
 // src/client/theme/ui/Navbar/Tabs.tsx
-import { useEffect as useEffect10, useRef as useRef6, useState as useState12 } from "react";
+import { useEffect as useEffect11, useRef as useRef7, useState as useState13 } from "react";
 import { useLocation as useLocation10 } from "react-router-dom";
 
 // src/client/theme/ui/Link/Link.tsx
-import React10 from "react";
+import React11 from "react";
 import {
   Link as RouterLink,
   NavLink as RouterNavLink,
@@ -377,7 +377,7 @@ function PreloadProvider({
 }
 
 // src/client/app/index.tsx
-import React9, { useEffect as useEffect8, useState as useState10 } from "react";
+import React10, { useEffect as useEffect9, useState as useState11 } from "react";
 import ReactDOM from "react-dom/client";
 import {
   BrowserRouter,
@@ -388,7 +388,7 @@ import {
 } from "react-router-dom";
 
 // src/client/theme/ui/Layout/Layout.tsx
-import React7 from "react";
+import React8 from "react";
 import { useLocation as useLocation7 } from "react-router-dom";
 import { ChevronLeft, ChevronRight as ChevronRight3 } from "lucide-react";
 
@@ -925,8 +925,78 @@ var ErrorBoundary = class extends Component {
   }
 };
 
-// src/client/theme/ui/Layout/Layout.tsx
+// src/client/theme/ui/CopyMarkdown/CopyMarkdown.tsx
+import { useState as useState8, useRef as useRef4, useEffect as useEffect8 } from "react";
+import { Copy, ChevronDown as ChevronDown3, Check, ExternalLink } from "lucide-react";
 import { jsx as jsx16, jsxs as jsxs10 } from "react/jsx-runtime";
+function CopyMarkdown({ content, config }) {
+  const [isOpen, setIsOpen] = useState8(false);
+  const [copied, setCopied] = useState8(false);
+  const dropdownRef = useRef4(null);
+  const isEnabled = config !== false;
+  const buttonText = typeof config === "object" ? config.text || "Copy Markdown" : "Copy Markdown";
+  useEffect8(() => {
+    function handleClickOutside(event) {
+      if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
+        setIsOpen(false);
+      }
+    }
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, []);
+  if (!isEnabled || !content) return null;
+  const handleCopy = () => {
+    navigator.clipboard.writeText(content);
+    setCopied(true);
+    setIsOpen(false);
+    setTimeout(() => setCopied(false), 2e3);
+  };
+  const handleOpenRaw = () => {
+    const blob = new Blob([content], { type: "text/plain;charset=utf-8" });
+    const url = URL.createObjectURL(blob);
+    window.open(url, "_blank");
+    setIsOpen(false);
+  };
+  return /* @__PURE__ */ jsxs10("div", { className: "boltdocs-copy-markdown", ref: dropdownRef, children: [
+    /* @__PURE__ */ jsxs10("div", { className: "copy-btn-group", children: [
+      /* @__PURE__ */ jsxs10(
+        "button",
+        {
+          className: "copy-btn",
+          onClick: handleCopy,
+          "aria-label": "Copy Markdown",
+          children: [
+            copied ? /* @__PURE__ */ jsx16(Check, { size: 16 }) : /* @__PURE__ */ jsx16(Copy, { size: 16 }),
+            /* @__PURE__ */ jsx16("span", { className: "copy-label", children: copied ? "Copied!" : buttonText })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx16(
+        "button",
+        {
+          className: `copy-dropdown-toggle ${isOpen ? "is-active" : ""}`,
+          onClick: () => setIsOpen(!isOpen),
+          "aria-label": "More options",
+          "aria-expanded": isOpen,
+          children: /* @__PURE__ */ jsx16(ChevronDown3, { size: 14, className: "arrow-icon" })
+        }
+      )
+    ] }),
+    isOpen && /* @__PURE__ */ jsxs10("div", { className: "copy-dropdown", children: [
+      /* @__PURE__ */ jsxs10("button", { className: "copy-option", onClick: handleCopy, children: [
+        /* @__PURE__ */ jsx16(Copy, { size: 14 }),
+        "Copy Markdown"
+      ] }),
+      /* @__PURE__ */ jsxs10("button", { className: "copy-option", onClick: handleOpenRaw, children: [
+        /* @__PURE__ */ jsx16(ExternalLink, { size: 14 }),
+        "View as Markdown"
+      ] })
+    ] })
+  ] });
+}
+
+// src/client/theme/ui/Layout/Layout.tsx
+import { jsx as jsx17, jsxs as jsxs11 } from "react/jsx-runtime";
 function ThemeLayout({
   config,
   routes,
@@ -958,14 +1028,14 @@ function ThemeLayout({
   const prevPage = localIndex > 0 ? filteredRoutes[localIndex - 1] : null;
   const nextPage = localIndex >= 0 && localIndex < filteredRoutes.length - 1 ? filteredRoutes[localIndex + 1] : null;
   const { preload } = usePreload();
-  React7.useEffect(() => {
+  React8.useEffect(() => {
     if (prevPage?.path) preload(prevPage.path);
     if (nextPage?.path) preload(nextPage.path);
   }, [prevPage, nextPage, preload]);
-  return /* @__PURE__ */ jsxs10("div", { className: `boltdocs-layout ${className}`, style, children: [
-    /* @__PURE__ */ jsx16(ProgressBar, {}),
-    background !== void 0 ? background : /* @__PURE__ */ jsx16(BackgroundGradient, {}),
-    head !== void 0 ? head : /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsxs11("div", { className: `boltdocs-layout ${className}`, style, children: [
+    /* @__PURE__ */ jsx17(ProgressBar, {}),
+    background !== void 0 ? background : /* @__PURE__ */ jsx17(BackgroundGradient, {}),
+    head !== void 0 ? head : /* @__PURE__ */ jsx17(
       Head,
       {
         siteTitle,
@@ -973,7 +1043,7 @@ function ThemeLayout({
         routes
       }
     ),
-    navbar !== void 0 ? navbar : /* @__PURE__ */ jsx16(
+    navbar !== void 0 ? navbar : /* @__PURE__ */ jsx17(
       Navbar,
       {
         config,
@@ -983,43 +1053,52 @@ function ThemeLayout({
         currentVersion
       }
     ),
-    /* @__PURE__ */ jsxs10("div", { className: "boltdocs-main-container", children: [
-      sidebar !== void 0 ? sidebar : /* @__PURE__ */ jsx16(Sidebar, { routes: filteredRoutes, config }),
-      /* @__PURE__ */ jsxs10("main", { className: "boltdocs-content", children: [
-        breadcrumbs !== void 0 ? breadcrumbs : /* @__PURE__ */ jsx16(Breadcrumbs, { routes: filteredRoutes, config }),
-        /* @__PURE__ */ jsx16("div", { className: "boltdocs-page", children: /* @__PURE__ */ jsx16(ErrorBoundary, { children }) }),
-        (prevPage || nextPage) && /* @__PURE__ */ jsxs10("nav", { className: "page-nav", "aria-label": "Pagination", children: [
-          prevPage ? /* @__PURE__ */ jsxs10(
+    /* @__PURE__ */ jsxs11("div", { className: "boltdocs-main-container", children: [
+      sidebar !== void 0 ? sidebar : /* @__PURE__ */ jsx17(Sidebar, { routes: filteredRoutes, config }),
+      /* @__PURE__ */ jsxs11("main", { className: "boltdocs-content", children: [
+        breadcrumbs !== void 0 ? breadcrumbs : /* @__PURE__ */ jsx17(Breadcrumbs, { routes: filteredRoutes, config }),
+        /* @__PURE__ */ jsxs11("div", { className: "boltdocs-page", children: [
+          /* @__PURE__ */ jsx17("div", { className: "boltdocs-page-header", children: /* @__PURE__ */ jsx17(
+            CopyMarkdown,
+            {
+              content: routes[currentIndex]?._rawContent,
+              config: config.themeConfig?.copyMarkdown
+            }
+          ) }),
+          /* @__PURE__ */ jsx17(ErrorBoundary, { children })
+        ] }),
+        (prevPage || nextPage) && /* @__PURE__ */ jsxs11("nav", { className: "page-nav", "aria-label": "Pagination", children: [
+          prevPage ? /* @__PURE__ */ jsxs11(
             Link,
             {
               to: prevPage.path || "/",
               className: "page-nav-link page-nav-link--prev",
               children: [
-                /* @__PURE__ */ jsxs10("div", { className: "page-nav-info", children: [
-                  /* @__PURE__ */ jsx16("span", { className: "page-nav-label", children: "Previous" }),
-                  /* @__PURE__ */ jsx16("span", { className: "page-nav-title", children: prevPage.title })
+                /* @__PURE__ */ jsxs11("div", { className: "page-nav-info", children: [
+                  /* @__PURE__ */ jsx17("span", { className: "page-nav-label", children: "Previous" }),
+                  /* @__PURE__ */ jsx17("span", { className: "page-nav-title", children: prevPage.title })
                 ] }),
-                /* @__PURE__ */ jsx16(ChevronLeft, { className: "page-nav-arrow", size: 16 })
+                /* @__PURE__ */ jsx17(ChevronLeft, { className: "page-nav-arrow", size: 16 })
               ]
             }
-          ) : /* @__PURE__ */ jsx16("span", {}),
-          nextPage ? /* @__PURE__ */ jsxs10(
+          ) : /* @__PURE__ */ jsx17("span", {}),
+          nextPage ? /* @__PURE__ */ jsxs11(
             Link,
             {
               to: nextPage.path || "/",
               className: "page-nav-link page-nav-link--next",
               children: [
-                /* @__PURE__ */ jsxs10("div", { className: "page-nav-info", children: [
-                  /* @__PURE__ */ jsx16("span", { className: "page-nav-label", children: "Next" }),
-                  /* @__PURE__ */ jsx16("span", { className: "page-nav-title", children: nextPage.title })
+                /* @__PURE__ */ jsxs11("div", { className: "page-nav-info", children: [
+                  /* @__PURE__ */ jsx17("span", { className: "page-nav-label", children: "Next" }),
+                  /* @__PURE__ */ jsx17("span", { className: "page-nav-title", children: nextPage.title })
                 ] }),
-                /* @__PURE__ */ jsx16(ChevronRight3, { className: "page-nav-arrow", size: 16 })
+                /* @__PURE__ */ jsx17(ChevronRight3, { className: "page-nav-arrow", size: 16 })
               ]
             }
-          ) : /* @__PURE__ */ jsx16("span", {})
+          ) : /* @__PURE__ */ jsx17("span", {})
         ] })
       ] }),
-      toc !== void 0 ? toc : /* @__PURE__ */ jsx16(
+      toc !== void 0 ? toc : /* @__PURE__ */ jsx17(
         OnThisPage,
         {
           headings: routes[currentIndex]?.headings,
@@ -1034,25 +1113,25 @@ function ThemeLayout({
 
 // src/client/theme/ui/NotFound/NotFound.tsx
 import { ArrowLeft } from "lucide-react";
-import { jsx as jsx17, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs12 } from "react/jsx-runtime";
 function NotFound() {
-  return /* @__PURE__ */ jsx17("div", { className: "boltdocs-not-found", children: /* @__PURE__ */ jsxs11("div", { className: "not-found-content", children: [
-    /* @__PURE__ */ jsx17("span", { className: "not-found-code", children: "404" }),
-    /* @__PURE__ */ jsx17("h1", { className: "not-found-title", children: "Page Not Found" }),
-    /* @__PURE__ */ jsx17("p", { className: "not-found-text", children: "The page you're looking for doesn't exist or has been moved." }),
-    /* @__PURE__ */ jsxs11(Link, { to: "/", className: "not-found-link", children: [
-      /* @__PURE__ */ jsx17(ArrowLeft, { size: 16 }),
+  return /* @__PURE__ */ jsx18("div", { className: "boltdocs-not-found", children: /* @__PURE__ */ jsxs12("div", { className: "not-found-content", children: [
+    /* @__PURE__ */ jsx18("span", { className: "not-found-code", children: "404" }),
+    /* @__PURE__ */ jsx18("h1", { className: "not-found-title", children: "Page Not Found" }),
+    /* @__PURE__ */ jsx18("p", { className: "not-found-text", children: "The page you're looking for doesn't exist or has been moved." }),
+    /* @__PURE__ */ jsxs12(Link, { to: "/", className: "not-found-link", children: [
+      /* @__PURE__ */ jsx18(ArrowLeft, { size: 16 }),
       " Go to Home"
     ] })
   ] }) });
 }
 
 // src/client/theme/ui/Loading/Loading.tsx
-import { jsx as jsx18, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs13 } from "react/jsx-runtime";
 function Loading() {
-  return /* @__PURE__ */ jsxs12("div", { className: "boltdocs-loading", children: [
-    /* @__PURE__ */ jsx18("div", { className: "loading-spinner" }),
-    /* @__PURE__ */ jsx18("p", { className: "loading-text", children: "Loading..." })
+  return /* @__PURE__ */ jsxs13("div", { className: "boltdocs-loading", children: [
+    /* @__PURE__ */ jsx19("div", { className: "loading-spinner" }),
+    /* @__PURE__ */ jsx19("p", { className: "loading-text", children: "Loading..." })
   ] });
 }
 
@@ -1068,34 +1147,34 @@ import {
 import { Link as LucideLink } from "lucide-react";
 
 // src/client/theme/components/CodeBlock/CodeBlock.tsx
-import { useState as useState9, useRef as useRef4, useCallback as useCallback3 } from "react";
-import { Copy, Check } from "lucide-react";
-import { jsx as jsx19, jsxs as jsxs13 } from "react/jsx-runtime";
+import { useState as useState10, useRef as useRef5, useCallback as useCallback3 } from "react";
+import { Copy as Copy2, Check as Check2 } from "lucide-react";
+import { jsx as jsx20, jsxs as jsxs14 } from "react/jsx-runtime";
 function CodeBlock({ children, ...props }) {
-  const [copied, setCopied] = useState9(false);
-  const preRef = useRef4(null);
+  const [copied, setCopied] = useState10(false);
+  const preRef = useRef5(null);
   const handleCopy = useCallback3(async () => {
     const code = preRef.current?.textContent || "";
     copyToClipboard(code);
     setCopied(true);
     setTimeout(() => setCopied(false), 2e3);
   }, []);
-  return /* @__PURE__ */ jsxs13("div", { className: "code-block-wrapper", children: [
-    /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsxs14("div", { className: "code-block-wrapper", children: [
+    /* @__PURE__ */ jsx20(
       "button",
       {
         className: `code-block-copy ${copied ? "copied" : ""}`,
         onClick: handleCopy,
         "aria-label": "Copy code",
-        children: copied ? /* @__PURE__ */ jsx19(Check, { size: 16 }) : /* @__PURE__ */ jsx19(Copy, { size: 16 })
+        children: copied ? /* @__PURE__ */ jsx20(Check2, { size: 16 }) : /* @__PURE__ */ jsx20(Copy2, { size: 16 })
       }
     ),
-    /* @__PURE__ */ jsx19("pre", { ref: preRef, ...props, children })
+    /* @__PURE__ */ jsx20("pre", { ref: preRef, ...props, children })
   ] });
 }
 
 // src/client/app/index.tsx
-import { jsx as jsx20, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs15 } from "react/jsx-runtime";
 var ConfigContext = createContext2(null);
 function useConfig() {
   return useContext2(ConfigContext);
@@ -1114,21 +1193,21 @@ var Heading = ({
   children
 }) => {
   const Tag = `h${level}`;
-  return /* @__PURE__ */ jsxs14(Tag, { id, className: "boltdocs-heading", children: [
+  return /* @__PURE__ */ jsxs15(Tag, { id, className: "boltdocs-heading", children: [
     children,
-    id && /* @__PURE__ */ jsx20("a", { href: `#${id}`, className: "header-anchor", "aria-label": "Anchor", children: /* @__PURE__ */ jsx20(LucideLink, { size: 16 }) })
+    id && /* @__PURE__ */ jsx21("a", { href: `#${id}`, className: "header-anchor", "aria-label": "Anchor", children: /* @__PURE__ */ jsx21(LucideLink, { size: 16 }) })
   ] });
 };
 var mdxComponents = {
-  h1: (props) => /* @__PURE__ */ jsx20(Heading, { level: 1, ...props }),
-  h2: (props) => /* @__PURE__ */ jsx20(Heading, { level: 2, ...props }),
-  h3: (props) => /* @__PURE__ */ jsx20(Heading, { level: 3, ...props }),
-  h4: (props) => /* @__PURE__ */ jsx20(Heading, { level: 4, ...props }),
-  h5: (props) => /* @__PURE__ */ jsx20(Heading, { level: 5, ...props }),
-  h6: (props) => /* @__PURE__ */ jsx20(Heading, { level: 6, ...props }),
-  pre: (props) => /* @__PURE__ */ jsx20(CodeBlock, { ...props, children: props.children }),
-  video: (props) => /* @__PURE__ */ jsx20(Suspense, { fallback: /* @__PURE__ */ jsx20("div", { className: "video-skeleton" }), children: /* @__PURE__ */ jsx20(Video, { ...props }) }),
-  PackageManagerTabs: (props) => /* @__PURE__ */ jsx20(Suspense, { fallback: /* @__PURE__ */ jsx20("div", { className: "pkg-tabs-skeleton" }), children: /* @__PURE__ */ jsx20(PackageManagerTabs, { ...props }) })
+  h1: (props) => /* @__PURE__ */ jsx21(Heading, { level: 1, ...props }),
+  h2: (props) => /* @__PURE__ */ jsx21(Heading, { level: 2, ...props }),
+  h3: (props) => /* @__PURE__ */ jsx21(Heading, { level: 3, ...props }),
+  h4: (props) => /* @__PURE__ */ jsx21(Heading, { level: 4, ...props }),
+  h5: (props) => /* @__PURE__ */ jsx21(Heading, { level: 5, ...props }),
+  h6: (props) => /* @__PURE__ */ jsx21(Heading, { level: 6, ...props }),
+  pre: (props) => /* @__PURE__ */ jsx21(CodeBlock, { ...props, children: props.children }),
+  video: (props) => /* @__PURE__ */ jsx21(Suspense, { fallback: /* @__PURE__ */ jsx21("div", { className: "video-skeleton" }), children: /* @__PURE__ */ jsx21(Video, { ...props }) }),
+  PackageManagerTabs: (props) => /* @__PURE__ */ jsx21(Suspense, { fallback: /* @__PURE__ */ jsx21("div", { className: "pkg-tabs-skeleton" }), children: /* @__PURE__ */ jsx21(PackageManagerTabs, { ...props }) })
 };
 function AppShell({
   initialRoutes,
@@ -1139,8 +1218,8 @@ function AppShell({
   homePage: HomePage,
   components: customComponents = {}
 }) {
-  const [routesInfo, setRoutesInfo] = useState10(initialRoutes);
-  const [config] = useState10(initialConfig);
+  const [routesInfo, setRoutesInfo] = useState11(initialRoutes);
+  const [config] = useState11(initialConfig);
   const resolveRoutes = (infos) => {
     return infos.filter(
       (route) => !(HomePage && (route.path === "/" || route.path === ""))
@@ -1151,35 +1230,35 @@ function AppShell({
       const loader = loaderKey ? modules[loaderKey] : null;
       return {
         ...route,
-        Component: React9.lazy(() => {
+        Component: React10.lazy(() => {
           if (!loader)
-            return Promise.resolve({ default: () => /* @__PURE__ */ jsx20(NotFound, {}) });
+            return Promise.resolve({ default: () => /* @__PURE__ */ jsx21(NotFound, {}) });
           return loader();
         })
       };
     });
   };
-  const [resolvedRoutes, setResolvedRoutes] = useState10(
+  const [resolvedRoutes, setResolvedRoutes] = useState11(
     () => resolveRoutes(initialRoutes)
   );
-  useEffect8(() => {
+  useEffect9(() => {
     if (hot) {
       hot.on("boltdocs:routes-update", (newRoutes) => {
         setRoutesInfo(newRoutes);
       });
     }
   }, [hot]);
-  useEffect8(() => {
+  useEffect9(() => {
     setResolvedRoutes(resolveRoutes(routesInfo));
   }, [routesInfo, modules, docsDirName]);
-  return /* @__PURE__ */ jsx20(ConfigContext.Provider, { value: config, children: /* @__PURE__ */ jsxs14(PreloadProvider, { routes: routesInfo, modules, children: [
-    /* @__PURE__ */ jsx20(ScrollHandler, {}),
-    /* @__PURE__ */ jsxs14(Routes, { children: [
-      HomePage && /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(ConfigContext.Provider, { value: config, children: /* @__PURE__ */ jsxs15(PreloadProvider, { routes: routesInfo, modules, children: [
+    /* @__PURE__ */ jsx21(ScrollHandler, {}),
+    /* @__PURE__ */ jsxs15(Routes, { children: [
+      HomePage && /* @__PURE__ */ jsx21(
         Route,
         {
           path: "/",
-          element: /* @__PURE__ */ jsx20(
+          element: /* @__PURE__ */ jsx21(
             ThemeLayout,
             {
               config,
@@ -1188,20 +1267,20 @@ function AppShell({
               toc: null,
               breadcrumbs: null,
               ...config.themeConfig?.layoutProps,
-              children: /* @__PURE__ */ jsx20(HomePage, {})
+              children: /* @__PURE__ */ jsx21(HomePage, {})
             }
           )
         }
       ),
-      /* @__PURE__ */ jsx20(
+      /* @__PURE__ */ jsx21(
         Route,
         {
-          element: /* @__PURE__ */ jsx20(DocsLayout, { config, routes: routesInfo }),
-          children: resolvedRoutes.map((route) => /* @__PURE__ */ jsx20(
+          element: /* @__PURE__ */ jsx21(DocsLayout, { config, routes: routesInfo }),
+          children: resolvedRoutes.map((route) => /* @__PURE__ */ jsx21(
             Route,
             {
               path: route.path === "" ? "/" : route.path,
-              element: /* @__PURE__ */ jsx20(React9.Suspense, { fallback: /* @__PURE__ */ jsx20(Loading, {}), children: /* @__PURE__ */ jsx20(
+              element: /* @__PURE__ */ jsx21(React10.Suspense, { fallback: /* @__PURE__ */ jsx21(Loading, {}), children: /* @__PURE__ */ jsx21(
                 MdxPage,
                 {
                   Component: route.Component,
@@ -1214,17 +1293,17 @@ function AppShell({
         },
         "docs-layout"
       ),
-      /* @__PURE__ */ jsx20(
+      /* @__PURE__ */ jsx21(
         Route,
         {
           path: "*",
-          element: /* @__PURE__ */ jsx20(
+          element: /* @__PURE__ */ jsx21(
             ThemeLayout,
             {
               config,
               routes: routesInfo,
               ...config.themeConfig?.layoutProps,
-              children: /* @__PURE__ */ jsx20(NotFound, {})
+              children: /* @__PURE__ */ jsx21(NotFound, {})
             }
           )
         }
@@ -1261,13 +1340,13 @@ function DocsLayout({
   config,
   routes
 }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     ThemeLayout,
     {
       config,
       routes,
       ...config.themeConfig?.layoutProps,
-      children: /* @__PURE__ */ jsx20(Outlet, {})
+      children: /* @__PURE__ */ jsx21(Outlet, {})
     }
   );
 }
@@ -1276,7 +1355,7 @@ function MdxPage({
   customComponents = {}
 }) {
   const allComponents = { ...mdxComponents, ...customComponents };
-  return /* @__PURE__ */ jsx20(MDXProvider, { components: allComponents, children: /* @__PURE__ */ jsx20(Component2, {}) });
+  return /* @__PURE__ */ jsx21(MDXProvider, { components: allComponents, children: /* @__PURE__ */ jsx21(Component2, {}) });
 }
 function createBoltdocsApp(options) {
   const { target, routes, docsDirName, config, modules, hot, homePage } = options;
@@ -1286,7 +1365,7 @@ function createBoltdocsApp(options) {
       `[boltdocs] Mount target "${target}" not found in document.`
     );
   }
-  const app = /* @__PURE__ */ jsx20(React9.StrictMode, { children: /* @__PURE__ */ jsx20(BrowserRouter, { children: /* @__PURE__ */ jsx20(
+  const app = /* @__PURE__ */ jsx21(React10.StrictMode, { children: /* @__PURE__ */ jsx21(BrowserRouter, { children: /* @__PURE__ */ jsx21(
     AppShell,
     {
       initialRoutes: routes,
@@ -1303,9 +1382,9 @@ function createBoltdocsApp(options) {
 }
 
 // src/client/theme/ui/Link/LinkPreview.tsx
-import { useEffect as useEffect9, useState as useState11, useRef as useRef5 } from "react";
+import { useEffect as useEffect10, useState as useState12, useRef as useRef6 } from "react";
 import { createPortal } from "react-dom";
-import { jsx as jsx21, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs16 } from "react/jsx-runtime";
 function LinkPreview({
   isVisible,
   title,
@@ -1313,9 +1392,9 @@ function LinkPreview({
   x,
   y
 }) {
-  const ref = useRef5(null);
-  const [position, setPosition] = useState11({ top: 0, left: 0 });
-  useEffect9(() => {
+  const ref = useRef6(null);
+  const [position, setPosition] = useState12({ top: 0, left: 0 });
+  useEffect10(() => {
     if (ref.current) {
       const rect = ref.current.getBoundingClientRect();
       const padding = 12;
@@ -1331,7 +1410,7 @@ function LinkPreview({
     }
   }, [x, y, isVisible]);
   return createPortal(
-    /* @__PURE__ */ jsx21(
+    /* @__PURE__ */ jsx22(
       "div",
       {
         ref,
@@ -1340,9 +1419,9 @@ function LinkPreview({
           top: position.top,
           left: position.left
         },
-        children: /* @__PURE__ */ jsxs15("div", { className: "boltdocs-link-preview-content", children: [
-          /* @__PURE__ */ jsx21("span", { className: "boltdocs-link-preview-title", children: title }),
-          summary && /* @__PURE__ */ jsx21("p", { className: "boltdocs-link-preview-summary", children: summary })
+        children: /* @__PURE__ */ jsxs16("div", { className: "boltdocs-link-preview-content", children: [
+          /* @__PURE__ */ jsx22("span", { className: "boltdocs-link-preview-title", children: title }),
+          summary && /* @__PURE__ */ jsx22("p", { className: "boltdocs-link-preview-summary", children: summary })
         ] })
       }
     ),
@@ -1351,7 +1430,7 @@ function LinkPreview({
 }
 
 // src/client/theme/ui/Link/Link.tsx
-import { Fragment, jsx as jsx22, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx23, jsxs as jsxs17 } from "react/jsx-runtime";
 function useLocalizedTo(to) {
   const location = useLocation9();
   const config = useConfig();
@@ -1407,7 +1486,7 @@ function useLocalizedTo(to) {
   }
   return finalPath === basePath ? basePath : finalPath;
 }
-var Link = React10.forwardRef(
+var Link = React11.forwardRef(
   (props, ref) => {
     const {
       boltdocsPrefetch = "hover",
@@ -1425,7 +1504,7 @@ var Link = React10.forwardRef(
     const config = useConfig();
     const navigate = useNavigate3();
     const shouldShowPreview = boltdocsPreview && config?.themeConfig?.linkPreview !== false;
-    const [preview, setPreview] = React10.useState({ visible: false, x: 0, y: 0, title: "" });
+    const [preview, setPreview] = React11.useState({ visible: false, x: 0, y: 0, title: "" });
     const handleMouseEnter = (e) => {
       onMouseEnter?.(e);
       if (boltdocsPrefetch === "hover" && typeof localizedTo === "string" && localizedTo.startsWith("/")) {
@@ -1474,13 +1553,13 @@ var Link = React10.forwardRef(
       }
       if (typeof localizedTo === "string" && !localizedTo.startsWith("http")) {
         e.preventDefault();
-        React10.startTransition(() => {
+        React11.startTransition(() => {
           navigate(localizedTo);
         });
       }
     };
-    return /* @__PURE__ */ jsxs16(Fragment, { children: [
-      /* @__PURE__ */ jsx22(
+    return /* @__PURE__ */ jsxs17(Fragment, { children: [
+      /* @__PURE__ */ jsx23(
         RouterLink,
         {
           ref,
@@ -1494,7 +1573,7 @@ var Link = React10.forwardRef(
           ...rest
         }
       ),
-      preview.visible && shouldShowPreview && /* @__PURE__ */ jsx22(
+      preview.visible && shouldShowPreview && /* @__PURE__ */ jsx23(
         LinkPreview,
         {
           isVisible: preview.visible,
@@ -1508,7 +1587,7 @@ var Link = React10.forwardRef(
   }
 );
 Link.displayName = "Link";
-var NavLink = React10.forwardRef(
+var NavLink = React11.forwardRef(
   (props, ref) => {
     const {
       boltdocsPrefetch = "hover",
@@ -1526,7 +1605,7 @@ var NavLink = React10.forwardRef(
     const config = useConfig();
     const navigate = useNavigate3();
     const shouldShowPreview = boltdocsPreview && config?.themeConfig?.linkPreview !== false;
-    const [preview, setPreview] = React10.useState({ visible: false, x: 0, y: 0, title: "" });
+    const [preview, setPreview] = React11.useState({ visible: false, x: 0, y: 0, title: "" });
     const handleMouseEnter = (e) => {
       onMouseEnter?.(e);
       if (boltdocsPrefetch === "hover" && typeof localizedTo === "string" && localizedTo.startsWith("/")) {
@@ -1575,13 +1654,13 @@ var NavLink = React10.forwardRef(
       }
       if (typeof localizedTo === "string" && !localizedTo.startsWith("http")) {
         e.preventDefault();
-        React10.startTransition(() => {
+        React11.startTransition(() => {
           navigate(localizedTo);
         });
       }
     };
-    return /* @__PURE__ */ jsxs16(Fragment, { children: [
-      /* @__PURE__ */ jsx22(
+    return /* @__PURE__ */ jsxs17(Fragment, { children: [
+      /* @__PURE__ */ jsx23(
         RouterNavLink,
         {
           ref,
@@ -1595,7 +1674,7 @@ var NavLink = React10.forwardRef(
           ...rest
         }
       ),
-      preview.visible && shouldShowPreview && /* @__PURE__ */ jsx22(
+      preview.visible && shouldShowPreview && /* @__PURE__ */ jsx23(
         LinkPreview,
         {
           isVisible: preview.visible,
@@ -1612,12 +1691,12 @@ NavLink.displayName = "NavLink";
 
 // src/client/theme/ui/Navbar/Tabs.tsx
 import * as Icons from "lucide-react";
-import { jsx as jsx23, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs18 } from "react/jsx-runtime";
 function Tabs({ tabs, routes }) {
   const location = useLocation10();
-  const containerRef = useRef6(null);
-  const tabRefs = useRef6([]);
-  const [indicatorStyle, setIndicatorStyle] = useState12({
+  const containerRef = useRef7(null);
+  const tabRefs = useRef7([]);
+  const [indicatorStyle, setIndicatorStyle] = useState13({
     opacity: 0,
     transform: "translateX(0) scaleX(0)",
     width: 0
@@ -1628,7 +1707,7 @@ function Tabs({ tabs, routes }) {
     (tab) => currentTabId ? currentTabId === tab.id.toLowerCase() : false
   );
   const finalActiveIndex = activeIndex === -1 ? 0 : activeIndex;
-  useEffect10(() => {
+  useEffect11(() => {
     const activeTab = tabRefs.current[finalActiveIndex];
     if (activeTab) {
       setIndicatorStyle({
@@ -1642,7 +1721,7 @@ function Tabs({ tabs, routes }) {
   const renderTabIcon = (iconName) => {
     if (!iconName) return null;
     if (iconName.trim().startsWith("<svg")) {
-      return /* @__PURE__ */ jsx23(
+      return /* @__PURE__ */ jsx24(
         "span",
         {
           className: "tab-icon svg-icon",
@@ -1652,18 +1731,18 @@ function Tabs({ tabs, routes }) {
     }
     const LucideIcon = Icons[iconName];
     if (LucideIcon) {
-      return /* @__PURE__ */ jsx23(LucideIcon, { size: 16, className: "tab-icon lucide-icon" });
+      return /* @__PURE__ */ jsx24(LucideIcon, { size: 16, className: "tab-icon lucide-icon" });
     }
-    return /* @__PURE__ */ jsx23("img", { src: iconName, alt: "", className: "tab-icon img-icon" });
+    return /* @__PURE__ */ jsx24("img", { src: iconName, alt: "", className: "tab-icon img-icon" });
   };
-  return /* @__PURE__ */ jsx23("div", { className: "boltdocs-tabs-container", children: /* @__PURE__ */ jsxs17("div", { className: "boltdocs-tabs", ref: containerRef, children: [
+  return /* @__PURE__ */ jsx24("div", { className: "boltdocs-tabs-container", children: /* @__PURE__ */ jsxs18("div", { className: "boltdocs-tabs", ref: containerRef, children: [
     tabs.map((tab, index) => {
       const isActive = index === finalActiveIndex;
       const firstRoute = routes.find(
         (r) => r.tab && r.tab.toLowerCase() === tab.id.toLowerCase()
       );
       const linkTo = firstRoute ? firstRoute.path : "#";
-      return /* @__PURE__ */ jsxs17(
+      return /* @__PURE__ */ jsxs18(
         Link,
         {
           to: linkTo,
@@ -1673,20 +1752,20 @@ function Tabs({ tabs, routes }) {
           className: `boltdocs-tab-item ${isActive ? "active" : ""}`,
           children: [
             renderTabIcon(tab.icon),
-            /* @__PURE__ */ jsx23("span", { children: tab.text })
+            /* @__PURE__ */ jsx24("span", { children: tab.text })
           ]
         },
         tab.id
       );
     }),
-    /* @__PURE__ */ jsx23("div", { className: "boltdocs-tab-indicator", style: indicatorStyle })
+    /* @__PURE__ */ jsx24("div", { className: "boltdocs-tab-indicator", style: indicatorStyle })
   ] }) });
 }
 
 // src/client/theme/ui/Navbar/Navbar.tsx
-import { jsx as jsx24, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs19 } from "react/jsx-runtime";
 var SearchDialog = lazy2(
-  () => import("./SearchDialog-6Z7CUAYJ.mjs").then((m) => ({ default: m.SearchDialog }))
+  () => import("./SearchDialog-MEWGAONO.mjs").then((m) => ({ default: m.SearchDialog }))
 );
 var ICON_MAP = {
   discord: Discord,
@@ -1711,9 +1790,9 @@ function Navbar({
     const text = item.label || item.text || "";
     const href = item.to || item.href || item.link || "";
     const isExternal = href.startsWith("http") || href.startsWith("//") || href.includes("://");
-    return /* @__PURE__ */ jsxs18(Link2, { to: href, target: isExternal ? "_blank" : void 0, children: [
+    return /* @__PURE__ */ jsxs19(Link2, { to: href, target: isExternal ? "_blank" : void 0, children: [
       text,
-      isExternal && /* @__PURE__ */ jsx24("span", { className: "navbar-external-icon", children: /* @__PURE__ */ jsxs18(
+      isExternal && /* @__PURE__ */ jsx25("span", { className: "navbar-external-icon", children: /* @__PURE__ */ jsxs19(
         "svg",
         {
           viewBox: "0 0 24 24",
@@ -1725,24 +1804,24 @@ function Navbar({
           strokeLinecap: "round",
           strokeLinejoin: "round",
           children: [
-            /* @__PURE__ */ jsx24("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }),
-            /* @__PURE__ */ jsx24("polyline", { points: "15 3 21 3 21 9" }),
-            /* @__PURE__ */ jsx24("line", { x1: "10", y1: "14", x2: "21", y2: "3" })
+            /* @__PURE__ */ jsx25("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }),
+            /* @__PURE__ */ jsx25("polyline", { points: "15 3 21 3 21 9" }),
+            /* @__PURE__ */ jsx25("line", { x1: "10", y1: "14", x2: "21", y2: "3" })
           ]
         }
       ) })
     ] }, i);
   };
-  return /* @__PURE__ */ jsxs18("header", { className: `boltdocs-navbar ${hasTabs ? "has-tabs" : ""}`, children: [
-    /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs19("header", { className: `boltdocs-navbar ${hasTabs ? "has-tabs" : ""}`, children: [
+    /* @__PURE__ */ jsxs19(
       "div",
       {
         className: "navbar-container",
         style: { height: "var(--ld-navbar-height)" },
         children: [
-          /* @__PURE__ */ jsxs18("div", { className: "navbar-left", children: [
-            /* @__PURE__ */ jsx24("div", { className: "navbar-logo", children: /* @__PURE__ */ jsxs18(Link2, { to: "/", children: [
-              config.themeConfig?.logo ? config.themeConfig.logo.trim().startsWith("<svg") ? /* @__PURE__ */ jsx24(
+          /* @__PURE__ */ jsxs19("div", { className: "navbar-left", children: [
+            /* @__PURE__ */ jsx25("div", { className: "navbar-logo", children: /* @__PURE__ */ jsxs19(Link2, { to: "/", children: [
+              config.themeConfig?.logo ? config.themeConfig.logo.trim().startsWith("<svg") ? /* @__PURE__ */ jsx25(
                 "span",
                 {
                   className: "navbar-logo-svg",
@@ -1750,7 +1829,7 @@ function Navbar({
                     __html: config.themeConfig.logo
                   }
                 }
-              ) : /* @__PURE__ */ jsx24(
+              ) : /* @__PURE__ */ jsx25(
                 "img",
                 {
                   src: config.themeConfig.logo,
@@ -1760,7 +1839,7 @@ function Navbar({
               ) : null,
               title
             ] }) }),
-            config.versions && currentVersion && allRoutes ? /* @__PURE__ */ jsx24(
+            config.versions && currentVersion && allRoutes ? /* @__PURE__ */ jsx25(
               VersionSwitcher,
               {
                 versions: config.versions,
@@ -1768,17 +1847,17 @@ function Navbar({
                 currentLocale,
                 allRoutes
               }
-            ) : config.themeConfig?.version ? /* @__PURE__ */ jsxs18("div", { className: "navbar-version", children: [
+            ) : config.themeConfig?.version ? /* @__PURE__ */ jsxs19("div", { className: "navbar-version", children: [
               config.themeConfig.version,
               " ",
-              /* @__PURE__ */ jsx24(ChevronDown3, { size: 14 })
+              /* @__PURE__ */ jsx25(ChevronDown4, { size: 14 })
             ] }) : null,
-            /* @__PURE__ */ jsx24("nav", { className: "navbar-links", "aria-label": "Top Navigation Left", children: leftItems.map(renderNavItem) })
+            /* @__PURE__ */ jsx25("nav", { className: "navbar-links", "aria-label": "Top Navigation Left", children: leftItems.map(renderNavItem) })
           ] }),
-          /* @__PURE__ */ jsxs18("div", { className: "navbar-right", children: [
-            /* @__PURE__ */ jsx24("nav", { className: "navbar-links", "aria-label": "Top Navigation Right", children: rightItems.map(renderNavItem) }),
-            /* @__PURE__ */ jsx24(Suspense2, { fallback: /* @__PURE__ */ jsx24("div", { className: "navbar-search-placeholder" }), children: /* @__PURE__ */ jsx24(SearchDialog, { routes: routes || [] }) }),
-            config.i18n && currentLocale && allRoutes && /* @__PURE__ */ jsx24(
+          /* @__PURE__ */ jsxs19("div", { className: "navbar-right", children: [
+            /* @__PURE__ */ jsx25("nav", { className: "navbar-links", "aria-label": "Top Navigation Right", children: rightItems.map(renderNavItem) }),
+            /* @__PURE__ */ jsx25(Suspense2, { fallback: /* @__PURE__ */ jsx25("div", { className: "navbar-search-placeholder" }), children: /* @__PURE__ */ jsx25(SearchDialog, { routes: routes || [] }) }),
+            config.i18n && currentLocale && allRoutes && /* @__PURE__ */ jsx25(
               LanguageSwitcher,
               {
                 i18n: config.i18n,
@@ -1786,12 +1865,12 @@ function Navbar({
                 allRoutes
               }
             ),
-            /* @__PURE__ */ jsx24(ThemeToggle, {}),
-            config.themeConfig?.githubRepo && /* @__PURE__ */ jsx24(GithubStars, { repo: config.themeConfig.githubRepo }),
-            socialLinks.length > 0 && /* @__PURE__ */ jsx24("div", { className: "navbar-divider" }),
-            /* @__PURE__ */ jsx24("div", { className: "navbar-icons", children: socialLinks.map((link, i) => {
+            /* @__PURE__ */ jsx25(ThemeToggle, {}),
+            config.themeConfig?.githubRepo && /* @__PURE__ */ jsx25(GithubStars, { repo: config.themeConfig.githubRepo }),
+            socialLinks.length > 0 && /* @__PURE__ */ jsx25("div", { className: "navbar-divider" }),
+            /* @__PURE__ */ jsx25("div", { className: "navbar-icons", children: socialLinks.map((link, i) => {
               const IconComp = ICON_MAP[link.icon.toLowerCase()];
-              return /* @__PURE__ */ jsx24(
+              return /* @__PURE__ */ jsx25(
                 "a",
                 {
                   href: link.link,
@@ -1799,7 +1878,7 @@ function Navbar({
                   rel: "noopener noreferrer",
                   className: "navbar-icon-btn",
                   "aria-label": link.icon,
-                  children: IconComp ? /* @__PURE__ */ jsx24(IconComp, {}) : /* @__PURE__ */ jsx24("span", { children: link.icon })
+                  children: IconComp ? /* @__PURE__ */ jsx25(IconComp, {}) : /* @__PURE__ */ jsx25("span", { children: link.icon })
                 },
                 i
               );
@@ -1808,7 +1887,7 @@ function Navbar({
         ]
       }
     ),
-    hasTabs && config.themeConfig?.tabs && /* @__PURE__ */ jsx24(
+    hasTabs && config.themeConfig?.tabs && /* @__PURE__ */ jsx25(
       Tabs,
       {
         tabs: config.themeConfig.tabs,