@unterberg/nivel 0.1.4 → 0.1.6

package/dist/{chunk-5NW6G3SG.js → chunk-5QP3Y2DU.js}

@@ -19,30 +19,41 @@ import {
 // src/runtime/client/AppLayout.tsx
 import { cmMerge as cmMerge5 } from "@classmatejs/react";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
-import { useState as useState4 } from "react";
-import { usePageContext as usePageContext5 } from "vike-react/usePageContext";
+import { usePageContext as usePageContext4 } from "vike-react/usePageContext";
 
 // src/runtime/client/components/Navbar/index.tsx
 import cm2, { cmMerge as cmMerge4 } from "@classmatejs/react";
 import { ChevronDown, TextSearch } from "lucide-react";
-import { useCallback, useEffect as useEffect3, useRef as useRef2, useState as useState3 } from "react";
-import { usePageContext as usePageContext4 } from "vike-react/usePageContext";
+import { memo as memo3, useCallback, useEffect as useEffect3, useRef as useRef2, useState as useState3 } from "react";
+import { usePageContext as usePageContext3 } from "vike-react/usePageContext";
 
 // src/runtime/client/docsGlobalContext.ts
+import { createContext, createElement, useContext } from "react";
 import { usePageContext } from "vike-react/usePageContext";
-var getDocsGlobalContext = (pageContext) => {
+var DocsGlobalContext = createContext(null);
+var getDocsFromGlobalContext = (pageContext) => {
   const docs = pageContext.globalContext?.docs;
   if (!docs) {
     throw new Error("Missing docs global context data.");
   }
   return docs;
 };
+var DocsGlobalContextProvider = ({ children, docs }) => {
+  return createElement(DocsGlobalContext.Provider, { value: docs }, children);
+};
 var useDocsGlobalContext = () => {
-  return getDocsGlobalContext(usePageContext());
+  const docs = useContext(DocsGlobalContext);
+  if (!docs) {
+    throw new Error("Missing docs global context provider.");
+  }
+  return docs;
+};
+var useDocsFromPageGlobalContext = () => {
+  return getDocsFromGlobalContext(usePageContext());
 };
 
 // src/runtime/client/store/runtime-store.tsx
-import { createContext, useContext } from "react";
+import { createContext as createContext2, useContext as useContext2 } from "react";
 import { useStore } from "zustand";
 import { createStore } from "zustand/vanilla";
 import { jsx } from "react/jsx-runtime";
@@ -51,11 +62,56 @@ var defaultDocsSearchState = {
   query: ""
 };
 var defaultDocsSidebarState = {
-  openNodes: {},
-  scrollTop: 0
+  openNodes: {}
+};
+var defaultDocsRouteState = {
+  currentHref: "",
+  currentSectionId: null,
+  pageTitle: "",
+  headings: [],
+  tableOfContents: false,
+  previousPage: null,
+  nextPage: null
 };
 var createDocsRuntimeStore = () => {
   return createStore()((set) => {
+    const routeActions = {
+      setPageData: (data) => set((state) => {
+        const nextRouteState = {
+          ...state.routeState,
+          currentHref: data.page.href,
+          currentSectionId: data.page.sectionId,
+          pageTitle: data.page.title,
+          headings: data.headings,
+          tableOfContents: data.page.tableOfContents,
+          previousPage: data.previousPage,
+          nextPage: data.nextPage
+        };
+        if (state.routeState.currentHref === nextRouteState.currentHref && state.routeState.currentSectionId === nextRouteState.currentSectionId && state.routeState.pageTitle === nextRouteState.pageTitle && state.routeState.headings === nextRouteState.headings && state.routeState.tableOfContents === nextRouteState.tableOfContents && state.routeState.previousPage === nextRouteState.previousPage && state.routeState.nextPage === nextRouteState.nextPage) {
+          return state;
+        }
+        return {
+          routeState: nextRouteState
+        };
+      }),
+      clearPageData: () => set((state) => {
+        if (state.routeState.currentHref === defaultDocsRouteState.currentHref && state.routeState.currentSectionId === defaultDocsRouteState.currentSectionId && state.routeState.pageTitle === defaultDocsRouteState.pageTitle && state.routeState.headings === defaultDocsRouteState.headings && state.routeState.tableOfContents === defaultDocsRouteState.tableOfContents && state.routeState.previousPage === defaultDocsRouteState.previousPage && state.routeState.nextPage === defaultDocsRouteState.nextPage) {
+          return state;
+        }
+        return {
+          routeState: {
+            ...state.routeState,
+            currentHref: defaultDocsRouteState.currentHref,
+            currentSectionId: defaultDocsRouteState.currentSectionId,
+            pageTitle: defaultDocsRouteState.pageTitle,
+            headings: defaultDocsRouteState.headings,
+            tableOfContents: defaultDocsRouteState.tableOfContents,
+            previousPage: defaultDocsRouteState.previousPage,
+            nextPage: defaultDocsRouteState.nextPage
+          }
+        };
+      })
+    };
     const searchActions = {
       open: () => set((state) => {
         if (state.searchState.isOpen) {
@@ -122,20 +178,11 @@ var createDocsRuntimeStore = () => {
             }
           }
         };
-      }),
-      setScrollTop: (scrollTop) => set((state) => {
-        if (state.sidebarState.scrollTop === scrollTop) {
-          return state;
-        }
-        return {
-          sidebarState: {
-            ...state.sidebarState,
-            scrollTop
-          }
-        };
       })
     };
     return {
+      routeActions,
+      routeState: defaultDocsRouteState,
       searchActions,
       searchState: defaultDocsSearchState,
       sidebarActions,
@@ -143,12 +190,12 @@ var createDocsRuntimeStore = () => {
     };
   });
 };
-var DocsRuntimeStoreContext = createContext(null);
+var DocsRuntimeStoreContext = createContext2(null);
 var DocsRuntimeStoreProvider = ({ children, store }) => {
   return /* @__PURE__ */ jsx(DocsRuntimeStoreContext.Provider, { value: store, children });
 };
 var useDocsRuntimeStoreApi = () => {
-  const store = useContext(DocsRuntimeStoreContext);
+  const store = useContext2(DocsRuntimeStoreContext);
   if (store === null) {
     throw new Error("Missing docs runtime store provider.");
   }
@@ -179,6 +226,17 @@ var useDocsSidebarStore = (selector) => {
 var useDocsSidebarActions = () => {
   return useDocsRuntimeStore((state) => state.sidebarActions);
 };
+var useDocsRouteStore = (selector) => {
+  return useDocsRuntimeStore(
+    (state) => selector({
+      ...state.routeState,
+      ...state.routeActions
+    })
+  );
+};
+var useDocsRouteActions = () => {
+  return useDocsRuntimeStore((state) => state.routeActions);
+};
 
 // src/runtime/client/components/Brand.tsx
 import { cmMerge } from "@classmatejs/react";
@@ -242,7 +300,7 @@ var LayoutComponent = cm.div.variants({
 import { cmMerge as cmMerge2 } from "@classmatejs/react";
 import { useQuery } from "@tanstack/react-query";
 import { ArrowRightFromLine, MessageCircleQuestion, Search as SearchIcon, TriangleAlert } from "lucide-react";
-import { useEffect, useRef, useState } from "react";
+import { memo, useEffect, useRef, useState } from "react";
 import { createPortal } from "react-dom";
 import { usePageContext as usePageContext2 } from "vike-react/usePageContext";
 
@@ -323,6 +381,9 @@ var mapHitToSearchResult = (hit, config) => {
 };
 var searchAlgoliaIndex = async (options) => {
   const { config, query, signal } = options;
+  if (!config) {
+    throw new Error("Algolia search is not configured.");
+  }
   const response = await fetch(buildSearchUrl(config.appId, config.indexName), {
     method: "POST",
     signal,
@@ -360,9 +421,8 @@ var useDebouncedValue = (value, delayMs) => {
   }, [delayMs, value]);
   return debouncedValue;
 };
-var SearchTrigger = () => {
-  const pageContext = usePageContext2();
-  const docs = getDocsGlobalContext(pageContext);
+var SearchTrigger = memo(() => {
+  const docs = useDocsGlobalContext();
   const { open, setQuery } = useDocsSearchActions();
   const query = useDocsSearchStore((state) => state.query);
   const [isSearchHovered, setIsSearchHovered] = useState(false);
@@ -403,16 +463,16 @@ var SearchTrigger = () => {
     ) }),
     /* @__PURE__ */ jsx3("button", { type: "button", className: "btn btn-ghost btn-square md:hidden", "aria-label": "Search docs", onClick: open, children: /* @__PURE__ */ jsx3(SearchIcon, { className: "h-4 w-4" }) })
   ] });
-};
-var Search = () => {
-  const pageContext = usePageContext2();
-  const docs = getDocsGlobalContext(pageContext);
+});
+var Search = memo(() => {
+  const docs = useDocsGlobalContext();
+  const { urlPathname } = usePageContext2();
   const { close, setQuery } = useDocsSearchActions();
   const isOpen = useDocsSearchStore((state) => state.isOpen);
   const query = useDocsSearchStore((state) => state.query);
   const containerRef = useRef(null);
   const suggestionBoxRef = useRef(null);
-  const previousPathnameRef = useRef(pageContext.urlPathname);
+  const previousPathnameRef = useRef(urlPathname);
   const debouncedQuery = useDebouncedValue(query, QUERY_DEBOUNCE_MS);
   const normalizedQuery = debouncedQuery.trim();
   const canSearch = Boolean(docs.algolia) && normalizedQuery.length >= MIN_QUERY_LENGTH;
@@ -423,11 +483,11 @@ var Search = () => {
     retry: false
   });
   useEffect(() => {
-    if (previousPathnameRef.current !== pageContext.urlPathname) {
+    if (previousPathnameRef.current !== urlPathname) {
       close();
-      previousPathnameRef.current = pageContext.urlPathname;
+      previousPathnameRef.current = urlPathname;
     }
-  }, [close, pageContext.urlPathname]);
+  }, [close, urlPathname]);
   useEffect(() => {
     if (!isOpen) {
       return;
@@ -466,7 +526,7 @@ var Search = () => {
       results: searchQuery.data ?? []
     }
   ) });
-};
+});
 var SearchSuggestionBox = ({
   contentRef,
   isError,
@@ -556,7 +616,7 @@ var SearchSuggestionBox = ({
 };
 
 // src/runtime/client/components/SocialLinks.tsx
-import { usePageContext as usePageContext3 } from "vike-react/usePageContext";
+import { memo as memo2 } from "react";
 import { jsx as jsx4 } from "react/jsx-runtime";
 var _iconAssets = {
   github: nivelAssetUrl("brands/github.svg"),
@@ -577,9 +637,8 @@ var SocialIconElement = ({ icon, href }) => {
     }
   ) });
 };
