boltdocs 1.0.0

package/dist/chunk-ZFCOLEXN.mjs

@@ -0,0 +1,1644 @@
+// src/client/theme/ui/Navbar/Navbar.tsx
+import React11 from "react";
+
+// src/client/theme/ui/Link/Link.tsx
+import React8 from "react";
+import {
+  Link as RouterLink,
+  NavLink as RouterNavLink,
+  useLocation as useLocation7
+} from "react-router-dom";
+
+// src/client/app/preload.tsx
+import { createContext, useContext, useCallback } from "react";
+import { jsx } from "react/jsx-runtime";
+var PreloadContext = createContext({
+  preload: () => {
+  }
+});
+function usePreload() {
+  return useContext(PreloadContext);
+}
+function PreloadProvider({
+  routes,
+  modules,
+  children
+}) {
+  const preload = useCallback(
+    (path) => {
+      const cleanPath = path.split("#")[0].split("?")[0];
+      const route = routes.find(
+        (r) => r.path === cleanPath || cleanPath === "/" && r.path === ""
+      );
+      if (route && route.filePath) {
+        const loaderKey = Object.keys(modules).find(
+          (k) => k.endsWith("/" + route.filePath)
+        );
+        if (loaderKey) {
+          modules[loaderKey]().catch((err) => {
+            console.error(`[boltdocs] Failed to preload route ${path}:`, err);
+          });
+        }
+      }
+    },
+    [routes, modules]
+  );
+  return /* @__PURE__ */ jsx(PreloadContext.Provider, { value: { preload }, children });
+}
+
+// src/client/app/index.tsx
+import React7, { useEffect as useEffect4, useState as useState6 } from "react";
+import ReactDOM from "react-dom/client";
+import {
+  BrowserRouter,
+  Routes,
+  Route,
+  Outlet,
+  useLocation as useLocation6
+} from "react-router-dom";
+
+// src/client/theme/ui/Layout/Layout.tsx
+import React4, { useState as useState4 } from "react";
+import { useLocation as useLocation5 } from "react-router-dom";
+import { ChevronLeft as ChevronLeft2, ChevronRight as ChevronRight3, Menu } from "lucide-react";
+
+// src/client/theme/ui/Navbar/GithubStars.tsx
+import { useEffect, useState } from "react";
+
+// src/client/theme/icons/github.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var GitHub = (props) => /* @__PURE__ */ jsx2("svg", { ...props, viewBox: "0 0 1024 1024", fill: "none", children: /* @__PURE__ */ jsx2(
+  "path",
+  {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M8 0C3.58 0 0 3.58 0 8C0 11.54 2.29 14.53 5.47 15.59C5.87 15.66 6.02 15.42 6.02 15.21C6.02 15.02 6.01 14.39 6.01 13.72C4 14.09 3.48 13.23 3.32 12.78C3.23 12.55 2.84 11.84 2.5 11.65C2.22 11.5 1.82 11.13 2.49 11.12C3.12 11.11 3.57 11.7 3.72 11.94C4.44 13.15 5.59 12.81 6.05 12.6C6.12 12.08 6.33 11.73 6.56 11.53C4.78 11.33 2.92 10.64 2.92 7.58C2.92 6.71 3.23 5.99 3.74 5.43C3.66 5.23 3.38 4.41 3.82 3.31C3.82 3.31 4.49 3.1 6.02 4.13C6.66 3.95 7.34 3.86 8.02 3.86C8.7 3.86 9.38 3.95 10.02 4.13C11.55 3.09 12.22 3.31 12.22 3.31C12.66 4.41 12.38 5.23 12.3 5.43C12.81 5.99 13.12 6.7 13.12 7.58C13.12 10.65 11.25 11.33 9.47 11.53C9.76 11.78 10.01 12.26 10.01 13.01C10.01 14.08 10 14.94 10 15.21C10 15.42 10.15 15.67 10.55 15.59C13.71 14.53 16 11.53 16 8C16 3.58 12.42 0 8 0Z",
+    transform: "scale(64)",
+    fill: "currentColor"
+  }
+) });
+
+// src/client/utils.ts
+async function getStarsRepo(repo) {
+  const response = await fetch(`https://api.github.com/repos/${repo}`);
+  const data = await response.json();
+  if (data.stargazers_count !== void 0) {
+    return formatStars(data.stargazers_count);
+  } else {
+    return "0";
+  }
+}
+var formatStars = (count) => {
+  return Intl.NumberFormat("en", {
+    notation: "compact",
+    compactDisplay: "short"
+  }).format(count);
+};
+
+// src/client/theme/ui/Navbar/GithubStars.tsx
+import { jsx as jsx3, jsxs } from "react/jsx-runtime";
+function GithubStars({ repo }) {
+  const [stars, setStars] = useState(null);
+  useEffect(() => {
+    if (repo) {
+      getStarsRepo(repo).then((stars2) => setStars(stars2)).catch(() => setStars("0"));
+    }
+  }, [repo]);
+  return /* @__PURE__ */ jsxs(
+    "a",
+    {
+      href: `https://github.com/${repo}`,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      className: "navbar-github-stars",
+      children: [
+        /* @__PURE__ */ jsx3(GitHub, {}),
+        stars && /* @__PURE__ */ jsx3("span", { children: stars })
+      ]
+    }
+  );
+}
+
+// src/client/theme/ui/Sidebar/Sidebar.tsx
+import { useState as useState2 } from "react";
+import { useLocation } from "react-router-dom";
+
+// src/client/theme/ui/PoweredBy/PoweredBy.tsx
+import { Zap } from "lucide-react";
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+function PoweredBy() {
+  return /* @__PURE__ */ jsx4("div", { className: "powered-by-container", children: /* @__PURE__ */ jsxs2(
+    "a",
+    {
+      href: "https://github.com/jesusalcaladev/boltdocs",
+      target: "_blank",
+      rel: "noopener noreferrer",
+      className: "powered-by-link",
+      children: [
+        /* @__PURE__ */ jsx4(Zap, { className: "powered-by-icon", size: 12, fill: "currentColor" }),
+        /* @__PURE__ */ jsx4("span", { children: "Powered by" }),
+        /* @__PURE__ */ jsx4("span", { className: "powered-by-brand", children: "LiteDocs" })
+      ]
+    }
+  ) });
+}
+
+// src/client/theme/ui/Sidebar/Sidebar.tsx
+import { ChevronRight, ChevronLeft } from "lucide-react";
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+function renderBadge(badgeRaw) {
+  if (!badgeRaw) return null;
+  let text = "";
+  let expires = "";
+  if (typeof badgeRaw === "string") {
+    text = badgeRaw;
+  } else {
+    text = badgeRaw.text;
+    expires = badgeRaw.expires || "";
+  }
+  if (expires) {
+    const expireDate = new Date(expires);
+    const now = /* @__PURE__ */ new Date();
+    expireDate.setHours(0, 0, 0, 0);
+    now.setHours(0, 0, 0, 0);
+    if (now > expireDate) {
+      return null;
+    }
+  }
+  if (!text) return null;
+  if (!text) return null;
+  let typeClass = "badge-default";
+  const lowerText = text.toLowerCase();
+  if (lowerText === "new") {
+    typeClass = "badge-new";
+  } else if (lowerText === "experimental") {
+    typeClass = "badge-experimental";
+  } else if (lowerText === "updated") {
+    typeClass = "badge-updated";
+  }
+  return /* @__PURE__ */ jsx5("span", { className: `sidebar-badge ${typeClass}`, children: text });
+}
+function Sidebar({
+  routes,
+  config,
+  onCollapse
+}) {
+  const location = useLocation();
+  const ungrouped = [];
+  const groupMap = /* @__PURE__ */ new Map();
+  for (const route of routes) {
+    if (!route.group) {
+      ungrouped.push(route);
+    } else {
+      if (!groupMap.has(route.group)) {
+        groupMap.set(route.group, {
+          slug: route.group,
+          title: route.groupTitle || route.group,
+          routes: []
+        });
+      }
+      groupMap.get(route.group).routes.push(route);
+    }
+  }
+  const groups = Array.from(groupMap.values());
+  return /* @__PURE__ */ jsxs3("aside", { className: "boltdocs-sidebar", children: [
+    /* @__PURE__ */ jsxs3("nav", { "aria-label": "Main Navigation", children: [
+      /* @__PURE__ */ jsx5("ul", { className: "sidebar-list", children: ungrouped.map((route) => /* @__PURE__ */ jsx5("li", { children: /* @__PURE__ */ jsx5(
+        Link,
+        {
+          to: route.path === "" ? "/" : route.path,
+          className: `sidebar-link ${location.pathname === route.path ? "active" : ""}`,
+          "aria-current": location.pathname === route.path ? "page" : void 0,
+          children: /* @__PURE__ */ jsxs3("div", { className: "sidebar-link-content", children: [
+            /* @__PURE__ */ jsx5("span", { children: route.title }),
+            renderBadge(route.badge)
+          ] })
+        }
+      ) }, route.path)) }),
+      groups.map((group) => /* @__PURE__ */ jsx5(
+        SidebarGroupSection,
+        {
+          group,
+          currentPath: location.pathname
+        },
+        group.slug
+      ))
+    ] }),
+    onCollapse && /* @__PURE__ */ jsx5("div", { className: "sidebar-footer", children: /* @__PURE__ */ jsxs3(
+      "button",
+      {
+        className: "sidebar-collapse-btn",
+        onClick: onCollapse,
+        "aria-label": "Collapse Sidebar",
+        title: "Collapse Sidebar",
+        children: [
+          /* @__PURE__ */ jsx5(ChevronLeft, { size: 16 }),
+          /* @__PURE__ */ jsx5("span", { children: "Collapse Sidebar" })
+        ]
+      }
+    ) }),
+    config.themeConfig?.poweredBy !== false && /* @__PURE__ */ jsx5(PoweredBy, {})
+  ] });
+}
+function SidebarGroupSection({
+  group,
+  currentPath
+}) {
+  const isActive = group.routes.some((r) => currentPath === r.path);
+  const [open, setOpen] = useState2(true);
+  return /* @__PURE__ */ jsxs3("div", { className: "sidebar-group", children: [
+    /* @__PURE__ */ jsxs3(
+      "button",
+      {
+        className: `sidebar-group-header ${isActive ? "active" : ""}`,
+        onClick: () => setOpen(!open),
+        "aria-expanded": open,
+        "aria-controls": `sidebar-group-${group.slug}`,
+        children: [
+          /* @__PURE__ */ jsx5("span", { className: "sidebar-group-title", children: group.title }),
+          /* @__PURE__ */ jsx5("span", { className: `sidebar-group-chevron ${open ? "open" : ""}`, children: /* @__PURE__ */ jsx5(ChevronRight, { size: 16 }) })
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ jsx5("ul", { className: "sidebar-group-list", id: `sidebar-group-${group.slug}`, children: group.routes.map((route) => /* @__PURE__ */ jsx5("li", { children: /* @__PURE__ */ jsx5(
+      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__ */ jsxs3("div", { className: "sidebar-link-content", children: [
+          /* @__PURE__ */ jsx5("span", { children: route.title }),
+          renderBadge(route.badge)
+        ] })
+      }
+    ) }, route.path)) })
+  ] });
+}
+
+// src/client/theme/ui/OnThisPage/OnThisPage.tsx
+import { useEffect as useEffect2, useState as useState3, useRef, useCallback as useCallback2 } from "react";
+import { useLocation as useLocation2 } from "react-router-dom";
+import { Pencil, CircleHelp } from "lucide-react";
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+function OnThisPage({
+  headings = [],
+  editLink,
+  communityHelp,
+  filePath
+}) {
+  const [activeId, setActiveId] = useState3("");
+  const [indicatorStyle, setIndicatorStyle] = useState3({});
+  const observerRef = useRef(null);
+  const location = useLocation2();
+  const listRef = useRef(null);
+  useEffect2(() => {
+    if (headings.length > 0) {
+      const hash = window.location.hash.substring(1);
+      if (hash && headings.some((h) => h.id === hash)) {
+        setActiveId(hash);
+      } else {
+        setActiveId(headings[0].id);
+      }
+    }
+  }, [location.pathname, headings]);
+  useEffect2(() => {
+    if (!activeId || !listRef.current) return;
+    const activeElement = listRef.current.querySelector(
+      `a[href="#${activeId}"]`
+    );
+    if (activeElement) {
+      const { offsetTop, offsetHeight } = activeElement;
+      setIndicatorStyle({
+        transform: `translateY(${offsetTop}px)`,
+        height: `${offsetHeight}px`,
+        opacity: 1
+      });
+    }
+  }, [activeId, headings]);
+  useEffect2(() => {
+    if (headings.length === 0) return;
+    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);
+      }
+    };
+    observerRef.current = new IntersectionObserver(callback, {
+      rootMargin: "-100px 0px -70% 0px",
+      threshold: [0, 1]
+    });
+    const observeHeadings = () => {
+      headings.forEach(({ id }) => {
+        const el = document.getElementById(id);
+        if (el) {
+          observerRef.current.observe(el);
+        }
+      });
+    };
+    observeHeadings();
+    const timeoutId = setTimeout(observeHeadings, 1e3);
+    return () => {
+      observerRef.current?.disconnect();
+      clearTimeout(timeoutId);
+    };
+  }, [headings, location.pathname]);
+  const handleClick = useCallback2(
+    (e, id) => {
+      e.preventDefault();
+      const el = document.getElementById(id);
+      if (el) {
+        const offset = 80;
+        const bodyRect = document.body.getBoundingClientRect().top;
+        const elementRect = el.getBoundingClientRect().top;
+        const elementPosition = elementRect - bodyRect;
+        const offsetPosition = elementPosition - offset;
+        window.scrollTo({
+          top: offsetPosition,
+          behavior: "smooth"
+        });
+        setActiveId(id);
+        window.history.pushState(null, "", `#${id}`);
+      }
+    },
+    []
+  );
+  if (headings.length === 0) return null;
+  return /* @__PURE__ */ jsxs4("nav", { className: "boltdocs-on-this-page", "aria-label": "Table of contents", children: [
+    /* @__PURE__ */ jsx6("p", { className: "on-this-page-title", children: "On this page" }),
+    /* @__PURE__ */ jsxs4("div", { className: "on-this-page-container", children: [
+      /* @__PURE__ */ jsx6("div", { className: "toc-indicator", style: indicatorStyle }),
+      /* @__PURE__ */ jsx6("ul", { className: "on-this-page-list", ref: listRef, children: headings.map((h) => /* @__PURE__ */ jsx6("li", { className: h.level === 3 ? "toc-indent" : "", children: /* @__PURE__ */ jsx6(
+        "a",
+        {
+          href: `#${h.id}`,
+          className: `toc-link ${activeId === h.id ? "active" : ""}`,
+          "aria-current": activeId === h.id ? "true" : void 0,
+          onClick: (e) => handleClick(e, h.id),
+          children: h.text
+        }
+      ) }, h.id)) })
+    ] }),
+    (editLink || communityHelp) && /* @__PURE__ */ jsxs4("div", { className: "toc-help", children: [
+      /* @__PURE__ */ jsx6("p", { className: "toc-help-title", children: "Need help?" }),
+      /* @__PURE__ */ jsxs4("ul", { className: "toc-help-links", children: [
+        editLink && filePath && /* @__PURE__ */ jsx6("li", { children: /* @__PURE__ */ jsxs4(
+          "a",
+          {
+            href: editLink.replace(":path", filePath),
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: "toc-help-link",
+            children: [
+              /* @__PURE__ */ jsx6(Pencil, { size: 16 }),
+              "Edit this page"
+            ]
+          }
+        ) }),
+        communityHelp && /* @__PURE__ */ jsx6("li", { children: /* @__PURE__ */ jsxs4(
+          "a",
+          {
+            href: communityHelp,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: "toc-help-link",
+            children: [
+              /* @__PURE__ */ jsx6(CircleHelp, { size: 16 }),
+              "Community help"
+            ]
+          }
+        ) })
+      ] })
+    ] })
+  ] });
+}
+
+// src/client/theme/ui/Head/Head.tsx
+import { useEffect as useEffect3 } from "react";
+import { useLocation as useLocation3 } from "react-router-dom";
+function Head({ siteTitle, siteDescription, routes }) {
+  const location = useLocation3();
+  useEffect3(() => {
+    const currentRoute = routes.find((r) => r.path === location.pathname);
+    const pageTitle = currentRoute?.title;
+    const pageDescription = currentRoute?.description || siteDescription || "";
+    document.title = pageTitle ? `${pageTitle} | ${siteTitle}` : siteTitle;
+    let metaDesc = document.querySelector(
+      'meta[name="description"]'
+    );
+    if (!metaDesc) {
+      metaDesc = document.createElement("meta");
+      metaDesc.name = "description";
+      document.head.appendChild(metaDesc);
+    }
+    metaDesc.content = pageDescription;
+    setMetaTag("property", "og:title", document.title);
+    setMetaTag("property", "og:description", pageDescription);
+    setMetaTag("property", "og:type", "article");
+    setMetaTag("property", "og:url", window.location.href);
+    setMetaTag("name", "twitter:card", "summary");
+    setMetaTag("name", "twitter:title", document.title);
+    setMetaTag("name", "twitter:description", pageDescription);
+    let canonical = document.querySelector(
+      'link[rel="canonical"]'
+    );
+    if (!canonical) {
+      canonical = document.createElement("link");
+      canonical.rel = "canonical";
+      document.head.appendChild(canonical);
+    }
+    canonical.href = window.location.origin + location.pathname;
+  }, [location.pathname, siteTitle, siteDescription, routes]);
+  return null;
+}
+function setMetaTag(attr, key, content) {
+  let tag = document.querySelector(
+    `meta[${attr}="${key}"]`
+  );
+  if (!tag) {
+    tag = document.createElement("meta");
+    tag.setAttribute(attr, key);
+    document.head.appendChild(tag);
+  }
+  tag.content = content;
+}
+
+// src/client/theme/ui/Breadcrumbs/Breadcrumbs.tsx
+import { useLocation as useLocation4 } from "react-router-dom";
+import { Home, ChevronRight as ChevronRight2 } from "lucide-react";
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+function Breadcrumbs({ routes, config }) {
+  const location = useLocation4();
+  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__ */ jsx7("nav", { className: "boltdocs-breadcrumbs", "aria-label": "Breadcrumb", children: /* @__PURE__ */ jsxs5("ol", { className: "boltdocs-breadcrumbs-list", children: [
+    /* @__PURE__ */ jsxs5("li", { className: "boltdocs-breadcrumbs-item", children: [
+      /* @__PURE__ */ jsx7(Link, { to: "/", className: "boltdocs-breadcrumbs-link", children: /* @__PURE__ */ jsx7(Home, { size: 14 }) }),
+      /* @__PURE__ */ jsx7("span", { className: "boltdocs-breadcrumbs-separator", children: /* @__PURE__ */ jsx7(ChevronRight2, { size: 14 }) })
+    ] }),
+    currentRoute?.groupTitle && /* @__PURE__ */ jsxs5("li", { className: "boltdocs-breadcrumbs-item", children: [
+      groupRoute ? /* @__PURE__ */ jsx7(Link, { to: groupRoute.path, className: "boltdocs-breadcrumbs-link", children: currentRoute.groupTitle }) : /* @__PURE__ */ jsx7("span", { className: "boltdocs-breadcrumbs-text", children: currentRoute.groupTitle }),
+      /* @__PURE__ */ jsx7("span", { className: "boltdocs-breadcrumbs-separator", children: /* @__PURE__ */ jsx7(ChevronRight2, { size: 14 }) })
+    ] }),
+    currentRoute?.title && /* @__PURE__ */ jsx7("li", { className: "boltdocs-breadcrumbs-item", children: /* @__PURE__ */ jsx7(
+      "span",
+      {
+        className: "boltdocs-breadcrumbs-text boltdocs-breadcrumbs-active",
+        "aria-current": "page",
+        children: currentRoute.title
+      }
+    ) })
+  ] }) });
+}
+
+// src/client/theme/ui/BackgroundGradient/BackgroundGradient.tsx
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+function BackgroundGradient() {
+  return /* @__PURE__ */ jsxs6("div", { className: "boltdocs-background-glow", children: [
+    /* @__PURE__ */ jsx8("div", { className: "glow-shape glow-1" }),
+    /* @__PURE__ */ jsx8("div", { className: "glow-shape glow-2" })
+  ] });
+}
+
+// src/client/theme/ui/Layout/Layout.tsx
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+function ThemeLayout({
+  config,
+  routes,
+  children,
+  navbar,
+  sidebar,
+  toc,
+  background,
+  head,
+  breadcrumbs,
+  className = "",
+  style
+}) {
+  const [isSidebarOpen, setIsSidebarOpen] = useState4(true);
+  const siteTitle = config.themeConfig?.title || "Boltdocs";
+  const siteDescription = config.themeConfig?.description || "";
+  const location = useLocation5();
+  const currentIndex = routes.findIndex((r) => r.path === location.pathname);
+  const currentRoute = routes[currentIndex];
+  const currentLocale = config.i18n ? currentRoute?.locale || config.i18n.defaultLocale : void 0;
+  const currentVersion = config.versions ? currentRoute?.version || config.versions.defaultVersion : void 0;
+  const filteredRoutes = routes.filter((r) => {
+    const localeMatch = config.i18n ? (r.locale || config.i18n.defaultLocale) === currentLocale : true;
+    const versionMatch = config.versions ? (r.version || config.versions.defaultVersion) === currentVersion : true;
+    return localeMatch && versionMatch;
+  });
+  const localIndex = filteredRoutes.findIndex(
+    (r) => r.path === location.pathname
+  );
+  const prevPage = localIndex > 0 ? filteredRoutes[localIndex - 1] : null;
+  const nextPage = localIndex >= 0 && localIndex < filteredRoutes.length - 1 ? filteredRoutes[localIndex + 1] : null;
+  const { preload } = usePreload();
+  React4.useEffect(() => {
+    if (prevPage?.path) preload(prevPage.path);
+    if (nextPage?.path) preload(nextPage.path);
+  }, [prevPage, nextPage, preload]);
+  return /* @__PURE__ */ jsxs7("div", { className: `boltdocs-layout ${className}`, style, children: [
+    background !== void 0 ? background : /* @__PURE__ */ jsx9(BackgroundGradient, {}),
+    head !== void 0 ? head : /* @__PURE__ */ jsx9(
+      Head,
+      {
+        siteTitle,
+        siteDescription,
+        routes
+      }
+    ),
+    navbar !== void 0 ? navbar : /* @__PURE__ */ jsx9(
+      Navbar,
+      {
+        config,
+        routes: filteredRoutes,
+        allRoutes: routes,
+        currentLocale,
+        currentVersion
+      }
+    ),
+    /* @__PURE__ */ jsxs7(
+      "div",
+      {
+        className: `boltdocs-main-container ${!isSidebarOpen ? "sidebar-collapsed" : ""}`,
+        children: [
+          sidebar !== void 0 ? sidebar : /* @__PURE__ */ jsx9(
+            Sidebar,
+            {
+              routes: filteredRoutes,
+              config,
+              onCollapse: () => setIsSidebarOpen(false)
+            }
+          ),
+          sidebar === void 0 && /* @__PURE__ */ jsx9(
+            "button",
+            {
+              className: "sidebar-toggle-floating",
+              onClick: () => setIsSidebarOpen(true),
+              "aria-label": "Expand Sidebar",
+              title: "Expand Sidebar",
+              children: /* @__PURE__ */ jsx9(Menu, { size: 20 })
+            }
+          ),
+          /* @__PURE__ */ jsxs7("main", { className: "boltdocs-content", children: [
+            breadcrumbs !== void 0 ? breadcrumbs : /* @__PURE__ */ jsx9(Breadcrumbs, { routes: filteredRoutes, config }),
+            /* @__PURE__ */ jsx9("div", { className: "boltdocs-page", children }),
+            (prevPage || nextPage) && /* @__PURE__ */ jsxs7("nav", { className: "page-nav", "aria-label": "Pagination", children: [
+              prevPage ? /* @__PURE__ */ jsxs7(
+                Link,
+                {
+                  to: prevPage.path || "/",
+                  className: "page-nav-link page-nav-link--prev",
+                  children: [
+                    /* @__PURE__ */ jsxs7("div", { className: "page-nav-info", children: [
+                      /* @__PURE__ */ jsx9("span", { className: "page-nav-label", children: "Previous" }),
+                      /* @__PURE__ */ jsx9("span", { className: "page-nav-title", children: prevPage.title })
+                    ] }),
+                    /* @__PURE__ */ jsx9(ChevronLeft2, { className: "page-nav-arrow", size: 16 })
+                  ]
+                }
+              ) : /* @__PURE__ */ jsx9("span", {}),
+              nextPage ? /* @__PURE__ */ jsxs7(
+                Link,
+                {
+                  to: nextPage.path || "/",
+                  className: "page-nav-link page-nav-link--next",
+                  children: [
+                    /* @__PURE__ */ jsxs7("div", { className: "page-nav-info", children: [
+                      /* @__PURE__ */ jsx9("span", { className: "page-nav-label", children: "Next" }),
+                      /* @__PURE__ */ jsx9("span", { className: "page-nav-title", children: nextPage.title })
+                    ] }),
+                    /* @__PURE__ */ jsx9(ChevronRight3, { className: "page-nav-arrow", size: 16 })
+                  ]
+                }
+              ) : /* @__PURE__ */ jsx9("span", {})
+            ] })
+          ] }),
+          toc !== void 0 ? toc : /* @__PURE__ */ jsx9(
+            OnThisPage,
+            {
+              headings: routes[currentIndex]?.headings,
+              editLink: config.themeConfig?.editLink,
+              communityHelp: config.themeConfig?.communityHelp,
+              filePath: routes[currentIndex]?.filePath
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+
+// src/client/theme/ui/NotFound/NotFound.tsx
+import { ArrowLeft } from "lucide-react";
+import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+function NotFound() {
+  return /* @__PURE__ */ jsx10("div", { className: "boltdocs-not-found", children: /* @__PURE__ */ jsxs8("div", { className: "not-found-content", children: [
+    /* @__PURE__ */ jsx10("span", { className: "not-found-code", children: "404" }),
+    /* @__PURE__ */ jsx10("h1", { className: "not-found-title", children: "Page Not Found" }),
+    /* @__PURE__ */ jsx10("p", { className: "not-found-text", children: "The page you're looking for doesn't exist or has been moved." }),
+    /* @__PURE__ */ jsxs8(Link, { to: "/", className: "not-found-link", children: [
+      /* @__PURE__ */ jsx10(ArrowLeft, { size: 16 }),
+      " Go to Home"
+    ] })
+  ] }) });
+}
+
+// src/client/theme/ui/Loading/Loading.tsx
+import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+function Loading() {
+  return /* @__PURE__ */ jsxs9("div", { className: "boltdocs-loading", children: [
+    /* @__PURE__ */ jsx11("div", { className: "loading-spinner" }),
+    /* @__PURE__ */ jsx11("p", { className: "loading-text", children: "Loading..." })
+  ] });
+}
+
+// src/client/app/index.tsx
+import { MDXProvider } from "@mdx-js/react";
+import {
+  createContext as createContext2,
+  useContext as useContext2,
+  Suspense,
+  lazy,
+  useLayoutEffect
+} from "react";
+import { Link as LucideLink } from "lucide-react";
+
+// src/client/theme/components/mdx/Button.tsx
+import { jsx as jsx12 } from "react/jsx-runtime";
+function Button({
+  variant = "primary",
+  size = "md",
+  href,
+  children,
+  className = "",
+  ...rest
+}) {
+  const cls = `ld-btn ld-btn--${variant} ld-btn--${size} ${className}`.trim();
+  if (href) {
+    return /* @__PURE__ */ jsx12(
+      "a",
+      {
+        href,
+        style: { textDecoration: "none" },
+        className: cls,
+        ...rest,
+        children
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx12("button", { className: cls, ...rest, children });
+}
+
+// src/client/theme/components/mdx/Badge.tsx
+import { jsx as jsx13 } from "react/jsx-runtime";
+function Badge({
+  variant = "default",
+  children,
+  className = "",
+  ...rest
+}) {
+  return /* @__PURE__ */ jsx13(
+    "span",
+    {
+      className: `ld-badge ld-badge--${variant} ${className}`.trim(),
+      ...rest,
+      children
+    }
+  );
+}
+
+// src/client/theme/components/mdx/Card.tsx
+import { Fragment, jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
+function Cards({
+  cols = 3,
+  children,
+  className = "",
+  ...rest
+}) {
+  return /* @__PURE__ */ jsx14("div", { className: `ld-cards ld-cards--${cols} ${className}`.trim(), ...rest, children });
+}
+function Card({
+  title,
+  icon,
+  href,
+  children,
+  className = "",
+  ...rest
+}) {
+  const inner = /* @__PURE__ */ jsxs10(Fragment, { children: [
+    icon && /* @__PURE__ */ jsx14("span", { className: "ld-card__icon", children: icon }),
+    title && /* @__PURE__ */ jsx14("h3", { className: "ld-card__title", children: title }),
+    children && /* @__PURE__ */ jsx14("div", { className: "ld-card__body", children })
+  ] });
+  if (href) {
+    return /* @__PURE__ */ jsx14(
+      "a",
+      {
+        href,
+        className: `ld-card ld-card--link ${className}`.trim(),
+        ...rest,
+        children: inner
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx14("div", { className: `ld-card ${className}`.trim(), ...rest, children: inner });
+}
+
+// src/client/theme/components/mdx/Tabs.tsx
+import { useState as useState5, Children, isValidElement, useRef as useRef2 } from "react";
+import { jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
+function Tab({ children }) {
+  return /* @__PURE__ */ jsx15("div", { className: "ld-tab-panel", children });
+}
+function Tabs({ defaultIndex = 0, children }) {
+  const [active, setActive] = useState5(defaultIndex);
+  const tabRefs = useRef2([]);
+  const tabs = Children.toArray(children).filter(
+    (child) => isValidElement(child) && child.props?.label
+  );
+  const handleKeyDown = (e) => {
+    let newIndex = active;
+    if (e.key === "ArrowRight") {
+      newIndex = (active + 1) % tabs.length;
+    } else if (e.key === "ArrowLeft") {
+      newIndex = (active - 1 + tabs.length) % tabs.length;
+    }
+    if (newIndex !== active) {
+      setActive(newIndex);
+      tabRefs.current[newIndex]?.focus();
+    }
+  };
+  return /* @__PURE__ */ jsxs11("div", { className: "ld-tabs", children: [
+    /* @__PURE__ */ jsx15("div", { className: "ld-tabs__bar", role: "tablist", onKeyDown: handleKeyDown, children: tabs.map((child, i) => {
+      const label = child.props.label;
+      return /* @__PURE__ */ jsx15(
+        "button",
+        {
+          role: "tab",
+          "aria-selected": i === active,
+          "aria-controls": `tabpanel-${i}`,
+          id: `tab-${i}`,
+          tabIndex: i === active ? 0 : -1,
+          ref: (el) => {
+            tabRefs.current[i] = el;
+          },
+          className: `ld-tabs__trigger ${i === active ? "ld-tabs__trigger--active" : ""}`,
+          onClick: () => setActive(i),
+          children: label
+        },
+        i
+      );
+    }) }),
+    /* @__PURE__ */ jsx15(
+      "div",
+      {
+        className: "ld-tabs__content",
+        role: "tabpanel",
+        id: `tabpanel-${active}`,
+        "aria-labelledby": `tab-${active}`,
+        children: tabs[active]
+      }
+    )
+  ] });
+}
+
+// src/client/theme/components/mdx/Admonition.tsx
+import {
+  Info,
+  Lightbulb,
+  AlertTriangle,
+  ShieldAlert,
+  Bookmark
+} from "lucide-react";
+import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
+var ICON_MAP = {
+  note: /* @__PURE__ */ jsx16(Bookmark, { size: 18 }),
+  tip: /* @__PURE__ */ jsx16(Lightbulb, { size: 18 }),
+  info: /* @__PURE__ */ jsx16(Info, { size: 18 }),
+  warning: /* @__PURE__ */ jsx16(AlertTriangle, { size: 18 }),
+  danger: /* @__PURE__ */ jsx16(ShieldAlert, { size: 18 })
+};
+var LABEL_MAP = {
+  note: "Note",
+  tip: "Tip",
+  info: "Info",
+  warning: "Warning",
+  danger: "Danger"
+};
+function Admonition({
+  type = "note",
+  title,
+  children,
+  className = "",
+  ...rest
+}) {
+  return /* @__PURE__ */ jsxs12(
+    "div",
+    {
+      className: `ld-admonition ld-admonition--${type} ${className}`.trim(),
+      role: type === "warning" || type === "danger" ? "alert" : "note",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsxs12("div", { className: "ld-admonition__header", children: [
+          /* @__PURE__ */ jsx16("span", { className: "ld-admonition__icon", children: ICON_MAP[type] }),
+          /* @__PURE__ */ jsx16("span", { className: "ld-admonition__title", children: title || LABEL_MAP[type] })
+        ] }),
+        /* @__PURE__ */ jsx16("div", { className: "ld-admonition__body", children })
+      ]
+    }
+  );
+}
+var Note = (props) => /* @__PURE__ */ jsx16(Admonition, { type: "note", ...props });
+var Tip = (props) => /* @__PURE__ */ jsx16(Admonition, { type: "tip", ...props });
+var Warning = (props) => /* @__PURE__ */ jsx16(Admonition, { type: "warning", ...props });
+var Danger = (props) => /* @__PURE__ */ jsx16(Admonition, { type: "danger", ...props });
+var InfoBox = (props) => /* @__PURE__ */ jsx16(Admonition, { type: "info", ...props });
+
+// src/client/theme/components/mdx/List.tsx
+import React6, { Children as Children2 } from "react";
+import { Check, ChevronRight as ChevronRight4 } from "lucide-react";
+import { jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
+var ICON_MAP2 = {
+  checked: /* @__PURE__ */ jsx17(Check, { size: 14, className: "ld-list__icon" }),
+  arrow: /* @__PURE__ */ jsx17(ChevronRight4, { size: 14, className: "ld-list__icon" })
+};
+function List({
+  variant = "default",
+  children,
+  className = "",
+  ...rest
+}) {
+  if (variant === "default") {
+    return /* @__PURE__ */ jsx17("ul", { className: `ld-list ${className}`.trim(), ...rest, children });
+  }
+  const icon = ICON_MAP2[variant];
+  return /* @__PURE__ */ jsx17("ul", { className: `ld-list ld-list--${variant} ${className}`.trim(), ...rest, children: Children2.map(children, (child) => {
+    if (!React6.isValidElement(child)) return child;
+    return /* @__PURE__ */ jsxs13("li", { className: "ld-list__item", children: [
+      icon,
+      /* @__PURE__ */ jsx17("span", { className: "ld-list__text", children: child.props.children })
+    ] });
+  }) });
+}
+
+// src/client/app/index.tsx
+import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
+var ConfigContext = createContext2(null);
+function useConfig() {
+  return useContext2(ConfigContext);
+}
+var CodeBlock = lazy(
+  () => import("./CodeBlock-37XMKCYY.mjs").then((m) => ({
+    default: m.CodeBlock
+  }))
+);
+var Video = lazy(
+  () => import("./Video-I6QY4X7J.mjs").then((m) => ({ default: m.Video }))
+);
+var PackageManagerTabs = lazy(
+  () => import("./PackageManagerTabs-4NWXLXQO.mjs").then((m) => ({
+    default: m.PackageManagerTabs
+  }))
+);
+var Playground = lazy(
+  () => import("./Playground-OE2OE6B6.mjs").then((m) => ({
+    default: m.Playground
+  }))
+);
+var Heading = ({
+  level,
+  id,
+  children
+}) => {
+  const Tag = `h${level}`;
+  return /* @__PURE__ */ jsxs14(Tag, { id, className: "boltdocs-heading", children: [
+    children,
+    id && /* @__PURE__ */ jsx18("a", { href: `#${id}`, className: "header-anchor", "aria-label": "Anchor", children: /* @__PURE__ */ jsx18(LucideLink, { size: 16 }) })
+  ] });
+};
+var mdxComponents = {
+  h1: (props) => /* @__PURE__ */ jsx18(Heading, { level: 1, ...props }),
+  h2: (props) => /* @__PURE__ */ jsx18(Heading, { level: 2, ...props }),
+  h3: (props) => /* @__PURE__ */ jsx18(Heading, { level: 3, ...props }),
+  h4: (props) => /* @__PURE__ */ jsx18(Heading, { level: 4, ...props }),
+  h5: (props) => /* @__PURE__ */ jsx18(Heading, { level: 5, ...props }),
+  h6: (props) => /* @__PURE__ */ jsx18(Heading, { level: 6, ...props }),
+  pre: (props) => {
+    return /* @__PURE__ */ jsx18(Suspense, { fallback: /* @__PURE__ */ jsx18("div", { className: "code-block-skeleton" }), children: /* @__PURE__ */ jsx18(CodeBlock, { ...props, children: props.children }) });
+  },
+  video: (props) => /* @__PURE__ */ jsx18(Suspense, { fallback: /* @__PURE__ */ jsx18("div", { className: "video-skeleton" }), children: /* @__PURE__ */ jsx18(Video, { ...props }) }),
+  PackageManagerTabs: (props) => /* @__PURE__ */ jsx18(Suspense, { fallback: /* @__PURE__ */ jsx18("div", { className: "pkg-tabs-skeleton" }), children: /* @__PURE__ */ jsx18(PackageManagerTabs, { ...props }) }),
+  Playground: (props) => /* @__PURE__ */ jsx18(Suspense, { fallback: /* @__PURE__ */ jsx18("div", { className: "playground-skeleton" }), children: /* @__PURE__ */ jsx18(Playground, { ...props }) }),
+  Button,
+  Badge,
+  Card,
+  Cards,
+  Tabs,
+  Tab,
+  Admonition,
+  Note,
+  Tip,
+  Warning,
+  Danger,
+  InfoBox,
+  List
+};
+function AppShell({
+  initialRoutes,
+  initialConfig,
+  modules,
+  hot,
+  homePage: HomePage,
+  components: customComponents = {}
+}) {
+  const [routesInfo, setRoutesInfo] = useState6(initialRoutes);
+  const [config] = useState6(initialConfig);
+  const [resolvedRoutes, setResolvedRoutes] = useState6([]);
+  useEffect4(() => {
+    if (hot) {
+      hot.on("boltdocs:routes-update", (newRoutes) => {
+        setRoutesInfo(newRoutes);
+      });
+    }
+  }, [hot]);
+  useEffect4(() => {
+    const mapped = routesInfo.filter(
+      (route) => !(HomePage && (route.path === "/" || route.path === ""))
+    ).map((route) => {
+      const loaderKey = Object.keys(modules).find(
+        (k) => k.endsWith("/" + route.filePath)
+      );
+      const loader = loaderKey ? modules[loaderKey] : null;
+      return {
+        ...route,
+        Component: React7.lazy(() => {
+          if (!loader)
+            return Promise.resolve({ default: () => /* @__PURE__ */ jsx18(NotFound, {}) });
+          return loader();
+        })
+      };
+    });
+    setResolvedRoutes(mapped);
+  }, [routesInfo, modules]);
+  return /* @__PURE__ */ jsx18(ConfigContext.Provider, { value: config, children: /* @__PURE__ */ jsxs14(PreloadProvider, { routes: routesInfo, modules, children: [
+    /* @__PURE__ */ jsx18(ScrollHandler, {}),
+    /* @__PURE__ */ jsxs14(Routes, { children: [
+      HomePage && /* @__PURE__ */ jsx18(
+        Route,
+        {
+          path: "/",
+          element: /* @__PURE__ */ jsx18(
+            ThemeLayout,
+            {
+              config,
+              routes: routesInfo,
+              sidebar: null,
+              toc: null,
+              breadcrumbs: null,
+              ...config.themeConfig?.layoutProps,
+              children: /* @__PURE__ */ jsx18(HomePage, {})
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx18(Route, { element: /* @__PURE__ */ jsx18(DocsLayout, { config, routes: routesInfo }), children: resolvedRoutes.map((route) => /* @__PURE__ */ jsx18(
+        Route,
+        {
+          path: route.path === "" ? "/" : route.path,
+          element: /* @__PURE__ */ jsx18(React7.Suspense, { fallback: /* @__PURE__ */ jsx18(Loading, {}), children: /* @__PURE__ */ jsx18(
+            MdxPage,
+            {
+              Component: route.Component,
+              customComponents
+            }
+          ) })
+        },
+        route.path
+      )) }),
+      /* @__PURE__ */ jsx18(
+        Route,
+        {
+          path: "*",
+          element: /* @__PURE__ */ jsx18(
+            ThemeLayout,
+            {
+              config,
+              routes: routesInfo,
+              ...config.themeConfig?.layoutProps,
+              children: /* @__PURE__ */ jsx18(NotFound, {})
+            }
+          )
+        }
+      )
+    ] })
+  ] }) });
+}
+function ScrollHandler() {
+  const { pathname, hash } = useLocation6();
+  useLayoutEffect(() => {
+    if (hash) {
+      const id = hash.replace("#", "");
+      const element = document.getElementById(id);
+      if (element) {
+        const offset = 80;
+        const bodyRect = document.body.getBoundingClientRect().top;
+        const elementRect = element.getBoundingClientRect().top;
+        const elementPosition = elementRect - bodyRect;
+        const offsetPosition = elementPosition - offset;
+        window.scrollTo({
+          top: offsetPosition,
+          behavior: "smooth"
+        });
+        return;
+      }
+    }
+    window.scrollTo(0, 0);
+  }, [pathname, hash]);
+  return null;
+}
+function DocsLayout({
+  config,
+  routes
+}) {
+  return /* @__PURE__ */ jsx18(
+    ThemeLayout,
+    {
+      config,
+      routes,
+      ...config.themeConfig?.layoutProps,
+      children: /* @__PURE__ */ jsx18(Outlet, {})
+    }
+  );
+}
+function MdxPage({
+  Component,
+  customComponents = {}
+}) {
+  const allComponents = { ...mdxComponents, ...customComponents };
+  return /* @__PURE__ */ jsx18(MDXProvider, { components: allComponents, children: /* @__PURE__ */ jsx18(Component, {}) });
+}
+function createBoltdocsApp(options) {
+  const { target, routes, 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__ */ jsx18(React7.StrictMode, { children: /* @__PURE__ */ jsx18(BrowserRouter, { children: /* @__PURE__ */ jsx18(
+    AppShell,
+    {
+      initialRoutes: routes,
+      initialConfig: config,
+      modules,
+      hot,
+      homePage,
+      components: options.components
+    }
+  ) }) });
+  if (import.meta.env.PROD && container.innerHTML.trim() !== "") {
+    ReactDOM.hydrateRoot(container, app);
+  } else {
+    ReactDOM.createRoot(container).render(app);
+  }
+}
+
+// src/client/theme/ui/Link/Link.tsx
+import { jsx as jsx19 } from "react/jsx-runtime";
+function useLocalizedTo(to) {
+  const location = useLocation7();
+  const config = useConfig();
+  if (!config || typeof to !== "string") return to;
+  if (!config.i18n && !config.versions) return to;
+  const basePath = "/docs";
+  if (!to.startsWith(basePath)) return to;
+  const curSub = location.pathname.substring(basePath.length);
+  const curParts = curSub.split("/").filter(Boolean);
+  let currentVersion = config.versions?.defaultVersion;
+  let currentLocale = config.i18n?.defaultLocale;
+  let cIdx = 0;
+  if (config.versions && curParts.length > cIdx && config.versions.versions[curParts[cIdx]]) {
+    currentVersion = curParts[cIdx];
+    cIdx++;
+  }
+  if (config.i18n && curParts.length > cIdx && config.i18n.locales[curParts[cIdx]]) {
+    currentLocale = curParts[cIdx];
+  }
+  const toSub = to.substring(basePath.length);
+  const toParts = toSub.split("/").filter(Boolean);
+  let tIdx = 0;
+  let hasVersion = false;
+  let hasLocale = false;
+  if (config.versions && toParts.length > tIdx && config.versions.versions[toParts[tIdx]]) {
+    hasVersion = true;
+    tIdx++;
+  }
+  if (config.i18n && toParts.length > tIdx && config.i18n.locales[toParts[tIdx]]) {
+    hasLocale = true;
+    tIdx++;
+  }
+  const routeParts = toParts.slice(tIdx);
+  const finalParts = [];
+  if (config.versions) {
+    if (hasVersion) {
+      finalParts.push(toParts[0]);
+    } else if (currentVersion) {
+      finalParts.push(currentVersion);
+    }
+  }
+  if (config.i18n) {
+    if (hasLocale) {
+      finalParts.push(toParts[hasVersion ? 1 : 0]);
+    } else if (currentLocale) {
+      finalParts.push(currentLocale);
+    }
+  }
+  finalParts.push(...routeParts);
+  let finalPath = `${basePath}/${finalParts.join("/")}`;
+  if (finalPath.endsWith("/")) {
+    finalPath = finalPath.slice(0, -1);
+  }
+  return finalPath === basePath ? basePath : finalPath;
+}
+var Link = React8.forwardRef(
+  (props, ref) => {
+    const {
+      boltdocsPrefetch = "hover",
+      onMouseEnter,
+      onFocus,
+      to,
+      ...rest
+    } = props;
+    const localizedTo = useLocalizedTo(to);
+    const { preload } = usePreload();
+    const handleMouseEnter = (e) => {
+      onMouseEnter?.(e);
+      if (boltdocsPrefetch === "hover" && typeof localizedTo === "string" && localizedTo.startsWith("/")) {
+        preload(localizedTo);
+      }
+    };
+    const handleFocus = (e) => {
+      onFocus?.(e);
+      if (boltdocsPrefetch === "hover" && typeof localizedTo === "string" && localizedTo.startsWith("/")) {
+        preload(localizedTo);
+      }
+    };
+    return /* @__PURE__ */ jsx19(
+      RouterLink,
+      {
+        ref,
+        to: localizedTo,
+        onMouseEnter: handleMouseEnter,
+        onFocus: handleFocus,
+        ...rest
+      }
+    );
+  }
+);
+Link.displayName = "Link";
+var NavLink = React8.forwardRef(
+  (props, ref) => {
+    const {
+      boltdocsPrefetch = "hover",
+      onMouseEnter,
+      onFocus,
+      to,
+      ...rest
+    } = props;
+    const localizedTo = useLocalizedTo(to);
+    const { preload } = usePreload();
+    const handleMouseEnter = (e) => {
+      onMouseEnter?.(e);
+      if (boltdocsPrefetch === "hover" && typeof localizedTo === "string" && localizedTo.startsWith("/")) {
+        preload(localizedTo);
+      }
+    };
+    const handleFocus = (e) => {
+      onFocus?.(e);
+      if (boltdocsPrefetch === "hover" && typeof localizedTo === "string" && localizedTo.startsWith("/")) {
+        preload(localizedTo);
+      }
+    };
+    return /* @__PURE__ */ jsx19(
+      RouterNavLink,
+      {
+        ref,
+        to: localizedTo,
+        onMouseEnter: handleMouseEnter,
+        onFocus: handleFocus,
+        ...rest
+      }
+    );
+  }
+);
+NavLink.displayName = "NavLink";
+
+// src/client/theme/ui/Navbar/Navbar.tsx
+import { ChevronDown as ChevronDown3 } from "lucide-react";
+
+// src/client/theme/ui/LanguageSwitcher/LanguageSwitcher.tsx
+import { useState as useState7, useRef as useRef3, useEffect as useEffect5 } from "react";
+import { Globe, ChevronDown } from "lucide-react";
+import { useNavigate, useLocation as useLocation8 } from "react-router-dom";
+import { jsx as jsx20, jsxs as jsxs15 } from "react/jsx-runtime";
+function getBaseFilePath(filePath, version, locale) {
+  let path = filePath;
+  if (version && (path === version || path.startsWith(version + "/"))) {
+    path = path === version ? "index.md" : path.slice(version.length + 1);
+  }
+  if (locale && (path === locale || path.startsWith(locale + "/"))) {
+    path = path === locale ? "index.md" : path.slice(locale.length + 1);
+  }
+  return path;
+}
+function LanguageSwitcher({
+  i18n,
+  currentLocale,
+  allRoutes
+}) {
+  const [isOpen, setIsOpen] = useState7(false);
+  const dropdownRef = useRef3(null);
+  const navigate = useNavigate();
+  const location = useLocation8();
+  useEffect5(() => {
+    function handleClickOutside(event) {
+      if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
+        setIsOpen(false);
+      }
+    }
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, []);
+  const handleSelect = (locale) => {
+    setIsOpen(false);
+    if (locale === currentLocale) return;
+    const currentRoute = allRoutes.find((r) => r.path === location.pathname);
+    let targetPath = "/";
+    if (currentRoute) {
+      const baseFile = getBaseFilePath(
+        currentRoute.filePath,
+        currentRoute.version,
+        currentRoute.locale
+      );
+      const targetRoute = allRoutes.find(
+        (r) => getBaseFilePath(r.filePath, r.version, r.locale) === baseFile && (r.locale || i18n.defaultLocale) === locale && r.version === currentRoute.version
+      );
+      if (targetRoute) {
+        targetPath = targetRoute.path;
+      } else {
+        const defaultIndexRoute = allRoutes.find(
+          (r) => getBaseFilePath(r.filePath, r.version, r.locale) === "index.md" && (r.locale || i18n.defaultLocale) === locale && r.version === currentRoute.version
+        );
+        targetPath = defaultIndexRoute ? defaultIndexRoute.path : locale === i18n.defaultLocale ? currentRoute.version ? `/${currentRoute.version}` : "/" : currentRoute.version ? `/${currentRoute.version}/${locale}` : `/${locale}`;
+      }
+    } else {
+      targetPath = locale === i18n.defaultLocale ? "/" : `/${locale}`;
+    }
+    navigate(targetPath);
+  };
+  return /* @__PURE__ */ jsxs15("div", { className: "boltdocs-language-switcher", ref: dropdownRef, children: [
+    /* @__PURE__ */ jsxs15(
+      "button",
+      {
+        className: "language-btn",
+        onClick: () => setIsOpen(!isOpen),
+        "aria-label": "Switch language",
+        "aria-expanded": isOpen,
+        "aria-haspopup": "listbox",
+        children: [
+          /* @__PURE__ */ jsx20(Globe, { size: 18 }),
+          /* @__PURE__ */ jsx20("span", { className: "language-label", children: i18n.locales[currentLocale] || currentLocale }),
+          /* @__PURE__ */ jsx20(ChevronDown, { size: 14 })
+        ]
+      }
+    ),
+    isOpen && /* @__PURE__ */ jsx20("div", { className: "language-dropdown", children: Object.entries(i18n.locales).map(([key, label]) => /* @__PURE__ */ jsx20(
+      "button",
+      {
+        className: `language-option ${key === currentLocale ? "active" : ""}`,
+        onClick: () => handleSelect(key),
+        children: label
+      },
+      key
+    )) })
+  ] });
+}
+
+// src/client/theme/ui/VersionSwitcher/VersionSwitcher.tsx
+import { useState as useState8, useRef as useRef4, useEffect as useEffect6 } from "react";
+import { ChevronDown as ChevronDown2 } from "lucide-react";
+import { useNavigate as useNavigate2, useLocation as useLocation9 } from "react-router-dom";
+import { jsx as jsx21, jsxs as jsxs16 } from "react/jsx-runtime";
+function getBaseFilePath2(filePath, version, locale) {
+  let path = filePath;
+  if (version && (path === version || path.startsWith(version + "/"))) {
+    path = path === version ? "index.md" : path.slice(version.length + 1);
+  }
+  if (locale && (path === locale || path.startsWith(locale + "/"))) {
+    path = path === locale ? "index.md" : path.slice(locale.length + 1);
+  }
+  return path;
+}
+function VersionSwitcher({
+  versions,
+  currentVersion,
+  currentLocale,
+  allRoutes
+}) {
+  const [isOpen, setIsOpen] = useState8(false);
+  const dropdownRef = useRef4(null);
+  const navigate = useNavigate2();
+  const location = useLocation9();
+  useEffect6(() => {
+    function handleClickOutside(event) {
+      if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
+        setIsOpen(false);
+      }
+    }
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, []);
+  const handleSelect = (version) => {
+    setIsOpen(false);
+    if (version === currentVersion) return;
+    const currentRoute = allRoutes.find((r) => r.path === location.pathname);
+    let targetPath = `/docs/${version}`;
+    if (currentRoute) {
+      const baseFile = getBaseFilePath2(
+        currentRoute.filePath,
+        currentRoute.version,
+        currentRoute.locale
+      );
+      const targetRoute = allRoutes.find(
+        (r) => getBaseFilePath2(r.filePath, r.version, r.locale) === baseFile && (r.version || versions.defaultVersion) === version && (currentLocale ? r.locale === currentLocale : !r.locale)
+      );
+      if (targetRoute) {
+        targetPath = targetRoute.path;
+      } else {
+        const versionIndexRoute = allRoutes.find(
+          (r) => getBaseFilePath2(r.filePath, r.version, r.locale) === "index.md" && (r.version || versions.defaultVersion) === version && (currentLocale ? r.locale === currentLocale : !r.locale)
+        );
+        targetPath = versionIndexRoute ? versionIndexRoute.path : `/docs/${version}${currentLocale ? `/${currentLocale}` : ""}`;
+      }
+    }
+    navigate(targetPath);
+  };
+  return /* @__PURE__ */ jsxs16(
+    "div",
+    {
+      className: "boltdocs-version-switcher",
+      ref: dropdownRef,
+      style: { position: "relative", display: "flex", alignItems: "center" },
+      children: [
+        /* @__PURE__ */ jsxs16(
+          "button",
+          {
+            className: "navbar-version",
+            onClick: () => setIsOpen(!isOpen),
+            "aria-label": "Switch version",
+            "aria-expanded": isOpen,
+            "aria-haspopup": "listbox",
+            style: {
+              fontFamily: "inherit",
+              padding: "0.25rem 0.5rem",
+              marginLeft: "0.5rem"
+            },
+            children: [
+              /* @__PURE__ */ jsx21("span", { children: versions.versions[currentVersion] || currentVersion }),
+              /* @__PURE__ */ jsx21(ChevronDown2, { size: 14 })
+            ]
+          }
+        ),
+        isOpen && /* @__PURE__ */ jsx21(
+          "div",
+          {
+            className: "language-dropdown",
+            style: {
+              left: "0.5rem",
+              right: "auto",
+              minWidth: "150px",
+              top: "calc(100% + 8px)"
+            },
+            children: Object.entries(versions.versions).map(([key, label]) => /* @__PURE__ */ jsx21(
+              "button",
+              {
+                className: `language-option ${key === currentVersion ? "active" : ""}`,
+                onClick: () => handleSelect(key),
+                children: label
+              },
+              key
+            ))
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/client/theme/ui/ThemeToggle/ThemeToggle.tsx
+import { useEffect as useEffect7, useState as useState9 } from "react";
+import { Sun, Moon } from "lucide-react";
+import { jsx as jsx22 } from "react/jsx-runtime";
+function ThemeToggle() {
+  const [theme, setTheme] = useState9("dark");
+  const [mounted, setMounted] = useState9(false);
+  useEffect7(() => {
+    setMounted(true);
+    const stored = localStorage.getItem("boltdocs-theme");
+    if (stored === "light" || stored === "dark") {
+      setTheme(stored);
+    } else {
+      const prefersDark = window.matchMedia(
+        "(prefers-color-scheme: dark)"
+      ).matches;
+      setTheme(prefersDark ? "dark" : "light");
+    }
+    const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+    const handleChange = (e) => {
+      if (!localStorage.getItem("boltdocs-theme")) {
+        setTheme(e.matches ? "dark" : "light");
+      }
+    };
+    mediaQuery.addEventListener("change", handleChange);
+    return () => mediaQuery.removeEventListener("change", handleChange);
+  }, []);
+  useEffect7(() => {
+    if (!mounted) return;
+    const root = document.documentElement;
+    if (theme === "light") {
+      root.classList.add("theme-light");
+      root.dataset.theme = "light";
+    } else {
+      root.classList.remove("theme-light");
+      root.dataset.theme = "dark";
+    }
+  }, [theme, mounted]);
+  const toggleTheme = () => {
+    const newTheme = theme === "dark" ? "light" : "dark";
+    setTheme(newTheme);
+    localStorage.setItem("boltdocs-theme", newTheme);
+  };
+  if (!mounted) {
+    return /* @__PURE__ */ jsx22("button", { className: "navbar-icon-btn", "aria-label": "Toggle theme", disabled: true, children: /* @__PURE__ */ jsx22("span", { style: { width: 20, height: 20, display: "inline-block" } }) });
+  }
+  return /* @__PURE__ */ jsx22(
+    "button",
+    {
+      className: "navbar-icon-btn",
+      onClick: toggleTheme,
+      "aria-label": "Toggle theme",
+      title: `Switch to ${theme === "dark" ? "light" : "dark"} theme`,
+      children: theme === "dark" ? /* @__PURE__ */ jsx22(Sun, { size: 20 }) : /* @__PURE__ */ jsx22(Moon, { size: 20 })
+    }
+  );
+}
+
+// src/client/theme/icons/discord.tsx
+import { jsx as jsx23 } from "react/jsx-runtime";
+var Discord = (props) => /* @__PURE__ */ jsx23("svg", { ...props, viewBox: "0 0 256 199", preserveAspectRatio: "xMidYMid", children: /* @__PURE__ */ jsx23(
+  "path",
+  {
+    d: "M216.856 16.597A208.502 208.502 0 0 0 164.042 0c-2.275 4.113-4.933 9.645-6.766 14.046-19.692-2.961-39.203-2.961-58.533 0-1.832-4.4-4.55-9.933-6.846-14.046a207.809 207.809 0 0 0-52.855 16.638C5.618 67.147-3.443 116.4 1.087 164.956c22.169 16.555 43.653 26.612 64.775 33.193A161.094 161.094 0 0 0 79.735 175.3a136.413 136.413 0 0 1-21.846-10.632 108.636 108.636 0 0 0 5.356-4.237c42.122 19.702 87.89 19.702 129.51 0a131.66 131.66 0 0 0 5.355 4.237 136.07 136.07 0 0 1-21.886 10.653c4.006 8.02 8.638 15.67 13.873 22.848 21.142-6.58 42.646-16.637 64.815-33.213 5.316-56.288-9.08-105.09-38.056-148.36ZM85.474 135.095c-12.645 0-23.015-11.805-23.015-26.18s10.149-26.2 23.015-26.2c12.867 0 23.236 11.804 23.015 26.2.02 14.375-10.148 26.18-23.015 26.18Zm85.051 0c-12.645 0-23.014-11.805-23.014-26.18s10.148-26.2 23.014-26.2c12.867 0 23.236 11.804 23.015 26.2 0 14.375-10.148 26.18-23.015 26.18Z",
+    fill: "currentColor"
+  }
+) });
+
+// src/client/theme/icons/twitter.tsx
+import { jsx as jsx24 } from "react/jsx-runtime";
+var XformerlyTwitter = (props) => /* @__PURE__ */ jsx24("svg", { ...props, fill: "none", viewBox: "0 0 1200 1227", children: /* @__PURE__ */ jsx24(
+  "path",
+  {
+    fill: "currentColor",
+    d: "M714.163 519.284 1160.89 0h-105.86L667.137 450.887 357.328 0H0l468.492 681.821L0 1226.37h105.866l409.625-476.152 327.181 476.152H1200L714.137 519.284h.026ZM569.165 687.828l-47.468-67.894-377.686-540.24h162.604l304.797 435.991 47.468 67.894 396.2 566.721H892.476L569.165 687.854v-.026Z"
+  }
+) });
+
+// src/client/theme/ui/Navbar/Navbar.tsx
+import { jsx as jsx25, jsxs as jsxs17 } from "react/jsx-runtime";
+var SearchDialog = React11.lazy(
+  () => import("./SearchDialog-FTOQZ763.mjs").then((m) => ({ default: m.SearchDialog }))
+);
+var ICON_MAP3 = {
+  discord: Discord,
+  x: XformerlyTwitter
+};
+function Navbar({
+  config,
+  routes,
+  allRoutes,
+  currentLocale,
+  currentVersion
+}) {
+  const title = config.themeConfig?.title || "Boltdocs";
+  const navItems = config.themeConfig?.navbar || [];
+  const socialLinks = config.themeConfig?.socialLinks || [];
+  return /* @__PURE__ */ jsx25("header", { className: "boltdocs-navbar", children: /* @__PURE__ */ jsxs17("div", { className: "navbar-container", children: [
+    /* @__PURE__ */ jsxs17("div", { className: "navbar-left", children: [
+      /* @__PURE__ */ jsx25("div", { className: "navbar-logo", children: /* @__PURE__ */ jsxs17(Link, { to: "/", children: [
+        config.themeConfig?.logo ? config.themeConfig.logo.trim().startsWith("<svg") ? /* @__PURE__ */ jsx25(
+          "span",
+          {
+            className: "navbar-logo-svg",
+            dangerouslySetInnerHTML: {
+              __html: config.themeConfig.logo
+            }
+          }
+        ) : /* @__PURE__ */ jsx25(
+          "img",
+          {
+            src: config.themeConfig.logo,
+            alt: title,
+            className: "navbar-logo-img"
+          }
+        ) : null,
+        title
+      ] }) }),
+      config.versions && currentVersion && allRoutes ? /* @__PURE__ */ jsx25(
+        VersionSwitcher,
+        {
+          versions: config.versions,
+          currentVersion,
+          currentLocale,
+          allRoutes
+        }
+      ) : config.themeConfig?.version ? /* @__PURE__ */ jsxs17("div", { className: "navbar-version", children: [
+        config.themeConfig.version,
+        " ",
+        /* @__PURE__ */ jsx25(ChevronDown3, { size: 14 })
+      ] }) : null,
+      /* @__PURE__ */ jsx25("nav", { className: "navbar-links", "aria-label": "Top Navigation", children: navItems.map((item, i) => /* @__PURE__ */ jsx25(Link, { to: item.link, children: item.text }, i)) })
+    ] }),
+    /* @__PURE__ */ jsxs17("div", { className: "navbar-right", children: [
+      /* @__PURE__ */ jsx25(
+        React11.Suspense,
+        {
+          fallback: /* @__PURE__ */ jsx25("div", { className: "navbar-search-placeholder" }),
+          children: /* @__PURE__ */ jsx25(SearchDialog, { routes: routes || [] })
+        }
+      ),
+      config.i18n && currentLocale && allRoutes && /* @__PURE__ */ jsx25(
+        LanguageSwitcher,
+        {
+          i18n: config.i18n,
+          currentLocale,
+          allRoutes
+        }
+      ),
+      /* @__PURE__ */ jsx25(ThemeToggle, {}),
+      config.themeConfig?.githubRepo && /* @__PURE__ */ jsx25(GithubStars, { repo: config.themeConfig.githubRepo }),
+      socialLinks.length > 0 && /* @__PURE__ */ jsx25("div", { className: "navbar-divider" }),
+      /* @__PURE__ */ jsx25("div", { className: "navbar-icons", children: socialLinks.map((link, i) => {
+        const IconComp = ICON_MAP3[link.icon.toLowerCase()];
+        return /* @__PURE__ */ jsx25(
+          "a",
+          {
+            href: link.link,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: "navbar-icon-btn",
+            "aria-label": link.icon,
+            children: IconComp ? /* @__PURE__ */ jsx25(IconComp, {}) : /* @__PURE__ */ jsx25("span", { children: link.icon })
+          },
+          i
+        );
+      }) })
+    ] })
+  ] }) });
+}
+
+export {
+  Link,
+  Navbar,
+  Sidebar,
+  OnThisPage,
+  Head,
+  Breadcrumbs,
+  BackgroundGradient,
+  ThemeLayout,
+  NotFound,
+  Loading,
+  Button,
+  Badge,
+  Cards,
+  Card,
+  Tab,
+  Tabs,
+  Admonition,
+  Note,
+  Tip,
+  Warning,
+  Danger,
+  InfoBox,
+  List,
+  AppShell,
+  createBoltdocsApp
+};