boltdocs 1.10.1 → 1.10.2

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

@@ -326,11 +326,11 @@ function GithubStars({ repo }) {
 }
 
 // src/client/theme/ui/Navbar/Tabs.tsx
-import { useEffect as useEffect11, useRef as useRef7, useState as useState13 } from "react";
+import { useEffect as useEffect11, useRef as useRef7, useState as useState12 } from "react";
 import { useLocation as useLocation10 } from "react-router-dom";
 
 // src/client/theme/ui/Link/Link.tsx
-import React11 from "react";
+import React10 from "react";
 import {
   Link as RouterLink,
   NavLink as RouterNavLink,
@@ -377,7 +377,7 @@ function PreloadProvider({
 }
 
 // src/client/app/index.tsx
-import React10, { useEffect as useEffect9, useState as useState11 } from "react";
+import React9, { useEffect as useEffect9, useState as useState10 } 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 React8 from "react";
+import React7 from "react";
 import { useLocation as useLocation7 } from "react-router-dom";
 import { ChevronLeft, ChevronRight as ChevronRight3 } from "lucide-react";
 
@@ -839,18 +839,9 @@ function Breadcrumbs({ routes, config }) {
   ] }) });
 }
 
-// src/client/theme/ui/BackgroundGradient/BackgroundGradient.tsx
-import { jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
-function BackgroundGradient() {
-  return /* @__PURE__ */ jsxs8("div", { className: "boltdocs-background-glow", children: [
-    /* @__PURE__ */ jsx13("div", { className: "glow-shape glow-1" }),
-    /* @__PURE__ */ jsx13("div", { className: "glow-shape glow-2" })
-  ] });
-}
-
 // src/client/theme/ui/ProgressBar/ProgressBar.tsx
 import { useEffect as useEffect7, useState as useState7 } from "react";
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx13 } from "react/jsx-runtime";
 function ProgressBar() {
   const [progress, setProgress] = useState7(0);
   useEffect7(() => {
@@ -884,7 +875,7 @@ function ProgressBar() {
       if (timer) clearInterval(timer);
     };
   }, []);
-  return /* @__PURE__ */ jsx14("div", { className: "boltdocs-progress-container", children: /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx13("div", { className: "boltdocs-progress-container", children: /* @__PURE__ */ jsx13(
     "div",
     {
       className: "boltdocs-progress-bar",
@@ -895,7 +886,7 @@ function ProgressBar() {
 
 // src/client/theme/ui/ErrorBoundary/ErrorBoundary.tsx
 import { Component } from "react";
-import { jsx as jsx15, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs8 } from "react/jsx-runtime";
 var ErrorBoundary = class extends Component {
   state = {
     hasError: false
@@ -908,10 +899,10 @@ var ErrorBoundary = class extends Component {
   }
   render() {
     if (this.state.hasError) {
-      return this.props.fallback || /* @__PURE__ */ jsxs9("div", { className: "boltdocs-error-boundary", children: [
-        /* @__PURE__ */ jsx15("div", { className: "boltdocs-error-title", children: "Something went wrong" }),
-        /* @__PURE__ */ jsx15("p", { className: "boltdocs-error-message", children: this.state.error?.message || "An unexpected error occurred while rendering this page." }),
-        /* @__PURE__ */ jsx15(
+      return this.props.fallback || /* @__PURE__ */ jsxs8("div", { className: "boltdocs-error-boundary", children: [
+        /* @__PURE__ */ jsx14("div", { className: "boltdocs-error-title", children: "Something went wrong" }),
+        /* @__PURE__ */ jsx14("p", { className: "boltdocs-error-message", children: this.state.error?.message || "An unexpected error occurred while rendering this page." }),
+        /* @__PURE__ */ jsx14(
           "button",
           {
             className: "boltdocs-error-retry",
@@ -928,7 +919,7 @@ var ErrorBoundary = class extends Component {
 // 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";
+import { jsx as jsx15, jsxs as jsxs9 } from "react/jsx-runtime";
 function CopyMarkdown({ content, config }) {
   const [isOpen, setIsOpen] = useState8(false);
   const [copied, setCopied] = useState8(false);
@@ -957,38 +948,38 @@ function CopyMarkdown({ content, config }) {
     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(
+  return /* @__PURE__ */ jsxs9("div", { className: "boltdocs-copy-markdown", ref: dropdownRef, children: [
+    /* @__PURE__ */ jsxs9("div", { className: "copy-btn-group", children: [
+      /* @__PURE__ */ jsxs9(
         "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 })
+            copied ? /* @__PURE__ */ jsx15(Check, { size: 16 }) : /* @__PURE__ */ jsx15(Copy, { size: 16 }),
+            /* @__PURE__ */ jsx15("span", { className: "copy-label", children: copied ? "Copied!" : buttonText })
           ]
         }
       ),
-      /* @__PURE__ */ jsx16(
+      /* @__PURE__ */ jsx15(
         "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" })
+          children: /* @__PURE__ */ jsx15(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 }),
+    isOpen && /* @__PURE__ */ jsxs9("div", { className: "copy-dropdown", children: [
+      /* @__PURE__ */ jsxs9("button", { className: "copy-option", onClick: handleCopy, children: [
+        /* @__PURE__ */ jsx15(Copy, { size: 14 }),
         "Copy Markdown"
       ] }),
-      /* @__PURE__ */ jsxs10("button", { className: "copy-option", onClick: handleOpenRaw, children: [
-        /* @__PURE__ */ jsx16(ExternalLink, { size: 14 }),
+      /* @__PURE__ */ jsxs9("button", { className: "copy-option", onClick: handleOpenRaw, children: [
+        /* @__PURE__ */ jsx15(ExternalLink, { size: 14 }),
         "View as Markdown"
       ] })
     ] })
@@ -996,7 +987,7 @@ function CopyMarkdown({ content, config }) {
 }
 
 // src/client/theme/ui/Layout/Layout.tsx
-import { jsx as jsx17, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs10 } from "react/jsx-runtime";
 function ThemeLayout({
   config,
   routes,
@@ -1028,14 +1019,13 @@ 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();
-  React8.useEffect(() => {
+  React7.useEffect(() => {
     if (prevPage?.path) preload(prevPage.path);
     if (nextPage?.path) preload(nextPage.path);
   }, [prevPage, nextPage, preload]);
-  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(
+  return /* @__PURE__ */ jsxs10("div", { className: `boltdocs-layout ${className}`, style, children: [
+    /* @__PURE__ */ jsx16(ProgressBar, {}),
+    head !== void 0 ? head : /* @__PURE__ */ jsx16(
       Head,
       {
         siteTitle,
@@ -1043,7 +1033,7 @@ function ThemeLayout({
         routes
       }
     ),
-    navbar !== void 0 ? navbar : /* @__PURE__ */ jsx17(
+    navbar !== void 0 ? navbar : /* @__PURE__ */ jsx16(
       Navbar,
       {
         config,
@@ -1053,52 +1043,52 @@ function ThemeLayout({
         currentVersion
       }
     ),
-    /* @__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(
+    /* @__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__ */ jsxs10("div", { className: "boltdocs-page", children: [
+          /* @__PURE__ */ jsx16("div", { className: "boltdocs-page-header", children: /* @__PURE__ */ jsx16(
             CopyMarkdown,
             {
               content: routes[currentIndex]?._rawContent,
               config: config.themeConfig?.copyMarkdown
             }
           ) }),
-          /* @__PURE__ */ jsx17(ErrorBoundary, { children })
+          /* @__PURE__ */ jsx16(ErrorBoundary, { children })
         ] }),
-        (prevPage || nextPage) && /* @__PURE__ */ jsxs11("nav", { className: "page-nav", "aria-label": "Pagination", children: [
-          prevPage ? /* @__PURE__ */ jsxs11(
+        (prevPage || nextPage) && /* @__PURE__ */ jsxs10("nav", { className: "page-nav", "aria-label": "Pagination", children: [
+          prevPage ? /* @__PURE__ */ jsxs10(
             Link,
             {
               to: prevPage.path || "/",
               className: "page-nav-link page-nav-link--prev",
               children: [
-                /* @__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__ */ 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__ */ jsx17(ChevronLeft, { className: "page-nav-arrow", size: 16 })
+                /* @__PURE__ */ jsx16(ChevronLeft, { className: "page-nav-arrow", size: 16 })
               ]
             }
-          ) : /* @__PURE__ */ jsx17("span", {}),
-          nextPage ? /* @__PURE__ */ jsxs11(
+          ) : /* @__PURE__ */ jsx16("span", {}),
+          nextPage ? /* @__PURE__ */ jsxs10(
             Link,
             {
               to: nextPage.path || "/",
               className: "page-nav-link page-nav-link--next",
               children: [
-                /* @__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__ */ 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__ */ jsx17(ChevronRight3, { className: "page-nav-arrow", size: 16 })
+                /* @__PURE__ */ jsx16(ChevronRight3, { className: "page-nav-arrow", size: 16 })
               ]
             }
-          ) : /* @__PURE__ */ jsx17("span", {})
+          ) : /* @__PURE__ */ jsx16("span", {})
         ] })
       ] }),
-      toc !== void 0 ? toc : /* @__PURE__ */ jsx17(
+      toc !== void 0 ? toc : /* @__PURE__ */ jsx16(
         OnThisPage,
         {
           headings: routes[currentIndex]?.headings,
@@ -1113,25 +1103,25 @@ function ThemeLayout({
 
 // src/client/theme/ui/NotFound/NotFound.tsx
 import { ArrowLeft } from "lucide-react";
-import { jsx as jsx18, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs11 } from "react/jsx-runtime";
 function NotFound() {
-  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 }),
+  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 }),
       " Go to Home"
     ] })
   ] }) });
 }
 
 // src/client/theme/ui/Loading/Loading.tsx
-import { jsx as jsx19, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs12 } from "react/jsx-runtime";
 function Loading() {
-  return /* @__PURE__ */ jsxs13("div", { className: "boltdocs-loading", children: [
-    /* @__PURE__ */ jsx19("div", { className: "loading-spinner" }),
-    /* @__PURE__ */ jsx19("p", { className: "loading-text", children: "Loading..." })
+  return /* @__PURE__ */ jsxs12("div", { className: "boltdocs-loading", children: [
+    /* @__PURE__ */ jsx18("div", { className: "loading-spinner" }),
+    /* @__PURE__ */ jsx18("p", { className: "loading-text", children: "Loading..." })
   ] });
 }
 
@@ -1147,11 +1137,13 @@ import {
 import { Link as LucideLink } from "lucide-react";
 
 // src/client/theme/components/CodeBlock/CodeBlock.tsx
-import { useState as useState10, useRef as useRef5, useCallback as useCallback3 } from "react";
+import React8, { useState as useState9, 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";
+import { jsx as jsx19, jsxs as jsxs13 } from "react/jsx-runtime";
 function CodeBlock({ children, ...props }) {
-  const [copied, setCopied] = useState10(false);
+  const [copied, setCopied] = useState9(false);
+  const [isExpanded, setIsExpanded] = useState9(false);
+  const [isExpandable, setIsExpandable] = useState9(false);
   const preRef = useRef5(null);
   const handleCopy = useCallback3(async () => {
     const code = preRef.current?.textContent || "";
@@ -1159,22 +1151,37 @@ function CodeBlock({ children, ...props }) {
     setCopied(true);
     setTimeout(() => setCopied(false), 2e3);
   }, []);
-  return /* @__PURE__ */ jsxs14("div", { className: "code-block-wrapper", children: [
-    /* @__PURE__ */ jsx20(
+  React8.useEffect(() => {
+    if (preRef.current) {
+      const codeLength = preRef.current.textContent?.length || 0;
+      setIsExpandable(codeLength > 500);
+    }
+  }, [children]);
+  const shouldTruncate = isExpandable && !isExpanded;
+  return /* @__PURE__ */ jsxs13("div", { className: `code-block-wrapper ${shouldTruncate ? "is-truncated" : ""}`, children: [
+    /* @__PURE__ */ jsx19(
       "button",
       {
         className: `code-block-copy ${copied ? "copied" : ""}`,
         onClick: handleCopy,
         "aria-label": "Copy code",
-        children: copied ? /* @__PURE__ */ jsx20(Check2, { size: 16 }) : /* @__PURE__ */ jsx20(Copy2, { size: 16 })
+        children: copied ? /* @__PURE__ */ jsx19(Check2, { size: 16 }) : /* @__PURE__ */ jsx19(Copy2, { size: 16 })
       }
     ),
-    /* @__PURE__ */ jsx20("pre", { ref: preRef, ...props, children })
+    /* @__PURE__ */ jsx19("pre", { ref: preRef, ...props, children }),
+    isExpandable && /* @__PURE__ */ jsx19("div", { className: "code-block-expand-wrapper", children: /* @__PURE__ */ jsx19(
+      "button",
+      {
+        className: "code-block-expand-btn",
+        onClick: () => setIsExpanded(!isExpanded),
+        children: isExpanded ? "Show less" : "Expand code"
+      }
+    ) })
   ] });
 }
 
 // src/client/app/index.tsx
-import { jsx as jsx21, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs14 } from "react/jsx-runtime";
 var ConfigContext = createContext2(null);
 function useConfig() {
   return useContext2(ConfigContext);
@@ -1193,21 +1200,21 @@ var Heading = ({
   children
 }) => {
   const Tag = `h${level}`;
-  return /* @__PURE__ */ jsxs15(Tag, { id, className: "boltdocs-heading", children: [
+  return /* @__PURE__ */ jsxs14(Tag, { id, className: "boltdocs-heading", children: [
     children,
-    id && /* @__PURE__ */ jsx21("a", { href: `#${id}`, className: "header-anchor", "aria-label": "Anchor", children: /* @__PURE__ */ jsx21(LucideLink, { size: 16 }) })
+    id && /* @__PURE__ */ jsx20("a", { href: `#${id}`, className: "header-anchor", "aria-label": "Anchor", children: /* @__PURE__ */ jsx20(LucideLink, { size: 16 }) })
   ] });
 };
 var mdxComponents = {
-  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 }) })
+  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 }) })
 };
 function AppShell({
   initialRoutes,
@@ -1218,8 +1225,8 @@ function AppShell({
   homePage: HomePage,
   components: customComponents = {}
 }) {
-  const [routesInfo, setRoutesInfo] = useState11(initialRoutes);
-  const [config] = useState11(initialConfig);
+  const [routesInfo, setRoutesInfo] = useState10(initialRoutes);
+  const [config] = useState10(initialConfig);
   const resolveRoutes = (infos) => {
     return infos.filter(
       (route) => !(HomePage && (route.path === "/" || route.path === ""))
@@ -1230,15 +1237,15 @@ function AppShell({
       const loader = loaderKey ? modules[loaderKey] : null;
       return {
         ...route,
-        Component: React10.lazy(() => {
+        Component: React9.lazy(() => {
           if (!loader)
-            return Promise.resolve({ default: () => /* @__PURE__ */ jsx21(NotFound, {}) });
+            return Promise.resolve({ default: () => /* @__PURE__ */ jsx20(NotFound, {}) });
           return loader();
         })
       };
     });
   };
-  const [resolvedRoutes, setResolvedRoutes] = useState11(
+  const [resolvedRoutes, setResolvedRoutes] = useState10(
     () => resolveRoutes(initialRoutes)
   );
   useEffect9(() => {
@@ -1251,14 +1258,14 @@ function AppShell({
   useEffect9(() => {
     setResolvedRoutes(resolveRoutes(routesInfo));
   }, [routesInfo, modules, docsDirName]);
-  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(
+  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(
         Route,
         {
           path: "/",
-          element: /* @__PURE__ */ jsx21(
+          element: /* @__PURE__ */ jsx20(
             ThemeLayout,
             {
               config,
@@ -1267,20 +1274,20 @@ function AppShell({
               toc: null,
               breadcrumbs: null,
               ...config.themeConfig?.layoutProps,
-              children: /* @__PURE__ */ jsx21(HomePage, {})
+              children: /* @__PURE__ */ jsx20(HomePage, {})
             }
           )
         }
       ),
-      /* @__PURE__ */ jsx21(
+      /* @__PURE__ */ jsx20(
         Route,
         {
-          element: /* @__PURE__ */ jsx21(DocsLayout, { config, routes: routesInfo }),
-          children: resolvedRoutes.map((route) => /* @__PURE__ */ jsx21(
+          element: /* @__PURE__ */ jsx20(DocsLayout, { config, routes: routesInfo }),
+          children: resolvedRoutes.map((route) => /* @__PURE__ */ jsx20(
             Route,
             {
               path: route.path === "" ? "/" : route.path,
-              element: /* @__PURE__ */ jsx21(React10.Suspense, { fallback: /* @__PURE__ */ jsx21(Loading, {}), children: /* @__PURE__ */ jsx21(
+              element: /* @__PURE__ */ jsx20(React9.Suspense, { fallback: /* @__PURE__ */ jsx20(Loading, {}), children: /* @__PURE__ */ jsx20(
                 MdxPage,
                 {
                   Component: route.Component,
@@ -1293,17 +1300,17 @@ function AppShell({
         },
         "docs-layout"
       ),
-      /* @__PURE__ */ jsx21(
+      /* @__PURE__ */ jsx20(
         Route,
         {
           path: "*",
-          element: /* @__PURE__ */ jsx21(
+          element: /* @__PURE__ */ jsx20(
             ThemeLayout,
             {
               config,
               routes: routesInfo,
               ...config.themeConfig?.layoutProps,
-              children: /* @__PURE__ */ jsx21(NotFound, {})
+              children: /* @__PURE__ */ jsx20(NotFound, {})
             }
           )
         }
@@ -1340,13 +1347,13 @@ function DocsLayout({
   config,
   routes
 }) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx20(
     ThemeLayout,
     {
       config,
       routes,
       ...config.themeConfig?.layoutProps,
-      children: /* @__PURE__ */ jsx21(Outlet, {})
+      children: /* @__PURE__ */ jsx20(Outlet, {})
     }
   );
 }
@@ -1355,7 +1362,7 @@ function MdxPage({
   customComponents = {}
 }) {
   const allComponents = { ...mdxComponents, ...customComponents };
-  return /* @__PURE__ */ jsx21(MDXProvider, { components: allComponents, children: /* @__PURE__ */ jsx21(Component2, {}) });
+  return /* @__PURE__ */ jsx20(MDXProvider, { components: allComponents, children: /* @__PURE__ */ jsx20(Component2, {}) });
 }
 function createBoltdocsApp(options) {
   const { target, routes, docsDirName, config, modules, hot, homePage } = options;
@@ -1365,7 +1372,7 @@ function createBoltdocsApp(options) {
       `[boltdocs] Mount target "${target}" not found in document.`
     );
   }
-  const app = /* @__PURE__ */ jsx21(React10.StrictMode, { children: /* @__PURE__ */ jsx21(BrowserRouter, { children: /* @__PURE__ */ jsx21(
+  const app = /* @__PURE__ */ jsx20(React9.StrictMode, { children: /* @__PURE__ */ jsx20(BrowserRouter, { children: /* @__PURE__ */ jsx20(
     AppShell,
     {
       initialRoutes: routes,
@@ -1382,9 +1389,9 @@ function createBoltdocsApp(options) {
 }
 
 // src/client/theme/ui/Link/LinkPreview.tsx
-import { useEffect as useEffect10, useState as useState12, useRef as useRef6 } from "react";
+import { useEffect as useEffect10, useState as useState11, useRef as useRef6 } from "react";
 import { createPortal } from "react-dom";
-import { jsx as jsx22, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs15 } from "react/jsx-runtime";
 function LinkPreview({
   isVisible,
   title,
@@ -1393,7 +1400,7 @@ function LinkPreview({
   y
 }) {
   const ref = useRef6(null);
-  const [position, setPosition] = useState12({ top: 0, left: 0 });
+  const [position, setPosition] = useState11({ top: 0, left: 0 });
   useEffect10(() => {
     if (ref.current) {
       const rect = ref.current.getBoundingClientRect();
@@ -1410,7 +1417,7 @@ function LinkPreview({
     }
   }, [x, y, isVisible]);
   return createPortal(
-    /* @__PURE__ */ jsx22(
+    /* @__PURE__ */ jsx21(
       "div",
       {
         ref,
@@ -1419,9 +1426,9 @@ function LinkPreview({
           top: position.top,
           left: position.left
         },
-        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 })
+        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 })
         ] })
       }
     ),
@@ -1430,7 +1437,7 @@ function LinkPreview({
 }
 
 // src/client/theme/ui/Link/Link.tsx
-import { Fragment, jsx as jsx23, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx22, jsxs as jsxs16 } from "react/jsx-runtime";
 function useLocalizedTo(to) {
   const location = useLocation9();
   const config = useConfig();
@@ -1486,7 +1493,7 @@ function useLocalizedTo(to) {
   }
   return finalPath === basePath ? basePath : finalPath;
 }
-var Link = React11.forwardRef(
+var Link = React10.forwardRef(
   (props, ref) => {
     const {
       boltdocsPrefetch = "hover",
@@ -1504,7 +1511,7 @@ var Link = React11.forwardRef(
     const config = useConfig();
     const navigate = useNavigate3();
     const shouldShowPreview = boltdocsPreview && config?.themeConfig?.linkPreview !== false;
-    const [preview, setPreview] = React11.useState({ visible: false, x: 0, y: 0, title: "" });
+    const [preview, setPreview] = React10.useState({ visible: false, x: 0, y: 0, title: "" });
     const handleMouseEnter = (e) => {
       onMouseEnter?.(e);
       if (boltdocsPrefetch === "hover" && typeof localizedTo === "string" && localizedTo.startsWith("/")) {
@@ -1553,13 +1560,13 @@ var Link = React11.forwardRef(
       }
       if (typeof localizedTo === "string" && !localizedTo.startsWith("http")) {
         e.preventDefault();
-        React11.startTransition(() => {
+        React10.startTransition(() => {
           navigate(localizedTo);
         });
       }
     };
-    return /* @__PURE__ */ jsxs17(Fragment, { children: [
-      /* @__PURE__ */ jsx23(
+    return /* @__PURE__ */ jsxs16(Fragment, { children: [
+      /* @__PURE__ */ jsx22(
         RouterLink,
         {
           ref,
@@ -1573,7 +1580,7 @@ var Link = React11.forwardRef(
           ...rest
         }
       ),
-      preview.visible && shouldShowPreview && /* @__PURE__ */ jsx23(
+      preview.visible && shouldShowPreview && /* @__PURE__ */ jsx22(
         LinkPreview,
         {
           isVisible: preview.visible,
@@ -1587,7 +1594,7 @@ var Link = React11.forwardRef(
   }
 );
 Link.displayName = "Link";
-var NavLink = React11.forwardRef(
+var NavLink = React10.forwardRef(
   (props, ref) => {
     const {
       boltdocsPrefetch = "hover",
@@ -1605,7 +1612,7 @@ var NavLink = React11.forwardRef(
     const config = useConfig();
     const navigate = useNavigate3();
     const shouldShowPreview = boltdocsPreview && config?.themeConfig?.linkPreview !== false;
-    const [preview, setPreview] = React11.useState({ visible: false, x: 0, y: 0, title: "" });
+    const [preview, setPreview] = React10.useState({ visible: false, x: 0, y: 0, title: "" });
     const handleMouseEnter = (e) => {
       onMouseEnter?.(e);
       if (boltdocsPrefetch === "hover" && typeof localizedTo === "string" && localizedTo.startsWith("/")) {
@@ -1654,13 +1661,13 @@ var NavLink = React11.forwardRef(
       }
       if (typeof localizedTo === "string" && !localizedTo.startsWith("http")) {
         e.preventDefault();
-        React11.startTransition(() => {
+        React10.startTransition(() => {
           navigate(localizedTo);
         });
       }
     };
-    return /* @__PURE__ */ jsxs17(Fragment, { children: [
-      /* @__PURE__ */ jsx23(
+    return /* @__PURE__ */ jsxs16(Fragment, { children: [
+      /* @__PURE__ */ jsx22(
         RouterNavLink,
         {
           ref,
@@ -1674,7 +1681,7 @@ var NavLink = React11.forwardRef(
           ...rest
         }
       ),
-      preview.visible && shouldShowPreview && /* @__PURE__ */ jsx23(
+      preview.visible && shouldShowPreview && /* @__PURE__ */ jsx22(
         LinkPreview,
         {
           isVisible: preview.visible,
@@ -1691,12 +1698,12 @@ NavLink.displayName = "NavLink";
 
 // src/client/theme/ui/Navbar/Tabs.tsx
 import * as Icons from "lucide-react";
-import { jsx as jsx24, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs17 } from "react/jsx-runtime";
 function Tabs({ tabs, routes }) {
   const location = useLocation10();
   const containerRef = useRef7(null);
   const tabRefs = useRef7([]);
-  const [indicatorStyle, setIndicatorStyle] = useState13({
+  const [indicatorStyle, setIndicatorStyle] = useState12({
     opacity: 0,
     transform: "translateX(0) scaleX(0)",
     width: 0
@@ -1721,7 +1728,7 @@ function Tabs({ tabs, routes }) {
   const renderTabIcon = (iconName) => {
     if (!iconName) return null;
     if (iconName.trim().startsWith("<svg")) {
-      return /* @__PURE__ */ jsx24(
+      return /* @__PURE__ */ jsx23(
         "span",
         {
           className: "tab-icon svg-icon",
@@ -1731,18 +1738,18 @@ function Tabs({ tabs, routes }) {
     }
     const LucideIcon = Icons[iconName];
     if (LucideIcon) {
-      return /* @__PURE__ */ jsx24(LucideIcon, { size: 16, className: "tab-icon lucide-icon" });
+      return /* @__PURE__ */ jsx23(LucideIcon, { size: 16, className: "tab-icon lucide-icon" });
     }
-    return /* @__PURE__ */ jsx24("img", { src: iconName, alt: "", className: "tab-icon img-icon" });
+    return /* @__PURE__ */ jsx23("img", { src: iconName, alt: "", className: "tab-icon img-icon" });
   };
-  return /* @__PURE__ */ jsx24("div", { className: "boltdocs-tabs-container", children: /* @__PURE__ */ jsxs18("div", { className: "boltdocs-tabs", ref: containerRef, children: [
+  return /* @__PURE__ */ jsx23("div", { className: "boltdocs-tabs-container", children: /* @__PURE__ */ jsxs17("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__ */ jsxs18(
+      return /* @__PURE__ */ jsxs17(
         Link,
         {
           to: linkTo,
@@ -1752,20 +1759,20 @@ function Tabs({ tabs, routes }) {
           className: `boltdocs-tab-item ${isActive ? "active" : ""}`,
           children: [
             renderTabIcon(tab.icon),
-            /* @__PURE__ */ jsx24("span", { children: tab.text })
+            /* @__PURE__ */ jsx23("span", { children: tab.text })
           ]
         },
         tab.id
       );
     }),
-    /* @__PURE__ */ jsx24("div", { className: "boltdocs-tab-indicator", style: indicatorStyle })
+    /* @__PURE__ */ jsx23("div", { className: "boltdocs-tab-indicator", style: indicatorStyle })
   ] }) });
 }
 
 // src/client/theme/ui/Navbar/Navbar.tsx
-import { jsx as jsx25, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs18 } from "react/jsx-runtime";
 var SearchDialog = lazy2(
-  () => import("./SearchDialog-MEWGAONO.mjs").then((m) => ({ default: m.SearchDialog }))
+  () => import("./SearchDialog-AGVF6JBO.mjs").then((m) => ({ default: m.SearchDialog }))
 );
 var ICON_MAP = {
   discord: Discord,
@@ -1790,9 +1797,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__ */ jsxs19(Link2, { to: href, target: isExternal ? "_blank" : void 0, children: [
+    return /* @__PURE__ */ jsxs18(Link2, { to: href, target: isExternal ? "_blank" : void 0, children: [
       text,
-      isExternal && /* @__PURE__ */ jsx25("span", { className: "navbar-external-icon", children: /* @__PURE__ */ jsxs19(
+      isExternal && /* @__PURE__ */ jsx24("span", { className: "navbar-external-icon", children: /* @__PURE__ */ jsxs18(
         "svg",
         {
           viewBox: "0 0 24 24",
@@ -1804,24 +1811,24 @@ function Navbar({
           strokeLinecap: "round",
           strokeLinejoin: "round",
           children: [
-            /* @__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" })
+            /* @__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" })
           ]
         }
       ) })
     ] }, i);
   };
-  return /* @__PURE__ */ jsxs19("header", { className: `boltdocs-navbar ${hasTabs ? "has-tabs" : ""}`, children: [
-    /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs18("header", { className: `boltdocs-navbar ${hasTabs ? "has-tabs" : ""}`, children: [
+    /* @__PURE__ */ jsxs18(
       "div",
       {
         className: "navbar-container",
         style: { height: "var(--ld-navbar-height)" },
         children: [
-          /* @__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(
+          /* @__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(
                 "span",
                 {
                   className: "navbar-logo-svg",
@@ -1829,7 +1836,7 @@ function Navbar({
                     __html: config.themeConfig.logo
                   }
                 }
-              ) : /* @__PURE__ */ jsx25(
+              ) : /* @__PURE__ */ jsx24(
                 "img",
                 {
                   src: config.themeConfig.logo,
@@ -1839,7 +1846,7 @@ function Navbar({
               ) : null,
               title
             ] }) }),
-            config.versions && currentVersion && allRoutes ? /* @__PURE__ */ jsx25(
+            config.versions && currentVersion && allRoutes ? /* @__PURE__ */ jsx24(
               VersionSwitcher,
               {
                 versions: config.versions,
@@ -1847,17 +1854,17 @@ function Navbar({
                 currentLocale,
                 allRoutes
               }
-            ) : config.themeConfig?.version ? /* @__PURE__ */ jsxs19("div", { className: "navbar-version", children: [
+            ) : config.themeConfig?.version ? /* @__PURE__ */ jsxs18("div", { className: "navbar-version", children: [
               config.themeConfig.version,
               " ",
-              /* @__PURE__ */ jsx25(ChevronDown4, { size: 14 })
+              /* @__PURE__ */ jsx24(ChevronDown4, { size: 14 })
             ] }) : null,
-            /* @__PURE__ */ jsx25("nav", { className: "navbar-links", "aria-label": "Top Navigation Left", children: leftItems.map(renderNavItem) })
+            /* @__PURE__ */ jsx24("nav", { className: "navbar-links", "aria-label": "Top Navigation Left", children: leftItems.map(renderNavItem) })
           ] }),
-          /* @__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(
+          /* @__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(
               LanguageSwitcher,
               {
                 i18n: config.i18n,
@@ -1865,12 +1872,12 @@ function Navbar({
                 allRoutes
               }
             ),
-            /* @__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) => {
+            /* @__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) => {
               const IconComp = ICON_MAP[link.icon.toLowerCase()];
-              return /* @__PURE__ */ jsx25(
+              return /* @__PURE__ */ jsx24(
                 "a",
                 {
                   href: link.link,
@@ -1878,7 +1885,7 @@ function Navbar({
                   rel: "noopener noreferrer",
                   className: "navbar-icon-btn",
                   "aria-label": link.icon,
-                  children: IconComp ? /* @__PURE__ */ jsx25(IconComp, {}) : /* @__PURE__ */ jsx25("span", { children: link.icon })
+                  children: IconComp ? /* @__PURE__ */ jsx24(IconComp, {}) : /* @__PURE__ */ jsx24("span", { children: link.icon })
                 },
                 i
               );
@@ -1887,7 +1894,7 @@ function Navbar({
         ]
       }
     ),
-    hasTabs && config.themeConfig?.tabs && /* @__PURE__ */ jsx25(
+    hasTabs && config.themeConfig?.tabs && /* @__PURE__ */ jsx24(
       Tabs,
       {
         tabs: config.themeConfig.tabs,
@@ -1904,7 +1911,6 @@ export {
   OnThisPage,
   Head,
   Breadcrumbs,
-  BackgroundGradient,
   ThemeLayout,
   NotFound,
   Loading,