boltdocs 1.0.4 → 1.3.0

package/dist/{chunk-TWSRXUFF.mjs → chunk-NS7WHDYA.mjs}

@@ -1,12 +1,13 @@
 // src/client/theme/ui/Navbar/Navbar.tsx
-import React11 from "react";
+import React9 from "react";
 
 // src/client/theme/ui/Link/Link.tsx
-import React8 from "react";
+import React6 from "react";
 import {
   Link as RouterLink,
   NavLink as RouterNavLink,
-  useLocation as useLocation7
+  useLocation as useLocation7,
+  useNavigate
 } from "react-router-dom";
 
 // src/client/app/preload.tsx
@@ -47,7 +48,7 @@ function PreloadProvider({
 }
 
 // src/client/app/index.tsx
-import React7, { useEffect as useEffect4, useState as useState6 } from "react";
+import React5, { useEffect as useEffect4, useState as useState5 } from "react";
 import ReactDOM from "react-dom/client";
 import {
   BrowserRouter,
@@ -60,7 +61,7 @@ import {
 // src/client/theme/ui/Layout/Layout.tsx
 import React4, { useState as useState4 } from "react";
 import { useLocation as useLocation5 } from "react-router-dom";
-import { ChevronLeft as ChevronLeft2, ChevronRight as ChevronRight3, Menu } from "lucide-react";
+import { ChevronLeft as ChevronLeft2, ChevronRight as ChevronRight3 } from "lucide-react";
 
 // src/client/theme/ui/Navbar/GithubStars.tsx
 import { useEffect, useState } from "react";
@@ -144,8 +145,8 @@ function PoweredBy() {
 }
 
 // src/client/theme/ui/Sidebar/Sidebar.tsx
-import { ChevronRight, ChevronLeft } from "lucide-react";
-import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+import { ChevronRight, PanelLeft } from "lucide-react";
+import { Fragment, jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 function renderBadge(badgeRaw) {
   if (!badgeRaw) return null;
   let text = "";
@@ -181,7 +182,8 @@ function renderBadge(badgeRaw) {
 function Sidebar({
   routes,
   config,
-  onCollapse
+  isCollapsed,
+  onToggle
 }) {
   const location = useLocation();
   const ungrouped = [];
@@ -202,42 +204,41 @@ function Sidebar({
   }
   const groups = Array.from(groupMap.values());
   return /* @__PURE__ */ jsxs3("aside", { className: "boltdocs-sidebar", children: [
-    /* @__PURE__ */ jsxs3("nav", { "aria-label": "Main Navigation", children: [
-      /* @__PURE__ */ jsx5("ul", { className: "sidebar-list", children: ungrouped.map((route) => /* @__PURE__ */ jsx5("li", { children: /* @__PURE__ */ jsx5(
-        Link,
-        {
-          to: route.path === "" ? "/" : route.path,
-          className: `sidebar-link ${location.pathname === route.path ? "active" : ""}`,
-          "aria-current": location.pathname === route.path ? "page" : void 0,
-          children: /* @__PURE__ */ jsxs3("div", { className: "sidebar-link-content", children: [
-            /* @__PURE__ */ jsx5("span", { children: route.title }),
-            renderBadge(route.badge)
-          ] })
-        }
-      ) }, route.path)) }),
-      groups.map((group) => /* @__PURE__ */ jsx5(
-        SidebarGroupSection,
-        {
-          group,
-          currentPath: location.pathname
-        },
-        group.slug
-      ))
-    ] }),
-    onCollapse && /* @__PURE__ */ jsx5("div", { className: "sidebar-footer", children: /* @__PURE__ */ jsxs3(
+    onToggle && /* @__PURE__ */ jsx5("div", { className: "sidebar-collapse", children: /* @__PURE__ */ jsx5(
       "button",
       {
         className: "sidebar-collapse-btn",
-        onClick: onCollapse,
-        "aria-label": "Collapse Sidebar",
-        title: "Collapse Sidebar",
-        children: [
-          /* @__PURE__ */ jsx5(ChevronLeft, { size: 16 }),
-          /* @__PURE__ */ jsx5("span", { children: "Collapse Sidebar" })
-        ]
+        onClick: onToggle,
+        "aria-label": isCollapsed ? "Expand Sidebar" : "Collapse Sidebar",
+        title: isCollapsed ? "Expand Sidebar" : "Collapse Sidebar",
+        children: /* @__PURE__ */ jsx5(PanelLeft, { size: 18 })
       }
     ) }),
-    config.themeConfig?.poweredBy !== false && /* @__PURE__ */ jsx5(PoweredBy, {})
+    !isCollapsed && /* @__PURE__ */ jsxs3(Fragment, { children: [
+      /* @__PURE__ */ jsxs3("nav", { "aria-label": "Main Navigation", children: [
+        /* @__PURE__ */ jsx5("ul", { className: "sidebar-list", children: ungrouped.map((route) => /* @__PURE__ */ jsx5("li", { children: /* @__PURE__ */ jsx5(
+          Link,
+          {
+            to: route.path === "" ? "/" : route.path,
+            className: `sidebar-link ${location.pathname === route.path ? "active" : ""}`,
+            "aria-current": location.pathname === route.path ? "page" : void 0,
+            children: /* @__PURE__ */ jsxs3("div", { className: "sidebar-link-content", children: [
+              /* @__PURE__ */ jsx5("span", { children: route.title }),
+              renderBadge(route.badge)
+            ] })
+          }
+        ) }, route.path)) }),
+        groups.map((group) => /* @__PURE__ */ jsx5(
+          SidebarGroupSection,
+          {
+            group,
+            currentPath: location.pathname
+          },
+          group.slug
+        ))
+      ] }),
+      config.themeConfig?.poweredBy !== false && /* @__PURE__ */ jsx5(PoweredBy, {})
+    ] })
   ] });
 }
 function SidebarGroupSection({
@@ -343,11 +344,41 @@ function OnThisPage({
     };
     observeHeadings();
     const timeoutId = setTimeout(observeHeadings, 1e3);
+    const handleScroll = () => {
+      const scrollPosition = window.innerHeight + window.pageYOffset;
+      const bodyHeight = document.documentElement.scrollHeight;
+      if (scrollPosition >= bodyHeight - 50) {
+        setActiveId(headings[headings.length - 1].id);
+      }
+    };
+    window.addEventListener("scroll", handleScroll, { passive: true });
     return () => {
       observerRef.current?.disconnect();
       clearTimeout(timeoutId);
+      window.removeEventListener("scroll", handleScroll);
     };
   }, [headings, location.pathname]);
+  useEffect2(() => {
+    if (!activeId || !listRef.current) return;
+    const activeLink = listRef.current.querySelector(
+      `a[href="#${activeId}"]`
+    );
+    if (activeLink) {
+      const container = listRef.current.closest(
+        ".boltdocs-on-this-page"
+      );
+      if (!container) return;
+      const linkRect = activeLink.getBoundingClientRect();
+      const containerRect = container.getBoundingClientRect();
+      const isVisible = linkRect.top >= containerRect.top && linkRect.bottom <= containerRect.bottom;
+      if (!isVisible) {
+        activeLink.scrollIntoView({
+          behavior: "smooth",
+          block: "nearest"
+        });
+      }
+    }
+  }, [activeId]);
   const handleClick = useCallback2(
     (e, id) => {
       e.preventDefault();
@@ -575,17 +606,8 @@ function ThemeLayout({
             {
               routes: filteredRoutes,
               config,
-              onCollapse: () => setIsSidebarOpen(false)
-            }
-          ),
-          sidebar === void 0 && /* @__PURE__ */ jsx9(
-            "button",
-            {
-              className: "sidebar-toggle-floating",
-              onClick: () => setIsSidebarOpen(true),
-              "aria-label": "Expand Sidebar",
-              title: "Expand Sidebar",
-              children: /* @__PURE__ */ jsx9(Menu, { size: 20 })
+              isCollapsed: !isSidebarOpen,
+              onToggle: () => setIsSidebarOpen(!isSidebarOpen)
             }
           ),
           /* @__PURE__ */ jsxs7("main", { className: "boltdocs-content", children: [
@@ -671,227 +693,7 @@ import {
   useLayoutEffect
 } from "react";
 import { Link as LucideLink } from "lucide-react";
-
-// src/client/theme/components/mdx/Button.tsx
-import { jsx as jsx12 } from "react/jsx-runtime";
-function Button({
-  variant = "primary",
-  size = "md",
-  href,
-  children,
-  className = "",
-  ...rest
-}) {
-  const cls = `ld-btn ld-btn--${variant} ld-btn--${size} ${className}`.trim();
-  if (href) {
-    return /* @__PURE__ */ jsx12(
-      "a",
-      {
-        href,
-        style: { textDecoration: "none" },
-        className: cls,
-        ...rest,
-        children
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx12("button", { className: cls, ...rest, children });
-}
-
-// src/client/theme/components/mdx/Badge.tsx
-import { jsx as jsx13 } from "react/jsx-runtime";
-function Badge({
-  variant = "default",
-  children,
-  className = "",
-  ...rest
-}) {
-  return /* @__PURE__ */ jsx13(
-    "span",
-    {
-      className: `ld-badge ld-badge--${variant} ${className}`.trim(),
-      ...rest,
-      children
-    }
-  );
-}
-
-// src/client/theme/components/mdx/Card.tsx
-import { Fragment, jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
-function Cards({
-  cols = 3,
-  children,
-  className = "",
-  ...rest
-}) {
-  return /* @__PURE__ */ jsx14("div", { className: `ld-cards ld-cards--${cols} ${className}`.trim(), ...rest, children });
-}
-function Card({
-  title,
-  icon,
-  href,
-  children,
-  className = "",
-  ...rest
-}) {
-  const inner = /* @__PURE__ */ jsxs10(Fragment, { children: [
-    icon && /* @__PURE__ */ jsx14("span", { className: "ld-card__icon", children: icon }),
-    title && /* @__PURE__ */ jsx14("h3", { className: "ld-card__title", children: title }),
-    children && /* @__PURE__ */ jsx14("div", { className: "ld-card__body", children })
-  ] });
-  if (href) {
-    return /* @__PURE__ */ jsx14(
-      "a",
-      {
-        href,
-        className: `ld-card ld-card--link ${className}`.trim(),
-        ...rest,
-        children: inner
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx14("div", { className: `ld-card ${className}`.trim(), ...rest, children: inner });
-}
-
-// src/client/theme/components/mdx/Tabs.tsx
-import { useState as useState5, Children, isValidElement, useRef as useRef2 } from "react";
-import { jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
-function Tab({ children }) {
-  return /* @__PURE__ */ jsx15("div", { className: "ld-tab-panel", children });
-}
-function Tabs({ defaultIndex = 0, children }) {
-  const [active, setActive] = useState5(defaultIndex);
-  const tabRefs = useRef2([]);
-  const tabs = Children.toArray(children).filter(
-    (child) => isValidElement(child) && child.props?.label
-  );
-  const handleKeyDown = (e) => {
-    let newIndex = active;
-    if (e.key === "ArrowRight") {
-      newIndex = (active + 1) % tabs.length;
-    } else if (e.key === "ArrowLeft") {
-      newIndex = (active - 1 + tabs.length) % tabs.length;
-    }
-    if (newIndex !== active) {
-      setActive(newIndex);
-      tabRefs.current[newIndex]?.focus();
-    }
-  };
-  return /* @__PURE__ */ jsxs11("div", { className: "ld-tabs", children: [
-    /* @__PURE__ */ jsx15("div", { className: "ld-tabs__bar", role: "tablist", onKeyDown: handleKeyDown, children: tabs.map((child, i) => {
-      const label = child.props.label;
-      return /* @__PURE__ */ jsx15(
-        "button",
-        {
-          role: "tab",
-          "aria-selected": i === active,
-          "aria-controls": `tabpanel-${i}`,
-          id: `tab-${i}`,
-          tabIndex: i === active ? 0 : -1,
-          ref: (el) => {
-            tabRefs.current[i] = el;
-          },
-          className: `ld-tabs__trigger ${i === active ? "ld-tabs__trigger--active" : ""}`,
-          onClick: () => setActive(i),
-          children: label
-        },
-        i
-      );
-    }) }),
-    /* @__PURE__ */ jsx15(
-      "div",
-      {
-        className: "ld-tabs__content",
-        role: "tabpanel",
-        id: `tabpanel-${active}`,
-        "aria-labelledby": `tab-${active}`,
-        children: tabs[active]
-      }
-    )
-  ] });
-}
-
-// src/client/theme/components/mdx/Admonition.tsx
-import {
-  Info,
-  Lightbulb,
-  AlertTriangle,
-  ShieldAlert,
-  Bookmark
-} from "lucide-react";
-import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
-var ICON_MAP = {
-  note: /* @__PURE__ */ jsx16(Bookmark, { size: 18 }),
-  tip: /* @__PURE__ */ jsx16(Lightbulb, { size: 18 }),
-  info: /* @__PURE__ */ jsx16(Info, { size: 18 }),
-  warning: /* @__PURE__ */ jsx16(AlertTriangle, { size: 18 }),
-  danger: /* @__PURE__ */ jsx16(ShieldAlert, { size: 18 })
-};
-var LABEL_MAP = {
-  note: "Note",
-  tip: "Tip",
-  info: "Info",
-  warning: "Warning",
-  danger: "Danger"
-};
-function Admonition({
-  type = "note",
-  title,
-  children,
-  className = "",
-  ...rest
-}) {
-  return /* @__PURE__ */ jsxs12(
-    "div",
-    {
-      className: `ld-admonition ld-admonition--${type} ${className}`.trim(),
-      role: type === "warning" || type === "danger" ? "alert" : "note",
-      ...rest,
-      children: [
-        /* @__PURE__ */ jsxs12("div", { className: "ld-admonition__header", children: [
-          /* @__PURE__ */ jsx16("span", { className: "ld-admonition__icon", children: ICON_MAP[type] }),
-          /* @__PURE__ */ jsx16("span", { className: "ld-admonition__title", children: title || LABEL_MAP[type] })
-        ] }),
-        /* @__PURE__ */ jsx16("div", { className: "ld-admonition__body", children })
-      ]
-    }
-  );
-}
-var Note = (props) => /* @__PURE__ */ jsx16(Admonition, { type: "note", ...props });
-var Tip = (props) => /* @__PURE__ */ jsx16(Admonition, { type: "tip", ...props });
-var Warning = (props) => /* @__PURE__ */ jsx16(Admonition, { type: "warning", ...props });
-var Danger = (props) => /* @__PURE__ */ jsx16(Admonition, { type: "danger", ...props });
-var InfoBox = (props) => /* @__PURE__ */ jsx16(Admonition, { type: "info", ...props });
-
-// src/client/theme/components/mdx/List.tsx
-import React6, { Children as Children2 } from "react";
-import { Check, ChevronRight as ChevronRight4 } from "lucide-react";
-import { jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
-var ICON_MAP2 = {
-  checked: /* @__PURE__ */ jsx17(Check, { size: 14, className: "ld-list__icon" }),
-  arrow: /* @__PURE__ */ jsx17(ChevronRight4, { size: 14, className: "ld-list__icon" })
-};
-function List({
-  variant = "default",
-  children,
-  className = "",
-  ...rest
-}) {
-  if (variant === "default") {
-    return /* @__PURE__ */ jsx17("ul", { className: `ld-list ${className}`.trim(), ...rest, children });
-  }
-  const icon = ICON_MAP2[variant];
-  return /* @__PURE__ */ jsx17("ul", { className: `ld-list ld-list--${variant} ${className}`.trim(), ...rest, children: Children2.map(children, (child) => {
-    if (!React6.isValidElement(child)) return child;
-    return /* @__PURE__ */ jsxs13("li", { className: "ld-list__item", children: [
-      icon,
-      /* @__PURE__ */ jsx17("span", { className: "ld-list__text", children: child.props.children })
-    ] });
-  }) });
-}
-
-// src/client/app/index.tsx
-import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 var ConfigContext = createContext2(null);
 function useConfig() {
   return useContext2(ConfigContext);
@@ -909,48 +711,29 @@ var PackageManagerTabs = lazy(
     default: m.PackageManagerTabs
   }))
 );
-var Playground = lazy(
-  () => import("./Playground-B2FA34BC.mjs").then((m) => ({
-    default: m.Playground
-  }))
-);
 var Heading = ({
   level,
   id,
   children
 }) => {
   const Tag = `h${level}`;
-  return /* @__PURE__ */ jsxs14(Tag, { id, className: "boltdocs-heading", children: [
+  return /* @__PURE__ */ jsxs10(Tag, { id, className: "boltdocs-heading", children: [
     children,
-    id && /* @__PURE__ */ jsx18("a", { href: `#${id}`, className: "header-anchor", "aria-label": "Anchor", children: /* @__PURE__ */ jsx18(LucideLink, { size: 16 }) })
+    id && /* @__PURE__ */ jsx12("a", { href: `#${id}`, className: "header-anchor", "aria-label": "Anchor", children: /* @__PURE__ */ jsx12(LucideLink, { size: 16 }) })
   ] });
 };
 var mdxComponents = {
-  h1: (props) => /* @__PURE__ */ jsx18(Heading, { level: 1, ...props }),
-  h2: (props) => /* @__PURE__ */ jsx18(Heading, { level: 2, ...props }),
-  h3: (props) => /* @__PURE__ */ jsx18(Heading, { level: 3, ...props }),
-  h4: (props) => /* @__PURE__ */ jsx18(Heading, { level: 4, ...props }),
-  h5: (props) => /* @__PURE__ */ jsx18(Heading, { level: 5, ...props }),
-  h6: (props) => /* @__PURE__ */ jsx18(Heading, { level: 6, ...props }),
+  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__ */ jsx18(Suspense, { fallback: /* @__PURE__ */ jsx18("div", { className: "code-block-skeleton" }), children: /* @__PURE__ */ jsx18(CodeBlock, { ...props, children: props.children }) });
+    return /* @__PURE__ */ jsx12(Suspense, { fallback: /* @__PURE__ */ jsx12("div", { className: "code-block-skeleton" }), children: /* @__PURE__ */ jsx12(CodeBlock, { ...props, children: props.children }) });
   },
-  video: (props) => /* @__PURE__ */ jsx18(Suspense, { fallback: /* @__PURE__ */ jsx18("div", { className: "video-skeleton" }), children: /* @__PURE__ */ jsx18(Video, { ...props }) }),
-  PackageManagerTabs: (props) => /* @__PURE__ */ jsx18(Suspense, { fallback: /* @__PURE__ */ jsx18("div", { className: "pkg-tabs-skeleton" }), children: /* @__PURE__ */ jsx18(PackageManagerTabs, { ...props }) }),
-  Playground: (props) => /* @__PURE__ */ jsx18(Suspense, { fallback: /* @__PURE__ */ jsx18("div", { className: "playground-skeleton" }), children: /* @__PURE__ */ jsx18(Playground, { ...props }) }),
-  Button,
-  Badge,
-  Card,
-  Cards,
-  Tabs,
-  Tab,
-  Admonition,
-  Note,
-  Tip,
-  Warning,
-  Danger,
-  InfoBox,
-  List
+  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 }) })
 };
 function AppShell({
   initialRoutes,
@@ -960,18 +743,10 @@ function AppShell({
   homePage: HomePage,
   components: customComponents = {}
 }) {
-  const [routesInfo, setRoutesInfo] = useState6(initialRoutes);
-  const [config] = useState6(initialConfig);
-  const [resolvedRoutes, setResolvedRoutes] = useState6([]);
-  useEffect4(() => {
-    if (hot) {
-      hot.on("boltdocs:routes-update", (newRoutes) => {
-        setRoutesInfo(newRoutes);
-      });
-    }
-  }, [hot]);
-  useEffect4(() => {
-    const mapped = routesInfo.filter(
+  const [routesInfo, setRoutesInfo] = useState5(initialRoutes);
+  const [config] = useState5(initialConfig);
+  const resolveRoutes = (infos) => {
+    return infos.filter(
       (route) => !(HomePage && (route.path === "/" || route.path === ""))
     ).map((route) => {
       const loaderKey = Object.keys(modules).find(
@@ -980,23 +755,35 @@ function AppShell({
       const loader = loaderKey ? modules[loaderKey] : null;
       return {
         ...route,
-        Component: React7.lazy(() => {
+        Component: React5.lazy(() => {
           if (!loader)
-            return Promise.resolve({ default: () => /* @__PURE__ */ jsx18(NotFound, {}) });
+            return Promise.resolve({ default: () => /* @__PURE__ */ jsx12(NotFound, {}) });
           return loader();
         })
       };
     });
-    setResolvedRoutes(mapped);
+  };
+  const [resolvedRoutes, setResolvedRoutes] = useState5(
+    () => resolveRoutes(initialRoutes)
+  );
+  useEffect4(() => {
+    if (hot) {
+      hot.on("boltdocs:routes-update", (newRoutes) => {
+        setRoutesInfo(newRoutes);
+      });
+    }
+  }, [hot]);
+  useEffect4(() => {
+    setResolvedRoutes(resolveRoutes(routesInfo));
   }, [routesInfo, modules]);
-  return /* @__PURE__ */ jsx18(ConfigContext.Provider, { value: config, children: /* @__PURE__ */ jsxs14(PreloadProvider, { routes: routesInfo, modules, children: [
-    /* @__PURE__ */ jsx18(ScrollHandler, {}),
-    /* @__PURE__ */ jsxs14(Routes, { children: [
-      HomePage && /* @__PURE__ */ jsx18(
+  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(
         Route,
         {
           path: "/",
-          element: /* @__PURE__ */ jsx18(
+          element: /* @__PURE__ */ jsx12(
             ThemeLayout,
             {
               config,
@@ -1005,36 +792,43 @@ function AppShell({
               toc: null,
               breadcrumbs: null,
               ...config.themeConfig?.layoutProps,
-              children: /* @__PURE__ */ jsx18(HomePage, {})
+              children: /* @__PURE__ */ jsx12(HomePage, {})
             }
           )
         }
       ),
-      /* @__PURE__ */ jsx18(Route, { element: /* @__PURE__ */ jsx18(DocsLayout, { config, routes: routesInfo }), children: resolvedRoutes.map((route) => /* @__PURE__ */ jsx18(
+      /* @__PURE__ */ jsx12(
         Route,
         {
-          path: route.path === "" ? "/" : route.path,
-          element: /* @__PURE__ */ jsx18(React7.Suspense, { fallback: /* @__PURE__ */ jsx18(Loading, {}), children: /* @__PURE__ */ jsx18(
-            MdxPage,
+          element: /* @__PURE__ */ jsx12(DocsLayout, { config, routes: routesInfo }),
+          children: resolvedRoutes.map((route) => /* @__PURE__ */ jsx12(
+            Route,
             {
-              Component: route.Component,
-              customComponents
-            }
-          ) })
+              path: route.path === "" ? "/" : route.path,
+              element: /* @__PURE__ */ jsx12(React5.Suspense, { fallback: /* @__PURE__ */ jsx12(Loading, {}), children: /* @__PURE__ */ jsx12(
+                MdxPage,
+                {
+                  Component: route.Component,
+                  customComponents
+                }
+              ) })
+            },
+            route.path
+          ))
         },
-        route.path
-      )) }),
-      /* @__PURE__ */ jsx18(
+        "docs-layout"
+      ),
+      /* @__PURE__ */ jsx12(
         Route,
         {
           path: "*",
-          element: /* @__PURE__ */ jsx18(
+          element: /* @__PURE__ */ jsx12(
             ThemeLayout,
             {
               config,
               routes: routesInfo,
               ...config.themeConfig?.layoutProps,
-              children: /* @__PURE__ */ jsx18(NotFound, {})
+              children: /* @__PURE__ */ jsx12(NotFound, {})
             }
           )
         }
@@ -1069,13 +863,13 @@ function DocsLayout({
   config,
   routes
 }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx12(
     ThemeLayout,
     {
       config,
       routes,
       ...config.themeConfig?.layoutProps,
-      children: /* @__PURE__ */ jsx18(Outlet, {})
+      children: /* @__PURE__ */ jsx12(Outlet, {})
     }
   );
 }
@@ -1084,7 +878,7 @@ function MdxPage({
   customComponents = {}
 }) {
   const allComponents = { ...mdxComponents, ...customComponents };
-  return /* @__PURE__ */ jsx18(MDXProvider, { components: allComponents, children: /* @__PURE__ */ jsx18(Component, {}) });
+  return /* @__PURE__ */ jsx12(MDXProvider, { components: allComponents, children: /* @__PURE__ */ jsx12(Component, {}) });
 }
 function createBoltdocsApp(options) {
   const { target, routes, config, modules, hot, homePage } = options;
@@ -1094,7 +888,7 @@ function createBoltdocsApp(options) {
       `[boltdocs] Mount target "${target}" not found in document.`
     );
   }
-  const app = /* @__PURE__ */ jsx18(React7.StrictMode, { children: /* @__PURE__ */ jsx18(BrowserRouter, { children: /* @__PURE__ */ jsx18(
+  const app = /* @__PURE__ */ jsx12(React5.StrictMode, { children: /* @__PURE__ */ jsx12(BrowserRouter, { children: /* @__PURE__ */ jsx12(
     AppShell,
     {
       initialRoutes: routes,
@@ -1110,7 +904,7 @@ function createBoltdocsApp(options) {
 }
 
 // src/client/theme/ui/Link/Link.tsx
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { jsx as jsx13 } from "react/jsx-runtime";
 function useLocalizedTo(to) {
   const location = useLocation7();
   const config = useConfig();
@@ -1166,17 +960,19 @@ function useLocalizedTo(to) {
   }
   return finalPath === basePath ? basePath : finalPath;
 }
-var Link = React8.forwardRef(
+var Link = React6.forwardRef(
   (props, ref) => {
     const {
       boltdocsPrefetch = "hover",
       onMouseEnter,
       onFocus,
+      onClick,
       to,
       ...rest
     } = props;
     const localizedTo = useLocalizedTo(to);
     const { preload } = usePreload();
+    const navigate = useNavigate();
     const handleMouseEnter = (e) => {
       onMouseEnter?.(e);
       if (boltdocsPrefetch === "hover" && typeof localizedTo === "string" && localizedTo.startsWith("/")) {
@@ -1189,30 +985,45 @@ var Link = React8.forwardRef(
         preload(localizedTo);
       }
     };
-    return /* @__PURE__ */ jsx19(
+    const handleClick = (e) => {
+      onClick?.(e);
+      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(() => {
+          navigate(localizedTo);
+        });
+      }
+    };
+    return /* @__PURE__ */ jsx13(
       RouterLink,
       {
         ref,
         to: localizedTo,
         onMouseEnter: handleMouseEnter,
         onFocus: handleFocus,
+        onClick: handleClick,
         ...rest
       }
     );
   }
 );
 Link.displayName = "Link";
-var NavLink = React8.forwardRef(
+var NavLink = React6.forwardRef(
   (props, ref) => {
     const {
       boltdocsPrefetch = "hover",
       onMouseEnter,
       onFocus,
+      onClick,
       to,
       ...rest
     } = props;
     const localizedTo = useLocalizedTo(to);
     const { preload } = usePreload();
+    const navigate = useNavigate();
     const handleMouseEnter = (e) => {
       onMouseEnter?.(e);
       if (boltdocsPrefetch === "hover" && typeof localizedTo === "string" && localizedTo.startsWith("/")) {
@@ -1225,13 +1036,26 @@ var NavLink = React8.forwardRef(
         preload(localizedTo);
       }
     };
-    return /* @__PURE__ */ jsx19(
+    const handleClick = (e) => {
+      onClick?.(e);
+      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(() => {
+          navigate(localizedTo);
+        });
+      }
+    };
+    return /* @__PURE__ */ jsx13(
       RouterNavLink,
       {
         ref,
         to: localizedTo,
         onMouseEnter: handleMouseEnter,
         onFocus: handleFocus,
+        onClick: handleClick,
         ...rest
       }
     );
@@ -1243,10 +1067,10 @@ NavLink.displayName = "NavLink";
 import { ChevronDown as ChevronDown3 } from "lucide-react";
 
 // src/client/theme/ui/LanguageSwitcher/LanguageSwitcher.tsx
-import { useState as useState7, useRef as useRef3, useEffect as useEffect5 } from "react";
+import { useState as useState6, useRef as useRef2, useEffect as useEffect5 } from "react";
 import { Globe, ChevronDown } from "lucide-react";
-import { useNavigate, useLocation as useLocation8 } from "react-router-dom";
-import { jsx as jsx20, jsxs as jsxs15 } from "react/jsx-runtime";
+import { useNavigate as useNavigate2, useLocation as useLocation8 } from "react-router-dom";
+import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
 function getBaseFilePath(filePath, version, locale) {
   let path = filePath;
   if (version && (path === version || path.startsWith(version + "/"))) {
@@ -1262,9 +1086,9 @@ function LanguageSwitcher({
   currentLocale,
   allRoutes
 }) {
-  const [isOpen, setIsOpen] = useState7(false);
-  const dropdownRef = useRef3(null);
-  const navigate = useNavigate();
+  const [isOpen, setIsOpen] = useState6(false);
+  const dropdownRef = useRef2(null);
+  const navigate = useNavigate2();
   const location = useLocation8();
   useEffect5(() => {
     function handleClickOutside(event) {
@@ -1302,8 +1126,8 @@ function LanguageSwitcher({
     }
     navigate(targetPath);
   };
-  return /* @__PURE__ */ jsxs15("div", { className: "boltdocs-language-switcher", ref: dropdownRef, children: [
-    /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs11("div", { className: "boltdocs-language-switcher", ref: dropdownRef, children: [
+    /* @__PURE__ */ jsxs11(
       "button",
       {
         className: "language-btn",
@@ -1312,13 +1136,13 @@ function LanguageSwitcher({
         "aria-expanded": isOpen,
         "aria-haspopup": "listbox",
         children: [
-          /* @__PURE__ */ jsx20(Globe, { size: 18 }),
-          /* @__PURE__ */ jsx20("span", { className: "language-label", children: i18n.locales[currentLocale] || currentLocale }),
-          /* @__PURE__ */ jsx20(ChevronDown, { size: 14 })
+          /* @__PURE__ */ jsx14(Globe, { size: 18 }),
+          /* @__PURE__ */ jsx14("span", { className: "language-label", children: i18n.locales[currentLocale] || currentLocale }),
+          /* @__PURE__ */ jsx14(ChevronDown, { size: 14 })
         ]
       }
     ),
-    isOpen && /* @__PURE__ */ jsx20("div", { className: "language-dropdown", children: Object.entries(i18n.locales).map(([key, label]) => /* @__PURE__ */ jsx20(
+    isOpen && /* @__PURE__ */ jsx14("div", { className: "language-dropdown", children: Object.entries(i18n.locales).map(([key, label]) => /* @__PURE__ */ jsx14(
       "button",
       {
         className: `language-option ${key === currentLocale ? "active" : ""}`,
@@ -1331,10 +1155,10 @@ function LanguageSwitcher({
 }
 
 // src/client/theme/ui/VersionSwitcher/VersionSwitcher.tsx
-import { useState as useState8, useRef as useRef4, useEffect as useEffect6 } from "react";
+import { useState as useState7, useRef as useRef3, useEffect as useEffect6 } from "react";
 import { ChevronDown as ChevronDown2 } from "lucide-react";
-import { useNavigate as useNavigate2, useLocation as useLocation9 } from "react-router-dom";
-import { jsx as jsx21, jsxs as jsxs16 } from "react/jsx-runtime";
+import { useNavigate as useNavigate3, useLocation as useLocation9 } from "react-router-dom";
+import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
 function getBaseFilePath2(filePath, version, locale) {
   let path = filePath;
   if (version && (path === version || path.startsWith(version + "/"))) {
@@ -1351,9 +1175,9 @@ function VersionSwitcher({
   currentLocale,
   allRoutes
 }) {
-  const [isOpen, setIsOpen] = useState8(false);
-  const dropdownRef = useRef4(null);
-  const navigate = useNavigate2();
+  const [isOpen, setIsOpen] = useState7(false);
+  const dropdownRef = useRef3(null);
+  const navigate = useNavigate3();
   const location = useLocation9();
   useEffect6(() => {
     function handleClickOutside(event) {
@@ -1389,14 +1213,14 @@ function VersionSwitcher({
     }
     navigate(targetPath);
   };
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs12(
     "div",
     {
       className: "boltdocs-version-switcher",
       ref: dropdownRef,
       style: { position: "relative", display: "flex", alignItems: "center" },
       children: [
-        /* @__PURE__ */ jsxs16(
+        /* @__PURE__ */ jsxs12(
           "button",
           {
             className: "navbar-version",
@@ -1410,12 +1234,12 @@ function VersionSwitcher({
               marginLeft: "0.5rem"
             },
             children: [
-              /* @__PURE__ */ jsx21("span", { children: versions.versions[currentVersion] || currentVersion }),
-              /* @__PURE__ */ jsx21(ChevronDown2, { size: 14 })
+              /* @__PURE__ */ jsx15("span", { children: versions.versions[currentVersion] || currentVersion }),
+              /* @__PURE__ */ jsx15(ChevronDown2, { size: 14 })
             ]
           }
         ),
-        isOpen && /* @__PURE__ */ jsx21(
+        isOpen && /* @__PURE__ */ jsx15(
           "div",
           {
             className: "language-dropdown",
@@ -1425,7 +1249,7 @@ function VersionSwitcher({
               minWidth: "150px",
               top: "calc(100% + 8px)"
             },
-            children: Object.entries(versions.versions).map(([key, label]) => /* @__PURE__ */ jsx21(
+            children: Object.entries(versions.versions).map(([key, label]) => /* @__PURE__ */ jsx15(
               "button",
               {
                 className: `language-option ${key === currentVersion ? "active" : ""}`,
@@ -1442,12 +1266,12 @@ function VersionSwitcher({
 }
 
 // src/client/theme/ui/ThemeToggle/ThemeToggle.tsx
-import { useEffect as useEffect7, useState as useState9 } from "react";
+import { useEffect as useEffect7, useState as useState8 } from "react";
 import { Sun, Moon } from "lucide-react";
-import { jsx as jsx22 } from "react/jsx-runtime";
+import { jsx as jsx16 } from "react/jsx-runtime";
 function ThemeToggle() {
-  const [theme, setTheme] = useState9("dark");
-  const [mounted, setMounted] = useState9(false);
+  const [theme, setTheme] = useState8("dark");
+  const [mounted, setMounted] = useState8(false);
   useEffect7(() => {
     setMounted(true);
     const stored = localStorage.getItem("boltdocs-theme");
@@ -1485,23 +1309,23 @@ function ThemeToggle() {
     localStorage.setItem("boltdocs-theme", newTheme);
   };
   if (!mounted) {
-    return /* @__PURE__ */ jsx22("button", { className: "navbar-icon-btn", "aria-label": "Toggle theme", disabled: true, children: /* @__PURE__ */ jsx22("span", { style: { width: 20, height: 20, display: "inline-block" } }) });
+    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__ */ jsx22(
+  return /* @__PURE__ */ jsx16(
     "button",
     {
       className: "navbar-icon-btn",
       onClick: toggleTheme,
       "aria-label": "Toggle theme",
       title: `Switch to ${theme === "dark" ? "light" : "dark"} theme`,
-      children: theme === "dark" ? /* @__PURE__ */ jsx22(Sun, { size: 20 }) : /* @__PURE__ */ jsx22(Moon, { size: 20 })
+      children: theme === "dark" ? /* @__PURE__ */ jsx16(Sun, { size: 20 }) : /* @__PURE__ */ jsx16(Moon, { size: 20 })
     }
   );
 }
 
 // src/client/theme/icons/discord.tsx
-import { jsx as jsx23 } from "react/jsx-runtime";
-var Discord = (props) => /* @__PURE__ */ jsx23("svg", { ...props, viewBox: "0 0 256 199", preserveAspectRatio: "xMidYMid", children: /* @__PURE__ */ jsx23(
+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(
   "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",
@@ -1510,8 +1334,8 @@ var Discord = (props) => /* @__PURE__ */ jsx23("svg", { ...props, viewBox: "0 0
 ) });
 
 // src/client/theme/icons/twitter.tsx
-import { jsx as jsx24 } from "react/jsx-runtime";
-var XformerlyTwitter = (props) => /* @__PURE__ */ jsx24("svg", { ...props, fill: "none", viewBox: "0 0 1200 1227", children: /* @__PURE__ */ jsx24(
+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(
   "path",
   {
     fill: "currentColor",
@@ -1520,11 +1344,11 @@ var XformerlyTwitter = (props) => /* @__PURE__ */ jsx24("svg", { ...props, fill:
 ) });
 
 // src/client/theme/ui/Navbar/Navbar.tsx
-import { jsx as jsx25, jsxs as jsxs17 } from "react/jsx-runtime";
-var SearchDialog = React11.lazy(
-  () => import("./SearchDialog-R36WKAQ7.mjs").then((m) => ({ default: m.SearchDialog }))
+import { jsx as jsx19, jsxs as jsxs13 } from "react/jsx-runtime";
+var SearchDialog = React9.lazy(
+  () => import("./SearchDialog-5EDRACEG.mjs").then((m) => ({ default: m.SearchDialog }))
 );
-var ICON_MAP3 = {
+var ICON_MAP = {
   discord: Discord,
   x: XformerlyTwitter
 };
@@ -1538,10 +1362,10 @@ function Navbar({
   const title = config.themeConfig?.title || "Boltdocs";
   const navItems = config.themeConfig?.navbar || [];
   const socialLinks = config.themeConfig?.socialLinks || [];
-  return /* @__PURE__ */ jsx25("header", { className: "boltdocs-navbar", children: /* @__PURE__ */ jsxs17("div", { className: "navbar-container", children: [
-    /* @__PURE__ */ jsxs17("div", { className: "navbar-left", children: [
-      /* @__PURE__ */ jsx25("div", { className: "navbar-logo", children: /* @__PURE__ */ jsxs17(Link, { to: "/", children: [
-        config.themeConfig?.logo ? config.themeConfig.logo.trim().startsWith("<svg") ? /* @__PURE__ */ jsx25(
+  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(
           "span",
           {
             className: "navbar-logo-svg",
@@ -1549,7 +1373,7 @@ function Navbar({
               __html: config.themeConfig.logo
             }
           }
-        ) : /* @__PURE__ */ jsx25(
+        ) : /* @__PURE__ */ jsx19(
           "img",
           {
             src: config.themeConfig.logo,
@@ -1559,7 +1383,7 @@ function Navbar({
         ) : null,
         title
       ] }) }),
-      config.versions && currentVersion && allRoutes ? /* @__PURE__ */ jsx25(
+      config.versions && currentVersion && allRoutes ? /* @__PURE__ */ jsx19(
         VersionSwitcher,
         {
           versions: config.versions,
@@ -1567,22 +1391,22 @@ function Navbar({
           currentLocale,
           allRoutes
         }
-      ) : config.themeConfig?.version ? /* @__PURE__ */ jsxs17("div", { className: "navbar-version", children: [
+      ) : config.themeConfig?.version ? /* @__PURE__ */ jsxs13("div", { className: "navbar-version", children: [
         config.themeConfig.version,
         " ",
-        /* @__PURE__ */ jsx25(ChevronDown3, { size: 14 })
+        /* @__PURE__ */ jsx19(ChevronDown3, { size: 14 })
       ] }) : null,
-      /* @__PURE__ */ jsx25("nav", { className: "navbar-links", "aria-label": "Top Navigation", children: navItems.map((item, i) => /* @__PURE__ */ jsx25(Link, { to: item.link, children: item.text }, i)) })
+      /* @__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__ */ jsxs17("div", { className: "navbar-right", children: [
-      /* @__PURE__ */ jsx25(
-        React11.Suspense,
+    /* @__PURE__ */ jsxs13("div", { className: "navbar-right", children: [
+      /* @__PURE__ */ jsx19(
+        React9.Suspense,
         {
-          fallback: /* @__PURE__ */ jsx25("div", { className: "navbar-search-placeholder" }),
-          children: /* @__PURE__ */ jsx25(SearchDialog, { routes: routes || [] })
+          fallback: /* @__PURE__ */ jsx19("div", { className: "navbar-search-placeholder" }),
+          children: /* @__PURE__ */ jsx19(SearchDialog, { routes: routes || [] })
         }
       ),
-      config.i18n && currentLocale && allRoutes && /* @__PURE__ */ jsx25(
+      config.i18n && currentLocale && allRoutes && /* @__PURE__ */ jsx19(
         LanguageSwitcher,
         {
           i18n: config.i18n,
@@ -1590,12 +1414,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) => {
-        const IconComp = ICON_MAP3[link.icon.toLowerCase()];
-        return /* @__PURE__ */ jsx25(
+      /* @__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) => {
+        const IconComp = ICON_MAP[link.icon.toLowerCase()];
+        return /* @__PURE__ */ jsx19(
           "a",
           {
             href: link.link,
@@ -1603,7 +1427,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__ */ jsx19(IconComp, {}) : /* @__PURE__ */ jsx19("span", { children: link.icon })
           },
           i
         );
@@ -1623,19 +1447,6 @@ export {
   ThemeLayout,
   NotFound,
   Loading,
-  Button,
-  Badge,
-  Cards,
-  Card,
-  Tab,
-  Tabs,
-  Admonition,
-  Note,
-  Tip,
-  Warning,
-  Danger,
-  InfoBox,
-  List,
   AppShell,
   createBoltdocsApp
 };