boltdocs 1.4.0 → 1.5.0

package/dist/{chunk-D7YBQG6H.mjs → chunk-FMQ4HRKZ.mjs}

@@ -1,12 +1,13 @@
 import {
+  copyToClipboard,
   getStarsRepo
 } from "./chunk-FMTOYQLO.mjs";
 
 // src/client/theme/ui/Navbar/Navbar.tsx
-import React9 from "react";
+import React10 from "react";
 
 // src/client/theme/ui/Link/Link.tsx
-import React6 from "react";
+import React7 from "react";
 import {
   Link as RouterLink,
   NavLink as RouterNavLink,
@@ -19,7 +20,8 @@ import { createContext, useContext, useCallback } from "react";
 import { jsx } from "react/jsx-runtime";
 var PreloadContext = createContext({
   preload: () => {
-  }
+  },
+  routes: []
 });
 function usePreload() {
   return useContext(PreloadContext);
@@ -48,11 +50,11 @@ function PreloadProvider({
     },
     [routes, modules]
   );
-  return /* @__PURE__ */ jsx(PreloadContext.Provider, { value: { preload }, children });
+  return /* @__PURE__ */ jsx(PreloadContext.Provider, { value: { preload, routes }, children });
 }
 
 // src/client/app/index.tsx
-import React5, { useEffect as useEffect4, useState as useState5 } from "react";
+import React6, { useEffect as useEffect4, useState as useState6 } from "react";
 import ReactDOM from "react-dom/client";
 import {
   BrowserRouter,
@@ -680,16 +682,40 @@ import {
   useLayoutEffect
 } from "react";
 import { Link as LucideLink } from "lucide-react";
+
+// src/client/theme/components/CodeBlock/CodeBlock.tsx
+import { useState as useState5, useRef as useRef2, useCallback as useCallback3 } from "react";
+import { Copy, Check } from "lucide-react";
 import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+function CodeBlock({ children, ...props }) {
+  const [copied, setCopied] = useState5(false);
+  const preRef = useRef2(null);
+  const handleCopy = useCallback3(async () => {
+    const code = preRef.current?.textContent || "";
+    copyToClipboard(code);
+    setCopied(true);
+    setTimeout(() => setCopied(false), 2e3);
+  }, []);
+  return /* @__PURE__ */ jsxs10("div", { className: "code-block-wrapper", children: [
+    /* @__PURE__ */ jsx12(
+      "button",
+      {
+        className: `code-block-copy ${copied ? "copied" : ""}`,
+        onClick: handleCopy,
+        "aria-label": "Copy code",
+        children: copied ? /* @__PURE__ */ jsx12(Check, { size: 16 }) : /* @__PURE__ */ jsx12(Copy, { size: 16 })
+      }
+    ),
+    /* @__PURE__ */ jsx12("pre", { ref: preRef, ...props, children })
+  ] });
+}
+
+// src/client/app/index.tsx
+import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 var ConfigContext = createContext2(null);
 function useConfig() {
   return useContext2(ConfigContext);
 }
-var CodeBlock = lazy(
-  () => import("./CodeBlock-QYIKJMEB.mjs").then((m) => ({
-    default: m.CodeBlock
-  }))
-);
 var Video = lazy(
   () => import("./Video-KNTY5BNO.mjs").then((m) => ({ default: m.Video }))
 );
@@ -704,23 +730,21 @@ var Heading = ({
   children
 }) => {
   const Tag = `h${level}`;
-  return /* @__PURE__ */ jsxs10(Tag, { id, className: "boltdocs-heading", children: [
+  return /* @__PURE__ */ jsxs11(Tag, { id, className: "boltdocs-heading", children: [
     children,
-    id && /* @__PURE__ */ jsx12("a", { href: `#${id}`, className: "header-anchor", "aria-label": "Anchor", children: /* @__PURE__ */ jsx12(LucideLink, { size: 16 }) })
+    id && /* @__PURE__ */ jsx13("a", { href: `#${id}`, className: "header-anchor", "aria-label": "Anchor", children: /* @__PURE__ */ jsx13(LucideLink, { size: 16 }) })
   ] });
 };
 var mdxComponents = {
-  h1: (props) => /* @__PURE__ */ jsx12(Heading, { level: 1, ...props }),
-  h2: (props) => /* @__PURE__ */ jsx12(Heading, { level: 2, ...props }),
-  h3: (props) => /* @__PURE__ */ jsx12(Heading, { level: 3, ...props }),
-  h4: (props) => /* @__PURE__ */ jsx12(Heading, { level: 4, ...props }),
-  h5: (props) => /* @__PURE__ */ jsx12(Heading, { level: 5, ...props }),
-  h6: (props) => /* @__PURE__ */ jsx12(Heading, { level: 6, ...props }),
-  pre: (props) => {
-    return /* @__PURE__ */ jsx12(Suspense, { fallback: /* @__PURE__ */ jsx12("div", { className: "code-block-skeleton" }), children: /* @__PURE__ */ jsx12(CodeBlock, { ...props, children: props.children }) });
-  },
-  video: (props) => /* @__PURE__ */ jsx12(Suspense, { fallback: /* @__PURE__ */ jsx12("div", { className: "video-skeleton" }), children: /* @__PURE__ */ jsx12(Video, { ...props }) }),
-  PackageManagerTabs: (props) => /* @__PURE__ */ jsx12(Suspense, { fallback: /* @__PURE__ */ jsx12("div", { className: "pkg-tabs-skeleton" }), children: /* @__PURE__ */ jsx12(PackageManagerTabs, { ...props }) })
+  h1: (props) => /* @__PURE__ */ jsx13(Heading, { level: 1, ...props }),
+  h2: (props) => /* @__PURE__ */ jsx13(Heading, { level: 2, ...props }),
+  h3: (props) => /* @__PURE__ */ jsx13(Heading, { level: 3, ...props }),
+  h4: (props) => /* @__PURE__ */ jsx13(Heading, { level: 4, ...props }),
+  h5: (props) => /* @__PURE__ */ jsx13(Heading, { level: 5, ...props }),
+  h6: (props) => /* @__PURE__ */ jsx13(Heading, { level: 6, ...props }),
+  pre: (props) => /* @__PURE__ */ jsx13(CodeBlock, { ...props, children: props.children }),
+  video: (props) => /* @__PURE__ */ jsx13(Suspense, { fallback: /* @__PURE__ */ jsx13("div", { className: "video-skeleton" }), children: /* @__PURE__ */ jsx13(Video, { ...props }) }),
+  PackageManagerTabs: (props) => /* @__PURE__ */ jsx13(Suspense, { fallback: /* @__PURE__ */ jsx13("div", { className: "pkg-tabs-skeleton" }), children: /* @__PURE__ */ jsx13(PackageManagerTabs, { ...props }) })
 };
 function AppShell({
   initialRoutes,
@@ -730,8 +754,8 @@ function AppShell({
   homePage: HomePage,
   components: customComponents = {}
 }) {
-  const [routesInfo, setRoutesInfo] = useState5(initialRoutes);
-  const [config] = useState5(initialConfig);
+  const [routesInfo, setRoutesInfo] = useState6(initialRoutes);
+  const [config] = useState6(initialConfig);
   const resolveRoutes = (infos) => {
     return infos.filter(
       (route) => !(HomePage && (route.path === "/" || route.path === ""))
@@ -742,15 +766,15 @@ function AppShell({
       const loader = loaderKey ? modules[loaderKey] : null;
       return {
         ...route,
-        Component: React5.lazy(() => {
+        Component: React6.lazy(() => {
           if (!loader)
-            return Promise.resolve({ default: () => /* @__PURE__ */ jsx12(NotFound, {}) });
+            return Promise.resolve({ default: () => /* @__PURE__ */ jsx13(NotFound, {}) });
           return loader();
         })
       };
     });
   };
-  const [resolvedRoutes, setResolvedRoutes] = useState5(
+  const [resolvedRoutes, setResolvedRoutes] = useState6(
     () => resolveRoutes(initialRoutes)
   );
   useEffect4(() => {
@@ -763,14 +787,14 @@ function AppShell({
   useEffect4(() => {
     setResolvedRoutes(resolveRoutes(routesInfo));
   }, [routesInfo, modules]);
-  return /* @__PURE__ */ jsx12(ConfigContext.Provider, { value: config, children: /* @__PURE__ */ jsxs10(PreloadProvider, { routes: routesInfo, modules, children: [
-    /* @__PURE__ */ jsx12(ScrollHandler, {}),
-    /* @__PURE__ */ jsxs10(Routes, { children: [
-      HomePage && /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(ConfigContext.Provider, { value: config, children: /* @__PURE__ */ jsxs11(PreloadProvider, { routes: routesInfo, modules, children: [
+    /* @__PURE__ */ jsx13(ScrollHandler, {}),
+    /* @__PURE__ */ jsxs11(Routes, { children: [
+      HomePage && /* @__PURE__ */ jsx13(
         Route,
         {
           path: "/",
-          element: /* @__PURE__ */ jsx12(
+          element: /* @__PURE__ */ jsx13(
             ThemeLayout,
             {
               config,
@@ -779,20 +803,20 @@ function AppShell({
               toc: null,
               breadcrumbs: null,
               ...config.themeConfig?.layoutProps,
-              children: /* @__PURE__ */ jsx12(HomePage, {})
+              children: /* @__PURE__ */ jsx13(HomePage, {})
             }
           )
         }
       ),
-      /* @__PURE__ */ jsx12(
+      /* @__PURE__ */ jsx13(
         Route,
         {
-          element: /* @__PURE__ */ jsx12(DocsLayout, { config, routes: routesInfo }),
-          children: resolvedRoutes.map((route) => /* @__PURE__ */ jsx12(
+          element: /* @__PURE__ */ jsx13(DocsLayout, { config, routes: routesInfo }),
+          children: resolvedRoutes.map((route) => /* @__PURE__ */ jsx13(
             Route,
             {
               path: route.path === "" ? "/" : route.path,
-              element: /* @__PURE__ */ jsx12(React5.Suspense, { fallback: /* @__PURE__ */ jsx12(Loading, {}), children: /* @__PURE__ */ jsx12(
+              element: /* @__PURE__ */ jsx13(React6.Suspense, { fallback: /* @__PURE__ */ jsx13(Loading, {}), children: /* @__PURE__ */ jsx13(
                 MdxPage,
                 {
                   Component: route.Component,
@@ -805,17 +829,17 @@ function AppShell({
         },
         "docs-layout"
       ),
-      /* @__PURE__ */ jsx12(
+      /* @__PURE__ */ jsx13(
         Route,
         {
           path: "*",
-          element: /* @__PURE__ */ jsx12(
+          element: /* @__PURE__ */ jsx13(
             ThemeLayout,
             {
               config,
               routes: routesInfo,
               ...config.themeConfig?.layoutProps,
-              children: /* @__PURE__ */ jsx12(NotFound, {})
+              children: /* @__PURE__ */ jsx13(NotFound, {})
             }
           )
         }
@@ -850,13 +874,13 @@ function DocsLayout({
   config,
   routes
 }) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     ThemeLayout,
     {
       config,
       routes,
       ...config.themeConfig?.layoutProps,
-      children: /* @__PURE__ */ jsx12(Outlet, {})
+      children: /* @__PURE__ */ jsx13(Outlet, {})
     }
   );
 }
@@ -865,7 +889,7 @@ function MdxPage({
   customComponents = {}
 }) {
   const allComponents = { ...mdxComponents, ...customComponents };
-  return /* @__PURE__ */ jsx12(MDXProvider, { components: allComponents, children: /* @__PURE__ */ jsx12(Component, {}) });
+  return /* @__PURE__ */ jsx13(MDXProvider, { components: allComponents, children: /* @__PURE__ */ jsx13(Component, {}) });
 }
 function createBoltdocsApp(options) {
   const { target, routes, config, modules, hot, homePage } = options;
@@ -875,7 +899,7 @@ function createBoltdocsApp(options) {
       `[boltdocs] Mount target "${target}" not found in document.`
     );
   }
-  const app = /* @__PURE__ */ jsx12(React5.StrictMode, { children: /* @__PURE__ */ jsx12(BrowserRouter, { children: /* @__PURE__ */ jsx12(
+  const app = /* @__PURE__ */ jsx13(React6.StrictMode, { children: /* @__PURE__ */ jsx13(BrowserRouter, { children: /* @__PURE__ */ jsx13(
     AppShell,
     {
       initialRoutes: routes,
@@ -890,8 +914,61 @@ function createBoltdocsApp(options) {
   ReactDOM.createRoot(container).render(app);
 }
 
+// src/client/theme/ui/Link/LinkPreview.tsx
+import { useEffect as useEffect5, useState as useState7, useRef as useRef3 } from "react";
+import { createPortal } from "react-dom";
+import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+function LinkPreview({
+  isVisible,
+  title,
+  summary,
+  x,
+  y
+}) {
+  const [mounted, setMounted] = useState7(false);
+  const ref = useRef3(null);
+  const [position, setPosition] = useState7({ top: 0, left: 0 });
+  useEffect5(() => {
+    setMounted(true);
+  }, []);
+  useEffect5(() => {
+    if (isVisible && ref.current) {
+      const rect = ref.current.getBoundingClientRect();
+      const padding = 15;
+      let top = y + padding;
+      let left = x + padding;
+      if (left + rect.width > window.innerWidth) {
+        left = x - rect.width - padding;
+      }
+      if (top + rect.height > window.innerHeight) {
+        top = y - rect.height - padding;
+      }
+      setPosition({ top, left });
+    }
+  }, [isVisible, x, y]);
+  if (!mounted) return null;
+  return createPortal(
+    /* @__PURE__ */ jsxs12(
+      "div",
+      {
+        ref,
+        className: `boltdocs-link-preview ${isVisible ? "is-visible" : ""}`,
+        style: {
+          top: position.top,
+          left: position.left
+        },
+        children: [
+          /* @__PURE__ */ jsx14("span", { className: "boltdocs-link-preview-title", children: title }),
+          summary && /* @__PURE__ */ jsx14("p", { className: "boltdocs-link-preview-summary", children: summary })
+        ]
+      }
+    ),
+    document.body
+  );
+}
+
 // src/client/theme/ui/Link/Link.tsx
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
 function useLocalizedTo(to) {
   const location = useLocation7();
   const config = useConfig();
@@ -947,24 +1024,54 @@ function useLocalizedTo(to) {
   }
   return finalPath === basePath ? basePath : finalPath;
 }
-var Link = React6.forwardRef(
+var Link = React7.forwardRef(
   (props, ref) => {
     const {
       boltdocsPrefetch = "hover",
+      boltdocsPreview = true,
       onMouseEnter,
+      onMouseLeave,
       onFocus,
+      onBlur,
       onClick,
       to,
       ...rest
     } = props;
     const localizedTo = useLocalizedTo(to);
-    const { preload } = usePreload();
+    const { preload, routes } = usePreload();
+    const config = useConfig();
     const navigate = useNavigate();
+    const shouldShowPreview = boltdocsPreview && config?.themeConfig?.linkPreview !== false;
+    const [preview, setPreview] = React7.useState({ visible: false, x: 0, y: 0, title: "" });
     const handleMouseEnter = (e) => {
       onMouseEnter?.(e);
       if (boltdocsPrefetch === "hover" && typeof localizedTo === "string" && localizedTo.startsWith("/")) {
         preload(localizedTo);
       }
+      if (shouldShowPreview && typeof localizedTo === "string" && localizedTo.startsWith("/")) {
+        const cleanPath = localizedTo.split("#")[0].split("?")[0];
+        const route = routes.find(
+          (r) => r.path === cleanPath || cleanPath === "/" && r.path === ""
+        );
+        if (route) {
+          setPreview({
+            visible: true,
+            x: e.clientX,
+            y: e.clientY,
+            title: route.title,
+            summary: route.description
+          });
+        }
+      }
+    };
+    const handleMouseMove = (e) => {
+      if (preview.visible) {
+        setPreview((prev) => ({ ...prev, x: e.clientX, y: e.clientY }));
+      }
+    };
+    const handleMouseLeave = (e) => {
+      onMouseLeave?.(e);
+      setPreview((prev) => ({ ...prev, visible: false }));
     };
     const handleFocus = (e) => {
       onFocus?.(e);
@@ -972,50 +1079,100 @@ var Link = React6.forwardRef(
         preload(localizedTo);
       }
     };
+    const handleBlur = (e) => {
+      onBlur?.(e);
+      setPreview((prev) => ({ ...prev, visible: false }));
+    };
     const handleClick = (e) => {
       onClick?.(e);
+      setPreview((prev) => ({ ...prev, visible: false }));
       if (e.defaultPrevented || e.button !== 0 || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) {
         return;
       }
       if (typeof localizedTo === "string" && !localizedTo.startsWith("http")) {
         e.preventDefault();
-        React6.startTransition(() => {
+        React7.startTransition(() => {
           navigate(localizedTo);
         });
       }
     };
-    return /* @__PURE__ */ jsx13(
-      RouterLink,
-      {
-        ref,
-        to: localizedTo,
-        onMouseEnter: handleMouseEnter,
-        onFocus: handleFocus,
-        onClick: handleClick,
-        ...rest
-      }
-    );
+    return /* @__PURE__ */ jsxs13(Fragment2, { children: [
+      /* @__PURE__ */ jsx15(
+        RouterLink,
+        {
+          ref,
+          to: localizedTo,
+          onMouseEnter: handleMouseEnter,
+          onMouseMove: handleMouseMove,
+          onMouseLeave: handleMouseLeave,
+          onFocus: handleFocus,
+          onBlur: handleBlur,
+          onClick: handleClick,
+          ...rest
+        }
+      ),
+      shouldShowPreview && /* @__PURE__ */ jsx15(
+        LinkPreview,
+        {
+          isVisible: preview.visible,
+          title: preview.title,
+          summary: preview.summary,
+          x: preview.x,
+          y: preview.y
+        }
+      )
+    ] });
   }
 );
 Link.displayName = "Link";
-var NavLink = React6.forwardRef(
+var NavLink = React7.forwardRef(
   (props, ref) => {
     const {
       boltdocsPrefetch = "hover",
+      boltdocsPreview = true,
       onMouseEnter,
+      onMouseLeave,
       onFocus,
+      onBlur,
       onClick,
       to,
       ...rest
     } = props;
     const localizedTo = useLocalizedTo(to);
-    const { preload } = usePreload();
+    const { preload, routes } = usePreload();
+    const config = useConfig();
     const navigate = useNavigate();
+    const shouldShowPreview = boltdocsPreview && config?.themeConfig?.linkPreview !== false;
+    const [preview, setPreview] = React7.useState({ visible: false, x: 0, y: 0, title: "" });
     const handleMouseEnter = (e) => {
       onMouseEnter?.(e);
       if (boltdocsPrefetch === "hover" && typeof localizedTo === "string" && localizedTo.startsWith("/")) {
         preload(localizedTo);
       }
+      if (shouldShowPreview && typeof localizedTo === "string" && localizedTo.startsWith("/")) {
+        const cleanPath = localizedTo.split("#")[0].split("?")[0];
+        const route = routes.find(
+          (r) => r.path === cleanPath || cleanPath === "/" && r.path === ""
+        );
+        if (route) {
+          setPreview({
+            visible: true,
+            x: e.clientX,
+            y: e.clientY,
+            title: route.title,
+            summary: route.description
+          });
+        }
+      }
+    };
+    const handleMouseMove = (e) => {
+      if (preview.visible) {
+        setPreview((prev) => ({ ...prev, x: e.clientX, y: e.clientY }));
+      }
+    };
+    const handleMouseLeave = (e) => {
+      onMouseLeave?.(e);
+      setPreview((prev) => ({ ...prev, visible: false }));
     };
     const handleFocus = (e) => {
       onFocus?.(e);
@@ -1023,29 +1180,49 @@ var NavLink = React6.forwardRef(
         preload(localizedTo);
       }
     };
+    const handleBlur = (e) => {
+      onBlur?.(e);
+      setPreview((prev) => ({ ...prev, visible: false }));
+    };
     const handleClick = (e) => {
       onClick?.(e);
+      setPreview((prev) => ({ ...prev, visible: false }));
       if (e.defaultPrevented || e.button !== 0 || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) {
         return;
       }
       if (typeof localizedTo === "string" && !localizedTo.startsWith("http")) {
         e.preventDefault();
-        React6.startTransition(() => {
+        React7.startTransition(() => {
           navigate(localizedTo);
         });
       }
     };
-    return /* @__PURE__ */ jsx13(
-      RouterNavLink,
-      {
-        ref,
-        to: localizedTo,
-        onMouseEnter: handleMouseEnter,
-        onFocus: handleFocus,
-        onClick: handleClick,
-        ...rest
-      }
-    );
+    return /* @__PURE__ */ jsxs13(Fragment2, { children: [
+      /* @__PURE__ */ jsx15(
+        RouterNavLink,
+        {
+          ref,
+          to: localizedTo,
+          onMouseEnter: handleMouseEnter,
+          onMouseMove: handleMouseMove,
+          onMouseLeave: handleMouseLeave,
+          onFocus: handleFocus,
+          onBlur: handleBlur,
+          onClick: handleClick,
+          ...rest
+        }
+      ),
+      shouldShowPreview && /* @__PURE__ */ jsx15(
+        LinkPreview,
+        {
+          isVisible: preview.visible,
+          title: preview.title,
+          summary: preview.summary,
+          x: preview.x,
+          y: preview.y
+        }
+      )
+    ] });
   }
 );
 NavLink.displayName = "NavLink";
@@ -1054,10 +1231,10 @@ NavLink.displayName = "NavLink";
 import { ChevronDown as ChevronDown3 } from "lucide-react";
 
 // src/client/theme/ui/LanguageSwitcher/LanguageSwitcher.tsx
-import { useState as useState6, useRef as useRef2, useEffect as useEffect5 } from "react";
+import { useState as useState8, useRef as useRef4, useEffect as useEffect6 } from "react";
 import { Globe, ChevronDown } from "lucide-react";
 import { useNavigate as useNavigate2, useLocation as useLocation8 } from "react-router-dom";
-import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
 function getBaseFilePath(filePath, version, locale) {
   let path = filePath;
   if (version && (path === version || path.startsWith(version + "/"))) {
@@ -1073,11 +1250,11 @@ function LanguageSwitcher({
   currentLocale,
   allRoutes
 }) {
-  const [isOpen, setIsOpen] = useState6(false);
-  const dropdownRef = useRef2(null);
+  const [isOpen, setIsOpen] = useState8(false);
+  const dropdownRef = useRef4(null);
   const navigate = useNavigate2();
   const location = useLocation8();
-  useEffect5(() => {
+  useEffect6(() => {
     function handleClickOutside(event) {
       if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
         setIsOpen(false);
@@ -1113,8 +1290,8 @@ function LanguageSwitcher({
     }
     navigate(targetPath);
   };
-  return /* @__PURE__ */ jsxs11("div", { className: "boltdocs-language-switcher", ref: dropdownRef, children: [
-    /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs14("div", { className: "boltdocs-language-switcher", ref: dropdownRef, children: [
+    /* @__PURE__ */ jsxs14(
       "button",
       {
         className: "language-btn",
@@ -1123,13 +1300,13 @@ function LanguageSwitcher({
         "aria-expanded": isOpen,
         "aria-haspopup": "listbox",
         children: [
-          /* @__PURE__ */ jsx14(Globe, { size: 18 }),
-          /* @__PURE__ */ jsx14("span", { className: "language-label", children: i18n.locales[currentLocale] || currentLocale }),
-          /* @__PURE__ */ jsx14(ChevronDown, { size: 14 })
+          /* @__PURE__ */ jsx16(Globe, { size: 18 }),
+          /* @__PURE__ */ jsx16("span", { className: "language-label", children: i18n.locales[currentLocale] || currentLocale }),
+          /* @__PURE__ */ jsx16(ChevronDown, { size: 14 })
         ]
       }
     ),
-    isOpen && /* @__PURE__ */ jsx14("div", { className: "language-dropdown", children: Object.entries(i18n.locales).map(([key, label]) => /* @__PURE__ */ jsx14(
+    isOpen && /* @__PURE__ */ jsx16("div", { className: "language-dropdown", children: Object.entries(i18n.locales).map(([key, label]) => /* @__PURE__ */ jsx16(
       "button",
       {
         className: `language-option ${key === currentLocale ? "active" : ""}`,
@@ -1142,10 +1319,10 @@ function LanguageSwitcher({
 }
 
 // src/client/theme/ui/VersionSwitcher/VersionSwitcher.tsx
-import { useState as useState7, useRef as useRef3, useEffect as useEffect6 } from "react";
+import { useState as useState9, useRef as useRef5, useEffect as useEffect7 } from "react";
 import { ChevronDown as ChevronDown2 } from "lucide-react";
 import { useNavigate as useNavigate3, useLocation as useLocation9 } from "react-router-dom";
-import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
 function getBaseFilePath2(filePath, version, locale) {
   let path = filePath;
   if (version && (path === version || path.startsWith(version + "/"))) {
@@ -1162,11 +1339,11 @@ function VersionSwitcher({
   currentLocale,
   allRoutes
 }) {
-  const [isOpen, setIsOpen] = useState7(false);
-  const dropdownRef = useRef3(null);
+  const [isOpen, setIsOpen] = useState9(false);
+  const dropdownRef = useRef5(null);
   const navigate = useNavigate3();
   const location = useLocation9();
-  useEffect6(() => {
+  useEffect7(() => {
     function handleClickOutside(event) {
       if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
         setIsOpen(false);
@@ -1200,14 +1377,14 @@ function VersionSwitcher({
     }
     navigate(targetPath);
   };
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs15(
     "div",
     {
       className: "boltdocs-version-switcher",
       ref: dropdownRef,
       style: { position: "relative", display: "flex", alignItems: "center" },
       children: [
-        /* @__PURE__ */ jsxs12(
+        /* @__PURE__ */ jsxs15(
           "button",
           {
             className: "navbar-version",
@@ -1221,12 +1398,12 @@ function VersionSwitcher({
               marginLeft: "0.5rem"
             },
             children: [
-              /* @__PURE__ */ jsx15("span", { children: versions.versions[currentVersion] || currentVersion }),
-              /* @__PURE__ */ jsx15(ChevronDown2, { size: 14 })
+              /* @__PURE__ */ jsx17("span", { children: versions.versions[currentVersion] || currentVersion }),
+              /* @__PURE__ */ jsx17(ChevronDown2, { size: 14 })
             ]
           }
         ),
-        isOpen && /* @__PURE__ */ jsx15(
+        isOpen && /* @__PURE__ */ jsx17(
           "div",
           {
             className: "language-dropdown",
@@ -1236,7 +1413,7 @@ function VersionSwitcher({
               minWidth: "150px",
               top: "calc(100% + 8px)"
             },
-            children: Object.entries(versions.versions).map(([key, label]) => /* @__PURE__ */ jsx15(
+            children: Object.entries(versions.versions).map(([key, label]) => /* @__PURE__ */ jsx17(
               "button",
               {
                 className: `language-option ${key === currentVersion ? "active" : ""}`,
@@ -1253,13 +1430,13 @@ function VersionSwitcher({
 }
 
 // src/client/theme/ui/ThemeToggle/ThemeToggle.tsx
-import { useEffect as useEffect7, useState as useState8 } from "react";
+import { useEffect as useEffect8, useState as useState10 } from "react";
 import { Sun, Moon } from "lucide-react";
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 function ThemeToggle() {
-  const [theme, setTheme] = useState8("dark");
-  const [mounted, setMounted] = useState8(false);
-  useEffect7(() => {
+  const [theme, setTheme] = useState10("dark");
+  const [mounted, setMounted] = useState10(false);
+  useEffect8(() => {
     setMounted(true);
     const stored = localStorage.getItem("boltdocs-theme");
     if (stored === "light" || stored === "dark") {
@@ -1279,7 +1456,7 @@ function ThemeToggle() {
     mediaQuery.addEventListener("change", handleChange);
     return () => mediaQuery.removeEventListener("change", handleChange);
   }, []);
-  useEffect7(() => {
+  useEffect8(() => {
     if (!mounted) return;
     const root = document.documentElement;
     if (theme === "light") {
@@ -1296,23 +1473,23 @@ function ThemeToggle() {
     localStorage.setItem("boltdocs-theme", newTheme);
   };
   if (!mounted) {
-    return /* @__PURE__ */ jsx16("button", { className: "navbar-icon-btn", "aria-label": "Toggle theme", disabled: true, children: /* @__PURE__ */ jsx16("span", { style: { width: 20, height: 20, display: "inline-block" } }) });
+    return /* @__PURE__ */ jsx18("button", { className: "navbar-icon-btn", "aria-label": "Toggle theme", disabled: true, children: /* @__PURE__ */ jsx18("span", { style: { width: 20, height: 20, display: "inline-block" } }) });
   }
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx18(
     "button",
     {
       className: "navbar-icon-btn",
       onClick: toggleTheme,
       "aria-label": "Toggle theme",
       title: `Switch to ${theme === "dark" ? "light" : "dark"} theme`,
-      children: theme === "dark" ? /* @__PURE__ */ jsx16(Sun, { size: 20 }) : /* @__PURE__ */ jsx16(Moon, { size: 20 })
+      children: theme === "dark" ? /* @__PURE__ */ jsx18(Sun, { size: 20 }) : /* @__PURE__ */ jsx18(Moon, { size: 20 })
     }
   );
 }
 
 // src/client/theme/icons/discord.tsx
-import { jsx as jsx17 } from "react/jsx-runtime";
-var Discord = (props) => /* @__PURE__ */ jsx17("svg", { ...props, viewBox: "0 0 256 199", preserveAspectRatio: "xMidYMid", children: /* @__PURE__ */ jsx17(
+import { jsx as jsx19 } from "react/jsx-runtime";
+var Discord = (props) => /* @__PURE__ */ jsx19("svg", { ...props, viewBox: "0 0 256 199", preserveAspectRatio: "xMidYMid", children: /* @__PURE__ */ jsx19(
   "path",
   {
     d: "M216.856 16.597A208.502 208.502 0 0 0 164.042 0c-2.275 4.113-4.933 9.645-6.766 14.046-19.692-2.961-39.203-2.961-58.533 0-1.832-4.4-4.55-9.933-6.846-14.046a207.809 207.809 0 0 0-52.855 16.638C5.618 67.147-3.443 116.4 1.087 164.956c22.169 16.555 43.653 26.612 64.775 33.193A161.094 161.094 0 0 0 79.735 175.3a136.413 136.413 0 0 1-21.846-10.632 108.636 108.636 0 0 0 5.356-4.237c42.122 19.702 87.89 19.702 129.51 0a131.66 131.66 0 0 0 5.355 4.237 136.07 136.07 0 0 1-21.886 10.653c4.006 8.02 8.638 15.67 13.873 22.848 21.142-6.58 42.646-16.637 64.815-33.213 5.316-56.288-9.08-105.09-38.056-148.36ZM85.474 135.095c-12.645 0-23.015-11.805-23.015-26.18s10.149-26.2 23.015-26.2c12.867 0 23.236 11.804 23.015 26.2.02 14.375-10.148 26.18-23.015 26.18Zm85.051 0c-12.645 0-23.014-11.805-23.014-26.18s10.148-26.2 23.014-26.2c12.867 0 23.236 11.804 23.015 26.2 0 14.375-10.148 26.18-23.015 26.18Z",
@@ -1321,8 +1498,8 @@ var Discord = (props) => /* @__PURE__ */ jsx17("svg", { ...props, viewBox: "0 0
 ) });
 
 // src/client/theme/icons/twitter.tsx
-import { jsx as jsx18 } from "react/jsx-runtime";
-var XformerlyTwitter = (props) => /* @__PURE__ */ jsx18("svg", { ...props, fill: "none", viewBox: "0 0 1200 1227", children: /* @__PURE__ */ jsx18(
+import { jsx as jsx20 } from "react/jsx-runtime";
+var XformerlyTwitter = (props) => /* @__PURE__ */ jsx20("svg", { ...props, fill: "none", viewBox: "0 0 1200 1227", children: /* @__PURE__ */ jsx20(
   "path",
   {
     fill: "currentColor",
@@ -1331,9 +1508,9 @@ var XformerlyTwitter = (props) => /* @__PURE__ */ jsx18("svg", { ...props, fill:
 ) });
 
 // src/client/theme/ui/Navbar/Navbar.tsx
-import { jsx as jsx19, jsxs as jsxs13 } from "react/jsx-runtime";
-var SearchDialog = React9.lazy(
-  () => import("./SearchDialog-FBNGKRPK.mjs").then((m) => ({ default: m.SearchDialog }))
+import { jsx as jsx21, jsxs as jsxs16 } from "react/jsx-runtime";
+var SearchDialog = React10.lazy(
+  () => import("./SearchDialog-5ISK64QY.mjs").then((m) => ({ default: m.SearchDialog }))
 );
 var ICON_MAP = {
   discord: Discord,
@@ -1349,10 +1526,10 @@ function Navbar({
   const title = config.themeConfig?.title || "Boltdocs";
   const navItems = config.themeConfig?.navbar || [];
   const socialLinks = config.themeConfig?.socialLinks || [];
-  return /* @__PURE__ */ jsx19("header", { className: "boltdocs-navbar", children: /* @__PURE__ */ jsxs13("div", { className: "navbar-container", children: [
-    /* @__PURE__ */ jsxs13("div", { className: "navbar-left", children: [
-      /* @__PURE__ */ jsx19("div", { className: "navbar-logo", children: /* @__PURE__ */ jsxs13(Link, { to: "/", children: [
-        config.themeConfig?.logo ? config.themeConfig.logo.trim().startsWith("<svg") ? /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx21("header", { className: "boltdocs-navbar", children: /* @__PURE__ */ jsxs16("div", { className: "navbar-container", children: [
+    /* @__PURE__ */ jsxs16("div", { className: "navbar-left", children: [
+      /* @__PURE__ */ jsx21("div", { className: "navbar-logo", children: /* @__PURE__ */ jsxs16(Link, { to: "/", children: [
+        config.themeConfig?.logo ? config.themeConfig.logo.trim().startsWith("<svg") ? /* @__PURE__ */ jsx21(
           "span",
           {
             className: "navbar-logo-svg",
@@ -1360,7 +1537,7 @@ function Navbar({
               __html: config.themeConfig.logo
             }
           }
-        ) : /* @__PURE__ */ jsx19(
+        ) : /* @__PURE__ */ jsx21(
           "img",
           {
             src: config.themeConfig.logo,
@@ -1370,7 +1547,7 @@ function Navbar({
         ) : null,
         title
       ] }) }),
-      config.versions && currentVersion && allRoutes ? /* @__PURE__ */ jsx19(
+      config.versions && currentVersion && allRoutes ? /* @__PURE__ */ jsx21(
         VersionSwitcher,
         {
           versions: config.versions,
@@ -1378,22 +1555,22 @@ function Navbar({
           currentLocale,
           allRoutes
         }
-      ) : config.themeConfig?.version ? /* @__PURE__ */ jsxs13("div", { className: "navbar-version", children: [
+      ) : config.themeConfig?.version ? /* @__PURE__ */ jsxs16("div", { className: "navbar-version", children: [
         config.themeConfig.version,
         " ",
-        /* @__PURE__ */ jsx19(ChevronDown3, { size: 14 })
+        /* @__PURE__ */ jsx21(ChevronDown3, { size: 14 })
       ] }) : null,
-      /* @__PURE__ */ jsx19("nav", { className: "navbar-links", "aria-label": "Top Navigation", children: navItems.map((item, i) => /* @__PURE__ */ jsx19(Link, { to: item.link, children: item.text }, i)) })
+      /* @__PURE__ */ jsx21("nav", { className: "navbar-links", "aria-label": "Top Navigation", children: navItems.map((item, i) => /* @__PURE__ */ jsx21(Link, { to: item.link, children: item.text }, i)) })
     ] }),
-    /* @__PURE__ */ jsxs13("div", { className: "navbar-right", children: [
-      /* @__PURE__ */ jsx19(
-        React9.Suspense,
+    /* @__PURE__ */ jsxs16("div", { className: "navbar-right", children: [
+      /* @__PURE__ */ jsx21(
+        React10.Suspense,
         {
-          fallback: /* @__PURE__ */ jsx19("div", { className: "navbar-search-placeholder" }),
-          children: /* @__PURE__ */ jsx19(SearchDialog, { routes: routes || [] })
+          fallback: /* @__PURE__ */ jsx21("div", { className: "navbar-search-placeholder" }),
+          children: /* @__PURE__ */ jsx21(SearchDialog, { routes: routes || [] })
         }
       ),
-      config.i18n && currentLocale && allRoutes && /* @__PURE__ */ jsx19(
+      config.i18n && currentLocale && allRoutes && /* @__PURE__ */ jsx21(
         LanguageSwitcher,
         {
           i18n: config.i18n,
@@ -1401,12 +1578,12 @@ function Navbar({
           allRoutes
         }
       ),
-      /* @__PURE__ */ jsx19(ThemeToggle, {}),
-      config.themeConfig?.githubRepo && /* @__PURE__ */ jsx19(GithubStars, { repo: config.themeConfig.githubRepo }),
-      socialLinks.length > 0 && /* @__PURE__ */ jsx19("div", { className: "navbar-divider" }),
-      /* @__PURE__ */ jsx19("div", { className: "navbar-icons", children: socialLinks.map((link, i) => {
+      /* @__PURE__ */ jsx21(ThemeToggle, {}),
+      config.themeConfig?.githubRepo && /* @__PURE__ */ jsx21(GithubStars, { repo: config.themeConfig.githubRepo }),
+      socialLinks.length > 0 && /* @__PURE__ */ jsx21("div", { className: "navbar-divider" }),
+      /* @__PURE__ */ jsx21("div", { className: "navbar-icons", children: socialLinks.map((link, i) => {
         const IconComp = ICON_MAP[link.icon.toLowerCase()];
-        return /* @__PURE__ */ jsx19(
+        return /* @__PURE__ */ jsx21(
           "a",
           {
             href: link.link,
@@ -1414,7 +1591,7 @@ function Navbar({
             rel: "noopener noreferrer",
             className: "navbar-icon-btn",
             "aria-label": link.icon,
-            children: IconComp ? /* @__PURE__ */ jsx19(IconComp, {}) : /* @__PURE__ */ jsx19("span", { children: link.icon })
+            children: IconComp ? /* @__PURE__ */ jsx21(IconComp, {}) : /* @__PURE__ */ jsx21("span", { children: link.icon })
           },
           i
         );
@@ -1434,6 +1611,7 @@ export {
   ThemeLayout,
   NotFound,
   Loading,
+  CodeBlock,
   AppShell,
   createBoltdocsApp
 };