-var SocialIcons = () => {
-  const pageContext = usePageContext3();
-  const docs = getDocsGlobalContext(pageContext);
+var SocialIcons = memo2(() => {
+  const docs = useDocsGlobalContext();
   const socialEntries = Object.entries(docs.social ?? {}).filter(
     (entry) => entry[0] in _iconAssets && typeof entry[1] === "string" && entry[1].length > 0
   );
@@ -587,7 +646,7 @@ var SocialIcons = () => {
     return null;
   }
   return /* @__PURE__ */ jsx4("ul", { className: "flex items-center gap-1", children: socialEntries.map(([platform, href]) => /* @__PURE__ */ jsx4(SocialIconElement, { icon: platform, href }, platform)) });
-};
+});
 var SocialLinks_default = SocialIcons;
 
 // src/runtime/client/components/ThemeSwitch.tsx
@@ -730,86 +789,84 @@ var MegaMenu = ({
       resizeObserver.disconnect();
     };
   }, [visibleSectionElement, visibleSectionId]);
-  return (
-    // biome-ignore lint/a11y/noStaticElementInteractions: ok
-    /* @__PURE__ */ jsxs4(
-      "div",
-      {
-        className: cmMerge3(
-          "fixed top-13 left-0 z-3 w-full pt-3",
-          isActive ? "pointer-events-auto" : "pointer-events-none"
+  return /* @__PURE__ */ jsxs4(
+    "div",
+    {
+      className: cmMerge3(
+        "fixed top-13 left-0 z-3 w-full pt-3",
+        isActive ? "pointer-events-auto" : "pointer-events-none"
+      ),
+      onPointerEnter: () => onOpen(visibleSectionId),
+      onPointerLeave: onClose,
+      children: [
+        /* @__PURE__ */ jsx6(
+          "div",
+          {
+            className: cmMerge3(
+              isActive ? "opacity-100" : "opacity-0",
+              "pointer-events-none absolute top-0 left-0 h-svh w-full bg-linear-to-t from-base-100/60 to-base-100 transition-opacity duration-200 backdrop-blur-md"
+            )
+          }
         ),
-        onPointerEnter: () => onOpen(visibleSectionId),
-        onPointerLeave: onClose,
-        children: [
-          /* @__PURE__ */ jsx6(
-            "div",
-            {
-              className: cmMerge3(
-                isActive ? "opacity-100" : "opacity-0",
-                "pointer-events-none absolute top-0 left-0 h-svh w-full bg-linear-to-t from-base-100/60 to-base-100 transition-opacity duration-200 backdrop-blur-md"
-              )
-            }
-          ),
-          /* @__PURE__ */ jsx6(
-            "div",
-            {
-              className: cmMerge3(
-                "relative z-4 overflow-hidden transition-[height] bg-base-100 duration-300",
-                isLandingPage && !isActive ? "" : "border-b border-base-muted-light ease-out"
-              ),
-              style: { height: isActive ? contentHeight : 0 },
-              children: /* @__PURE__ */ jsx6(LayoutComponent, { $size: "sm", children: /* @__PURE__ */ jsx6(
-                "div",
-                {
-                  className: cmMerge3(
-                    isActive ? "translate-y-0 opacity-100" : "-translate-y-10 opacity-0",
-                    "relative z-4 transition-all duration-300"
-                  ),
-                  children: sections.map((section) => /* @__PURE__ */ jsx6(
-                    "div",
-                    {
-                      ref: section.id === visibleSectionId ? setVisibleSectionElement : void 0,
-                      className: cmMerge3(
-                        section.id === visibleSectionId ? "opacity-100" : "opacity-0 pointer-events-none",
-                        "transition-all absolute w-full duration-300"
-                      ),
-                      children: section.items.length > 0 && /* @__PURE__ */ jsx6("ul", { className: "mt-2 flex ", children: section.items.map(
-                        (child) => child.showInNav !== false && /* @__PURE__ */ jsxs4("li", { className: "flex-1 py-3 mb-6 px-4", children: [
-                          child.href ? /* @__PURE__ */ jsx6(
-                            "a",
-                            {
-                              className: "mb-4 block text-lg font-semibold tracking-tight",
-                              href: withSiteBaseUrl(child.href),
-                              children: child.title
-                            }
-                          ) : /* @__PURE__ */ jsx6("span", { className: "mb-4 block text-lg font-semibold tracking-tight", children: child.title }),
-                          child.kind === "group" && child.items.length > 0 && /* @__PURE__ */ jsx6("ul", { className: "menu border-l border-base-muted-light py-0 w-full", children: child.items.map((subChild) => /* @__PURE__ */ jsx6("li", { children: subChild.href ? /* @__PURE__ */ jsx6("a", { href: withSiteBaseUrl(subChild.href), onClick: onClose, children: renderInlineMarkdown(subChild.title) }) : /* @__PURE__ */ jsx6("span", { children: renderInlineMarkdown(subChild.title) }) }, subChild.id)) })
-                        ] }, child.id)
-                      ) })
-                    },
-                    section.id
-                  ))
-                }
-              ) })
-            }
-          )
-        ]
-      }
-    )
+        /* @__PURE__ */ jsx6(
+          "div",
+          {
+            className: cmMerge3(
+              "relative z-4 overflow-hidden transition-[height] bg-base-100 duration-300",
+              isLandingPage && !isActive ? "" : "border-b border-base-muted-light ease-out"
+            ),
+            style: { height: isActive ? contentHeight : 0 },
+            children: /* @__PURE__ */ jsx6(LayoutComponent, { $size: "sm", children: /* @__PURE__ */ jsx6(
+              "div",
+              {
+                className: cmMerge3(
+                  isActive ? "translate-y-0 opacity-100" : "-translate-y-10 opacity-0",
+                  "relative z-4 transition-all duration-300"
+                ),
+                children: sections.map((section) => /* @__PURE__ */ jsx6(
+                  "div",
+                  {
+                    ref: section.id === visibleSectionId ? setVisibleSectionElement : void 0,
+                    className: cmMerge3(
+                      section.id === visibleSectionId ? "opacity-100" : "opacity-0 pointer-events-none",
+                      "transition-all absolute w-full duration-300"
+                    ),
+                    children: section.items.length > 0 && /* @__PURE__ */ jsx6("ul", { className: "mt-2 flex ", children: section.items.map(
+                      (child) => child.showInNav !== false && /* @__PURE__ */ jsxs4("li", { className: "flex-1 py-3 mb-6 px-4", children: [
+                        child.href ? /* @__PURE__ */ jsx6(
+                          "a",
+                          {
+                            className: "mb-4 block text-lg font-semibold tracking-tight",
+                            href: withSiteBaseUrl(child.href),
+                            children: child.title
+                          }
+                        ) : /* @__PURE__ */ jsx6("span", { className: "mb-4 block text-lg font-semibold tracking-tight", children: child.title }),
+                        child.kind === "group" && child.items.length > 0 && /* @__PURE__ */ jsx6("ul", { className: "menu border-l border-base-muted-light py-0 w-full", children: child.items.map((subChild) => /* @__PURE__ */ jsx6("li", { children: subChild.href ? /* @__PURE__ */ jsx6("a", { href: withSiteBaseUrl(subChild.href), onClick: onClose, children: renderInlineMarkdown(subChild.title) }) : /* @__PURE__ */ jsx6("span", { children: renderInlineMarkdown(subChild.title) }) }, subChild.id)) })
+                      ] }, child.id)
+                    ) })
+                  },
+                  section.id
+                ))
+              }
+            ) })
+          }
+        )
+      ]
+    }
   );
 };
 
 // src/runtime/client/components/Navbar/index.tsx
 import { Fragment as Fragment2, jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
-var Navbar = ({ brand, navbarItems, theme, sections }) => {
-  const { urlPathname } = usePageContext4();
-  const isLandingPage = urlPathname === "/";
+var Navbar = memo3(() => {
+  const docs = useDocsGlobalContext();
+  const { urlPathname, urlParsed } = usePageContext3();
+  const activeSectionId = useDocsRouteStore((state) => state.currentSectionId);
+  const isLandingPage = urlParsed.pathname === "/";
   const [isMegaMenuOpen, setIsMegaMenuOpen] = useState3(false);
   const megaMenuCloseTimeoutRef = useRef2(null);
-  const pageContext = usePageContext4();
-  const docs = getDocsGlobalContext(pageContext);
-  const activeSection = getActiveSectionByPathname(docs, pageContext.urlPathname);
+  const sections = docs.sidebarSections;
+  const activeSection = sections.find((section) => section.id === activeSectionId) ?? getActiveSectionByPathname(docs, urlPathname);
   const [hoveredSectionId, setHoveredSectionId] = useState3(activeSection?.id ?? sections[0]?.id);
   const { toggle: toggleSearch } = useDocsSearchActions();
   const clearMegaMenuCloseTimeout = useCallback(() => {
@@ -842,16 +899,19 @@ var Navbar = ({ brand, navbarItems, theme, sections }) => {
       clearMegaMenuCloseTimeout();
     };
   }, [clearMegaMenuCloseTimeout]);
+  useEffect3(() => {
+    setHoveredSectionId(activeSection?.id ?? sections[0]?.id);
+  }, [activeSection?.id, sections]);
   return /* @__PURE__ */ jsxs5(Fragment2, { children: [
     /* @__PURE__ */ jsx7(StyledNavbar, { $border: isLandingPage, children: /* @__PURE__ */ jsx7(LayoutComponent, { className: "h-full", children: isLandingPage ? /* @__PURE__ */ jsxs5("div", { className: "relative z-3 flex h-full items-center justify-between py-4", children: [
-      /* @__PURE__ */ jsx7("div", { className: "flex flex-1 items-center gap-4", children: /* @__PURE__ */ jsx7(Brand, { brand }) }),
+      /* @__PURE__ */ jsx7("div", { className: "flex flex-1 items-center gap-4", children: /* @__PURE__ */ jsx7(Brand, { brand: docs.brand }) }),
       /* @__PURE__ */ jsx7(
         "nav",
         {
           "aria-label": "Primary",
           className: "top-0 left-0 flex min-w-0 flex-1 items-center justify-center gap-4 overflow-x-auto",
           children: /* @__PURE__ */ jsxs5("ul", { className: "flex items-center font-semibold", children: [
-            navbarItems.map((item) => /* @__PURE__ */ jsx7("li", { children: /* @__PURE__ */ jsx7(
+            docs.navbarItems.map((item) => /* @__PURE__ */ jsx7("li", { children: /* @__PURE__ */ jsx7(
               "a",
               {
                 href: withSiteBaseUrl(item.href),
@@ -890,17 +950,17 @@ var Navbar = ({ brand, navbarItems, theme, sections }) => {
       ),
       /* @__PURE__ */ jsxs5("div", { className: "flex flex-1 items-center justify-end gap-2", children: [
         /* @__PURE__ */ jsx7(SocialLinks_default, {}),
-        /* @__PURE__ */ jsx7(ThemeSwitch, { theme })
+        /* @__PURE__ */ jsx7(ThemeSwitch, { theme: docs.theme })
       ] })
     ] }) : /* @__PURE__ */ jsxs5("div", { className: "relative z-3 flex h-full items-center justify-between py-4", children: [
-      /* @__PURE__ */ jsx7("div", { className: "flex w-80 flex-1 items-center justify-between gap-2 lg:flex-none", children: /* @__PURE__ */ jsx7(Brand, { brand }) }),
+      /* @__PURE__ */ jsx7("div", { className: "flex w-80 flex-1 items-center justify-between gap-2 lg:flex-none", children: /* @__PURE__ */ jsx7(Brand, { brand: docs.brand }) }),
       /* @__PURE__ */ jsxs5(
         "nav",
         {
           "aria-label": "Primary",
           className: "top-0 left-0 flex flex-1 items-center justify-start gap-4 overflow-x-auto lg:pl-6 xl:pl-10",
           children: [
-            /* @__PURE__ */ jsx7("ul", { className: "flex items-center gap-2 font-semibold", children: navbarItems.map((item) => /* @__PURE__ */ jsx7("li", { children: /* @__PURE__ */ jsx7(
+            /* @__PURE__ */ jsx7("ul", { className: "flex items-center gap-2 font-semibold", children: docs.navbarItems.map((item) => /* @__PURE__ */ jsx7("li", { children: /* @__PURE__ */ jsx7(
               "a",
               {
                 href: withSiteBaseUrl(item.href),
@@ -922,7 +982,7 @@ var Navbar = ({ brand, navbarItems, theme, sections }) => {
       ),
       /* @__PURE__ */ jsxs5("div", { className: "flex w-78 flex-1 items-center justify-end gap-2 lg:flex-none", children: [
         /* @__PURE__ */ jsx7(SocialLinks_default, {}),
-        /* @__PURE__ */ jsx7(ThemeSwitch, { theme })
+        /* @__PURE__ */ jsx7(ThemeSwitch, { theme: docs.theme })
       ] })
     ] }) }) }),
     /* @__PURE__ */ jsx7(Search, {}),
@@ -939,51 +999,46 @@ var Navbar = ({ brand, navbarItems, theme, sections }) => {
       }
     )
   ] });
-};
+});
 var StyledNavbar = cm2.header`
-   top-0 left-0 z-20 h-16 w-full bg-base-100
+  top-0 left-0 z-20 h-16 w-full bg-base-100
   ${({ $border }) => $border ? "relative" : "fixed"}
 `;
 
 // src/runtime/client/components/UserSettingsSync.tsx
-import { useEffect as useEffect4 } from "react";
+import { useEffect as useEffect4, useMemo } from "react";
 var UserSettingsSync = ({ theme }) => {
   const themePreference = useDocsUserSettingsStore((state) => state.themePreference);
   const lightTheme = theme?.light ?? "consumer-light";
   const darkTheme = theme?.dark ?? "consumer-dark";
   const defaultThemePreference = theme?.defaultPreference ?? "light";
-  const resolvedTheme = { light: lightTheme, dark: darkTheme, defaultPreference: defaultThemePreference };
+  const resolvedTheme = useMemo(
+    () => ({ light: lightTheme, dark: darkTheme, defaultPreference: defaultThemePreference }),
+    [darkTheme, defaultThemePreference, lightTheme]
+  );
   const effectiveThemePreference = resolveThemePreference(themePreference, resolvedTheme);
   useEffect4(() => {
     applyThemePreference(effectiveThemePreference, resolvedTheme);
-  }, [darkTheme, defaultThemePreference, effectiveThemePreference, lightTheme]);
+  }, [effectiveThemePreference, resolvedTheme]);
   return null;
 };
 
 // src/runtime/client/AppLayout.tsx
 import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
-var AppLayout = ({ children }) => {
-  const { urlPathname } = usePageContext5();
-  const pageContext = usePageContext5();
-  const docs = getDocsGlobalContext(pageContext);
+var queryClient = new QueryClient();
+var runtimeStore = createDocsRuntimeStore();
+var AppLayout = ({ children, header }) => {
+  const { urlPathname } = usePageContext4();
+  const pageContext = usePageContext4();
+  const docs = getDocsFromGlobalContext(pageContext);
   const isLandingPage = urlPathname === "/";
-  const [docsRuntimeStore] = useState4(() => createDocsRuntimeStore());
-  const [queryClient] = useState4(() => new QueryClient());
-  return /* @__PURE__ */ jsx8(DocsRuntimeStoreProvider, { store: docsRuntimeStore, children: /* @__PURE__ */ jsxs6(QueryClientProvider, { client: queryClient, children: [
+  return /* @__PURE__ */ jsx8(DocsRuntimeStoreProvider, { store: runtimeStore, children: /* @__PURE__ */ jsx8(DocsGlobalContextProvider, { docs, children: /* @__PURE__ */ jsxs6(QueryClientProvider, { client: queryClient, children: [
     /* @__PURE__ */ jsx8(UserSettingsSync, { theme: docs.theme }),
     /* @__PURE__ */ jsxs6("div", { className: "min-h-screen bg-base-100 text-base-content", children: [
-      /* @__PURE__ */ jsx8(
-        Navbar,
-        {
-          brand: docs.brand,
-          navbarItems: docs.navbarItems,
-          sections: docs.sidebarSections,
-          theme: docs.theme
-        }
-      ),
+      header ?? /* @__PURE__ */ jsx8(Navbar, {}),
       /* @__PURE__ */ jsx8("div", { className: cmMerge5(isLandingPage ? "" : "pt-16"), children })
     ] })
-  ] }) });
+  ] }) }) });
 };
 
 // src/runtime/client/components/MetaHead/FaviconLinks.tsx
@@ -1063,7 +1118,7 @@ var ThemeBootstrap = ({ theme }) => {
 // src/runtime/client/components/MetaHead/index.tsx
 import { Fragment as Fragment5, jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
 var MetaHead = () => {
-  const docs = useDocsGlobalContext();
+  const docs = useDocsFromPageGlobalContext();
   return /* @__PURE__ */ jsxs9(Fragment5, { children: [
     /* @__PURE__ */ jsx12(ThemeBootstrap, { theme: docs.theme }),
     /* @__PURE__ */ jsx12(FaviconLinks, { head: docs.head }),
@@ -1078,16 +1133,134 @@ var ProseContainer = cm3.section`
 `;
 
 // src/runtime/client/DocsPage.tsx
+import { useData } from "vike-react/useData";
+import { usePageContext as usePageContext5 } from "vike-react/usePageContext";
+
+// src/runtime/client/getMdxRuntimeValue.tsx
+var isExternalHref = (href) => {
+  return /^(?:[a-z]+:)?\/\//i.test(href) || href.startsWith("mailto:") || href.startsWith("tel:");
+};
+var splitHref = (href) => {
+  const [pathname, hash = ""] = href.split("#");
+  return {
+    pathname,
+    hash: hash ? `#${hash}` : ""
+  };
+};
+var resolveDocLink = (options) => {
+  const { currentPathname, href } = options;
+  if (href.startsWith("#") || isExternalHref(href)) {
+    return null;
+  }
+  const { pathname, hash } = splitHref(href);
+  const docsPathname = resolveDocsHref(options.docs.basePath, pathname);
+  if (!docsPathname) {
+    return null;
+  }
+  const page = getResolvedPageByPathname(options.docs, docsPathname);
+  if (!page) {
+    return null;
+  }
+  const section = getResolvedSectionById(options.docs, page.sectionId);
+  return {
+    href: withSiteBaseUrl(`${page.href}${hash}`),
+    title: page.title,
+    breadcrumb: section ? [section.navTitle] : [],
+    isCurrentPage: isSamePagePathname(page, currentPathname)
+  };
+};
+var resolveOverviewItem = (options) => {
+  const page = options.docs.pages.find((candidate) => candidate.id === options.id);
+  if (!page) {
+    return null;
+  }
+  return {
+    title: page.title,
+    href: withSiteBaseUrl(page.href),
+    excerpt: page.description ?? null
+  };
+};
+var getMdxRuntimeValue = (options) => {
+  const { currentPathname, docs } = options;
+  const activeSection = getActiveSectionByPathname(docs, currentPathname);
+  const currentPage = getResolvedPageByPathname(docs, currentPathname);
+  return {
+    locale: "en",
+    codeBlockChoices: docsCodeBlockChoiceStore,
+    localizeHref: (href) => {
+      if (href.startsWith("#") || isExternalHref(href)) {
+        return href;
+      }
+      const { pathname, hash } = splitHref(href);
+      const docsPathname = resolveDocsHref(docs.basePath, pathname);
+      const page = docsPathname ? getResolvedPageByPathname(docs, docsPathname) : null;
+      if (!page) {
+        if (docsPathname && !pathname.startsWith("/")) {
+          return withSiteBaseUrl(`${docsPathname}${hash}`);
+        }
+        return withSiteBaseUrl(href);
+      }
+      return withSiteBaseUrl(`${page.href}${hash}`);
+    },
+    resolveDocLink: ({ href }) => resolveDocLink({
+      docs,
+      currentPathname,
+      href
+    }),
+    resolveOverviewItem: (id) => resolveOverviewItem({
+      docs,
+      id
+    }),
+    t: (group, key) => {
+      if (group === "docs" && key === "onThisPage") {
+        return "On this page";
+      }
+      if (group === "docs" && key === "previous") {
+        return "Previous";
+      }
+      if (group === "docs" && key === "next") {
+        return "Next";
+      }
+      if (group === "docs" && key === "currentSection") {
+        return activeSection?.navTitle ?? currentPage?.title ?? "Docs";
+      }
+      return key;
+    }
+  };
+};
+
+// src/runtime/client/DocsPage.tsx
+import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
+var DocsPage = ({ Content }) => {
+  const pageContext = usePageContext5();
+  const docs = useDocsGlobalContext();
+  const { page } = useData();
+  return /* @__PURE__ */ jsx13(
+    UniversalMdxProvider,
+    {
+      value: getMdxRuntimeValue({
+        docs,
+        currentPathname: pageContext.urlPathname
+      }),
+      children: /* @__PURE__ */ jsxs10(ProseContainer, { "data-doc-content": "", children: [
+        /* @__PURE__ */ jsx13("h1", { className: "scroll-mt-24", children: renderInlineMarkdown(page.title) }),
+        /* @__PURE__ */ jsx13(Content, {})
+      ] })
+    }
+  );
+};
+
+// src/runtime/client/DocsRouteLayout.tsx
+import { useEffect as useEffect8, useLayoutEffect } from "react";
 import { useData as useData2 } from "vike-react/useData";
-import { usePageContext as usePageContext6 } from "vike-react/usePageContext";
 
 // src/runtime/client/components/DocsPagination.tsx
 import { cmMerge as cmMerge6 } from "@classmatejs/react";
 import { ChevronLeft, ChevronRight } from "lucide-react";
-import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
 var PaginationCard = ({ item, direction, isOffset }) => {
   const isPrevious = direction === "previous";
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     "a",
     {
       href: withSiteBaseUrl(item.href),
@@ -1097,9 +1270,9 @@ var PaginationCard = ({ item, direction, isOffset }) => {
         isOffset && "sm:col-start-2"
       ),
       "aria-label": `${isPrevious ? "Previous" : "Next"}: ${item.title}`,
-      children: /* @__PURE__ */ jsxs10("div", { className: "flex flex-col justify-between gap-2", children: [
-        /* @__PURE__ */ jsx13("p", { className: "text-lg font-semibold text-base-content", children: renderInlineMarkdown(item.title) }),
-        /* @__PURE__ */ jsxs10(
+      children: /* @__PURE__ */ jsxs11("div", { className: "flex flex-col justify-between gap-2", children: [
+        /* @__PURE__ */ jsx14("p", { className: "text-lg font-semibold text-base-content", children: renderInlineMarkdown(item.title) }),
+        /* @__PURE__ */ jsxs11(
           "div",
           {
             className: cmMerge6(
@@ -1107,9 +1280,9 @@ var PaginationCard = ({ item, direction, isOffset }) => {
               isPrevious ? "justify-start" : "justify-end"
             ),
             children: [
-              isPrevious && /* @__PURE__ */ jsx13(ChevronLeft, { className: "h-4 w-4" }),
-              /* @__PURE__ */ jsx13("span", { children: isPrevious ? "Previous" : "Next" }),
-              !isPrevious && /* @__PURE__ */ jsx13(ChevronRight, { className: "h-4 w-4" })
+              isPrevious && /* @__PURE__ */ jsx14(ChevronLeft, { className: "h-4 w-4" }),
+              /* @__PURE__ */ jsx14("span", { children: isPrevious ? "Previous" : "Next" }),
+              !isPrevious && /* @__PURE__ */ jsx14(ChevronRight, { className: "h-4 w-4" })
             ]
           }
         )
@@ -1117,37 +1290,48 @@ var PaginationCard = ({ item, direction, isOffset }) => {
     }
   );
 };
-var DocsPagination = ({ previousPage, nextPage }) => {
+var DocsPagination = ({
+  previousPage: previousPageProp = null,
+  nextPage: nextPageProp = null
+}) => {
+  const paginationEnabled = useDocsGlobalContext().footer.pagination;
+  const previousPage = useDocsRouteStore((state) => state.previousPage) ?? previousPageProp;
+  const nextPage = useDocsRouteStore((state) => state.nextPage) ?? nextPageProp;
+  if (!paginationEnabled) {
+    return null;
+  }
   if (!previousPage && !nextPage) {
     return null;
   }
-  return /* @__PURE__ */ jsx13("nav", { className: "mb-10 mt-16", "aria-label": "Previous Next", children: /* @__PURE__ */ jsxs10("div", { className: "grid gap-4 sm:grid-cols-2", children: [
-    previousPage && /* @__PURE__ */ jsx13(PaginationCard, { item: previousPage, direction: "previous" }),
-    nextPage && /* @__PURE__ */ jsx13(PaginationCard, { isOffset: !previousPage, item: nextPage, direction: "next" })
+  return /* @__PURE__ */ jsx14("nav", { className: "mb-10 mt-16", "aria-label": "Previous Next", children: /* @__PURE__ */ jsxs11("div", { className: "grid gap-4 sm:grid-cols-2", children: [
+    previousPage && /* @__PURE__ */ jsx14(PaginationCard, { item: previousPage, direction: "previous" }),
+    nextPage && /* @__PURE__ */ jsx14(PaginationCard, { isOffset: !previousPage, item: nextPage, direction: "next" })
   ] }) });
 };
 
 // src/runtime/client/components/Footer.tsx
 import { Bug, Pencil } from "lucide-react";
-import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
-var DocsFooter = ({ brand }) => {
-  return /* @__PURE__ */ jsxs11("footer", { className: "mb-8 mt-12 text-sm border-t border-base-muted-light pt-10", children: [
-    /* @__PURE__ */ jsxs11("div", { className: "mb-16 flex items-center gap-2", children: [
-      /* @__PURE__ */ jsxs11("a", { href: "edit", className: "btn btn-sm btn-primary btn-soft", children: [
-        /* @__PURE__ */ jsx14(Pencil, { className: "w-3 h-3" }),
+import { memo as memo4 } from "react";
+import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
+var DocsFooter = memo4(() => {
+  const { brand } = useDocsGlobalContext();
+  return /* @__PURE__ */ jsxs12("footer", { className: "mb-8 mt-12 text-sm border-t border-base-muted-light pt-10", children: [
+    /* @__PURE__ */ jsxs12("div", { className: "mb-16 flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxs12("a", { href: "edit", className: "btn btn-sm btn-primary btn-soft", children: [
+        /* @__PURE__ */ jsx15(Pencil, { className: "w-3 h-3" }),
         " Edit this page"
       ] }),
-      /* @__PURE__ */ jsxs11("a", { href: "edit", className: "btn btn-sm btn-primary btn-soft", children: [
-        /* @__PURE__ */ jsx14(Bug, { className: "w-3 h-3" }),
+      /* @__PURE__ */ jsxs12("a", { href: "edit", className: "btn btn-sm btn-primary btn-soft", children: [
+        /* @__PURE__ */ jsx15(Bug, { className: "w-3 h-3" }),
         " Report Issue"
       ] })
     ] }),
-    /* @__PURE__ */ jsxs11("div", { className: "flex justify-between items-center", children: [
-      /* @__PURE__ */ jsx14(SocialLinks_default, {}),
-      /* @__PURE__ */ jsx14("div", { className: "flex gap-2 items-center", children: brand && /* @__PURE__ */ jsx14(Brand, { brand, noText: true }) })
+    /* @__PURE__ */ jsxs12("div", { className: "flex justify-between items-center", children: [
+      /* @__PURE__ */ jsx15(SocialLinks_default, {}),
+      /* @__PURE__ */ jsx15("div", { className: "flex gap-2 items-center", children: brand && /* @__PURE__ */ jsx15(Brand, { brand, noText: true }) })
     ] })
   ] });
-};
+});
 
 // src/runtime/client/components/HeadingLinkCopy.tsx
 import { useEffect as useEffect5 } from "react";
@@ -1201,7 +1385,7 @@ var HeadingLinkCopy = () => {
 
 // src/runtime/client/components/Sidebar.tsx
 import { cmMerge as cmMerge7 } from "@classmatejs/react";
-import { useEffect as useEffect6, useRef as useRef3 } from "react";
+import { memo as memo5, useEffect as useEffect6, useRef as useRef3 } from "react";
 
 // src/runtime/client/components/docsNavigation.ts
 var containsActiveHref = (items, currentHref) => {
@@ -1229,7 +1413,7 @@ var getVisibleGroupItems = (group) => {
 var getGroupHref = (group) => group.href ?? null;
 
 // src/runtime/client/components/Sidebar.tsx
-import { Fragment as Fragment6, jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
 var useAutoOpenDetails = (nodeId, isOpenByDefault, hasActiveDescendant) => {
   const storedOpen = useDocsSidebarStore((state) => state.openNodes[nodeId]);
   const { setNodeOpen } = useDocsSidebarActions();
@@ -1249,7 +1433,7 @@ var useAutoOpenDetails = (nodeId, isOpenByDefault, hasActiveDescendant) => {
   };
 };
 var SidebarPageLink = ({ title, href, currentHref }) => {
-  return /* @__PURE__ */ jsx15("li", { children: /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx16("li", { children: /* @__PURE__ */ jsx16(
     "a",
     {
       href: withSiteBaseUrl(href),
@@ -1262,10 +1446,10 @@ var SidebarPageLink = ({ title, href, currentHref }) => {
   ) });
 };
 var SidebarGroupDivider = ({ title }) => {
-  return /* @__PURE__ */ jsx15("li", { className: "ml-3 mt-2 mb-2 border-b border-base-muted-light text-xs text-base-muted-medium pointer-events-none font-semibold", children: /* @__PURE__ */ jsx15("span", { className: "-ml-3", children: renderInlineMarkdown(title, { codeClassName: "text-sm!" }) }) });
+  return /* @__PURE__ */ jsx16("li", { className: "ml-3 mt-2 mb-2 border-b border-base-muted-light text-xs text-base-muted-medium pointer-events-none font-semibold", children: /* @__PURE__ */ jsx16("span", { className: "-ml-3", children: renderInlineMarkdown(title, { codeClassName: "text-sm!" }) }) });
 };
 var SidebarGroupTitle = ({ title, href, isActive, allowNavigation = false }) => {
-  const content = /* @__PURE__ */ jsx15(
+  const content = /* @__PURE__ */ jsx16(
     "span",
     {
       className: cmMerge7(
@@ -1276,7 +1460,7 @@ var SidebarGroupTitle = ({ title, href, isActive, allowNavigation = false }) =>
     }
   );
   if (allowNavigation && href) {
-    return /* @__PURE__ */ jsx15(
+    return /* @__PURE__ */ jsx16(
       "a",
       {
         href: withSiteBaseUrl(href),
@@ -1288,19 +1472,19 @@ var SidebarGroupTitle = ({ title, href, isActive, allowNavigation = false }) =>
       }
     );
   }
-  return /* @__PURE__ */ jsx15("span", { className: "flex items-center gap-2 text-base-content", children: content });
+  return /* @__PURE__ */ jsx16("span", { className: "flex items-center gap-2 text-base-content", children: content });
 };
 var renderSidebarItems = (items, currentHref) => {
   return items.map((item) => {
     if (item.kind === "page") {
-      return /* @__PURE__ */ jsx15(SidebarPageLink, { title: item.navTitle, href: item.href, currentHref }, item.id);
+      return /* @__PURE__ */ jsx16(SidebarPageLink, { title: item.navTitle, href: item.href, currentHref }, item.id);
     }
-    return /* @__PURE__ */ jsx15(SidebarNestedGroup, { group: item, currentHref }, item.id);
+    return /* @__PURE__ */ jsx16(SidebarNestedGroup, { group: item, currentHref }, item.id);
   });
 };
 var SidebarItemList = ({ items, currentHref }) => {
   const visibleItems = getVisibleNavItems(items);
-  return /* @__PURE__ */ jsx15("ul", { className: "menu w-full", children: renderSidebarItems(visibleItems, currentHref) });
+  return /* @__PURE__ */ jsx16("ul", { className: "menu w-full", children: renderSidebarItems(visibleItems, currentHref) });
 };
 var SidebarNestedGroup = ({ group, currentHref }) => {
   const groupHref = getGroupHref(group);
@@ -1311,14 +1495,14 @@ var SidebarNestedGroup = ({ group, currentHref }) => {
   const { isOpen, setIsOpen } = useAutoOpenDetails(`group:${group.id}`, isOpenByDefault, nestedHasActiveItem);
   if (!isCollapsible) {
     if (!group.title) {
-      return /* @__PURE__ */ jsx15(Fragment6, { children: renderSidebarItems(visibleItems, currentHref) });
+      return /* @__PURE__ */ jsx16(Fragment6, { children: renderSidebarItems(visibleItems, currentHref) });
     }
-    return /* @__PURE__ */ jsxs12(Fragment6, { children: [
-      /* @__PURE__ */ jsx15(SidebarGroupDivider, { title: group.title }),
+    return /* @__PURE__ */ jsxs13(Fragment6, { children: [
+      /* @__PURE__ */ jsx16(SidebarGroupDivider, { title: group.title }),
       renderSidebarItems(visibleItems, currentHref)
     ] });
   }
-  return /* @__PURE__ */ jsx15("li", { children: /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsx16("li", { children: /* @__PURE__ */ jsxs13(
     "details",
     {
       open: isOpen,
@@ -1326,7 +1510,7 @@ var SidebarNestedGroup = ({ group, currentHref }) => {
         setIsOpen(event.currentTarget.open);
       },
       children: [
-        /* @__PURE__ */ jsx15("summary", { children: /* @__PURE__ */ jsx15(
+        /* @__PURE__ */ jsx16("summary", { children: /* @__PURE__ */ jsx16(
           SidebarGroupTitle,
           {
             title: group.title,
@@ -1335,7 +1519,7 @@ var SidebarNestedGroup = ({ group, currentHref }) => {
             allowNavigation: Boolean(groupHref)
           }
         ) }),
-        visibleItems.length > 0 ? /* @__PURE__ */ jsx15(SidebarItemList, { items: visibleItems, currentHref }) : null
+        visibleItems.length > 0 ? /* @__PURE__ */ jsx16(SidebarItemList, { items: visibleItems, currentHref }) : null
       ]
     }
   ) });
@@ -1347,7 +1531,7 @@ var SidebarSectionGroup = ({ section, currentHref, activeSectionId }) => {
     section.id === activeSectionId,
     sectionHasActiveItem
   );
-  return /* @__PURE__ */ jsx15("li", { className: "pb-4", children: /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsx16("li", { className: "pb-4", children: /* @__PURE__ */ jsxs13(
     "details",
     {
       open: isOpen,
@@ -1355,53 +1539,45 @@ var SidebarSectionGroup = ({ section, currentHref, activeSectionId }) => {
         setIsOpen(event.currentTarget.open);
       },
       children: [
-        /* @__PURE__ */ jsx15("summary", { children: /* @__PURE__ */ jsx15(SidebarGroupTitle, { title: section.title, isActive: sectionHasActiveItem }) }),
-        /* @__PURE__ */ jsx15(SidebarItemList, { items: section.items, currentHref })
+        /* @__PURE__ */ jsx16("summary", { children: /* @__PURE__ */ jsx16(SidebarGroupTitle, { title: section.title, isActive: sectionHasActiveItem }) }),
+        /* @__PURE__ */ jsx16(SidebarItemList, { items: section.items, currentHref })
       ]
     }
   ) });
 };
-var Sidebar = ({ sections, activeSectionId, currentHref, horizontal }) => {
-  const scrollContainerRef = useRef3(null);
-  const scrollTop = useDocsSidebarStore((state) => state.scrollTop);
-  const { setScrollTop } = useDocsSidebarActions();
-  useEffect6(() => {
-    const scrollContainer = scrollContainerRef.current;
-    if (!scrollContainer || scrollContainer.scrollTop === scrollTop) {
-      return;
-    }
-    scrollContainer.scrollTop = scrollTop;
-  }, [scrollTop]);
-  return /* @__PURE__ */ jsx15("aside", { className: "hidden basis-76 shrink-0 lg:block", children: /* @__PURE__ */ jsxs12("div", { className: "-ml-3 sticky top-16", children: [
-    /* @__PURE__ */ jsx15("div", { className: "absolute h-full w-px right-0 top-0 bg-linear-to-t to-base-muted-light via-base-muted-light pointer-events-none z-1" }),
-    /* @__PURE__ */ jsx15(
-      "div",
-      {
-        ref: scrollContainerRef,
-        className: "pr-4 h-[calc(100svh-16*var(--spacing))] overflow-y-scroll overflow-x-hidden relative z-10",
-        onScroll: (event) => {
-          setScrollTop(event.currentTarget.scrollTop);
-        },
-        children: /* @__PURE__ */ jsx15("ul", { className: cmMerge7("menu w-full px-0 py-5 li:last-child:border-0"), children: sections.map((section) => /* @__PURE__ */ jsx15(
-          SidebarSectionGroup,
-          {
-            section,
-            currentHref,
-            activeSectionId
-          },
-          section.id
-        )) })
-      }
-    )
-  ] }) });
-};
+var Sidebar = memo5(
+  ({ currentHref: currentHrefProp = "", activeSectionId: activeSectionIdProp = "" }) => {
+    const scrollContainerRef = useRef3(null);
+    const currentHref = useDocsRouteStore((state) => state.currentHref) || currentHrefProp;
+    const activeSectionId = useDocsRouteStore((state) => state.currentSectionId ?? "") || activeSectionIdProp;
+    const { sidebarSections } = useDocsGlobalContext();
+    return /* @__PURE__ */ jsx16("aside", { className: "hidden basis-76 shrink-0 lg:block", children: /* @__PURE__ */ jsxs13("div", { className: "-ml-3 sticky top-16", children: [
+      /* @__PURE__ */ jsx16("div", { className: "absolute h-full w-px right-0 top-0 bg-linear-to-t to-base-muted-light via-base-muted-light pointer-events-none z-1" }),
+      /* @__PURE__ */ jsx16(
+        "div",
+        {
+          ref: scrollContainerRef,
+          className: "pr-4 h-[calc(100svh-16*var(--spacing))] overflow-y-scroll overflow-x-hidden relative z-10",
+          children: /* @__PURE__ */ jsx16("ul", { className: cmMerge7("menu w-full px-0 py-5 li:last-child:border-0"), children: sidebarSections.map((section) => /* @__PURE__ */ jsx16(
+            SidebarSectionGroup,
+            {
+              section,
+              currentHref,
+              activeSectionId
+            },
+            section.id
+          )) })
+        }
+      )
+    ] }) });
+  }
+);
 
 // src/runtime/client/components/TableOfContents.tsx
 import cm4, { cmMerge as cmMerge8 } from "@classmatejs/react";
-import { TableOfContentsIcon } from "lucide-react";
-import { useEffect as useEffect7, useState as useState5 } from "react";
-import { useData } from "vike-react/useData";
-import { Fragment as Fragment7, jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Flame, TableOfContentsIcon } from "lucide-react";
+import { useEffect as useEffect7, useState as useState4 } from "react";
+import { Fragment as Fragment7, jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
 var getCurrentHash = () => {
   try {
     return decodeURIComponent(window.location.hash);
@@ -1479,11 +1655,18 @@ var updateActiveHeadingFromScroll = (setActiveHeadingId) => {
   }
   setActiveHeadingId(nextActiveHeadingId);
 };
-var TableOfContents = ({ headings, partners }) => {
-  const [activeHeadingId, setActiveHeadingId] = useState5("");
-  const [domHeadings, setDomHeadings] = useState5(headings);
-  const effectiveHeadings = domHeadings.length > 0 ? domHeadings : headings;
-  const { page } = useData();
+var TableOfContents = ({
+  headings: headingsProp = [],
+  tableOfContents: tableOfContentsProp = false
+}) => {
+  const { partners } = useDocsGlobalContext();
+  const headings = useDocsRouteStore((state) => state.headings);
+  const tableOfContents = useDocsRouteStore((state) => state.tableOfContents);
+  const effectiveRouteHeadings = headings.length > 0 ? headings : headingsProp;
+  const effectiveTableOfContents = tableOfContents || tableOfContentsProp;
+  const [activeHeadingId, setActiveHeadingId] = useState4("");
+  const [domHeadings, setDomHeadings] = useState4(effectiveRouteHeadings);
+  const effectiveHeadings = domHeadings.length > 0 ? domHeadings : effectiveRouteHeadings;
   useEffect7(() => {
     let scrollFrame = 0;
     const syncActiveHeading = () => {
@@ -1525,24 +1708,24 @@ var TableOfContents = ({ headings, partners }) => {
       return;
     }
     setDomHeadings((currentHeadings) => {
-      if (areHeadingsEqual(currentHeadings, headings)) {
+      if (areHeadingsEqual(currentHeadings, effectiveRouteHeadings)) {
         return currentHeadings;
       }
-      return headings;
+      return effectiveRouteHeadings;
     });
     setActiveHeadingId("");
     queueMicrotask(() => {
       syncHeadingsFromDom(setDomHeadings);
       updateActiveHeadingFromScroll(setActiveHeadingId);
     });
-  }, [headings]);
-  return /* @__PURE__ */ jsx16("aside", { className: cmMerge8(page.tableOfContents ? "w-64" : "w-32", "hidden shrink-0 xl:block"), children: /* @__PURE__ */ jsx16("div", { className: "sticky top-16", children: /* @__PURE__ */ jsxs13("div", { className: "relative h-[calc(100svh-16*var(--spacing))] overflow-y-auto overflow-x-hidden pt-10 pb-8", children: [
-    page.tableOfContents ? effectiveHeadings.length > 0 && /* @__PURE__ */ jsxs13(Fragment7, { children: [
-      /* @__PURE__ */ jsxs13("p", { className: "mb-4 flex items-center gap-2 text-xs font-semibold uppercase tracking-widest text-base-muted", children: [
-        /* @__PURE__ */ jsx16(TableOfContentsIcon, { className: "h-3 w-3" }),
+  }, [effectiveRouteHeadings]);
+  return /* @__PURE__ */ jsx17("aside", { className: cmMerge8(effectiveTableOfContents ? "w-64" : "w-32", "hidden shrink-0 xl:block"), children: /* @__PURE__ */ jsx17("div", { className: "sticky top-16", children: /* @__PURE__ */ jsxs14("div", { className: "relative h-[calc(100svh-16*var(--spacing))] overflow-y-auto overflow-x-hidden pt-10 pb-8", children: [
+    effectiveTableOfContents ? effectiveHeadings.length > 0 && /* @__PURE__ */ jsxs14(Fragment7, { children: [
+      /* @__PURE__ */ jsxs14("p", { className: "mb-4 flex items-center gap-2 text-xs font-semibold uppercase tracking-widest text-base-muted", children: [
+        /* @__PURE__ */ jsx17(TableOfContentsIcon, { className: "h-3 w-3" }),
         "On this page"
       ] }),
-      /* @__PURE__ */ jsx16("nav", { "aria-label": "On this page", className: "mb-12", children: /* @__PURE__ */ jsx16("ul", { children: effectiveHeadings.map((heading, index) => /* @__PURE__ */ jsx16("li", { children: /* @__PURE__ */ jsx16(
+      /* @__PURE__ */ jsx17("nav", { "aria-label": "On this page", className: "mb-12", children: /* @__PURE__ */ jsx17("ul", { children: effectiveHeadings.map((heading, index) => /* @__PURE__ */ jsx17("li", { children: /* @__PURE__ */ jsx17(
         "a",
         {
           href: `#${heading.id}`,
@@ -1557,35 +1740,29 @@ var TableOfContents = ({ headings, partners }) => {
         }
       ) }, heading.id)) }) })
     ] }) : null,
-    /* @__PURE__ */ jsx16(Adbar, { partners })
+    /* @__PURE__ */ jsx17(Adbar, { partners })
   ] }) }) });
 };
 var Adbar = ({ partners }) => {
   if (partners.primary.length === 0 && partners.gold.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ jsxs13(Fragment7, { children: [
-    /* @__PURE__ */ jsxs13("ul", { className: "grid grid-cols-[repeat(auto-fit,minmax(5.5rem,1fr))] gap-3 opacity-90", children: [
-      partners.primary.map((partner) => /* @__PURE__ */ jsx16(AdbarItem, { className: "col-span-full", children: /* @__PURE__ */ jsx16(AdbarLink, { href: partner.href, title: partner.name, children: /* @__PURE__ */ jsx16(PartnerLogo, { partner }) }) }, partner.name)),
-      partners.gold.map((partner) => /* @__PURE__ */ jsx16(AdbarItem, { children: /* @__PURE__ */ jsx16(AdbarLink, { href: partner.href, title: partner.name, children: /* @__PURE__ */ jsx16(PartnerLogo, { partner }) }) }, partner.name))
+  return /* @__PURE__ */ jsxs14("aside", { children: [
+    /* @__PURE__ */ jsxs14("p", { className: "mb-4 flex items-center gap-2 text-xs font-semibold uppercase tracking-widest text-base-muted", children: [
+      /* @__PURE__ */ jsx17(Flame, { className: "h-3 w-3" }),
+      "Partners"
     ] }),
-    /* @__PURE__ */ jsxs13(AdbarItem, { className: "col-span-full p-2 text-left mt-3 block!", children: [
-      /* @__PURE__ */ jsx16("strong", { className: "text-sm tracking-tighter leading-tight mb-1 block", children: "Your company name here! \u{1F48E} " }),
-      /* @__PURE__ */ jsxs13("p", { className: "text-xs text-base-muted", children: [
-        "Hey, this is a classic text ad here!",
-        " ",
-        /* @__PURE__ */ jsx16("a", { href: "#adlink", className: "text-info", children: "link" }),
-        " ",
-        "to some thing"
-      ] })
+    /* @__PURE__ */ jsxs14("ul", { className: "grid grid-cols-[repeat(auto-fit,minmax(5.5rem,1fr))] gap-3 opacity-90", children: [
+      partners.primary.map((partner) => /* @__PURE__ */ jsx17(AdbarItem, { className: "col-span-full", children: /* @__PURE__ */ jsx17(AdbarLink, { href: partner.href, title: partner.name, children: /* @__PURE__ */ jsx17(PartnerLogo, { partner }) }) }, partner.name)),
+      partners.gold.map((partner) => /* @__PURE__ */ jsx17(AdbarItem, { children: /* @__PURE__ */ jsx17(AdbarLink, { href: partner.href, title: partner.name, children: /* @__PURE__ */ jsx17(PartnerLogo, { partner }) }) }, partner.name))
     ] })
   ] });
 };
 var PartnerLogo = ({
   partner
 }) => {
-  return /* @__PURE__ */ jsxs13(Fragment7, { children: [
-    /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsxs14(Fragment7, { children: [
+    /* @__PURE__ */ jsx17(
       Image,
       {
         src: partner.logoLight,
@@ -1595,7 +1772,7 @@ var PartnerLogo = ({
         className: cmMerge8("block", partner.logoDark ? "dark:hidden" : "dark:invert")
       }
     ),
-    partner.logoDark ? /* @__PURE__ */ jsx16(Image, { src: partner.logoDark, width: 200, height: 100, alt: partner.logoAlt, className: "hidden dark:block" }) : null
+    partner.logoDark ? /* @__PURE__ */ jsx17(Image, { src: partner.logoDark, width: 200, height: 100, alt: partner.logoAlt, className: "hidden dark:block" }) : null
   ] });
 };
 var AdbarItem = cm4.div`
@@ -1620,130 +1797,37 @@ var Image = cm4.img`
   w-24
 `;
 
-// src/runtime/client/getMdxRuntimeValue.tsx
-var isExternalHref = (href) => {
-  return /^(?:[a-z]+:)?\/\//i.test(href) || href.startsWith("mailto:") || href.startsWith("tel:");
-};
-var splitHref = (href) => {
-  const [pathname, hash = ""] = href.split("#");
-  return {
-    pathname,
-    hash: hash ? `#${hash}` : ""
-  };
-};
-var resolveDocLink = (options) => {
-  const { currentPathname, href } = options;
-  if (href.startsWith("#") || isExternalHref(href)) {
-    return null;
-  }
-  const { pathname, hash } = splitHref(href);
-  const docsPathname = resolveDocsHref(options.docs.basePath, pathname);
-  if (!docsPathname) {
-    return null;
-  }
-  const page = getResolvedPageByPathname(options.docs, docsPathname);
-  if (!page) {
-    return null;
-  }
-  const section = getResolvedSectionById(options.docs, page.sectionId);
-  return {
-    href: withSiteBaseUrl(`${page.href}${hash}`),
-    title: page.title,
-    breadcrumb: section ? [section.navTitle] : [],
-    isCurrentPage: isSamePagePathname(page, currentPathname)
-  };
-};
-var resolveOverviewItem = (options) => {
-  const page = options.docs.pages.find((candidate) => candidate.id === options.id);
-  if (!page) {
-    return null;
-  }
-  return {
-    title: page.title,
-    href: withSiteBaseUrl(page.href),
-    excerpt: page.description ?? null
-  };
-};
-var getMdxRuntimeValue = (options) => {
-  const { currentPathname, docs } = options;
-  const activeSection = getActiveSectionByPathname(docs, currentPathname);
-  const currentPage = getResolvedPageByPathname(docs, currentPathname);
-  return {
-    locale: "en",
-    codeBlockChoices: docsCodeBlockChoiceStore,
-    localizeHref: (href) => {
-      if (href.startsWith("#") || isExternalHref(href)) {
-        return href;
-      }
-      const { pathname, hash } = splitHref(href);
-      const docsPathname = resolveDocsHref(docs.basePath, pathname);
-      const page = docsPathname ? getResolvedPageByPathname(docs, docsPathname) : null;
-      if (!page) {
-        if (docsPathname && !pathname.startsWith("/")) {
-          return withSiteBaseUrl(`${docsPathname}${hash}`);
-        }
-        return withSiteBaseUrl(href);
-      }
-      return withSiteBaseUrl(`${page.href}${hash}`);
-    },
-    resolveDocLink: ({ href }) => resolveDocLink({
-      docs,
-      currentPathname,
-      href
-    }),
-    resolveOverviewItem: (id) => resolveOverviewItem({
-      docs,
-      id
-    }),
-    t: (group, key) => {
-      if (group === "docs" && key === "onThisPage") {
-        return "On this page";
-      }
-      if (group === "docs" && key === "previous") {
-        return "Previous";
-      }
-      if (group === "docs" && key === "next") {
-        return "Next";
-      }
-      if (group === "docs" && key === "currentSection") {
-        return activeSection?.navTitle ?? currentPage?.title ?? "Docs";
-      }
-      return key;
-    }
-  };
+// src/runtime/client/DocsRouteLayout.tsx
+import { Fragment as Fragment8, jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
+var useIsomorphicLayoutEffect = typeof window === "undefined" ? useEffect8 : useLayoutEffect;
+var DocsRouteStateSync = ({ data }) => {
+  const { clearPageData, setPageData } = useDocsRouteActions();
+  useIsomorphicLayoutEffect(() => {
+    setPageData(data);
+  }, [data, setPageData]);
+  useEffect8(() => {
+    return () => {
+      clearPageData();
+    };
+  }, [clearPageData]);
+  return null;
 };
-
-// src/runtime/client/DocsPage.tsx
-import { jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
-var DocsPage = ({ Content }) => {
-  const pageContext = usePageContext6();
-  const docs = getDocsGlobalContext(pageContext);
-  const { page, headings, previousPage, nextPage } = useData2();
-  return /* @__PURE__ */ jsxs14(
-    UniversalMdxProvider,
-    {
-      value: getMdxRuntimeValue({
-        docs,
-        currentPathname: pageContext.urlPathname
-      }),
-      children: [
-        /* @__PURE__ */ jsx17(HeadingLinkCopy, {}),
-        /* @__PURE__ */ jsx17("div", { className: "absolute top-0 left-0 w-full h-[60svh] bg-radial-[at_65%_-85%] from-primary-muted-light/40 dark:from-primary-muted-light/60 to-65%" }),
-        /* @__PURE__ */ jsx17(LayoutComponent, { children: /* @__PURE__ */ jsxs14("div", { className: "lg:flex lg:gap-10 xl:gap-14", children: [
-          /* @__PURE__ */ jsx17(Sidebar, { sections: docs.sidebarSections, activeSectionId: page.sectionId, currentHref: page.href }),
-          /* @__PURE__ */ jsxs14("main", { className: "mt-10 min-w-0 flex-1 basis-auto shrink", children: [
-            /* @__PURE__ */ jsxs14(ProseContainer, { "data-doc-content": "", children: [
-              /* @__PURE__ */ jsx17("h1", { className: "scroll-mt-24", children: renderInlineMarkdown(page.title) }),
-              /* @__PURE__ */ jsx17(Content, {})
-            ] }),
-            docs.footer.pagination ? /* @__PURE__ */ jsx17(DocsPagination, { previousPage, nextPage }) : null,
-            /* @__PURE__ */ jsx17(DocsFooter, { brand: docs.brand })
-          ] }),
-          /* @__PURE__ */ jsx17(TableOfContents, { headings, partners: docs.partners })
-        ] }) })
-      ]
-    }
-  );
+var DocsRouteLayout = ({ children }) => {
+  const data = useData2();
+  return /* @__PURE__ */ jsxs15(Fragment8, { children: [
+    /* @__PURE__ */ jsx18(DocsRouteStateSync, { data }),
+    /* @__PURE__ */ jsx18(HeadingLinkCopy, {}),
+    /* @__PURE__ */ jsx18("div", { className: "absolute top-0 left-0 h-[60svh] w-full bg-radial-[at_65%_-85%] from-primary-muted-light/40 to-65% dark:from-primary-muted-light/60" }),
+    /* @__PURE__ */ jsx18(LayoutComponent, { children: /* @__PURE__ */ jsxs15("div", { className: "lg:flex lg:gap-10 xl:gap-14", children: [
+      /* @__PURE__ */ jsx18(Sidebar, { currentHref: data.page.href, activeSectionId: data.page.sectionId }),
+      /* @__PURE__ */ jsxs15("main", { className: "mt-10 min-w-0 flex-1 basis-auto shrink", children: [
+        children,
+        /* @__PURE__ */ jsx18(DocsPagination, { previousPage: data.previousPage, nextPage: data.nextPage }),
+        /* @__PURE__ */ jsx18(DocsFooter, {})
+      ] }),
+      /* @__PURE__ */ jsx18(TableOfContents, { headings: data.headings, tableOfContents: data.page.tableOfContents })
+    ] }) })
+  ] });
 };
 
 export {
@@ -1751,6 +1835,8 @@ export {
   useDocsSearchActions,
   useDocsSidebarStore,
   useDocsSidebarActions,
+  useDocsRouteStore,
+  useDocsRouteActions,
   LayoutComponent,
   useDocsUserSettingsStore,
   DEFAULT_THEME_PREFERENCE,
@@ -1759,6 +1845,7 @@ export {
   AppLayout,
   MetaHead,
   ProseContainer,
-  DocsPage
+  DocsPage,
+  DocsRouteLayout
 };
-//# sourceMappingURL=chunk-5NW6G3SG.js.map
+//# sourceMappingURL=chunk-5QP3Y2DU.js.map