boltdocs 1.0.1 → 1.3.0

package/dist/client/ssr.js

@@ -144,11 +144,13 @@ var init_Link = __esm({
           boltdocsPrefetch = "hover",
           onMouseEnter,
           onFocus,
+          onClick,
           to,
           ...rest
         } = props;
         const localizedTo = useLocalizedTo(to);
         const { preload } = usePreload();
+        const navigate = (0, import_react_router_dom.useNavigate)();
         const handleMouseEnter = (e) => {
           onMouseEnter?.(e);
           if (boltdocsPrefetch === "hover" && typeof localizedTo === "string" && localizedTo.startsWith("/")) {
@@ -161,6 +163,18 @@ var init_Link = __esm({
             preload(localizedTo);
           }
         };
+        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();
+            import_react2.default.startTransition(() => {
+              navigate(localizedTo);
+            });
+          }
+        };
         return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
           import_react_router_dom.Link,
           {
@@ -168,6 +182,7 @@ var init_Link = __esm({
             to: localizedTo,
             onMouseEnter: handleMouseEnter,
             onFocus: handleFocus,
+            onClick: handleClick,
             ...rest
           }
         );
@@ -180,11 +195,13 @@ var init_Link = __esm({
           boltdocsPrefetch = "hover",
           onMouseEnter,
           onFocus,
+          onClick,
           to,
           ...rest
         } = props;
         const localizedTo = useLocalizedTo(to);
         const { preload } = usePreload();
+        const navigate = (0, import_react_router_dom.useNavigate)();
         const handleMouseEnter = (e) => {
           onMouseEnter?.(e);
           if (boltdocsPrefetch === "hover" && typeof localizedTo === "string" && localizedTo.startsWith("/")) {
@@ -197,6 +214,18 @@ var init_Link = __esm({
             preload(localizedTo);
           }
         };
+        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();
+            import_react2.default.startTransition(() => {
+              navigate(localizedTo);
+            });
+          }
+        };
         return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
           import_react_router_dom.NavLink,
           {
@@ -204,6 +233,7 @@ var init_Link = __esm({
             to: localizedTo,
             onMouseEnter: handleMouseEnter,
             onFocus: handleFocus,
+            onClick: handleClick,
             ...rest
           }
         );
@@ -1013,7 +1043,8 @@ function renderBadge(badgeRaw) {
 function Sidebar({
   routes,
   config,
-  onCollapse
+  isCollapsed,
+  onToggle
 }) {
   const location = (0, import_react_router_dom4.useLocation)();
   const ungrouped = [];
@@ -1034,42 +1065,41 @@ function Sidebar({
   }
   const groups = Array.from(groupMap.values());
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("aside", { className: "boltdocs-sidebar", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("nav", { "aria-label": "Main Navigation", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("ul", { className: "sidebar-list", children: ungrouped.map((route) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-        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__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "sidebar-link-content", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: route.title }),
-            renderBadge(route.badge)
-          ] })
-        }
-      ) }, route.path)) }),
-      groups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-        SidebarGroupSection,
-        {
-          group,
-          currentPath: location.pathname
-        },
-        group.slug
-      ))
-    ] }),
-    onCollapse && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "sidebar-footer", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+    onToggle && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "sidebar-collapse", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
       "button",
       {
         className: "sidebar-collapse-btn",
-        onClick: onCollapse,
-        "aria-label": "Collapse Sidebar",
-        title: "Collapse Sidebar",
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react7.ChevronLeft, { size: 16 }),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: "Collapse Sidebar" })
-        ]
+        onClick: onToggle,
+        "aria-label": isCollapsed ? "Expand Sidebar" : "Collapse Sidebar",
+        title: isCollapsed ? "Expand Sidebar" : "Collapse Sidebar",
+        children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react7.PanelLeft, { size: 18 })
       }
     ) }),
