boltdocs 1.5.0 → 1.7.0

package/dist/client/index.js

@@ -88,30 +88,25 @@ function LinkPreview({
   x,
   y
 }) {
-  const [mounted, setMounted] = (0, import_react2.useState)(false);
   const ref = (0, import_react2.useRef)(null);
   const [position, setPosition] = (0, import_react2.useState)({ top: 0, left: 0 });
   (0, import_react2.useEffect)(() => {
-    setMounted(true);
-  }, []);
-  (0, import_react2.useEffect)(() => {
-    if (isVisible && ref.current) {
+    if (ref.current) {
       const rect = ref.current.getBoundingClientRect();
-      const padding = 15;
+      const padding = 12;
       let top = y + padding;
       let left = x + padding;
-      if (left + rect.width > window.innerWidth) {
+      if (left + rect.width > window.innerWidth - 20) {
         left = x - rect.width - padding;
       }
-      if (top + rect.height > window.innerHeight) {
+      if (top + rect.height > window.innerHeight - 20) {
         top = y - rect.height - padding;
       }
       setPosition({ top, left });
     }
-  }, [isVisible, x, y]);
-  if (!mounted) return null;
+  }, [x, y, isVisible]);
   return (0, import_react_dom.createPortal)(
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
       "div",
       {
         ref,
@@ -120,10 +115,10 @@ function LinkPreview({
           top: position.top,
           left: position.left
         },
-        children: [
+        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "boltdocs-link-preview-content", children: [
           /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "boltdocs-link-preview-title", children: title }),
           summary && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "boltdocs-link-preview-summary", children: summary })
-        ]
+        ] })
       }
     ),
     document.body
@@ -293,7 +288,7 @@ var init_Link = __esm({
               ...rest
             }
           ),
-          shouldShowPreview && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          preview.visible && shouldShowPreview && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
             LinkPreview,
             {
               isVisible: preview.visible,
@@ -394,7 +389,7 @@ var init_Link = __esm({
               ...rest
             }
           ),
-          shouldShowPreview && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          preview.visible && shouldShowPreview && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
             LinkPreview,
             {
               isVisible: preview.visible,
@@ -841,6 +836,58 @@ var init_GithubStars = __esm({
   }
 });
 
+// src/client/theme/ui/Navbar/Tabs.tsx
+function Tabs({ tabs, routes }) {
+  const location = (0, import_react_router_dom4.useLocation)();
+  const currentRoute = routes.find((r) => r.path === location.pathname);
+  const currentTabId = currentRoute?.tab?.toLowerCase();
+  if (!tabs || tabs.length === 0) return null;
+  const renderTabIcon = (iconName) => {
+    if (!iconName) return null;
+    if (iconName.trim().startsWith("<svg")) {
+      return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        "span",
+        {
+          className: "tab-icon svg-icon",
+          dangerouslySetInnerHTML: { __html: iconName }
+        }
+      );
+    }
+    const LucideIcon = Icons[iconName];
+    if (LucideIcon) {
+      return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(LucideIcon, { size: 16, className: "tab-icon lucide-icon" });
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("img", { src: iconName, alt: "", className: "tab-icon img-icon" });
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "boltdocs-tabs-container", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "boltdocs-tabs", children: tabs.map((tab, index) => {
+    const isActive = currentTabId ? currentTabId === tab.id.toLowerCase() : index === 0;
+    const firstRoute = routes.find((r) => r.tab && r.tab.toLowerCase() === tab.id.toLowerCase());
+    const linkTo = firstRoute ? firstRoute.path : "#";
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+      Link,
+      {
+        to: linkTo,
+        className: `boltdocs-tab-item ${isActive ? "active" : ""}`,
+        children: [
+          renderTabIcon(tab.icon),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { children: tab.text })
+        ]
+      },
+      tab.id
+    );
+  }) }) });
+}
+var import_react_router_dom4, Icons, import_jsx_runtime11;
+var init_Tabs = __esm({
+  "src/client/theme/ui/Navbar/Tabs.tsx"() {
+    "use strict";
+    import_react_router_dom4 = require("react-router-dom");
+    init_Link2();
+    Icons = __toESM(require("lucide-react"));
+    import_jsx_runtime11 = require("react/jsx-runtime");
+  }
+});
+
 // src/client/theme/ui/SearchDialog/SearchDialog.tsx
 function SearchDialog({ routes }) {
   const [isOpen, setIsOpen] = (0, import_react8.useState)(false);
@@ -907,8 +954,8 @@ function SearchDialog({ routes }) {
     }
     return uniqueResults.slice(0, 10);
   }, [routes, query]);
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
       "div",
       {
         className: "navbar-search",
@@ -923,19 +970,19 @@ function SearchDialog({ routes }) {
         },
         "aria-label": "Open search dialog",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react4.Search, { className: "boltdocs-search-icon", size: 18 }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react4.Search, { className: "boltdocs-search-icon", size: 18 }),
           "Search docs...",
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("kbd", { children: "\u2318K" })
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("kbd", { children: "\u2318K" })
         ]
       }
     ),
     isOpen && (0, import_react_dom2.createPortal)(
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
         "div",
         {
           className: "boltdocs-search-overlay",
           onPointerDown: () => setIsOpen(false),
-          children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
             "div",
             {
               className: "boltdocs-search-modal",
@@ -944,9 +991,9 @@ function SearchDialog({ routes }) {
               "aria-label": "Search",
               onPointerDown: (e) => e.stopPropagation(),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "boltdocs-search-header", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react4.Search, { size: 18 }),
-                  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "boltdocs-search-header", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react4.Search, { size: 18 }),
+                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
                     "input",
                     {
                       ref: inputRef,
@@ -957,7 +1004,7 @@ function SearchDialog({ routes }) {
                       onChange: (e) => setQuery(e.target.value)
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
                     "button",
                     {
                       className: "boltdocs-search-close",
@@ -967,7 +1014,7 @@ function SearchDialog({ routes }) {
                     }
                   )
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "boltdocs-search-results", children: searchResults.length > 0 ? searchResults.map((result) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "boltdocs-search-results", children: searchResults.length > 0 ? searchResults.map((result) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
                   Link,
                   {
                     to: result.path === "" ? "/" : result.path,
@@ -994,15 +1041,15 @@ function SearchDialog({ routes }) {
                       setIsOpen(false);
                     },
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { className: "boltdocs-search-result-title", children: [
-                        result.isHeading ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "heading-indicator", children: "#" }) : null,
+                      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("span", { className: "boltdocs-search-result-title", children: [
+                        result.isHeading ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "heading-indicator", children: "#" }) : null,
                         result.title
                       ] }),
-                      result.groupTitle && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "boltdocs-search-result-group", children: result.groupTitle })
+                      result.groupTitle && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "boltdocs-search-result-group", children: result.groupTitle })
                     ]
                   },
                   result.path
-                )) : /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "boltdocs-search-empty", children: [
+                )) : /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "boltdocs-search-empty", children: [
                   'No results found for "',
                   query,
                   '"'
@@ -1016,7 +1063,7 @@ function SearchDialog({ routes }) {
     )
   ] });
 }
-var import_react8, import_react_dom2, import_lucide_react4, import_jsx_runtime11;
+var import_react8, import_react_dom2, import_lucide_react4, import_jsx_runtime12;
 var init_SearchDialog = __esm({
   "src/client/theme/ui/SearchDialog/SearchDialog.tsx"() {
     "use strict";
@@ -1024,7 +1071,7 @@ var init_SearchDialog = __esm({
     import_react_dom2 = require("react-dom");
     init_Link2();
     import_lucide_react4 = require("lucide-react");
-    import_jsx_runtime11 = require("react/jsx-runtime");
+    import_jsx_runtime12 = require("react/jsx-runtime");
   }
 });
 
@@ -1048,88 +1095,130 @@ function Navbar({
   currentLocale,
   currentVersion
 }) {
+  const location = (0, import_react_router_dom5.useLocation)();
+  const isHomePage = location.pathname === "/";
   const title = config.themeConfig?.title || "Boltdocs";
   const navItems = config.themeConfig?.navbar || [];
   const socialLinks = config.themeConfig?.socialLinks || [];
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("header", { className: "boltdocs-navbar", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "navbar-container", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "navbar-left", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "navbar-logo", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Link, { to: "/", children: [
-        config.themeConfig?.logo ? config.themeConfig.logo.trim().startsWith("<svg") ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-          "span",
-          {
-            className: "navbar-logo-svg",
-            dangerouslySetInnerHTML: {
-              __html: config.themeConfig.logo
-            }
-          }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-          "img",
-          {
-            src: config.themeConfig.logo,
-            alt: title,
-            className: "navbar-logo-img"
-          }
-        ) : null,
-        title
-      ] }) }),
-      config.versions && currentVersion && allRoutes ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-        VersionSwitcher,
+  const hasTabs = !isHomePage && config.themeConfig?.tabs && config.themeConfig.tabs.length > 0;
+  const leftItems = navItems.filter((item) => item.position !== "right");
+  const rightItems = navItems.filter((item) => item.position === "right");
+  const renderNavItem = (item, i) => {
+    const text = item.label || item.text || "";
+    const href = item.to || item.href || item.link || "";
+    const isExternal = href.startsWith("http") || href.startsWith("//") || href.includes("://");
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react_router_dom5.Link, { to: href, target: isExternal ? "_blank" : void 0, children: [
+      text,
+      isExternal && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "navbar-external-icon", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+        "svg",
         {
-          versions: config.versions,
-          currentVersion,
-          currentLocale,
-          allRoutes
-        }
-      ) : config.themeConfig?.version ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "navbar-version", children: [
-        config.themeConfig.version,
-        " ",
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react5.ChevronDown, { size: 14 })
-      ] }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("nav", { className: "navbar-links", "aria-label": "Top Navigation", children: navItems.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Link, { to: item.link, children: item.text }, i)) })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "navbar-right", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-        import_react9.default.Suspense,
-        {
-          fallback: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "navbar-search-placeholder" }),
-          children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SearchDialog2, { routes: routes || [] })
-        }
-      ),
-      config.i18n && currentLocale && allRoutes && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-        LanguageSwitcher,
-        {
-          i18n: config.i18n,
-          currentLocale,
-          allRoutes
+          viewBox: "0 0 24 24",
+          width: "13",
+          height: "13",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          fill: "none",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }),
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("polyline", { points: "15 3 21 3 21 9" }),
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("line", { x1: "10", y1: "14", x2: "21", y2: "3" })
+          ]
         }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ThemeToggle, {}),
-      config.themeConfig?.githubRepo && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(GithubStars, { repo: config.themeConfig.githubRepo }),
-      socialLinks.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "navbar-divider" }),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "navbar-icons", children: socialLinks.map((link, i) => {
-        const IconComp = ICON_MAP[link.icon.toLowerCase()];
-        return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-          "a",
-          {
-            href: link.link,
-            target: "_blank",
-            rel: "noopener noreferrer",
-            className: "navbar-icon-btn",
-            "aria-label": link.icon,
-            children: IconComp ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(IconComp, {}) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { children: link.icon })
-          },
-          i
-        );
-      }) })
-    ] })
-  ] }) });
+      ) })
+    ] }, i);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("header", { className: `boltdocs-navbar ${hasTabs ? "has-tabs" : ""}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+      "div",
+      {
+        className: "navbar-container",
+        style: { height: "var(--ld-navbar-height)" },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "navbar-left", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "navbar-logo", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react_router_dom5.Link, { to: "/", children: [
+              config.themeConfig?.logo ? config.themeConfig.logo.trim().startsWith("<svg") ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                "span",
+                {
+                  className: "navbar-logo-svg",
+                  dangerouslySetInnerHTML: {
+                    __html: config.themeConfig.logo
+                  }
+                }
+              ) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                "img",
+                {
+                  src: config.themeConfig.logo,
+                  alt: title,
+                  className: "navbar-logo-img"
+                }
+              ) : null,
+              title
+            ] }) }),
+            config.versions && currentVersion && allRoutes ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+              VersionSwitcher,
+              {
+                versions: config.versions,
+                currentVersion,
+                currentLocale,
+                allRoutes
+              }
+            ) : config.themeConfig?.version ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "navbar-version", children: [
+              config.themeConfig.version,
+              " ",
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react5.ChevronDown, { size: 14 })
+            ] }) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("nav", { className: "navbar-links", "aria-label": "Top Navigation Left", children: leftItems.map(renderNavItem) })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "navbar-right", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("nav", { className: "navbar-links", "aria-label": "Top Navigation Right", children: rightItems.map(renderNavItem) }),
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react9.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "navbar-search-placeholder" }), children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SearchDialog2, { routes: routes || [] }) }),
+            config.i18n && currentLocale && allRoutes && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+              LanguageSwitcher,
+              {
+                i18n: config.i18n,
+                currentLocale,
+                allRoutes
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ThemeToggle, {}),
+            config.themeConfig?.githubRepo && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(GithubStars, { repo: config.themeConfig.githubRepo }),
+            socialLinks.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "navbar-divider" }),
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "navbar-icons", children: socialLinks.map((link, i) => {
+              const IconComp = ICON_MAP[link.icon.toLowerCase()];
+              return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                "a",
+                {
+                  href: link.link,
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  className: "navbar-icon-btn",
+                  "aria-label": link.icon,
+                  children: IconComp ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(IconComp, {}) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: link.icon })
+                },
+                i
+              );
+            }) })
+          ] })
+        ]
+      }
+    ),
+    hasTabs && config.themeConfig?.tabs && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      Tabs,
+      {
+        tabs: config.themeConfig.tabs,
+        routes: allRoutes || routes || []
+      }
+    )
+  ] });
 }
-var import_react9, import_lucide_react5, import_jsx_runtime12, SearchDialog2, ICON_MAP;
+var import_react9, import_react_router_dom5, import_lucide_react5, import_jsx_runtime13, SearchDialog2, ICON_MAP;
 var init_Navbar = __esm({
   "src/client/theme/ui/Navbar/Navbar.tsx"() {
     "use strict";
-    import_react9 = __toESM(require("react"));
-    init_Link2();
+    import_react9 = require("react");
+    import_react_router_dom5 = require("react-router-dom");
     import_lucide_react5 = require("lucide-react");
     init_LanguageSwitcher2();
     init_VersionSwitcher2();
@@ -1137,8 +1226,9 @@ var init_Navbar = __esm({
     init_discord();
     init_twitter();
     init_GithubStars();
-    import_jsx_runtime12 = require("react/jsx-runtime");
-    SearchDialog2 = import_react9.default.lazy(
+    init_Tabs();
+    import_jsx_runtime13 = require("react/jsx-runtime");
+    SearchDialog2 = (0, import_react9.lazy)(
       () => Promise.resolve().then(() => (init_SearchDialog2(), SearchDialog_exports)).then((m) => ({ default: m.SearchDialog }))
     );
     ICON_MAP = {
@@ -1159,7 +1249,7 @@ var init_Navbar2 = __esm({
 
 // src/client/theme/ui/PoweredBy/PoweredBy.tsx
 function PoweredBy() {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "powered-by-container", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "powered-by-container", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
     "a",
     {
       href: "https://github.com/jesusalcaladev/boltdocs",
@@ -1167,19 +1257,19 @@ function PoweredBy() {
       rel: "noopener noreferrer",
       className: "powered-by-link",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react6.Zap, { className: "powered-by-icon", size: 12, fill: "currentColor" }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: "Powered by" }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "powered-by-brand", children: "LiteDocs" })
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react6.Zap, { className: "powered-by-icon", size: 12, fill: "currentColor" }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: "Powered by" }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "powered-by-brand", children: "LiteDocs" })
       ]
     }
   ) });
 }
-var import_lucide_react6, import_jsx_runtime13;
+var import_lucide_react6, import_jsx_runtime14;
 var init_PoweredBy = __esm({
   "src/client/theme/ui/PoweredBy/PoweredBy.tsx"() {
     "use strict";
     import_lucide_react6 = require("lucide-react");
-    import_jsx_runtime13 = require("react/jsx-runtime");
+    import_jsx_runtime14 = require("react/jsx-runtime");
   }
 });
 
@@ -1212,7 +1302,6 @@ function renderBadge(badgeRaw) {
     }
   }
   if (!text) return null;
-  if (!text) return null;
   let typeClass = "badge-default";
   const lowerText = text.toLowerCase();
   if (lowerText === "new") {
@@ -1222,18 +1311,51 @@ function renderBadge(badgeRaw) {
   } else if (lowerText === "updated") {
     typeClass = "badge-updated";
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: `sidebar-badge ${typeClass}`, children: text });
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: `sidebar-badge ${typeClass}`, children: text });
+}
+function renderIcon(iconName, size = 16) {
+  if (!iconName) return null;
+  const trimmed = iconName.trim();
+  if (trimmed.startsWith("<svg") || trimmed.includes("http")) {
+    if (trimmed.startsWith("<svg")) {
+      return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        "span",
+        {
+          className: "sidebar-icon svg-icon",
+          dangerouslySetInnerHTML: { __html: trimmed }
+        }
+      );
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+      "img",
+      {
+        src: trimmed,
+        className: "sidebar-icon",
+        style: { width: size, height: size },
+        alt: ""
+      }
+    );
+  }
+  const IconComponent = LucideIcons[iconName];
+  if (IconComponent) {
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(IconComponent, { size, className: "sidebar-icon lucide-icon" });
+  }
+  return null;
 }
 function Sidebar({
   routes,
-  config,
-  isCollapsed,
-  onToggle
+  config
 }) {
-  const location = (0, import_react_router_dom4.useLocation)();
+  const location = (0, import_react_router_dom6.useLocation)();
+  const currentRoute = routes.find((r) => r.path === location.pathname);
+  const activeTabId = currentRoute?.tab?.toLowerCase();
+  const filteredRoutes = activeTabId ? routes.filter((r) => {
+    if (!r.tab) return true;
+    return r.tab.toLowerCase() === activeTabId;
+  }) : routes;
   const ungrouped = [];
   const groupMap = /* @__PURE__ */ new Map();
-  for (const route of routes) {
+  for (const route of filteredRoutes) {
     if (!route.group) {
       ungrouped.push(route);
     } else {
@@ -1241,49 +1363,41 @@ function Sidebar({
         groupMap.set(route.group, {
           slug: route.group,
           title: route.groupTitle || route.group,
-          routes: []
+          routes: [],
+          icon: route.groupIcon
         });
       }
       groupMap.get(route.group).routes.push(route);
     }
   }
   const groups = Array.from(groupMap.values());
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("aside", { className: "boltdocs-sidebar", children: [
-    onToggle && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "sidebar-collapse", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-      "button",
-      {
-        className: "sidebar-collapse-btn",
-        onClick: onToggle,
-        "aria-label": isCollapsed ? "Expand Sidebar" : "Collapse Sidebar",
-        title: isCollapsed ? "Expand Sidebar" : "Collapse Sidebar",
-        children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react7.PanelLeft, { size: 18 })
-      }
-    ) }),
-    !isCollapsed && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("nav", { "aria-label": "Main Navigation", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("ul", { className: "sidebar-list", children: ungrouped.map((route) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime14.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_runtime14.jsxs)("div", { className: "sidebar-link-content", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: route.title }),
-              renderBadge(route.badge)
-            ] })
-          }
-        ) }, route.path)) }),
-        groups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-          SidebarGroupSection,
-          {
-            group,
-            currentPath: location.pathname
-          },
-          group.slug
-        ))
-      ] }),
-      config.themeConfig?.poweredBy !== false && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(PoweredBy, {})
-    ] })
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("aside", { className: "boltdocs-sidebar", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("nav", { "aria-label": "Main Navigation", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("ul", { className: "sidebar-list", children: ungrouped.map((route) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime15.jsxs)("div", { className: "sidebar-link-content", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "sidebar-link-title-container", children: [
+              renderIcon(route.icon),
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { children: route.title })
+            ] }),
+            renderBadge(route.badge)
+          ] })
+        }
+      ) }, route.path)) }),
+      groups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        SidebarGroupSection,
+        {
+          group,
+          currentPath: location.pathname
+        },
+        group.slug
+      ))
+    ] }),
+    config.themeConfig?.poweredBy !== false && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(PoweredBy, {})
   ] });
 }
 function SidebarGroupSection({
@@ -1292,8 +1406,8 @@ function SidebarGroupSection({
 }) {
   const isActive = group.routes.some((r) => currentPath === r.path);
   const [open, setOpen] = (0, import_react10.useState)(true);
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "sidebar-group", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "sidebar-group", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
       "button",
       {
         className: `sidebar-group-header ${isActive ? "active" : ""}`,
@@ -1301,35 +1415,39 @@ function SidebarGroupSection({
         "aria-expanded": open,
         "aria-controls": `sidebar-group-${group.slug}`,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "sidebar-group-title", children: group.title }),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: `sidebar-group-chevron ${open ? "open" : ""}`, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react7.ChevronRight, { size: 16 }) })
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "sidebar-group-header-content", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "sidebar-group-title", children: group.title }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: `sidebar-group-chevron ${open ? "open" : ""}`, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react7.ChevronRight, { size: 16 }) })
         ]
       }
     ),
-    open && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("ul", { className: "sidebar-group-list", id: `sidebar-group-${group.slug}`, children: group.routes.map((route) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    open && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("ul", { className: "sidebar-group-list", id: `sidebar-group-${group.slug}`, children: group.routes.map((route) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       Link,
       {
         to: route.path === "" ? "/" : route.path,
         className: `sidebar-link sidebar-link-nested ${currentPath === route.path ? "active" : ""}`,
         "aria-current": currentPath === route.path ? "page" : void 0,
-        children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "sidebar-link-content", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: route.title }),
+        children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "sidebar-link-content", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "sidebar-link-title-container", children: [
+            renderIcon(route.icon),
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { children: route.title })
+          ] }),
           renderBadge(route.badge)
         ] })
       }
     ) }, route.path)) })
   ] });
 }
-var import_react10, import_react_router_dom4, import_lucide_react7, import_jsx_runtime14;
+var import_react10, import_react_router_dom6, import_lucide_react7, LucideIcons, import_jsx_runtime15;
 var init_Sidebar = __esm({
   "src/client/theme/ui/Sidebar/Sidebar.tsx"() {
     "use strict";
     import_react10 = require("react");
-    import_react_router_dom4 = require("react-router-dom");
+    import_react_router_dom6 = require("react-router-dom");
     init_Link2();
     init_PoweredBy2();
     import_lucide_react7 = require("lucide-react");
-    import_jsx_runtime14 = require("react/jsx-runtime");
+    LucideIcons = __toESM(require("lucide-react"));
+    import_jsx_runtime15 = require("react/jsx-runtime");
   }
 });
 
@@ -1348,11 +1466,12 @@ function OnThisPage({
   communityHelp,
   filePath
 }) {
-  const [activeId, setActiveId] = (0, import_react11.useState)("");
+  const [activeId, setActiveId] = (0, import_react11.useState)(null);
   const [indicatorStyle, setIndicatorStyle] = (0, import_react11.useState)({});
   const observerRef = (0, import_react11.useRef)(null);
-  const location = (0, import_react_router_dom5.useLocation)();
+  const location = (0, import_react_router_dom7.useLocation)();
   const listRef = (0, import_react11.useRef)(null);
+  const visibleIdsRef = (0, import_react11.useRef)(/* @__PURE__ */ new Set());
   (0, import_react11.useEffect)(() => {
     if (headings.length > 0) {
       const hash = window.location.hash.substring(1);
@@ -1365,36 +1484,53 @@ function OnThisPage({
   }, [location.pathname, headings]);
   (0, import_react11.useEffect)(() => {
     if (!activeId || !listRef.current) return;
-    const activeElement = listRef.current.querySelector(
+    const activeLink = listRef.current.querySelector(
       `a[href="#${activeId}"]`
     );
-    if (activeElement) {
-      const { offsetTop, offsetHeight } = activeElement;
+    if (activeLink) {
+      const top = activeLink.offsetTop;
+      const height = activeLink.offsetHeight;
       setIndicatorStyle({
-        transform: `translateY(${offsetTop}px)`,
-        height: `${offsetHeight}px`,
+        transform: `translateY(${top}px)`,
+        height: `${height}px`,
         opacity: 1
       });
     }
   }, [activeId, headings]);
   (0, import_react11.useEffect)(() => {
     if (headings.length === 0) return;
+    visibleIdsRef.current.clear();
     if (observerRef.current) {
       observerRef.current.disconnect();
     }
     const callback = (entries) => {
-      const visibleEntries = entries.filter((entry) => entry.isIntersecting);
-      if (visibleEntries.length > 0) {
-        const closest = visibleEntries.reduce((prev, curr) => {
-          return Math.abs(curr.boundingClientRect.top - 100) < Math.abs(prev.boundingClientRect.top - 100) ? curr : prev;
-        });
-        setActiveId(closest.target.id);
+      entries.forEach((entry) => {
+        if (entry.isIntersecting) {
+          visibleIdsRef.current.add(entry.target.id);
+        } else {
+          visibleIdsRef.current.delete(entry.target.id);
+        }
+      });
+      const firstVisible = headings.find((h) => visibleIdsRef.current.has(h.id));
+      if (firstVisible) {
+        setActiveId(firstVisible.id);
+      } else {
+        const firstEl = document.getElementById(headings[0].id);
+        if (firstEl) {
+          const rect = firstEl.getBoundingClientRect();
+          if (rect.top > 200) {
+            setActiveId(headings[0].id);
+            return;
+          }
+        }
       }
     };
-    observerRef.current = new IntersectionObserver(callback, {
-      rootMargin: "-100px 0px -70% 0px",
+    const observerOptions = {
+      root: document.querySelector(".boltdocs-content"),
+      rootMargin: "-20% 0px -70% 0px",
       threshold: [0, 1]
-    });
+    };
+    observerRef.current = new IntersectionObserver(callback, observerOptions);
     const observeHeadings = () => {
       headings.forEach(({ id }) => {
         const el = document.getElementById(id);
@@ -1425,16 +1561,14 @@ function OnThisPage({
       `a[href="#${activeId}"]`
     );
     if (activeLink) {
-      const container = listRef.current.closest(
-        ".boltdocs-on-this-page"
-      );
+      const container = listRef.current.parentElement;
       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",
+          behavior: "auto",
           block: "nearest"
         });
       }
@@ -1461,11 +1595,11 @@ function OnThisPage({
     []
   );
   if (headings.length === 0) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("nav", { className: "boltdocs-on-this-page", "aria-label": "Table of contents", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "on-this-page-title", children: "On this page" }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "on-this-page-container", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "toc-indicator", style: indicatorStyle }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("ul", { className: "on-this-page-list", ref: listRef, children: headings.map((h) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("li", { className: h.level === 3 ? "toc-indent" : "", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("nav", { className: "boltdocs-on-this-page", "aria-label": "Table of contents", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "on-this-page-title", children: "On this page" }),
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "on-this-page-container", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "on-this-page-list-container", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "toc-indicator", style: indicatorStyle }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("ul", { className: "on-this-page-list", ref: listRef, children: headings.map((h) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("li", { className: h.level === 3 ? "toc-indent" : "", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
         "a",
         {
           href: `#${h.id}`,
@@ -1475,11 +1609,11 @@ function OnThisPage({
           children: h.text
         }
       ) }, h.id)) })