-    config.themeConfig?.poweredBy !== false && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(PoweredBy, {})
+    !isCollapsed && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("nav", { "aria-label": "Main Navigation", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("ul", { className: "sidebar-list", children: ungrouped.map((route) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          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__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "sidebar-link-content", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: route.title }),
+              renderBadge(route.badge)
+            ] })
+          }
+        ) }, route.path)) }),
+        groups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          SidebarGroupSection,
+          {
+            group,
+            currentPath: location.pathname
+          },
+          group.slug
+        ))
+      ] }),
+      config.themeConfig?.poweredBy !== false && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(PoweredBy, {})
+    ] })
   ] });
 }
 function SidebarGroupSection({
@@ -1191,11 +1221,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]);
+  (0, import_react10.useEffect)(() => {
+    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 = (0, import_react10.useCallback)(
     (e, id) => {
       e.preventDefault();
@@ -1489,17 +1549,8 @@ function ThemeLayout({
             {
               routes: filteredRoutes,
               config,
-              onCollapse: () => setIsSidebarOpen(false)
-            }
-          ),
-          sidebar === void 0 && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-            "button",
-            {
-              className: "sidebar-toggle-floating",
-              onClick: () => setIsSidebarOpen(true),
-              "aria-label": "Expand Sidebar",
-              title: "Expand Sidebar",
-              children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react10.Menu, { size: 20 })
+              isCollapsed: !isSidebarOpen,
+              onToggle: () => setIsSidebarOpen(!isSidebarOpen)
             }
           ),
           /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("main", { className: "boltdocs-content", children: [
@@ -1637,273 +1688,12 @@ var init_Loading2 = __esm({
   }
 });
 
-// src/client/theme/components/mdx/Button.tsx
-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__ */ (0, import_jsx_runtime20.jsx)(
-      "a",
-      {
-        href,
-        style: { textDecoration: "none" },
-        className: cls,
-        ...rest,
-        children
-      }
-    );
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("button", { className: cls, ...rest, children });
-}
-var import_jsx_runtime20;
-var init_Button = __esm({
-  "src/client/theme/components/mdx/Button.tsx"() {
-    "use strict";
-    import_jsx_runtime20 = require("react/jsx-runtime");
-  }
-});
-
-// src/client/theme/components/mdx/Badge.tsx
-function Badge({
-  variant = "default",
-  children,
-  className = "",
-  ...rest
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-    "span",
-    {
-      className: `ld-badge ld-badge--${variant} ${className}`.trim(),
-      ...rest,
-      children
-    }
-  );
-}
-var import_jsx_runtime21;
-var init_Badge = __esm({
-  "src/client/theme/components/mdx/Badge.tsx"() {
-    "use strict";
-    import_jsx_runtime21 = require("react/jsx-runtime");
-  }
-});
-
-// src/client/theme/components/mdx/Card.tsx
-function Cards({
-  cols = 3,
-  children,
-  className = "",
-  ...rest
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: `ld-cards ld-cards--${cols} ${className}`.trim(), ...rest, children });
-}
-function Card({
-  title,
-  icon,
-  href,
-  children,
-  className = "",
-  ...rest
-}) {
-  const inner = /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
-    icon && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "ld-card__icon", children: icon }),
-    title && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("h3", { className: "ld-card__title", children: title }),
-    children && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "ld-card__body", children })
-  ] });
-  if (href) {
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-      "a",
-      {
-        href,
-        className: `ld-card ld-card--link ${className}`.trim(),
-        ...rest,
-        children: inner
-      }
-    );
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: `ld-card ${className}`.trim(), ...rest, children: inner });
-}
-var import_jsx_runtime22;
-var init_Card = __esm({
-  "src/client/theme/components/mdx/Card.tsx"() {
-    "use strict";
-    import_jsx_runtime22 = require("react/jsx-runtime");
-  }
-});
-
-// src/client/theme/components/mdx/Tabs.tsx
-function Tab({ children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "ld-tab-panel", children });
-}
-function Tabs({ defaultIndex = 0, children }) {
-  const [active, setActive] = (0, import_react13.useState)(defaultIndex);
-  const tabRefs = (0, import_react13.useRef)([]);
-  const tabs = import_react13.Children.toArray(children).filter(
-    (child) => (0, import_react13.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__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "ld-tabs", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "ld-tabs__bar", role: "tablist", onKeyDown: handleKeyDown, children: tabs.map((child, i) => {
-      const label = child.props.label;
-      return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-        "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__ */ (0, import_jsx_runtime23.jsx)(
-      "div",
-      {
-        className: "ld-tabs__content",
-        role: "tabpanel",
-        id: `tabpanel-${active}`,
-        "aria-labelledby": `tab-${active}`,
-        children: tabs[active]
-      }
-    )
-  ] });
-}
-var import_react13, import_jsx_runtime23;
-var init_Tabs = __esm({
-  "src/client/theme/components/mdx/Tabs.tsx"() {
-    "use strict";
-    import_react13 = require("react");
-    import_jsx_runtime23 = require("react/jsx-runtime");
-  }
-});
-
-// src/client/theme/components/mdx/Admonition.tsx
-function Admonition({
-  type = "note",
-  title,
-  children,
-  className = "",
-  ...rest
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
-    "div",
-    {
-      className: `ld-admonition ld-admonition--${type} ${className}`.trim(),
-      role: type === "warning" || type === "danger" ? "alert" : "note",
-      ...rest,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "ld-admonition__header", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "ld-admonition__icon", children: ICON_MAP2[type] }),
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "ld-admonition__title", children: title || LABEL_MAP[type] })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "ld-admonition__body", children })
-      ]
-    }
-  );
-}
-var import_lucide_react12, import_jsx_runtime24, ICON_MAP2, LABEL_MAP, Note, Tip, Warning, Danger, InfoBox;
-var init_Admonition = __esm({
-  "src/client/theme/components/mdx/Admonition.tsx"() {
-    "use strict";
-    import_lucide_react12 = require("lucide-react");
-    import_jsx_runtime24 = require("react/jsx-runtime");
-    ICON_MAP2 = {
-      note: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react12.Bookmark, { size: 18 }),
-      tip: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react12.Lightbulb, { size: 18 }),
-      info: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react12.Info, { size: 18 }),
-      warning: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react12.AlertTriangle, { size: 18 }),
-      danger: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react12.ShieldAlert, { size: 18 })
-    };
-    LABEL_MAP = {
-      note: "Note",
-      tip: "Tip",
-      info: "Info",
-      warning: "Warning",
-      danger: "Danger"
-    };
-    Note = (props) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Admonition, { type: "note", ...props });
-    Tip = (props) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Admonition, { type: "tip", ...props });
-    Warning = (props) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Admonition, { type: "warning", ...props });
-    Danger = (props) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Admonition, { type: "danger", ...props });
-    InfoBox = (props) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Admonition, { type: "info", ...props });
-  }
-});
-
-// src/client/theme/components/mdx/List.tsx
-function List({
-  variant = "default",
-  children,
-  className = "",
-  ...rest
-}) {
-  if (variant === "default") {
-    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("ul", { className: `ld-list ${className}`.trim(), ...rest, children });
-  }
-  const icon = ICON_MAP3[variant];
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("ul", { className: `ld-list ld-list--${variant} ${className}`.trim(), ...rest, children: import_react14.Children.map(children, (child) => {
-    if (!import_react14.default.isValidElement(child)) return child;
-    return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("li", { className: "ld-list__item", children: [
-      icon,
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "ld-list__text", children: child.props.children })
-    ] });
-  }) });
-}
-var import_react14, import_lucide_react13, import_jsx_runtime25, ICON_MAP3;
-var init_List = __esm({
-  "src/client/theme/components/mdx/List.tsx"() {
-    "use strict";
-    import_react14 = __toESM(require("react"));
-    import_lucide_react13 = require("lucide-react");
-    import_jsx_runtime25 = require("react/jsx-runtime");
-    ICON_MAP3 = {
-      checked: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react13.Check, { size: 14, className: "ld-list__icon" }),
-      arrow: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react13.ChevronRight, { size: 14, className: "ld-list__icon" })
-    };
-  }
-});
-
-// src/client/theme/components/mdx/index.ts
-var init_mdx = __esm({
-  "src/client/theme/components/mdx/index.ts"() {
-    "use strict";
-    init_Button();
-    init_Badge();
-    init_Card();
-    init_Tabs();
-    init_Admonition();
-    init_List();
-  }
-});
-
 // src/client/theme/components/CodeBlock/CodeBlock.tsx
 function CodeBlock({ children, ...props }) {
-  const [copied, setCopied] = (0, import_react15.useState)(false);
-  const preRef = (0, import_react15.useRef)(null);
+  const [copied, setCopied] = (0, import_react13.useState)(false);
+  const preRef = (0, import_react13.useRef)(null);
   let language = "";
-  if (import_react15.default.isValidElement(children)) {
+  if (import_react13.default.isValidElement(children)) {
     const childProps = children.props;
     language = childProps?.["data-language"] || "";
     if (!language && childProps?.className) {
@@ -1911,7 +1701,7 @@ function CodeBlock({ children, ...props }) {
       if (match) language = match[1];
     }
   }
-  const handleCopy = (0, import_react15.useCallback)(async () => {
+  const handleCopy = (0, import_react13.useCallback)(async () => {
     const code = preRef.current?.textContent || "";
     try {
       await navigator.clipboard.writeText(code);
@@ -1930,30 +1720,30 @@ function CodeBlock({ children, ...props }) {
       setTimeout(() => setCopied(false), 2e3);
     }
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "code-block-wrapper", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "code-block-header", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "code-block-lang", children: language || "code" }),
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "code-block-wrapper", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "code-block-header", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "code-block-lang", children: language || "code" }),
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
         "button",
         {
           className: `code-block-copy ${copied ? "copied" : ""}`,
           onClick: handleCopy,
           type: "button",
           "aria-label": "Copy code",
-          children: copied ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_jsx_runtime26.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react14.Check, { size: 20 }) }) : /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_jsx_runtime26.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react14.Copy, { size: 20 }) })
+          children: copied ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_jsx_runtime20.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react12.Check, { size: 20 }) }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_jsx_runtime20.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react12.Copy, { size: 20 }) })
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("pre", { ref: preRef, ...props, children })
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("pre", { ref: preRef, ...props, children })
   ] });
 }