-    ] }),
-    (editLink || communityHelp) && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "toc-help", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "toc-help-title", children: "Need help?" }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("ul", { className: "toc-help-links", children: [
-        editLink && filePath && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+    ] }) }),
+    (editLink || communityHelp) && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "toc-help", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "toc-help-title", children: "Need help?" }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("ul", { className: "toc-help-links", children: [
+        editLink && filePath && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
           "a",
           {
             href: editLink.replace(":path", filePath),
@@ -1487,12 +1621,12 @@ function OnThisPage({
             rel: "noopener noreferrer",
             className: "toc-help-link",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react8.Pencil, { size: 16 }),
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react8.Pencil, { size: 16 }),
               "Edit this page"
             ]
           }
         ) }),
-        communityHelp && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+        communityHelp && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
           "a",
           {
             href: communityHelp,
@@ -1500,7 +1634,7 @@ function OnThisPage({
             rel: "noopener noreferrer",
             className: "toc-help-link",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react8.CircleHelp, { size: 16 }),
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react8.CircleHelp, { size: 16 }),
               "Community help"
             ]
           }
@@ -1509,14 +1643,14 @@ function OnThisPage({
     ] })
   ] });
 }
-var import_react11, import_react_router_dom5, import_lucide_react8, import_jsx_runtime15;
+var import_react11, import_react_router_dom7, import_lucide_react8, import_jsx_runtime16;
 var init_OnThisPage = __esm({
   "src/client/theme/ui/OnThisPage/OnThisPage.tsx"() {
     "use strict";
     import_react11 = require("react");
-    import_react_router_dom5 = require("react-router-dom");
+    import_react_router_dom7 = require("react-router-dom");
     import_lucide_react8 = require("lucide-react");
-    import_jsx_runtime15 = require("react/jsx-runtime");
+    import_jsx_runtime16 = require("react/jsx-runtime");
   }
 });
 
@@ -1530,7 +1664,7 @@ var init_OnThisPage2 = __esm({
 
 // src/client/theme/ui/Head/Head.tsx
 function Head({ siteTitle, siteDescription, routes }) {
-  const location = (0, import_react_router_dom6.useLocation)();
+  const location = (0, import_react_router_dom8.useLocation)();
   (0, import_react12.useEffect)(() => {
     const currentRoute = routes.find((r) => r.path === location.pathname);
     const pageTitle = currentRoute?.title;
@@ -1575,12 +1709,12 @@ function setMetaTag(attr, key, content) {
   }
   tag.content = content;
 }
-var import_react12, import_react_router_dom6;
+var import_react12, import_react_router_dom8;
 var init_Head = __esm({
   "src/client/theme/ui/Head/Head.tsx"() {
     "use strict";
     import_react12 = require("react");
-    import_react_router_dom6 = require("react-router-dom");
+    import_react_router_dom8 = require("react-router-dom");
   }
 });
 
@@ -1594,21 +1728,21 @@ var init_Head2 = __esm({
 
 // src/client/theme/ui/Breadcrumbs/Breadcrumbs.tsx
 function Breadcrumbs({ routes, config }) {
-  const location = (0, import_react_router_dom7.useLocation)();
+  const location = (0, import_react_router_dom9.useLocation)();
   if (config.themeConfig?.breadcrumbs === false) return null;
   if (location.pathname === "/") return null;
   const currentRoute = routes.find((r) => r.path === location.pathname);
   const groupRoute = currentRoute?.group ? routes.find((r) => r.group === currentRoute.group) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("nav", { className: "boltdocs-breadcrumbs", "aria-label": "Breadcrumb", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("ol", { className: "boltdocs-breadcrumbs-list", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("li", { className: "boltdocs-breadcrumbs-item", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Link, { to: "/", className: "boltdocs-breadcrumbs-link", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react9.Home, { size: 14 }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "boltdocs-breadcrumbs-separator", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react9.ChevronRight, { size: 14 }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("nav", { className: "boltdocs-breadcrumbs", "aria-label": "Breadcrumb", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("ol", { className: "boltdocs-breadcrumbs-list", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("li", { className: "boltdocs-breadcrumbs-item", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Link, { to: "/", className: "boltdocs-breadcrumbs-link", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react9.Home, { size: 14 }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "boltdocs-breadcrumbs-separator", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react9.ChevronRight, { size: 14 }) })
     ] }),
-    currentRoute?.groupTitle && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("li", { className: "boltdocs-breadcrumbs-item", children: [
-      groupRoute ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Link, { to: groupRoute.path, className: "boltdocs-breadcrumbs-link", children: currentRoute.groupTitle }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "boltdocs-breadcrumbs-text", children: currentRoute.groupTitle }),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "boltdocs-breadcrumbs-separator", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react9.ChevronRight, { size: 14 }) })
+    currentRoute?.groupTitle && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("li", { className: "boltdocs-breadcrumbs-item", children: [
+      groupRoute ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Link, { to: groupRoute.path, className: "boltdocs-breadcrumbs-link", children: currentRoute.groupTitle }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "boltdocs-breadcrumbs-text", children: currentRoute.groupTitle }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "boltdocs-breadcrumbs-separator", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react9.ChevronRight, { size: 14 }) })
     ] }),
-    currentRoute?.title && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("li", { className: "boltdocs-breadcrumbs-item", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    currentRoute?.title && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("li", { className: "boltdocs-breadcrumbs-item", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       "span",
       {
         className: "boltdocs-breadcrumbs-text boltdocs-breadcrumbs-active",
@@ -1618,14 +1752,14 @@ function Breadcrumbs({ routes, config }) {
     ) })
   ] }) });
 }
-var import_react_router_dom7, import_lucide_react9, import_jsx_runtime16;
+var import_react_router_dom9, import_lucide_react9, import_jsx_runtime17;
 var init_Breadcrumbs = __esm({
   "src/client/theme/ui/Breadcrumbs/Breadcrumbs.tsx"() {
     "use strict";
-    import_react_router_dom7 = require("react-router-dom");
+    import_react_router_dom9 = require("react-router-dom");
     init_Link2();
     import_lucide_react9 = require("lucide-react");
-    import_jsx_runtime16 = require("react/jsx-runtime");
+    import_jsx_runtime17 = require("react/jsx-runtime");
   }
 });
 
@@ -1639,16 +1773,16 @@ var init_Breadcrumbs2 = __esm({
 
 // src/client/theme/ui/BackgroundGradient/BackgroundGradient.tsx
 function BackgroundGradient() {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "boltdocs-background-glow", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "glow-shape glow-1" }),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "glow-shape glow-2" })
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "boltdocs-background-glow", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "glow-shape glow-1" }),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "glow-shape glow-2" })
   ] });
 }
-var import_jsx_runtime17;
+var import_jsx_runtime18;
 var init_BackgroundGradient = __esm({
   "src/client/theme/ui/BackgroundGradient/BackgroundGradient.tsx"() {
     "use strict";
-    import_jsx_runtime17 = require("react/jsx-runtime");
+    import_jsx_runtime18 = require("react/jsx-runtime");
   }
 });
 
@@ -1680,10 +1814,9 @@ function ThemeLayout({
   className = "",
   style
 }) {
-  const [isSidebarOpen, setIsSidebarOpen] = (0, import_react13.useState)(true);
   const siteTitle = config.themeConfig?.title || "Boltdocs";
   const siteDescription = config.themeConfig?.description || "";
-  const location = (0, import_react_router_dom8.useLocation)();
+  const location = (0, import_react_router_dom10.useLocation)();
   const currentIndex = routes.findIndex((r) => r.path === location.pathname);
   const currentRoute = routes[currentIndex];
   const currentLocale = config.i18n ? currentRoute?.locale || config.i18n.defaultLocale : void 0;
@@ -1703,9 +1836,9 @@ function ThemeLayout({
     if (prevPage?.path) preload(prevPage.path);
     if (nextPage?.path) preload(nextPage.path);
   }, [prevPage, nextPage, preload]);
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: `boltdocs-layout ${className}`, style, children: [
-    background !== void 0 ? background : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(BackgroundGradient, {}),
-    head !== void 0 ? head : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: `boltdocs-layout ${className}`, style, children: [
+    background !== void 0 ? background : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(BackgroundGradient, {}),
+    head !== void 0 ? head : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       Head,
       {
         siteTitle,
@@ -1713,7 +1846,7 @@ function ThemeLayout({
         routes
       }
     ),
-    navbar !== void 0 ? navbar : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    navbar !== void 0 ? navbar : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       Navbar,
       {
         config,
@@ -1723,74 +1856,60 @@ function ThemeLayout({
         currentVersion
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
-      "div",
-      {
-        className: `boltdocs-main-container ${!isSidebarOpen ? "sidebar-collapsed" : ""}`,
-        children: [
-          sidebar !== void 0 ? sidebar : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-            Sidebar,
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "boltdocs-main-container", children: [
+      sidebar !== void 0 ? sidebar : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Sidebar, { routes: filteredRoutes, config }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("main", { className: "boltdocs-content", children: [
+        breadcrumbs !== void 0 ? breadcrumbs : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Breadcrumbs, { routes: filteredRoutes, config }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "boltdocs-page", children }),
+        (prevPage || nextPage) && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("nav", { className: "page-nav", "aria-label": "Pagination", children: [
+          prevPage ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+            Link,
             {
-              routes: filteredRoutes,
-              config,
-              isCollapsed: !isSidebarOpen,
-              onToggle: () => setIsSidebarOpen(!isSidebarOpen)
+              to: prevPage.path || "/",
+              className: "page-nav-link page-nav-link--prev",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "page-nav-info", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "page-nav-label", children: "Previous" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "page-nav-title", children: prevPage.title })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react10.ChevronLeft, { className: "page-nav-arrow", size: 16 })
+              ]
             }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("main", { className: "boltdocs-content", children: [
-            breadcrumbs !== void 0 ? breadcrumbs : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Breadcrumbs, { routes: filteredRoutes, config }),
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "boltdocs-page", children }),
-            (prevPage || nextPage) && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("nav", { className: "page-nav", "aria-label": "Pagination", children: [
-              prevPage ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
-                Link,
-                {
-                  to: prevPage.path || "/",
-                  className: "page-nav-link page-nav-link--prev",
-                  children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "page-nav-info", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "page-nav-label", children: "Previous" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "page-nav-title", children: prevPage.title })
-                    ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react10.ChevronLeft, { className: "page-nav-arrow", size: 16 })
-                  ]
-                }
-              ) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", {}),
-              nextPage ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
-                Link,
-                {
-                  to: nextPage.path || "/",
-                  className: "page-nav-link page-nav-link--next",
-                  children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "page-nav-info", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "page-nav-label", children: "Next" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "page-nav-title", children: nextPage.title })
-                    ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react10.ChevronRight, { className: "page-nav-arrow", size: 16 })
-                  ]
-                }
-              ) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", {})
-            ] })
-          ] }),
-          toc !== void 0 ? toc : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-            OnThisPage,
+          ) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", {}),
+          nextPage ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+            Link,
             {
-              headings: routes[currentIndex]?.headings,
-              editLink: config.themeConfig?.editLink,
-              communityHelp: config.themeConfig?.communityHelp,
-              filePath: routes[currentIndex]?.filePath
+              to: nextPage.path || "/",
+              className: "page-nav-link page-nav-link--next",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "page-nav-info", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "page-nav-label", children: "Next" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "page-nav-title", children: nextPage.title })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react10.ChevronRight, { className: "page-nav-arrow", size: 16 })
+              ]
             }