-var import_react15, import_lucide_react14, import_jsx_runtime26;
+var import_react13, import_lucide_react12, import_jsx_runtime20;
 var init_CodeBlock = __esm({
   "src/client/theme/components/CodeBlock/CodeBlock.tsx"() {
     "use strict";
-    import_react15 = __toESM(require("react"));
-    import_lucide_react14 = require("lucide-react");
-    import_jsx_runtime26 = require("react/jsx-runtime");
+    import_react13 = __toESM(require("react"));
+    import_lucide_react12 = require("lucide-react");
+    import_jsx_runtime20 = require("react/jsx-runtime");
   }
 });
 
@@ -1979,9 +1769,9 @@ function Video({
   preload = "metadata",
   ...rest
 }) {
-  const containerRef = (0, import_react16.useRef)(null);
-  const [isVisible, setIsVisible] = (0, import_react16.useState)(false);
-  (0, import_react16.useEffect)(() => {
+  const containerRef = (0, import_react14.useRef)(null);
+  const [isVisible, setIsVisible] = (0, import_react14.useState)(false);
+  (0, import_react14.useEffect)(() => {
     const el = containerRef.current;
     if (!el) return;
     const observer = new IntersectionObserver(
@@ -1996,7 +1786,7 @@ function Video({
     observer.observe(el);
     return () => observer.disconnect();
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { ref: containerRef, className: "boltdocs-video-wrapper", children: isVisible ? /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { ref: containerRef, className: "boltdocs-video-wrapper", children: isVisible ? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
     "video",
     {
       className: "boltdocs-video",
@@ -2011,7 +1801,7 @@ function Video({
         "Your browser does not support the video tag."
       ]
     }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  ) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     "div",
     {
       className: "boltdocs-video-placeholder",
@@ -2020,12 +1810,12 @@ function Video({
     }
   ) });
 }
-var import_react16, import_jsx_runtime27;
+var import_react14, import_jsx_runtime21;
 var init_Video = __esm({
   "src/client/theme/components/Video/Video.tsx"() {
     "use strict";
-    import_react16 = require("react");
-    import_jsx_runtime27 = require("react/jsx-runtime");
+    import_react14 = require("react");
+    import_jsx_runtime21 = require("react/jsx-runtime");
   }
 });
 
@@ -2042,14 +1832,14 @@ var init_Video2 = __esm({
 });
 
 // src/client/theme/icons/npm.tsx
-var import_jsx_runtime28, NPM;
+var import_jsx_runtime22, NPM;
 var init_npm = __esm({
   "src/client/theme/icons/npm.tsx"() {
     "use strict";
-    import_jsx_runtime28 = require("react/jsx-runtime");
-    NPM = (props) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("svg", { ...props, viewBox: "0 0 2500 2500", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("path", { fill: "#c00", d: "M0 0h2500v2500H0z" }),
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+    import_jsx_runtime22 = require("react/jsx-runtime");
+    NPM = (props) => /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("svg", { ...props, viewBox: "0 0 2500 2500", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("path", { fill: "#c00", d: "M0 0h2500v2500H0z" }),
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
         "path",
         {
           fill: "#fff",
@@ -2061,69 +1851,69 @@ var init_npm = __esm({
 });
 
 // src/client/theme/icons/pnpm.tsx
-var import_jsx_runtime29, Pnpm;
+var import_jsx_runtime23, Pnpm;
 var init_pnpm = __esm({
   "src/client/theme/icons/pnpm.tsx"() {
     "use strict";
-    import_jsx_runtime29 = require("react/jsx-runtime");
-    Pnpm = (props) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+    import_jsx_runtime23 = require("react/jsx-runtime");
+    Pnpm = (props) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
       "svg",
       {
         ...props,
         xmlnsXlink: "http://www.w3.org/1999/xlink",
         viewBox: "76.58987244897958 44 164.00775510204068 164",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("defs", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("defs", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
               "path",
               {
                 d: "M237.6 95L187.6 95L187.6 45L237.6 45L237.6 95Z",
                 id: "pnpm_dark__b45vdTD8hs"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
               "path",
               {
                 d: "M182.59 95L132.59 95L132.59 45L182.59 45L182.59 95Z",
                 id: "pnpm_dark__a40WtxIl8d"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
               "path",
               {
                 d: "M127.59 95L77.59 95L77.59 45L127.59 45L127.59 95Z",
                 id: "pnpm_dark__h2CN9AEEpe"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
               "path",
               {
                 d: "M237.6 150L187.6 150L187.6 100L237.6 100L237.6 150Z",
                 id: "pnpm_dark__dqv5133G8"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
               "path",
               {
                 d: "M182.59 150L132.59 150L132.59 100L182.59 100L182.59 150Z",
                 id: "pnpm_dark__b1Lv79ypvm"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
               "path",
               {
                 d: "M182.59 205L132.59 205L132.59 155L182.59 155L182.59 205Z",
                 id: "pnpm_dark__hy1IZWwLX"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
               "path",
               {
                 d: "M237.6 205L187.6 205L187.6 155L237.6 155L237.6 205Z",
                 id: "pnpm_dark__akQfjxQes"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
               "path",
               {
                 d: "M127.59 205L77.59 205L77.59 155L127.59 155L127.59 205Z",
@@ -2131,15 +1921,15 @@ var init_pnpm = __esm({
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("g", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("use", { xlinkHref: "#pnpm_dark__b45vdTD8hs", fill: "#f9ad00" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("use", { xlinkHref: "#pnpm_dark__a40WtxIl8d", fill: "#f9ad00" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("use", { xlinkHref: "#pnpm_dark__h2CN9AEEpe", fill: "#f9ad00" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("use", { xlinkHref: "#pnpm_dark__dqv5133G8", fill: "#f9ad00" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("use", { xlinkHref: "#pnpm_dark__b1Lv79ypvm", fill: "currentColor" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("use", { xlinkHref: "#pnpm_dark__hy1IZWwLX", fill: "currentColor" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("use", { xlinkHref: "#pnpm_dark__akQfjxQes", fill: "currentColor" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("use", { xlinkHref: "#pnpm_dark__bdSrwE5pk", fill: "currentColor" }) })
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("g", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("use", { xlinkHref: "#pnpm_dark__b45vdTD8hs", fill: "#f9ad00" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("use", { xlinkHref: "#pnpm_dark__a40WtxIl8d", fill: "#f9ad00" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("use", { xlinkHref: "#pnpm_dark__h2CN9AEEpe", fill: "#f9ad00" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("use", { xlinkHref: "#pnpm_dark__dqv5133G8", fill: "#f9ad00" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("use", { xlinkHref: "#pnpm_dark__b1Lv79ypvm", fill: "currentColor" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("use", { xlinkHref: "#pnpm_dark__hy1IZWwLX", fill: "currentColor" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("use", { xlinkHref: "#pnpm_dark__akQfjxQes", fill: "currentColor" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("use", { xlinkHref: "#pnpm_dark__bdSrwE5pk", fill: "currentColor" }) })
           ] })
         ]
       }
@@ -2148,62 +1938,62 @@ var init_pnpm = __esm({
 });
 
 // src/client/theme/icons/bun.tsx
-var import_jsx_runtime30, Bun;
+var import_jsx_runtime24, Bun;
 var init_bun = __esm({
   "src/client/theme/icons/bun.tsx"() {
     "use strict";
-    import_jsx_runtime30 = require("react/jsx-runtime");
-    Bun = (props) => /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("svg", { ...props, viewBox: "0 0 80 70", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("path", { d: "M71.09 20.74c-.16-.17-.33-.34-.5-.5s-.33-.34-.5-.5-.33-.34-.5-.5-.33-.34-.5-.5-.33-.34-.5-.5-.33-.34-.5-.5-.33-.34-.5-.5A26.46 26.46 0 0 1 75.5 35.7c0 16.57-16.82 30.05-37.5 30.05-11.58 0-21.94-4.23-28.83-10.86l.5.5.5.5.5.5.5.5.5.5.5.5.5.5C19.55 65.3 30.14 69.75 42 69.75c20.68 0 37.5-13.48 37.5-30 0-7.06-3.04-13.75-8.41-19.01Z" }),
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    import_jsx_runtime24 = require("react/jsx-runtime");
+    Bun = (props) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("svg", { ...props, viewBox: "0 0 80 70", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("path", { d: "M71.09 20.74c-.16-.17-.33-.34-.5-.5s-.33-.34-.5-.5-.33-.34-.5-.5-.33-.34-.5-.5-.33-.34-.5-.5-.33-.34-.5-.5-.33-.34-.5-.5A26.46 26.46 0 0 1 75.5 35.7c0 16.57-16.82 30.05-37.5 30.05-11.58 0-21.94-4.23-28.83-10.86l.5.5.5.5.5.5.5.5.5.5.5.5.5.5C19.55 65.3 30.14 69.75 42 69.75c20.68 0 37.5-13.48 37.5-30 0-7.06-3.04-13.75-8.41-19.01Z" }),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
         "path",
         {
           d: "M73 35.7c0 15.21-15.67 27.54-35 27.54S3 50.91 3 35.7C3 26.27 9 17.94 18.22 13S33.18 3 38 3s8.94 4.13 19.78 10C67 17.94 73 26.27 73 35.7Z",
           style: { fill: "#fbf0df" }
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
         "path",
         {
           d: "M73 35.7a21.67 21.67 0 0 0-.8-5.78c-2.73 33.3-43.35 34.9-59.32 24.94A40 40 0 0 0 38 63.24c19.3 0 35-12.35 35-27.54Z",
           style: { fill: "#f6dece" }
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
         "path",
         {
           d: "M24.53 11.17C29 8.49 34.94 3.46 40.78 3.45A9.29 9.29 0 0 0 38 3c-2.42 0-5 1.25-8.25 3.13-1.13.66-2.3 1.39-3.54 2.15-2.33 1.44-5 3.07-8 4.7C8.69 18.13 3 26.62 3 35.7v1.19c6.06-21.41 17.07-23.04 21.53-25.72Z",
           style: { fill: "#fffefc" }
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
         "path",
         {
           d: "M35.12 5.53A16.41 16.41 0 0 1 29.49 18c-.28.25-.06.73.3.59 3.37-1.31 7.92-5.23 6-13.14-.08-.45-.67-.33-.67.08Zm2.27 0A16.24 16.24 0 0 1 39 19c-.12.35.31.65.55.36 2.19-2.8 4.1-8.36-1.62-14.36-.29-.26-.74.14-.54.49Zm2.76-.17A16.42 16.42 0 0 1 47 17.12a.33.33 0 0 0 .65.11c.92-3.49.4-9.44-7.17-12.53-.4-.16-.66.38-.33.62Zm-18.46 10.4a16.94 16.94 0 0 0 10.47-9c.18-.36.75-.22.66.18-1.73 8-7.52 9.67-11.12 9.45-.38.01-.37-.52-.01-.63Z",
           style: { fill: "#ccbea7", fillRule: "evenodd" }
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("path", { d: "M38 65.75C17.32 65.75.5 52.27.5 35.7c0-10 6.18-19.33 16.53-24.92 3-1.6 5.57-3.21 7.86-4.62 1.26-.78 2.45-1.51 3.6-2.19C32 1.89 35 .5 38 .5s5.62 1.2 8.9 3.14c1 .57 2 1.19 3.07 1.87 2.49 1.54 5.3 3.28 9 5.27C69.32 16.37 75.5 25.69 75.5 35.7c0 16.57-16.82 30.05-37.5 30.05ZM38 3c-2.42 0-5 1.25-8.25 3.13-1.13.66-2.3 1.39-3.54 2.15-2.33 1.44-5 3.07-8 4.7C8.69 18.13 3 26.62 3 35.7c0 15.19 15.7 27.55 35 27.55S73 50.89 73 35.7c0-9.08-5.69-17.57-15.22-22.7-3.78-2-6.73-3.88-9.12-5.36-1.09-.67-2.09-1.29-3-1.84C42.63 4 40.42 3 38 3Z" }),
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("g", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("path", { d: "M38 65.75C17.32 65.75.5 52.27.5 35.7c0-10 6.18-19.33 16.53-24.92 3-1.6 5.57-3.21 7.86-4.62 1.26-.78 2.45-1.51 3.6-2.19C32 1.89 35 .5 38 .5s5.62 1.2 8.9 3.14c1 .57 2 1.19 3.07 1.87 2.49 1.54 5.3 3.28 9 5.27C69.32 16.37 75.5 25.69 75.5 35.7c0 16.57-16.82 30.05-37.5 30.05ZM38 3c-2.42 0-5 1.25-8.25 3.13-1.13.66-2.3 1.39-3.54 2.15-2.33 1.44-5 3.07-8 4.7C8.69 18.13 3 26.62 3 35.7c0 15.19 15.7 27.55 35 27.55S73 50.89 73 35.7c0-9.08-5.69-17.57-15.22-22.7-3.78-2-6.73-3.88-9.12-5.36-1.09-.67-2.09-1.29-3-1.84C42.63 4 40.42 3 38 3Z" }),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("g", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
           "path",
           {
             d: "M45.05 43a8.93 8.93 0 0 1-2.92 4.71 6.81 6.81 0 0 1-4 1.88A6.84 6.84 0 0 1 34 47.71 8.93 8.93 0 0 1 31.12 43a.72.72 0 0 1 .8-.81h12.34a.72.72 0 0 1 .79.81Z",
             style: { fill: "#b71422" }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
           "path",
           {
             d: "M34 47.79a6.91 6.91 0 0 0 4.12 1.9 6.91 6.91 0 0 0 4.11-1.9 10.63 10.63 0 0 0 1-1.07 6.83 6.83 0 0 0-4.9-2.31 6.15 6.15 0 0 0-5 2.78c.23.21.43.41.67.6Z",
             style: { fill: "#ff6164" }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("path", { d: "M34.16 47a5.36 5.36 0 0 1 4.19-2.08 6 6 0 0 1 4 1.69c.23-.25.45-.51.66-.77a7 7 0 0 0-4.71-1.93 6.36 6.36 0 0 0-4.89 2.36 9.53 9.53 0 0 0 .75.73Z" }),
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("path", { d: "M38.09 50.19a7.42 7.42 0 0 1-4.45-2 9.52 9.52 0 0 1-3.11-5.05 1.2 1.2 0 0 1 .26-1 1.41 1.41 0 0 1 1.13-.51h12.34a1.44 1.44 0 0 1 1.13.51 1.19 1.19 0 0 1 .25 1 9.52 9.52 0 0 1-3.11 5.05 7.42 7.42 0 0 1-4.44 2Zm-6.17-7.4c-.16 0-.2.07-.21.09a8.29 8.29 0 0 0 2.73 4.37A6.23 6.23 0 0 0 38.09 49a6.28 6.28 0 0 0 3.65-1.73 8.3 8.3 0 0 0 2.72-4.37.21.21 0 0 0-.2-.09Z" })
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("path", { d: "M34.16 47a5.36 5.36 0 0 1 4.19-2.08 6 6 0 0 1 4 1.69c.23-.25.45-.51.66-.77a7 7 0 0 0-4.71-1.93 6.36 6.36 0 0 0-4.89 2.36 9.53 9.53 0 0 0 .75.73Z" }),
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("path", { d: "M38.09 50.19a7.42 7.42 0 0 1-4.45-2 9.52 9.52 0 0 1-3.11-5.05 1.2 1.2 0 0 1 .26-1 1.41 1.41 0 0 1 1.13-.51h12.34a1.44 1.44 0 0 1 1.13.51 1.19 1.19 0 0 1 .25 1 9.52 9.52 0 0 1-3.11 5.05 7.42 7.42 0 0 1-4.44 2Zm-6.17-7.4c-.16 0-.2.07-.21.09a8.29 8.29 0 0 0 2.73 4.37A6.23 6.23 0 0 0 38.09 49a6.28 6.28 0 0 0 3.65-1.73 8.3 8.3 0 0 0 2.72-4.37.21.21 0 0 0-.2-.09Z" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("g", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("g", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
           "ellipse",
           {
             cx: "53.22",
@@ -2213,7 +2003,7 @@ var init_bun = __esm({
             style: { fill: "#febbd0" }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
           "ellipse",
           {
             cx: "22.95",
@@ -2223,14 +2013,14 @@ var init_bun = __esm({
             style: { fill: "#febbd0" }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
           "path",
           {
             d: "M25.7 38.8a5.51 5.51 0 1 0-5.5-5.51 5.51 5.51 0 0 0 5.5 5.51Zm24.77 0A5.51 5.51 0 1 0 45 33.29a5.5 5.5 0 0 0 5.47 5.51Z",
             style: { fillRule: "evenodd" }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
           "path",
           {
             d: "M24 33.64a2.07 2.07 0 1 0-2.06-2.07A2.07 2.07 0 0 0 24 33.64Zm24.77 0a2.07 2.07 0 1 0-2.06-2.07 2.07 2.07 0 0 0 2.04 2.07Z",
@@ -2243,12 +2033,12 @@ var init_bun = __esm({
 });
 
 // src/client/theme/icons/deno.tsx
-var import_jsx_runtime31, Deno;
+var import_jsx_runtime25, Deno;
 var init_deno = __esm({
   "src/client/theme/icons/deno.tsx"() {
     "use strict";
-    import_jsx_runtime31 = require("react/jsx-runtime");
-    Deno = (props) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+    import_jsx_runtime25 = require("react/jsx-runtime");
+    Deno = (props) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
       "svg",
       {
         ...props,
@@ -2258,7 +2048,7 @@ var init_deno = __esm({
         strokeMiterlimit: "2",
         clipRule: "evenodd",
         viewBox: "0 0 441 441",
-        children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
           "path",
           {
             fill: "currentColor",
@@ -2305,10 +2095,10 @@ function PackageManagerTabs({
   pkg = "",
   className = ""
 }) {
-  const [activeTab, setActiveTab] = (0, import_react17.useState)("npm");
-  const [copied, setCopied] = (0, import_react17.useState)(false);
+  const [activeTab, setActiveTab] = (0, import_react15.useState)("npm");
+  const [copied, setCopied] = (0, import_react15.useState)(false);
   const activeCommand = getCommandForManager(activeTab, command, pkg);
-  const handleCopy = (0, import_react17.useCallback)(async () => {
+  const handleCopy = (0, import_react15.useCallback)(async () => {
     try {
       await navigator.clipboard.writeText(activeCommand);
       setCopied(true);
@@ -2326,11 +2116,11 @@ function PackageManagerTabs({
       setTimeout(() => setCopied(false), 2e3);
     }
   }, [activeCommand]);
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: `pkg-tabs-wrapper ${className}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "pkg-tabs-header", children: MANAGERS.map((mgr) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: `pkg-tabs-wrapper ${className}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "pkg-tabs-header", children: MANAGERS.map((mgr) => {
       const Icon = mgr.icon;
       const isActive = activeTab === mgr.id;
-      return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
         "button",
         {
           className: `pkg-tab-btn ${isActive ? "active" : ""}`,
@@ -2338,42 +2128,42 @@ function PackageManagerTabs({
           "aria-selected": isActive,
           role: "tab",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Icon, { className: "pkg-tab-icon", width: "16", height: "16" }),
-            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { children: mgr.label })
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Icon, { className: "pkg-tab-icon", width: "16", height: "16" }),
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { children: mgr.label })
           ]
         },
         mgr.id
       );
     }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "code-block-wrapper pkg-tabs-content", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "code-block-header", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "code-block-lang", children: "bash" }),
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "code-block-wrapper pkg-tabs-content", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "code-block-header", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "code-block-lang", children: "bash" }),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
           "button",
           {
             className: `code-block-copy ${copied ? "copied" : ""}`,
             onClick: handleCopy,
             type: "button",
             "aria-label": "Copy code",
-            children: copied ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_jsx_runtime32.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_lucide_react15.Check, { size: 12 }) }) : /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_jsx_runtime32.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_lucide_react15.Copy, { size: 12 }) })
+            children: copied ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_jsx_runtime26.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.Check, { size: 12 }) }) : /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_jsx_runtime26.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.Copy, { size: 12 }) })
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("pre", { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("code", { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "line", children: activeCommand }) }) })
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("pre", { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("code", { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "line", children: activeCommand }) }) })
     ] })
   ] });
 }
-var import_react17, import_lucide_react15, import_jsx_runtime32, MANAGERS;
+var import_react15, import_lucide_react13, import_jsx_runtime26, MANAGERS;
 var init_PackageManagerTabs = __esm({
   "src/client/theme/components/PackageManagerTabs/PackageManagerTabs.tsx"() {
     "use strict";
-    import_react17 = require("react");
-    import_lucide_react15 = require("lucide-react");
+    import_react15 = require("react");
+    import_lucide_react13 = require("lucide-react");
     init_npm();
     init_pnpm();
     init_bun();
     init_deno();
-    import_jsx_runtime32 = require("react/jsx-runtime");
+    import_jsx_runtime26 = require("react/jsx-runtime");
     MANAGERS = [
       { id: "npm", label: "npm", icon: NPM },
       { id: "pnpm", label: "pnpm", icon: Pnpm },
@@ -2395,91 +2185,9 @@ var init_PackageManagerTabs2 = __esm({
   }
 });
 
-// src/client/theme/components/Playground/Playground.tsx
-function Playground({
-  code,
-  children,
-  scope = {},
-  readonly = false
-}) {
-  let initialCode = code || "";
-  if (!initialCode && typeof children === "string") {
-    initialCode = children;
-  }
-  const [copied, setCopied] = (0, import_react18.useState)(false);
-  const [activeCode, setActiveCode] = (0, import_react18.useState)(initialCode.trim());
-  const handleCopy = () => {
-    navigator.clipboard.writeText(activeCode);
-    setCopied(true);
-    setTimeout(() => setCopied(false), 2e3);
-  };
-  const extendedScope = { React: import_react18.default, ...scope };
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "boltdocs-playground", "data-readonly": readonly, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
-    import_react_live.LiveProvider,
-    {
-      code: activeCode,
-      scope: extendedScope,
-      theme: void 0,
-      noInline: false,
-      children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "playground-split-container", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "playground-panel playground-editor-panel", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "playground-panel-header", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "playground-panel-title", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react16.Terminal, { size: 14 }),
-              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { children: readonly ? "Code Example" : "Live Editor" })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
-              "button",
-              {
-                className: "playground-copy-btn",
-                onClick: handleCopy,
-                title: "Copy code",
-                children: copied ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react16.Check, { size: 14 }) : /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react16.Copy, { size: 14 })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "playground-panel-content playground-editor", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react_live.LiveEditor, { disabled: readonly, onChange: setActiveCode }) })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "playground-panel playground-preview-panel", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "playground-panel-header", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "playground-panel-title", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react16.Play, { size: 14 }),
-            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { children: "Preview" })
-          ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "playground-panel-content playground-preview", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react_live.LivePreview, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react_live.LiveError, { className: "playground-error" })
-          ] })
-        ] })
-      ] })
-    }
-  ) });
-}
-var import_react18, import_react_live, import_lucide_react16, import_jsx_runtime33;
-var init_Playground = __esm({
-  "src/client/theme/components/Playground/Playground.tsx"() {
-    "use strict";
-    import_react18 = __toESM(require("react"));
-    import_react_live = require("react-live");
-    import_lucide_react16 = require("lucide-react");
-    import_jsx_runtime33 = require("react/jsx-runtime");
-  }
-});
-
-// src/client/theme/components/Playground/index.ts
-var Playground_exports = {};
-__export(Playground_exports, {
-  Playground: () => Playground
-});
-var init_Playground2 = __esm({
-  "src/client/theme/components/Playground/index.ts"() {
-    "use strict";
-    init_Playground();
-  }
-});
-
 // src/client/app/index.tsx
 function useConfig() {
-  return (0, import_react21.useContext)(ConfigContext);
+  return (0, import_react18.useContext)(ConfigContext);
 }
 function AppShell({
   initialRoutes,
@@ -2489,18 +2197,10 @@ function AppShell({
   homePage: HomePage,
   components: customComponents = {}
 }) {
-  const [routesInfo, setRoutesInfo] = (0, import_react19.useState)(initialRoutes);
-  const [config] = (0, import_react19.useState)(initialConfig);
-  const [resolvedRoutes, setResolvedRoutes] = (0, import_react19.useState)([]);
-  (0, import_react19.useEffect)(() => {
-    if (hot) {
-      hot.on("boltdocs:routes-update", (newRoutes) => {
-        setRoutesInfo(newRoutes);
-      });
-    }
-  }, [hot]);
-  (0, import_react19.useEffect)(() => {
-    const mapped = routesInfo.filter(
+  const [routesInfo, setRoutesInfo] = (0, import_react16.useState)(initialRoutes);
+  const [config] = (0, import_react16.useState)(initialConfig);
+  const resolveRoutes = (infos) => {
+    return infos.filter(
       (route) => !(HomePage && (route.path === "/" || route.path === ""))
     ).map((route) => {
       const loaderKey = Object.keys(modules).find(
@@ -2509,23 +2209,35 @@ function AppShell({
       const loader = loaderKey ? modules[loaderKey] : null;
       return {
         ...route,
-        Component: import_react19.default.lazy(() => {
+        Component: import_react16.default.lazy(() => {
           if (!loader)
-            return Promise.resolve({ default: () => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(NotFound, {}) });
+            return Promise.resolve({ default: () => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(NotFound, {}) });
           return loader();
         })
       };
     });
-    setResolvedRoutes(mapped);
+  };
+  const [resolvedRoutes, setResolvedRoutes] = (0, import_react16.useState)(
+    () => resolveRoutes(initialRoutes)
+  );
+  (0, import_react16.useEffect)(() => {
+    if (hot) {
+      hot.on("boltdocs:routes-update", (newRoutes) => {
+        setRoutesInfo(newRoutes);
+      });
+    }
+  }, [hot]);
+  (0, import_react16.useEffect)(() => {
+    setResolvedRoutes(resolveRoutes(routesInfo));
   }, [routesInfo, modules]);
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(ConfigContext.Provider, { value: config, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(PreloadProvider, { routes: routesInfo, modules, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(ScrollHandler, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_react_router_dom9.Routes, { children: [
-      HomePage && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ConfigContext.Provider, { value: config, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(PreloadProvider, { routes: routesInfo, modules, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ScrollHandler, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react_router_dom9.Routes, { children: [
+      HomePage && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
         import_react_router_dom9.Route,
         {
           path: "/",
-          element: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+          element: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
             ThemeLayout,
             {
               config,
@@ -2534,36 +2246,43 @@ function AppShell({
               toc: null,
               breadcrumbs: null,
               ...config.themeConfig?.layoutProps,
-              children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(HomePage, {})
+              children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(HomePage, {})
             }
           )
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react_router_dom9.Route, { element: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(DocsLayout, { config, routes: routesInfo }), children: resolvedRoutes.map((route) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
         import_react_router_dom9.Route,
         {
-          path: route.path === "" ? "/" : route.path,
-          element: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react19.default.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Loading, {}), children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
-            MdxPage,
+          element: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(DocsLayout, { config, routes: routesInfo }),
+          children: resolvedRoutes.map((route) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+            import_react_router_dom9.Route,
             {
-              Component: route.Component,
-              customComponents
-            }
-          ) })
+              path: route.path === "" ? "/" : route.path,
+              element: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react16.default.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Loading, {}), children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+                MdxPage,
+                {
+                  Component: route.Component,
+                  customComponents
+                }
+              ) })
+            },
+            route.path
+          ))
         },
-        route.path
-      )) }),
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        "docs-layout"
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
         import_react_router_dom9.Route,
         {
           path: "*",
-          element: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+          element: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
             ThemeLayout,
             {
               config,
               routes: routesInfo,
               ...config.themeConfig?.layoutProps,
-              children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(NotFound, {})
+              children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(NotFound, {})
             }
           )
         }
@@ -2573,7 +2292,7 @@ function AppShell({
 }
 function ScrollHandler() {
   const { pathname, hash } = (0, import_react_router_dom9.useLocation)();
-  (0, import_react21.useLayoutEffect)(() => {
+  (0, import_react18.useLayoutEffect)(() => {
     if (hash) {
       const id = hash.replace("#", "");
       const element = document.getElementById(id);
@@ -2598,13 +2317,13 @@ function DocsLayout({
   config,
   routes
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     ThemeLayout,
     {
       config,
       routes,
       ...config.themeConfig?.layoutProps,
-      children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react_router_dom9.Outlet, {})
+      children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react_router_dom9.Outlet, {})
     }
   );
 }
@@ -2613,80 +2332,60 @@ function MdxPage({
   customComponents = {}
 }) {
   const allComponents = { ...mdxComponents, ...customComponents };
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react20.MDXProvider, { components: allComponents, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Component, {}) });
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react17.MDXProvider, { components: allComponents, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Component, {}) });
 }
-var import_react19, import_client, import_react_router_dom9, import_react20, import_react21, import_lucide_react17, import_jsx_runtime34, ConfigContext, CodeBlock2, Video2, PackageManagerTabs2, Playground2, Heading, mdxComponents;
+var import_react16, import_client, import_react_router_dom9, import_react17, import_react18, import_lucide_react14, import_jsx_runtime27, ConfigContext, CodeBlock2, Video2, PackageManagerTabs2, Heading, mdxComponents;
 var init_app = __esm({
   "src/client/app/index.tsx"() {
     "use strict";
-    import_react19 = __toESM(require("react"));
+    import_react16 = __toESM(require("react"));
     import_client = __toESM(require("react-dom/client"));
     import_react_router_dom9 = require("react-router-dom");
     init_Layout2();
     init_NotFound2();
     init_Loading2();
-    import_react20 = require("@mdx-js/react");
-    import_react21 = require("react");
-    import_lucide_react17 = require("lucide-react");
-    init_mdx();
+    import_react17 = require("@mdx-js/react");
+    import_react18 = require("react");
+    import_lucide_react14 = require("lucide-react");
     init_preload();
-    import_jsx_runtime34 = require("react/jsx-runtime");
-    ConfigContext = (0, import_react21.createContext)(null);
-    CodeBlock2 = (0, import_react21.lazy)(
+    import_jsx_runtime27 = require("react/jsx-runtime");
+    ConfigContext = (0, import_react18.createContext)(null);
+    CodeBlock2 = (0, import_react18.lazy)(
       () => Promise.resolve().then(() => (init_CodeBlock2(), CodeBlock_exports)).then((m) => ({
         default: m.CodeBlock
       }))
     );
-    Video2 = (0, import_react21.lazy)(
+    Video2 = (0, import_react18.lazy)(
       () => Promise.resolve().then(() => (init_Video2(), Video_exports)).then((m) => ({ default: m.Video }))
     );
-    PackageManagerTabs2 = (0, import_react21.lazy)(
+    PackageManagerTabs2 = (0, import_react18.lazy)(
       () => Promise.resolve().then(() => (init_PackageManagerTabs2(), PackageManagerTabs_exports)).then((m) => ({
         default: m.PackageManagerTabs
       }))
     );
-    Playground2 = (0, import_react21.lazy)(
-      () => Promise.resolve().then(() => (init_Playground2(), Playground_exports)).then((m) => ({
-        default: m.Playground
-      }))
-    );
     Heading = ({
       level,
       id,
       children
     }) => {
       const Tag = `h${level}`;
-      return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(Tag, { id, className: "boltdocs-heading", children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(Tag, { id, className: "boltdocs-heading", children: [
         children,
-        id && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("a", { href: `#${id}`, className: "header-anchor", "aria-label": "Anchor", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react17.Link, { size: 16 }) })
+        id && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("a", { href: `#${id}`, className: "header-anchor", "aria-label": "Anchor", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react14.Link, { size: 16 }) })
       ] });
     };
     mdxComponents = {
-      h1: (props) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Heading, { level: 1, ...props }),
-      h2: (props) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Heading, { level: 2, ...props }),
-      h3: (props) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Heading, { level: 3, ...props }),
-      h4: (props) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Heading, { level: 4, ...props }),
-      h5: (props) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Heading, { level: 5, ...props }),
-      h6: (props) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Heading, { level: 6, ...props }),
+      h1: (props) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Heading, { level: 1, ...props }),
+      h2: (props) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Heading, { level: 2, ...props }),
+      h3: (props) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Heading, { level: 3, ...props }),
+      h4: (props) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Heading, { level: 4, ...props }),
+      h5: (props) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Heading, { level: 5, ...props }),
+      h6: (props) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Heading, { level: 6, ...props }),
       pre: (props) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react21.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "code-block-skeleton" }), children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(CodeBlock2, { ...props, children: props.children }) });
+        return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react18.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "code-block-skeleton" }), children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(CodeBlock2, { ...props, children: props.children }) });
       },
-      video: (props) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react21.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "video-skeleton" }), children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Video2, { ...props }) }),
-      PackageManagerTabs: (props) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react21.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "pkg-tabs-skeleton" }), children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(PackageManagerTabs2, { ...props }) }),
-      Playground: (props) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react21.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "playground-skeleton" }), children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Playground2, { ...props }) }),
-      Button,
-      Badge,
-      Card,
-      Cards,
-      Tabs,
-      Tab,
-      Admonition,
-      Note,
-      Tip,
-      Warning,
-      Danger,
-      InfoBox,
-      List
+      video: (props) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react18.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "video-skeleton" }), children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Video2, { ...props }) }),
+      PackageManagerTabs: (props) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react18.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "pkg-tabs-skeleton" }), children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(PackageManagerTabs2, { ...props }) })
     };
   }
 });
@@ -2697,11 +2396,11 @@ __export(ssr_exports, {
   render: () => render
 });
 module.exports = __toCommonJS(ssr_exports);
-var import_react22 = __toESM(require("react"));
+var import_react19 = __toESM(require("react"));
 var import_server = __toESM(require("react-dom/server"));
 var import_server2 = require("react-router-dom/server");
 init_app();
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 async function render(options) {
   const { path, routes, config, modules, homePage } = options;
   const resolvedModules = {};
@@ -2709,7 +2408,7 @@ async function render(options) {
     resolvedModules[key] = () => Promise.resolve(mod);
   }
   const html = import_server.default.renderToString(
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react22.default.StrictMode, { children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_server2.StaticRouter, { location: path, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react19.default.StrictMode, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_server2.StaticRouter, { location: path, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       AppShell,
       {
         initialRoutes: routes,