-          )
-        ]
-      }
-    )
+          ) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", {})
+        ] })
+      ] }),
+      toc !== void 0 ? toc : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        OnThisPage,
+        {
+          headings: routes[currentIndex]?.headings,
+          editLink: config.themeConfig?.editLink,
+          communityHelp: config.themeConfig?.communityHelp,
+          filePath: routes[currentIndex]?.filePath
+        }
+      )
+    ] })
   ] });
 }
-var import_react13, import_react_router_dom8, import_lucide_react10, import_jsx_runtime18;
+var import_react13, import_react_router_dom10, import_lucide_react10, import_jsx_runtime19;
 var init_Layout = __esm({
   "src/client/theme/ui/Layout/Layout.tsx"() {
     "use strict";
     import_react13 = __toESM(require("react"));
-    import_react_router_dom8 = require("react-router-dom");
+    import_react_router_dom10 = require("react-router-dom");
     init_Link2();
     import_lucide_react10 = require("lucide-react");
     init_preload();
@@ -1807,7 +1926,7 @@ var init_Layout = __esm({
     init_Breadcrumbs2();
     init_BackgroundGradient2();
     init_styles();
-    import_jsx_runtime18 = require("react/jsx-runtime");
+    import_jsx_runtime19 = require("react/jsx-runtime");
   }
 });
 
@@ -1821,23 +1940,23 @@ var init_Layout2 = __esm({
 
 // src/client/theme/ui/NotFound/NotFound.tsx
 function NotFound() {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "boltdocs-not-found", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "not-found-content", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "not-found-code", children: "404" }),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("h1", { className: "not-found-title", children: "Page Not Found" }),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "not-found-text", children: "The page you're looking for doesn't exist or has been moved." }),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(Link, { to: "/", className: "not-found-link", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react11.ArrowLeft, { size: 16 }),
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "boltdocs-not-found", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "not-found-content", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "not-found-code", children: "404" }),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("h1", { className: "not-found-title", children: "Page Not Found" }),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "not-found-text", children: "The page you're looking for doesn't exist or has been moved." }),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(Link, { to: "/", className: "not-found-link", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react11.ArrowLeft, { size: 16 }),
       " Go to Home"
     ] })
   ] }) });
 }
-var import_lucide_react11, import_jsx_runtime19;
+var import_lucide_react11, import_jsx_runtime20;
 var init_NotFound = __esm({
   "src/client/theme/ui/NotFound/NotFound.tsx"() {
     "use strict";
     init_Link2();
     import_lucide_react11 = require("lucide-react");
-    import_jsx_runtime19 = require("react/jsx-runtime");
+    import_jsx_runtime20 = require("react/jsx-runtime");
   }
 });
 
@@ -1851,16 +1970,16 @@ var init_NotFound2 = __esm({
 
 // src/client/theme/ui/Loading/Loading.tsx
 function Loading() {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "boltdocs-loading", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "loading-spinner" }),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "loading-text", children: "Loading..." })
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "boltdocs-loading", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "loading-spinner" }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "loading-text", children: "Loading..." })
   ] });
 }
-var import_jsx_runtime20;
+var import_jsx_runtime21;
 var init_Loading = __esm({
   "src/client/theme/ui/Loading/Loading.tsx"() {
     "use strict";
-    import_jsx_runtime20 = require("react/jsx-runtime");
+    import_jsx_runtime21 = require("react/jsx-runtime");
   }
 });
 
@@ -1882,27 +2001,27 @@ function CodeBlock({ children, ...props }) {
     setCopied(true);
     setTimeout(() => setCopied(false), 2e3);
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "code-block-wrapper", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "code-block-wrapper", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
       "button",
       {
         className: `code-block-copy ${copied ? "copied" : ""}`,
         onClick: handleCopy,
         "aria-label": "Copy code",
-        children: copied ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react12.Check, { size: 16 }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react12.Copy, { size: 16 })
+        children: copied ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react12.Check, { size: 16 }) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react12.Copy, { size: 16 })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("pre", { ref: preRef, ...props, children })
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("pre", { ref: preRef, ...props, children })
   ] });
 }
-var import_react14, import_lucide_react12, import_jsx_runtime21;
+var import_react14, import_lucide_react12, import_jsx_runtime22;
 var init_CodeBlock = __esm({
   "src/client/theme/components/CodeBlock/CodeBlock.tsx"() {
     "use strict";
     import_react14 = require("react");
     import_lucide_react12 = require("lucide-react");
     init_utils();
-    import_jsx_runtime21 = require("react/jsx-runtime");
+    import_jsx_runtime22 = require("react/jsx-runtime");
   }
 });
 
@@ -1941,7 +2060,7 @@ function Video({
     observer.observe(el);
     return () => observer.disconnect();
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { ref: containerRef, className: "boltdocs-video-wrapper", children: isVisible ? /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { ref: containerRef, className: "boltdocs-video-wrapper", children: isVisible ? /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
     "video",
     {
       className: "boltdocs-video",
@@ -1956,7 +2075,7 @@ function Video({
         "Your browser does not support the video tag."
       ]
     }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  ) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     "div",
     {
       className: "boltdocs-video-placeholder",
@@ -1965,12 +2084,12 @@ function Video({
     }
   ) });
 }
-var import_react15, import_jsx_runtime22;
+var import_react15, import_jsx_runtime23;
 var init_Video = __esm({
   "src/client/theme/components/Video/Video.tsx"() {
     "use strict";
     import_react15 = require("react");
-    import_jsx_runtime22 = require("react/jsx-runtime");
+    import_jsx_runtime23 = require("react/jsx-runtime");
   }
 });
 
@@ -1987,14 +2106,14 @@ var init_Video2 = __esm({
 });
 
 // src/client/theme/icons/npm.tsx
-var import_jsx_runtime23, NPM;
+var import_jsx_runtime24, NPM;
 var init_npm = __esm({
   "src/client/theme/icons/npm.tsx"() {
     "use strict";
-    import_jsx_runtime23 = require("react/jsx-runtime");
-    NPM = (props) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("svg", { ...props, viewBox: "0 0 2500 2500", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { fill: "#c00", d: "M0 0h2500v2500H0z" }),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    import_jsx_runtime24 = require("react/jsx-runtime");
+    NPM = (props) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("svg", { ...props, viewBox: "0 0 2500 2500", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("path", { fill: "#c00", d: "M0 0h2500v2500H0z" }),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
         "path",
         {
           fill: "#fff",
@@ -2006,69 +2125,69 @@ var init_npm = __esm({
 });
 
 // src/client/theme/icons/pnpm.tsx
-var import_jsx_runtime24, Pnpm;
+var import_jsx_runtime25, Pnpm;
 var init_pnpm = __esm({
   "src/client/theme/icons/pnpm.tsx"() {
     "use strict";
-    import_jsx_runtime24 = require("react/jsx-runtime");
-    Pnpm = (props) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+    import_jsx_runtime25 = require("react/jsx-runtime");
+    Pnpm = (props) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
       "svg",
       {
         ...props,
         xmlnsXlink: "http://www.w3.org/1999/xlink",
         viewBox: "76.58987244897958 44 164.00775510204068 164",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("defs", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("defs", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
               "path",
               {
                 d: "M237.6 95L187.6 95L187.6 45L237.6 45L237.6 95Z",
                 id: "pnpm_dark__b45vdTD8hs"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
               "path",
               {
                 d: "M182.59 95L132.59 95L132.59 45L182.59 45L182.59 95Z",
                 id: "pnpm_dark__a40WtxIl8d"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
               "path",
               {
                 d: "M127.59 95L77.59 95L77.59 45L127.59 45L127.59 95Z",
                 id: "pnpm_dark__h2CN9AEEpe"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
               "path",
               {
                 d: "M237.6 150L187.6 150L187.6 100L237.6 100L237.6 150Z",
                 id: "pnpm_dark__dqv5133G8"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
               "path",
               {
                 d: "M182.59 150L132.59 150L132.59 100L182.59 100L182.59 150Z",
                 id: "pnpm_dark__b1Lv79ypvm"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
               "path",
               {
                 d: "M182.59 205L132.59 205L132.59 155L182.59 155L182.59 205Z",
                 id: "pnpm_dark__hy1IZWwLX"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
               "path",
               {
                 d: "M237.6 205L187.6 205L187.6 155L237.6 155L237.6 205Z",
                 id: "pnpm_dark__akQfjxQes"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
               "path",
               {
                 d: "M127.59 205L77.59 205L77.59 155L127.59 155L127.59 205Z",
@@ -2076,15 +2195,15 @@ var init_pnpm = __esm({
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("g", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("use", { xlinkHref: "#pnpm_dark__b45vdTD8hs", fill: "#f9ad00" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("use", { xlinkHref: "#pnpm_dark__a40WtxIl8d", fill: "#f9ad00" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("use", { xlinkHref: "#pnpm_dark__h2CN9AEEpe", fill: "#f9ad00" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("use", { xlinkHref: "#pnpm_dark__dqv5133G8", fill: "#f9ad00" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("use", { xlinkHref: "#pnpm_dark__b1Lv79ypvm", fill: "currentColor" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("use", { xlinkHref: "#pnpm_dark__hy1IZWwLX", fill: "currentColor" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("use", { xlinkHref: "#pnpm_dark__akQfjxQes", fill: "currentColor" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("use", { xlinkHref: "#pnpm_dark__bdSrwE5pk", fill: "currentColor" }) })
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("g", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("use", { xlinkHref: "#pnpm_dark__b45vdTD8hs", fill: "#f9ad00" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("use", { xlinkHref: "#pnpm_dark__a40WtxIl8d", fill: "#f9ad00" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("use", { xlinkHref: "#pnpm_dark__h2CN9AEEpe", fill: "#f9ad00" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("use", { xlinkHref: "#pnpm_dark__dqv5133G8", fill: "#f9ad00" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("use", { xlinkHref: "#pnpm_dark__b1Lv79ypvm", fill: "#ffffff" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("use", { xlinkHref: "#pnpm_dark__hy1IZWwLX", fill: "#ffffff" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("use", { xlinkHref: "#pnpm_dark__akQfjxQes", fill: "#ffffff" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("use", { xlinkHref: "#pnpm_dark__bdSrwE5pk", fill: "#ffffff" }) })
           ] })
         ]
       }
@@ -2093,62 +2212,62 @@ var init_pnpm = __esm({
 });
 
 // src/client/theme/icons/bun.tsx
-var import_jsx_runtime25, Bun;
+var import_jsx_runtime26, Bun;
 var init_bun = __esm({
   "src/client/theme/icons/bun.tsx"() {
     "use strict";
-    import_jsx_runtime25 = require("react/jsx-runtime");
-    Bun = (props) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("svg", { ...props, viewBox: "0 0 80 70", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime25.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_runtime25.jsx)(
+    import_jsx_runtime26 = require("react/jsx-runtime");
+    Bun = (props) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("svg", { ...props, viewBox: "0 0 80 70", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime26.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_runtime26.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_runtime25.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime26.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_runtime25.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime26.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_runtime25.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime26.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_runtime25.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_runtime25.jsxs)("g", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime26.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_runtime26.jsxs)("g", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime26.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_runtime25.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime26.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_runtime25.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_runtime25.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_runtime26.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_runtime26.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_runtime25.jsxs)("g", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("g", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
           "ellipse",
           {
             cx: "53.22",
@@ -2158,7 +2277,7 @@ var init_bun = __esm({
             style: { fill: "#febbd0" }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
           "ellipse",
           {
             cx: "22.95",
@@ -2168,14 +2287,14 @@ var init_bun = __esm({
             style: { fill: "#febbd0" }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime26.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_runtime25.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime26.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",
@@ -2188,12 +2307,12 @@ var init_bun = __esm({
 });
 
 // src/client/theme/icons/deno.tsx
-var import_jsx_runtime26, Deno;
+var import_jsx_runtime27, Deno;
 var init_deno = __esm({
   "src/client/theme/icons/deno.tsx"() {
     "use strict";
-    import_jsx_runtime26 = require("react/jsx-runtime");
-    Deno = (props) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+    import_jsx_runtime27 = require("react/jsx-runtime");
+    Deno = (props) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
       "svg",
       {
         ...props,
@@ -2203,7 +2322,7 @@ var init_deno = __esm({
         strokeMiterlimit: "2",
         clipRule: "evenodd",
         viewBox: "0 0 441 441",
-        children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
           "path",
           {
             fill: "currentColor",
@@ -2258,11 +2377,11 @@ function PackageManagerTabs({
     setCopied(true);
     setTimeout(() => setCopied(false), 2e3);
   }, [activeCommand]);
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: `pkg-tabs-wrapper ${className}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "pkg-tabs-header", children: MANAGERS.map((mgr) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: `pkg-tabs-wrapper ${className}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "pkg-tabs-header", children: MANAGERS.map((mgr) => {
       const Icon = mgr.icon;
       const isActive = activeTab === mgr.id;
-      return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
         "button",
         {
           className: `pkg-tab-btn ${isActive ? "active" : ""}`,
@@ -2270,29 +2389,29 @@ function PackageManagerTabs({
           "aria-selected": isActive,
           role: "tab",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Icon, { className: "pkg-tab-icon", width: "16", height: "16" }),
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { children: mgr.label })
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Icon, { className: "pkg-tab-icon", width: "16", height: "16" }),
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { children: mgr.label })
           ]
         },
         mgr.id
       );
     }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "code-block-wrapper pkg-tabs-content", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "code-block-wrapper pkg-tabs-content", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
         "button",
         {
           className: `code-block-copy ${copied ? "copied" : ""}`,
           onClick: handleCopy,
           type: "button",
           "aria-label": "Copy code",
-          children: copied ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react13.Check, { size: 14 }) : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react13.Copy, { size: 14 })
+          children: copied ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react13.Check, { size: 14 }) : /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react13.Copy, { size: 14 })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("pre", { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("code", { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "line", children: activeCommand }) }) })
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("pre", { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("code", { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "line", children: activeCommand }) }) })
     ] })
   ] });
 }
-var import_react16, import_lucide_react13, import_jsx_runtime27, MANAGERS;
+var import_react16, import_lucide_react13, import_jsx_runtime28, MANAGERS;
 var init_PackageManagerTabs = __esm({
   "src/client/theme/components/PackageManagerTabs/PackageManagerTabs.tsx"() {
     "use strict";
@@ -2303,7 +2422,7 @@ var init_PackageManagerTabs = __esm({
     init_bun();
     init_deno();
     init_utils();
-    import_jsx_runtime27 = require("react/jsx-runtime");
+    import_jsx_runtime28 = require("react/jsx-runtime");
     MANAGERS = [
       { id: "npm", label: "npm", icon: NPM },
       { id: "pnpm", label: "pnpm", icon: Pnpm },
@@ -2332,6 +2451,7 @@ function useConfig() {
 function AppShell({
   initialRoutes,
   initialConfig,
+  docsDirName,
   modules,
   hot,
   homePage: HomePage,
@@ -2344,14 +2464,14 @@ function AppShell({
       (route) => !(HomePage && (route.path === "/" || route.path === ""))
     ).map((route) => {
       const loaderKey = Object.keys(modules).find(
-        (k) => k.endsWith("/" + route.filePath)
+        (k) => k === `/${docsDirName}/${route.filePath}`
       );
       const loader = loaderKey ? modules[loaderKey] : null;
       return {
         ...route,
         Component: import_react17.default.lazy(() => {
           if (!loader)
-            return Promise.resolve({ default: () => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(NotFound, {}) });
+            return Promise.resolve({ default: () => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(NotFound, {}) });
           return loader();
         })
       };
@@ -2369,15 +2489,15 @@ function AppShell({
   }, [hot]);
   (0, import_react17.useEffect)(() => {
     setResolvedRoutes(resolveRoutes(routesInfo));
-  }, [routesInfo, modules]);
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ConfigContext.Provider, { value: config, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(PreloadProvider, { routes: routesInfo, modules, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ScrollHandler, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_react_router_dom9.Routes, { children: [
-      HomePage && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-        import_react_router_dom9.Route,
+  }, [routesInfo, modules, docsDirName]);
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ConfigContext.Provider, { value: config, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(PreloadProvider, { routes: routesInfo, modules, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ScrollHandler, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_react_router_dom11.Routes, { children: [
+      HomePage && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+        import_react_router_dom11.Route,
         {
           path: "/",
-          element: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+          element: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
             ThemeLayout,
             {
               config,
@@ -2386,20 +2506,20 @@ function AppShell({
               toc: null,
               breadcrumbs: null,
               ...config.themeConfig?.layoutProps,
-              children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(HomePage, {})
+              children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(HomePage, {})
             }
           )
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-        import_react_router_dom9.Route,
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+        import_react_router_dom11.Route,
         {
-          element: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(DocsLayout, { config, routes: routesInfo }),
-          children: resolvedRoutes.map((route) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-            import_react_router_dom9.Route,
+          element: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(DocsLayout, { config, routes: routesInfo }),
+          children: resolvedRoutes.map((route) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+            import_react_router_dom11.Route,
             {
               path: route.path === "" ? "/" : route.path,
-              element: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react17.default.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Loading, {}), children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+              element: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react17.default.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Loading, {}), children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
                 MdxPage,
                 {
                   Component: route.Component,
@@ -2412,17 +2532,17 @@ function AppShell({
         },
         "docs-layout"
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-        import_react_router_dom9.Route,
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+        import_react_router_dom11.Route,
         {
           path: "*",
-          element: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+          element: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
             ThemeLayout,
             {
               config,
               routes: routesInfo,
               ...config.themeConfig?.layoutProps,
-              children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(NotFound, {})
+              children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(NotFound, {})
             }
           )
         }
@@ -2431,7 +2551,7 @@ function AppShell({
   ] }) });
 }
 function ScrollHandler() {
-  const { pathname, hash } = (0, import_react_router_dom9.useLocation)();
+  const { pathname, hash } = (0, import_react_router_dom11.useLocation)();
   (0, import_react19.useLayoutEffect)(() => {
     if (hash) {
       const id = hash.replace("#", "");
@@ -2457,13 +2577,13 @@ function DocsLayout({
   config,
   routes
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     ThemeLayout,
     {
       config,
       routes,
       ...config.themeConfig?.layoutProps,
-      children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react_router_dom9.Outlet, {})
+      children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react_router_dom11.Outlet, {})
     }
   );
 }
@@ -2472,21 +2592,22 @@ function MdxPage({
   customComponents = {}
 }) {
   const allComponents = { ...mdxComponents, ...customComponents };
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react18.MDXProvider, { components: allComponents, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Component, {}) });
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react18.MDXProvider, { components: allComponents, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Component, {}) });
 }
 function createBoltdocsApp(options) {
-  const { target, routes, config, modules, hot, homePage } = options;
+  const { target, routes, docsDirName, config, modules, hot, homePage } = options;
   const container = document.querySelector(target);
   if (!container) {
     throw new Error(
       `[boltdocs] Mount target "${target}" not found in document.`
     );
   }
-  const app = /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react17.default.StrictMode, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react_router_dom9.BrowserRouter, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  const app = /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react17.default.StrictMode, { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react_router_dom11.BrowserRouter, { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     AppShell,
     {
       initialRoutes: routes,
       initialConfig: config,
+      docsDirName,
       modules,
       hot,
       homePage,
@@ -2496,13 +2617,13 @@ function createBoltdocsApp(options) {
   container.innerHTML = "";
   import_client.default.createRoot(container).render(app);
 }
-var import_react17, import_client, import_react_router_dom9, import_react18, import_react19, import_lucide_react14, import_jsx_runtime28, ConfigContext, Video2, PackageManagerTabs2, Heading, mdxComponents;
+var import_react17, import_client, import_react_router_dom11, import_react18, import_react19, import_lucide_react14, import_jsx_runtime29, ConfigContext, Video2, PackageManagerTabs2, Heading, mdxComponents;
 var init_app = __esm({
   "src/client/app/index.tsx"() {
     "use strict";
     import_react17 = __toESM(require("react"));
     import_client = __toESM(require("react-dom/client"));
-    import_react_router_dom9 = require("react-router-dom");
+    import_react_router_dom11 = require("react-router-dom");
     init_Layout2();
     init_NotFound2();
     init_Loading2();
@@ -2511,7 +2632,7 @@ var init_app = __esm({
     import_lucide_react14 = require("lucide-react");
     init_CodeBlock2();
     init_preload();
-    import_jsx_runtime28 = require("react/jsx-runtime");
+    import_jsx_runtime29 = require("react/jsx-runtime");
     ConfigContext = (0, import_react19.createContext)(null);
     Video2 = (0, import_react19.lazy)(
       () => Promise.resolve().then(() => (init_Video2(), Video_exports)).then((m) => ({ default: m.Video }))
@@ -2527,21 +2648,21 @@ var init_app = __esm({
       children
     }) => {
       const Tag = `h${level}`;
-      return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(Tag, { id, className: "boltdocs-heading", children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(Tag, { id, className: "boltdocs-heading", children: [
         children,
-        id && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("a", { href: `#${id}`, className: "header-anchor", "aria-label": "Anchor", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react14.Link, { size: 16 }) })
+        id && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("a", { href: `#${id}`, className: "header-anchor", "aria-label": "Anchor", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react14.Link, { size: 16 }) })
       ] });
     };
     mdxComponents = {
-      h1: (props) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Heading, { level: 1, ...props }),
-      h2: (props) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Heading, { level: 2, ...props }),
-      h3: (props) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Heading, { level: 3, ...props }),
-      h4: (props) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Heading, { level: 4, ...props }),
-      h5: (props) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Heading, { level: 5, ...props }),
-      h6: (props) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Heading, { level: 6, ...props }),
-      pre: (props) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(CodeBlock, { ...props, children: props.children }),
-      video: (props) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react19.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "video-skeleton" }), children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Video2, { ...props }) }),
-      PackageManagerTabs: (props) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react19.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "pkg-tabs-skeleton" }), children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(PackageManagerTabs2, { ...props }) })
+      h1: (props) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Heading, { level: 1, ...props }),
+      h2: (props) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Heading, { level: 2, ...props }),
+      h3: (props) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Heading, { level: 3, ...props }),
+      h4: (props) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Heading, { level: 4, ...props }),
+      h5: (props) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Heading, { level: 5, ...props }),
+      h6: (props) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Heading, { level: 6, ...props }),
+      pre: (props) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(CodeBlock, { ...props, children: props.children }),
+      video: (props) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react19.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "video-skeleton" }), children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Video2, { ...props }) }),
+      PackageManagerTabs: (props) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react19.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "pkg-tabs-skeleton" }), children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(PackageManagerTabs2, { ...props }) })
     };
   }
 });
@@ -2558,6 +2679,7 @@ __export(client_exports, {
   Cards: () => Cards,
   CodeBlock: () => CodeBlock,
   Danger: () => Danger,
+  FileTree: () => FileTree,
   Head: () => Head,
   InfoBox: () => InfoBox,
   List: () => List,
@@ -2569,7 +2691,8 @@ __export(client_exports, {
   Playground: () => Playground,
   Sidebar: () => Sidebar,
   Tab: () => Tab,
-  Tabs: () => Tabs,
+  Table: () => Table,
+  Tabs: () => Tabs2,
   ThemeLayout: () => ThemeLayout,
   Tip: () => Tip,
   Video: () => Video,
@@ -2590,7 +2713,7 @@ init_BackgroundGradient2();
 var import_react20 = __toESM(require("react"));
 var import_react_live = require("react-live");
 var import_lucide_react15 = require("lucide-react");
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 function prepareCode(raw) {
   const trimmed = raw.trim();
   const fnMatch = trimmed.match(/export\s+default\s+function\s+(\w+)/);
@@ -2631,40 +2754,40 @@ function Playground({
     setTimeout(() => setCopied(false), 2e3);
   };
   const extendedScope = { React: import_react20.default, ...scope };
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "boltdocs-playground", "data-readonly": readonly, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "boltdocs-playground", "data-readonly": readonly, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     import_react_live.LiveProvider,
     {
       code: activeCode,
       scope: extendedScope,
       theme: void 0,
       noInline: useNoInline,
-      children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "playground-split-container", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "playground-panel playground-editor-panel", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "playground-panel-header", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "playground-panel-title", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react15.Terminal, { size: 14 }),
-              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { children: readonly ? "Code Example" : "Live Editor" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "playground-split-container", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "playground-panel playground-editor-panel", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "playground-panel-header", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "playground-panel-title", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react15.Terminal, { size: 14 }),
+              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { children: readonly ? "Code Example" : "Live Editor" })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
               "button",
               {
                 className: "playground-copy-btn",
                 onClick: handleCopy,
                 title: "Copy code",
-                children: copied ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react15.Check, { size: 14 }) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react15.Copy, { size: 14 })
+                children: copied ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react15.Check, { size: 14 }) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react15.Copy, { size: 14 })
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "playground-panel-content playground-editor", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react_live.LiveEditor, { disabled: readonly, onChange: setActiveCode }) })
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "playground-panel-content playground-editor", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react_live.LiveEditor, { disabled: readonly, onChange: setActiveCode }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "playground-panel playground-preview-panel", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "playground-panel-header", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "playground-panel-title", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react15.Play, { size: 14 }),
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { children: "Preview" })
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "playground-panel playground-preview-panel", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "playground-panel-header", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "playground-panel-title", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react15.Play, { size: 14 }),
+            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { children: "Preview" })
           ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "playground-panel-content playground-preview", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react_live.LivePreview, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react_live.LiveError, { className: "playground-error" })
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "playground-panel-content playground-preview", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react_live.LivePreview, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react_live.LiveError, { className: "playground-error" })
           ] })
         ] })
       ] })
@@ -2679,7 +2802,7 @@ init_CodeBlock2();
 init_Video2();
 
 // src/client/theme/components/mdx/Button.tsx
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 function Button({
   variant = "primary",
   size = "md",
@@ -2690,7 +2813,7 @@ function Button({
 }) {
   const cls = `ld-btn ld-btn--${variant} ld-btn--${size} ${className}`.trim();
   if (href) {
-    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
       "a",
       {
         href,
@@ -2701,18 +2824,18 @@ function Button({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("button", { className: cls, ...rest, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("button", { className: cls, ...rest, children });
 }
 
 // src/client/theme/components/mdx/Badge.tsx
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 function Badge({
   variant = "default",
   children,
   className = "",
   ...rest
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
     "span",
     {
       className: `ld-badge ld-badge--${variant} ${className}`.trim(),
@@ -2723,14 +2846,14 @@ function Badge({
 }
 
 // src/client/theme/components/mdx/Card.tsx
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 function Cards({
   cols = 3,
   children,
   className = "",
   ...rest
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: `ld-cards ld-cards--${cols} ${className}`.trim(), ...rest, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: `ld-cards ld-cards--${cols} ${className}`.trim(), ...rest, children });
 }
 function Card({
   title,
@@ -2740,13 +2863,13 @@ function Card({
   className = "",
   ...rest
 }) {
-  const inner = /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_jsx_runtime32.Fragment, { children: [
-    icon && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "ld-card__icon", children: icon }),
-    title && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("h3", { className: "ld-card__title", children: title }),
-    children && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "ld-card__body", children })
+  const inner = /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_jsx_runtime33.Fragment, { children: [
+    icon && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "ld-card__icon", children: icon }),
+    title && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("h3", { className: "ld-card__title", children: title }),
+    children && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "ld-card__body", children })
   ] });
   if (href) {
-    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
       "a",
       {
         href,
@@ -2756,7 +2879,7 @@ function Card({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: `ld-card ${className}`.trim(), ...rest, children: inner });
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: `ld-card ${className}`.trim(), ...rest, children: inner });
 }
 
 // src/client/theme/components/mdx/Tabs.tsx
@@ -2766,27 +2889,6 @@ init_npm();
 init_pnpm();
 init_bun();
 init_deno();
-
-// src/client/theme/icons/yarn.tsx
-var import_jsx_runtime33 = require("react/jsx-runtime");
-var Yarn = (props) => /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("svg", { ...props, viewBox: "0 0 256 256", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
-    "path",
-    {
-      fill: "#2C8EBB",
-      d: "M128 0C57.307 0 0 57.307 0 128s57.307 128 128 128 128-57.307 128-128S198.693 0 128 0zm0 234.667C69.195 234.667 21.333 186.805 21.333 128S69.195 21.333 128 21.333 234.667 69.195 234.667 128 186.805 234.667 128 234.667z"
-    }
-  ),
-  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
-    "path",
-    {
-      fill: "#2C8EBB",
-      d: "M173.045 74.053c-4.632-4.632-12.144-4.632-16.776 0L128 102.323l-28.269-28.27c-4.632-4.632-12.144-4.632-16.776 0-4.632 4.632-4.632 12.144 0 16.776L111.224 119.1l-28.269 28.269c-4.632 4.632-4.632 12.144 0 16.776 2.316 2.316 5.352 3.474 8.388 3.474s6.072-1.158 8.388-3.474L128 135.877l28.269 28.268c2.316 2.316 5.352 3.474 8.388 3.474s6.072-1.158 8.388-3.474c4.632-4.632 4.632-12.144 0-16.776L144.776 119.1l28.269-28.271 c4.632-4.632 4.632-12.144 0-16.776z"
-    }
-  )
-] });
-
-// src/client/theme/components/mdx/Tabs.tsx
 var import_jsx_runtime34 = require("react/jsx-runtime");
 function Tab({ children }) {
   const content = typeof children === "string" ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(CodeBlock, { className: "language-bash", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("code", { children: children.trim() }) }) : children;
@@ -2794,14 +2896,13 @@ function Tab({ children }) {
 }
 var getIconForLabel = (label) => {
   const l = label.toLowerCase();
-  if (l.includes("npm")) return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(NPM, {});
   if (l.includes("pnpm")) return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Pnpm, {});
-  if (l.includes("yarn")) return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Yarn, {});
+  if (l.includes("npm")) return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(NPM, {});
   if (l.includes("bun")) return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Bun, {});
   if (l.includes("deno")) return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Deno, {});
   return null;
 };
-function Tabs({ defaultIndex = 0, children }) {
+function Tabs2({ defaultIndex = 0, children }) {
   const [active, setActive] = (0, import_react21.useState)(defaultIndex);
   const tabRefs = (0, import_react21.useRef)([]);
   const tabs = import_react21.Children.toArray(children).filter(
@@ -2929,6 +3030,158 @@ function List({
     ] });
   }) });
 }
+
+// src/client/theme/components/mdx/FileTree.tsx
+var import_react23 = __toESM(require("react"));
+var import_lucide_react18 = require("lucide-react");
+var import_jsx_runtime37 = require("react/jsx-runtime");
+function getTextContent(node) {
+  if (typeof node === "string") return node;
+  if (typeof node === "number") return node.toString();
+  if (Array.isArray(node)) return node.map(getTextContent).join("");
+  if ((0, import_react23.isValidElement)(node)) {
+    return getTextContent(node.props.children);
+  }
+  return "";
+}
+function getFileIcon(filename) {
+  const name = filename.toLowerCase();
+  if (name.endsWith(".ts") || name.endsWith(".tsx") || name.endsWith(".js") || name.endsWith(".jsx") || name.endsWith(".json") || name.endsWith(".mjs") || name.endsWith(".cjs") || name.endsWith(".astro") || name.endsWith(".vue") || name.endsWith(".svelte")) {
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react18.FileCode, { size: 16, strokeWidth: 2, className: "ld-file-tree__icon-file" });
+  }
+  if (name.endsWith(".md") || name.endsWith(".mdx") || name.endsWith(".txt")) {
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react18.FileText, { size: 16, strokeWidth: 2, className: "ld-file-tree__icon-file" });
+  }
+  if (name.endsWith(".png") || name.endsWith(".jpg") || name.endsWith(".jpeg") || name.endsWith(".svg") || name.endsWith(".gif")) {
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+      import_lucide_react18.FileImage,
+      {
+        size: 16,
+        strokeWidth: 2,
+        className: "ld-file-tree__icon-file"
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react18.File, { size: 16, strokeWidth: 2, className: "ld-file-tree__icon-file" });
+}
+function isListElement(node, tag) {
+  if (typeof node.type === "string") {
+    return node.type === tag;
+  }
+  if (typeof node.type === "function") {
+    return node.type.name === tag || node.type.name?.toLowerCase() === tag;
+  }
+  if (node.props && node.props.originalType === tag) {
+    return true;
+  }
+  if (node.props && node.props.mdxType === tag) {
+    return true;
+  }
+  return false;
+}
+function FolderNode({
+  labelText,
+  nestedNodes,
+  depth
+}) {
+  const [isOpen, setIsOpen] = (0, import_react23.useState)(true);
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("li", { className: "ld-file-tree__item", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+      "div",
+      {
+        className: "ld-file-tree__label ld-file-tree__label--folder",
+        onClick: () => setIsOpen(!isOpen),
+        style: { cursor: "pointer" },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "ld-file-tree__icon ld-file-tree__icon--chevron", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+            import_lucide_react18.ChevronRight,
+            {
+              size: 14,
+              className: `ld-file-tree__chevron ${isOpen ? "ld-file-tree__chevron--open" : ""}`,
+              strokeWidth: 3
+            }
+          ) }),
+          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "ld-file-tree__icon", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+            import_lucide_react18.Folder,
+            {
+              size: 16,
+              strokeWidth: 2,
+              className: "ld-file-tree__icon-folder",
+              fill: "currentColor",
+              fillOpacity: 0.15
+            }
+          ) }),
+          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "ld-file-tree__name", children: labelText })
+        ]
+      }
+    ),
+    isOpen && nestedNodes.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "ld-file-tree__nested", children: nestedNodes.map((child, index) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react23.default.Fragment, { children: parseNode(child, depth) }, index)) })
+  ] });
+}
+function parseNode(node, depth = 0) {
+  if (!(0, import_react23.isValidElement)(node)) {
+    return node;
+  }
+  if (isListElement(node, "ul")) {
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+      "ul",
+      {
+        className: `ld-file-tree__list ${depth === 0 ? "ld-file-tree__list--root" : ""}`,
+        children: import_react23.Children.map(node.props.children, (child, index) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react23.default.Fragment, { children: parseNode(child, depth + 1) }, index))
+      }
+    );
+  }
+  if (isListElement(node, "li")) {
+    const children = import_react23.Children.toArray(node.props.children);
+    const nestedListIndex = children.findIndex(
+      (child) => (0, import_react23.isValidElement)(child) && isListElement(child, "ul")
+    );
+    const hasNested = nestedListIndex !== -1;
+    const labelNodes = hasNested ? children.slice(0, nestedListIndex) : children;
+    const nestedNodes = hasNested ? children.slice(nestedListIndex) : [];
+    const rawLabelContent = getTextContent(labelNodes).trim();
+    const isExplicitDir = rawLabelContent.endsWith("/");
+    const labelText = isExplicitDir ? rawLabelContent.slice(0, -1) : rawLabelContent;
+    const isFolder = hasNested || isExplicitDir;
+    if (isFolder) {
+      return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+        FolderNode,
+        {
+          labelText,
+          nestedNodes,
+          depth
+        }
+      );
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("li", { className: "ld-file-tree__item", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "ld-file-tree__label ld-file-tree__label--file", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "ld-file-tree__icon ld-file-tree__icon--spacer" }),
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "ld-file-tree__icon", children: getFileIcon(labelText) }),
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "ld-file-tree__name", children: labelText })
+    ] }) });
+  }
+  if (node.props.children) {
+    return import_react23.Children.map(node.props.children, (child, index) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react23.default.Fragment, { children: parseNode(child, depth) }, index));
+  }
+  return node;
+}
+function FileTree({ children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "ld-file-tree", dir: "ltr", children: import_react23.Children.map(children, (child) => parseNode(child, 0)) });
+}
+
+// src/client/theme/components/mdx/Table.tsx
+var import_jsx_runtime38 = require("react/jsx-runtime");
+function Table({
+  headers,
+  data,
+  children,
+  className = ""
+}) {
+  const tableContent = children ? children : /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_jsx_runtime38.Fragment, { children: [
+    headers && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("tr", { children: headers.map((header, i) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("th", { children: header }, i)) }) }),
+    data && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("tbody", { children: data.map((row, i) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("tr", { children: row.map((cell, j) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("td", { children: cell }, j)) }, i)) })
+  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: `ld-table-container ${className}`.trim(), children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("table", { className: "ld-table", children: tableContent }) });
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Admonition,
@@ -2940,6 +3193,7 @@ function List({
   Cards,
   CodeBlock,
   Danger,
+  FileTree,
   Head,
   InfoBox,
   List,
@@ -2951,6 +3205,7 @@ function List({
   Playground,
   Sidebar,
   Tab,
+  Table,
   Tabs,
   ThemeLayout,
   Tip,