@unterberg/nivel 0.1.9 → 0.1.11

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

@@ -17,14 +17,12 @@ import {
 } from "./chunk-NDJ5LYLK.js";
 
 // src/runtime/client/AppLayout.tsx
-import { cmMerge as cmMerge5 } from "@classmatejs/react";
+import { cmMerge as cmMerge6 } from "@classmatejs/react";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 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 { memo as memo3, useCallback, useEffect as useEffect3, useRef as useRef2, useState as useState3 } from "react";
+import cm4 from "@classmatejs/react";
 import { usePageContext as usePageContext3 } from "vike-react/usePageContext";
 
 // src/runtime/client/docsGlobalContext.ts
@@ -64,54 +62,8 @@ var defaultDocsSearchState = {
 var defaultDocsSidebarState = {
   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) {
@@ -181,8 +133,6 @@ var createDocsRuntimeStore = () => {
       })
     };
     return {
-      routeActions,
-      routeState: defaultDocsRouteState,
       searchActions,
       searchState: defaultDocsSearchState,
       sidebarActions,
@@ -226,45 +176,6 @@ 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";
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-var Brand = ({ brand, noText = false }) => {
-  const defaultLogo = brand.logoLight ?? brand.logoDark;
-  return /* @__PURE__ */ jsxs("a", { href: brand.href, className: "flex items-center gap-3 text-base-content no-underline", children: [
-    defaultLogo && /* @__PURE__ */ jsxs("span", { className: "relative block h-7 w-7 shrink-0", children: [
-      brand.logoLight && /* @__PURE__ */ jsx2(
-        "img",
-        {
-          src: brand.logoLight,
-          alt: brand.logoAlt,
-          className: cmMerge("h-7 w-7 object-contain", brand.logoDark ? "block dark:hidden" : "block")
-        }
-      ),
-      brand.logoDark && /* @__PURE__ */ jsx2(
-        "img",
-        {
-          src: brand.logoDark,
-          alt: brand.logoAlt,
-          className: cmMerge("h-7 w-7 object-contain", brand.logoLight ? "hidden dark:block" : "block")
-        }
-      )
-    ] }),
-    !noText && /* @__PURE__ */ jsx2("span", { className: "text-xl font-semibold tracking-tight", children: brand.text })
-  ] });
-};
 
 // src/runtime/client/components/LayoutComponent.tsx
 import cm from "@classmatejs/react";
@@ -297,7 +208,7 @@ var LayoutComponent = cm.div.variants({
 });
 
 // src/runtime/client/components/Search.tsx
-import { cmMerge as cmMerge2 } from "@classmatejs/react";
+import { cmMerge } from "@classmatejs/react";
 import { useQuery } from "@tanstack/react-query";
 import { ArrowRightFromLine, MessageCircleQuestion, Search as SearchIcon, TriangleAlert } from "lucide-react";
 import { memo, useEffect, useRef, useState } from "react";
@@ -406,7 +317,7 @@ var searchAlgoliaIndex = async (options) => {
 };
 
 // src/runtime/client/components/Search.tsx
-import { Fragment, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
 var MIN_QUERY_LENGTH = 2;
 var QUERY_DEBOUNCE_MS = 150;
 var useDebouncedValue = (value, delayMs) => {
@@ -421,7 +332,7 @@ var useDebouncedValue = (value, delayMs) => {
   }, [delayMs, value]);
   return debouncedValue;
 };
-var SearchTrigger = memo(() => {
+var _SearchTrigger = memo(() => {
   const docs = useDocsGlobalContext();
   const { open, setQuery } = useDocsSearchActions();
   const query = useDocsSearchStore((state) => state.query);
@@ -429,25 +340,25 @@ var SearchTrigger = memo(() => {
   if (!docs.algolia) {
     return null;
   }
-  return /* @__PURE__ */ jsxs2(Fragment, { children: [
-    /* @__PURE__ */ jsx3("div", { className: "hidden md:block", children: /* @__PURE__ */ jsxs2(
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx2("div", { className: "hidden md:block", children: /* @__PURE__ */ jsxs(
       "label",
       {
-        className: cmMerge2(
+        className: cmMerge(
           "input input-sm w-56 transition-all",
           isSearchHovered ? "border-primary-muted shadow-lg shadow-primary-muted-light" : "shadow-transparent"
         ),
         onMouseEnter: () => setIsSearchHovered(true),
         onMouseLeave: () => setIsSearchHovered(false),
         children: [
-          /* @__PURE__ */ jsx3("span", { className: "label", children: /* @__PURE__ */ jsx3(SearchIcon, { className: "h-4 w-4 shrink-0" }) }),
-          /* @__PURE__ */ jsx3(
+          /* @__PURE__ */ jsx2("span", { className: "label", children: /* @__PURE__ */ jsx2(SearchIcon, { className: "h-4 w-4 shrink-0" }) }),
+          /* @__PURE__ */ jsx2(
             "input",
             {
               type: "text",
               value: query,
               placeholder: "Search docs",
-              className: cmMerge2(
+              className: cmMerge(
                 "w-full placeholder:text-base-muted-medium transition-colors",
                 isSearchHovered && "placeholder:text-base-muted"
               ),
@@ -461,7 +372,7 @@ var SearchTrigger = memo(() => {
         ]
       }
     ) }),
-    /* @__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" }) })
+    /* @__PURE__ */ jsx2("button", { type: "button", className: "btn btn-ghost btn-square md:hidden", "aria-label": "Search docs", onClick: open, children: /* @__PURE__ */ jsx2(SearchIcon, { className: "h-4 w-4" }) })
   ] });
 });
 var Search = memo(() => {
@@ -513,7 +424,7 @@ var Search = memo(() => {
   if (!docs.algolia) {
     return null;
   }
-  return /* @__PURE__ */ jsx3("div", { ref: containerRef, className: "relative", children: /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx2("div", { ref: containerRef, className: "relative", children: /* @__PURE__ */ jsx2(
     SearchSuggestionBox,
     {
       contentRef: suggestionBoxRef,
@@ -556,16 +467,16 @@ var SearchSuggestionBox = ({
     return null;
   }
   return createPortal(
-    /* @__PURE__ */ jsxs2("div", { className: "fixed inset-0 z-30 h-full w-full bg-base-100/50 backdrop-blur-lg", children: [
-      /* @__PURE__ */ jsx3("div", { className: "absolute inset-0 z-1 bg-linear-to-b from-base-100 via-base-100 via-25% to-primary-muted-superlight dark:bg-linear-to-t" }),
-      /* @__PURE__ */ jsxs2(
+    /* @__PURE__ */ jsxs("div", { className: "fixed inset-0 z-30 h-full w-full bg-base-100/50 backdrop-blur-lg", children: [
+      /* @__PURE__ */ jsx2("div", { className: "absolute inset-0 z-1 bg-linear-to-b from-base-100 via-base-100 via-25% to-primary-muted-superlight dark:bg-linear-to-t" }),
+      /* @__PURE__ */ jsxs(
         LayoutComponent,
         {
           ref: contentRef,
           $size: "sm",
           className: "mt-5 relative z-2 rounded-box bg-base-100/70 p-6 pt-6 shadow-lg shadow-primary-muted-light",
           children: [
-            /* @__PURE__ */ jsx3(
+            /* @__PURE__ */ jsx2(
               "input",
               {
                 placeholder: "Search docs",
@@ -576,34 +487,34 @@ var SearchSuggestionBox = ({
                 onChange: (event) => onQueryChange(event.target.value)
               }
             ),
-            /* @__PURE__ */ jsx3("div", { className: "flex h-7 items-center px-4 text-xs text-base-muted", children: isLoading ? /* @__PURE__ */ jsxs2("span", { className: "flex items-center gap-1", children: [
-              /* @__PURE__ */ jsx3("span", { className: "loading loading-dots loading-xs" }),
+            /* @__PURE__ */ jsx2("div", { className: "flex h-7 items-center px-4 text-xs text-base-muted", children: isLoading ? /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1", children: [
+              /* @__PURE__ */ jsx2("span", { className: "loading loading-dots loading-xs" }),
               "Searching..."
-            ] }) : normalizedQuery ? null : /* @__PURE__ */ jsxs2("span", { className: "flex items-center gap-1", children: [
-              /* @__PURE__ */ jsx3(MessageCircleQuestion, { className: "h-3 w-3 shrink-0" }),
+            ] }) : normalizedQuery ? null : /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1", children: [
+              /* @__PURE__ */ jsx2(MessageCircleQuestion, { className: "h-3 w-3 shrink-0" }),
               "Type at least ",
               MIN_QUERY_LENGTH,
               " characters."
             ] }) }),
-            normalizedQuery ? isError ? /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2 rounded-box border border-warning/40 bg-base-100 p-4 text-sm text-base-muted shadow-md shadow-primary-muted-light", children: [
-              /* @__PURE__ */ jsx3(TriangleAlert, { className: "h-4 w-4 shrink-0 text-warning" }),
+            normalizedQuery ? isError ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 rounded-box border border-warning/40 bg-base-100 p-4 text-sm text-base-muted shadow-md shadow-primary-muted-light", children: [
+              /* @__PURE__ */ jsx2(TriangleAlert, { className: "h-4 w-4 shrink-0 text-warning" }),
               "Search is temporarily unavailable."
-            ] }) : !canSearch ? /* @__PURE__ */ jsx3("div", { className: "text-sm text-base-muted", children: "Keep typing to search." }) : !isLoading && results.length === 0 ? /* @__PURE__ */ jsx3("div", { className: "text-sm text-base-muted", children: "No results found." }) : /* @__PURE__ */ jsx3("div", { className: "-mx-2 max-h-80 overflow-y-auto p-2", children: /* @__PURE__ */ jsx3("ul", { className: "flex flex-col gap-2", children: results.map((result) => /* @__PURE__ */ jsx3("li", { children: /* @__PURE__ */ jsxs2(
+            ] }) : !canSearch ? /* @__PURE__ */ jsx2("div", { className: "text-sm text-base-muted", children: "Keep typing to search." }) : !isLoading && results.length === 0 ? /* @__PURE__ */ jsx2("div", { className: "text-sm text-base-muted", children: "No results found." }) : /* @__PURE__ */ jsx2("div", { className: "-mx-2 max-h-80 overflow-y-auto p-2", children: /* @__PURE__ */ jsx2("ul", { className: "flex flex-col gap-2", children: results.map((result) => /* @__PURE__ */ jsx2("li", { children: /* @__PURE__ */ jsxs(
               "a",
               {
                 href: withSiteBaseUrl(result.href),
                 className: "block rounded-box border border-base-muted-medium bg-base-100 p-4 shadow-md hover:border-primary-muted hover:bg-base-200",
                 onClick: onClose,
                 children: [
-                  /* @__PURE__ */ jsxs2("div", { className: "mb-2 flex items-center justify-start gap-2", children: [
-                    /* @__PURE__ */ jsx3("div", { className: "font-bold text-base-content", children: result.title }),
-                    result.sectionTitle ? /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-1 text-sm text-base-muted-medium", children: [
-                      /* @__PURE__ */ jsx3(ArrowRightFromLine, { className: "h-3 w-3" }),
+                  /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center justify-start gap-2", children: [
+                    /* @__PURE__ */ jsx2("div", { className: "font-bold text-base-content", children: result.title }),
+                    result.sectionTitle ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 text-sm text-base-muted-medium", children: [
+                      /* @__PURE__ */ jsx2(ArrowRightFromLine, { className: "h-3 w-3" }),
                       " ",
                       result.sectionTitle
                     ] }) : null
                   ] }),
-                  result.excerpt ? /* @__PURE__ */ jsx3("p", { className: "text-xs leading-5 text-base-muted", children: result.excerpt }) : null
+                  result.excerpt ? /* @__PURE__ */ jsx2("p", { className: "text-xs leading-5 text-base-muted", children: result.excerpt }) : null
                 ]
               }
             ) }, result.href)) }) }) : null
@@ -615,6 +526,39 @@ var SearchSuggestionBox = ({
   );
 };
 
+// src/runtime/client/components/Navbar/DocsNavbar.tsx
+import cm2, { cmMerge as cmMerge3 } from "@classmatejs/react";
+import { ChevronDown, Menu, TextSearch } from "lucide-react";
+import { useCallback } from "react";
+
+// src/runtime/client/components/Brand.tsx
+import { cmMerge as cmMerge2 } from "@classmatejs/react";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var Brand = ({ brand, noText = false }) => {
+  const defaultLogo = brand.logoLight ?? brand.logoDark;
+  return /* @__PURE__ */ jsxs2("a", { href: brand.href, className: "flex items-center gap-3 text-base-content no-underline", children: [
+    defaultLogo && /* @__PURE__ */ jsxs2("span", { className: "relative block h-8 w-8 shrink-0", children: [
+      brand.logoLight && /* @__PURE__ */ jsx3(
+        "img",
+        {
+          src: brand.logoLight,
+          alt: brand.logoAlt,
+          className: cmMerge2("h-8 w-8 object-contain", brand.logoDark ? "block dark:hidden" : "block")
+        }
+      ),
+      brand.logoDark && /* @__PURE__ */ jsx3(
+        "img",
+        {
+          src: brand.logoDark,
+          alt: brand.logoAlt,
+          className: cmMerge2("h-8 w-8 object-contain", brand.logoLight ? "hidden dark:block" : "block")
+        }
+      )
+    ] }),
+    !noText && /* @__PURE__ */ jsx3("span", { className: "text-xl font-semibold tracking-tight", children: brand.text })
+  ] });
+};
+
 // src/runtime/client/components/SocialLinks.tsx
 import { memo as memo2 } from "react";
 import { jsx as jsx4 } from "react/jsx-runtime";
@@ -754,10 +698,185 @@ var ThemeSwitch = ({ theme }) => {
   );
 };
 
+// src/runtime/client/components/Navbar/AsideButtons.tsx
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+var AsideButtons = () => {
+  const docs = useDocsGlobalContext();
+  return /* @__PURE__ */ jsxs4("div", { className: "flex-1 justify-end gap-2 flex", children: [
+    /* @__PURE__ */ jsx6("div", { className: "hidden lg:block", children: /* @__PURE__ */ jsx6(SocialLinks_default, {}) }),
+    /* @__PURE__ */ jsx6(ThemeSwitch, { theme: docs.theme })
+  ] });
+};
+var AsideButtons_default = AsideButtons;
+
+// src/runtime/client/components/Navbar/DocsNavbar.tsx
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+var StyledNav = cm2.nav`
+  gap-4
+  flex-1 pl-10 items-center justify-end lg:justify-start 
+  hidden lg:flex
+`;
+var StyledNavList = cm2.ul`
+  inline-flex items-center gap-2 font-semibold 
+`;
+var DocsNavbar = ({
+  closeMegaMenu,
+  openMegaMenu,
+  scheduleMegaMenuOpen,
+  scheduleMegaMenuClose,
+  toggleSearch,
+  activeSection,
+  hoveredSectionId,
+  isMegaMenuOpen
+}) => {
+  const docs = useDocsGlobalContext();
+  const handleClick = useCallback(() => {
+    alert("TODO: Open mobile menu");
+  }, []);
+  return /* @__PURE__ */ jsxs5("div", { className: "flex flex-1 gap-4 pt-3 justify-between", children: [
+    /* @__PURE__ */ jsx7("div", { className: "lg:min-w-76 min-w-none", children: /* @__PURE__ */ jsx7(Brand, { brand: docs.brand }) }),
+    /* @__PURE__ */ jsx7(StyledNav, { "aria-label": "Primary", children: /* @__PURE__ */ jsxs5(StyledNavList, { className: "", children: [
+      docs.navbarItems.map((item) => {
+        const isMegaMenuItemActive = isMegaMenuOpen && hoveredSectionId === item.id;
+        return /* @__PURE__ */ jsx7("li", { children: /* @__PURE__ */ jsx7(
+          "a",
+          {
+            href: withSiteBaseUrl(item.href),
+            className: "block",
+            onPointerEnter: () => scheduleMegaMenuOpen(item.id),
+            onPointerLeave: scheduleMegaMenuClose,
+            onFocus: () => openMegaMenu(item.id),
+            onBlur: scheduleMegaMenuClose,
+            onClick: closeMegaMenu,
+            children: /* @__PURE__ */ jsxs5(
+              "span",
+              {
+                className: cmMerge3(
+                  "btn text-base btn-sm md:min-w-30 px-2 whitespace-nowrap tracking-tight",
+                  activeSection?.id === item.id ? "btn-primary btn-soft" : "btn-ghost "
+                ),
+                children: [
+                  renderInlineMarkdown(item.title),
+                  /* @__PURE__ */ jsx7(
+                    ChevronDown,
+                    {
+                      className: cmMerge3(
+                        "h-4 w-4 shrink-0 transition-transform duration-200",
+                        isMegaMenuItemActive ? "rotate-180" : "rotate-0"
+                      )
+                    }
+                  )
+                ]
+              }
+            )
+          }
+        ) }, item.id);
+      }),
+      docs.algolia ? /* @__PURE__ */ jsx7("li", { children: /* @__PURE__ */ jsxs5(
+        "button",
+        {
+          type: "button",
+          onClick: toggleSearch,
+          className: "btn btn-ghost btn-sm text-base md:min-w-30 px-2 whitespace-nowrap tracking-tight",
+          children: [
+            "Search",
+            /* @__PURE__ */ jsx7(TextSearch, { className: "h-4 w-4" })
+          ]
+        }
+      ) }) : null
+    ] }) }),
+    /* @__PURE__ */ jsx7("button", { type: "button", className: "block lg:hidden", onClick: handleClick, children: /* @__PURE__ */ jsx7(Menu, { className: "w-6 h-6" }) }),
+    /* @__PURE__ */ jsx7("div", { className: "lg:min-w-40 hidden lg:block", children: /* @__PURE__ */ jsx7(AsideButtons_default, {}) })
+  ] });
+};
+var DocsNavbar_default = DocsNavbar;
+
+// src/runtime/client/components/Navbar/LandingPageNavbar.tsx
+import cm3, { cmMerge as cmMerge4 } from "@classmatejs/react";
+import { ChevronDown as ChevronDown2, Menu as Menu2, TextSearch as TextSearch2 } from "lucide-react";
+import { useCallback as useCallback2 } from "react";
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+var StyledNav2 = cm3.nav`
+  gap-4
+  flex-1 lg:pl-6 xl:pl-10 items-center justify-center
+`;
+var StyledNavList2 = cm3.ul`
+  inline-flex items-center gap-2 font-semibold 
+`;
+var LandingPageNavbar = ({
+  closeMegaMenu,
+  openMegaMenu,
+  scheduleMegaMenuOpen,
+  scheduleMegaMenuClose,
+  toggleSearch,
+  hoveredSectionId,
+  isMegaMenuOpen
+}) => {
+  const docs = useDocsGlobalContext();
+  const handleClick = useCallback2(() => {
+    alert("TODO: Open mobile menu");
+  }, []);
+  return /* @__PURE__ */ jsxs6("div", { className: "flex flex-1 gap-4 pt-3 justify-between", children: [
+    /* @__PURE__ */ jsx8("div", { className: "min-w-40", children: /* @__PURE__ */ jsx8(Brand, { brand: docs.brand }) }),
+    /* @__PURE__ */ jsx8(StyledNav2, { "aria-label": "Primary", className: "flex-1 flex hidden lg:flex", children: /* @__PURE__ */ jsxs6(StyledNavList2, { className: "justify-end ", children: [
+      docs.navbarItems.map((item) => {
+        const isMegaMenuItemActive = isMegaMenuOpen && hoveredSectionId === item.id;
+        return /* @__PURE__ */ jsx8("li", { children: /* @__PURE__ */ jsx8(
+          "a",
+          {
+            href: withSiteBaseUrl(item.href),
+            className: "block",
+            onPointerEnter: () => scheduleMegaMenuOpen(item.id),
+            onPointerLeave: scheduleMegaMenuClose,
+            onFocus: () => openMegaMenu(item.id),
+            onBlur: scheduleMegaMenuClose,
+            onClick: closeMegaMenu,
+            children: /* @__PURE__ */ jsxs6(
+              "span",
+              {
+                className: cmMerge4(
+                  "btn btn-ghost text-base lg:text-lg btn-sm lg:min-w-30 px-2 whitespace-nowrap tracking-tight"
+                ),
+                children: [
+                  renderInlineMarkdown(item.title),
+                  /* @__PURE__ */ jsx8(
+                    ChevronDown2,
+                    {
+                      className: cmMerge4(
+                        "h-4 w-4 shrink-0 transition-transform duration-200",
+                        isMegaMenuItemActive ? "rotate-180" : "rotate-0"
+                      )
+                    }
+                  )
+                ]
+              }
+            )
+          }
+        ) }, item.id);
+      }),
+      docs.algolia ? /* @__PURE__ */ jsx8("li", { children: /* @__PURE__ */ jsxs6(
+        "button",
+        {
+          type: "button",
+          onClick: toggleSearch,
+          className: "btn btn-ghost btn-sm text-base lg:text-lg lg:min-w-30 px-2 whitespace-nowrap tracking-tight",
+          children: [
+            "Search",
+            /* @__PURE__ */ jsx8(TextSearch2, { className: "h-4 w-4" })
+          ]
+        }
+      ) }) : null
+    ] }) }),
+    /* @__PURE__ */ jsx8("div", { className: "min-w-40 hidden lg:block", children: /* @__PURE__ */ jsx8(AsideButtons_default, {}) }),
+    /* @__PURE__ */ jsx8("button", { type: "button", className: "block lg:hidden", onClick: handleClick, children: /* @__PURE__ */ jsx8(Menu2, { className: "w-6 h-6" }) })
+  ] });
+};
+var LandingPageNavbar_default = LandingPageNavbar;
+
 // src/runtime/client/components/Navbar/MegaMenu.tsx
-import { cmMerge as cmMerge3 } from "@classmatejs/react";
+import { cmMerge as cmMerge5 } from "@classmatejs/react";
 import { useEffect as useEffect2, useState as useState2 } from "react";
-import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 var MegaMenu = ({
   isActive,
   onOpen,
@@ -789,59 +908,56 @@ var MegaMenu = ({
       resizeObserver.disconnect();
     };
   }, [visibleSectionElement, visibleSectionId]);
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs7(
     "div",
     {
-      className: cmMerge3(
-        "fixed top-13 left-0 z-3 w-full pt-3",
-        isActive ? "pointer-events-auto" : "pointer-events-none"
-      ),
+      className: cmMerge5("fixed top-14 left-0 z-3 w-full", isActive ? "pointer-events-auto" : "pointer-events-none"),
       onPointerEnter: () => onOpen(visibleSectionId),
       onPointerLeave: onClose,
       children: [
-        /* @__PURE__ */ jsx6(
+        /* @__PURE__ */ jsx9(
           "div",
           {
-            className: cmMerge3(
+            className: cmMerge5(
               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(
+        /* @__PURE__ */ jsx9(
           "div",
           {
-            className: cmMerge3(
+            className: cmMerge5(
               "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(
+            children: /* @__PURE__ */ jsx9(LayoutComponent, { $size: "sm", children: /* @__PURE__ */ jsx9(
               "div",
               {
-                className: cmMerge3(
+                className: cmMerge5(
                   isActive ? "translate-y-0 opacity-100" : "-translate-y-10 opacity-0",
                   "relative z-4 transition-all duration-300"
                 ),
-                children: sections.map((section) => /* @__PURE__ */ jsx6(
+                children: sections.map((section) => /* @__PURE__ */ jsx9(
                   "div",
                   {
                     ref: section.id === visibleSectionId ? setVisibleSectionElement : void 0,
-                    className: cmMerge3(
+                    className: cmMerge5(
                       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(
+                    children: section.items.length > 0 && /* @__PURE__ */ jsx9("ul", { className: "mt-2 flex ", children: section.items.map(
+                      (child) => child.showInNav !== false && /* @__PURE__ */ jsxs7("li", { className: "flex-1 py-3 mb-6 px-4", children: [
+                        child.href ? /* @__PURE__ */ jsx9(
                           "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)) })
+                        ) : /* @__PURE__ */ jsx9("span", { className: "mb-4 block text-lg font-semibold tracking-tight", children: child.title }),
+                        child.kind === "group" && child.items.length > 0 && /* @__PURE__ */ jsx9("ul", { className: "menu border-l border-base-muted-light py-0 w-full", children: child.items.map((subChild) => /* @__PURE__ */ jsx9("li", { children: subChild.href ? /* @__PURE__ */ jsx9("a", { href: withSiteBaseUrl(subChild.href), onClick: onClose, children: renderInlineMarkdown(subChild.title) }) : /* @__PURE__ */ jsx9("span", { children: renderInlineMarkdown(subChild.title) }) }, subChild.id)) })
                       ] }, child.id)
                     ) })
                   },
@@ -856,20 +972,23 @@ var MegaMenu = ({
   );
 };
 
-// src/runtime/client/components/Navbar/index.tsx
-import { Fragment as Fragment2, jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
-var Navbar = memo3(() => {
-  const docs = useDocsGlobalContext();
-  const { urlPathname, urlParsed } = usePageContext3();
-  const activeSectionId = useDocsRouteStore((state) => state.currentSectionId);
-  const isLandingPage = urlParsed.pathname === "/";
+// src/runtime/client/components/Navbar/useMegaMenu.ts
+import { useCallback as useCallback3, useEffect as useEffect3, useRef as useRef2, useState as useState3 } from "react";
+var megaMenuOpenDelayMs = 120;
+var megaMenuCloseDelayMs = 140;
+var useMegaMenu = ({ activeSectionId, sections }) => {
   const [isMegaMenuOpen, setIsMegaMenuOpen] = useState3(false);
+  const megaMenuOpenTimeoutRef = useRef2(null);
   const megaMenuCloseTimeoutRef = useRef2(null);
-  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(() => {
+  const [hoveredSectionId, setHoveredSectionId] = useState3(activeSectionId ?? sections[0]?.id);
+  const clearMegaMenuOpenTimeout = useCallback3(() => {
+    if (megaMenuOpenTimeoutRef.current === null) {
+      return;
+    }
+    window.clearTimeout(megaMenuOpenTimeoutRef.current);
+    megaMenuOpenTimeoutRef.current = null;
+  }, []);
+  const clearMegaMenuCloseTimeout = useCallback3(() => {
     if (megaMenuCloseTimeoutRef.current === null) {
       return;
     }
@@ -880,113 +999,98 @@ var Navbar = memo3(() => {
     if (currentSectionId !== void 0) {
       setHoveredSectionId(currentSectionId);
     }
+    clearMegaMenuOpenTimeout();
     clearMegaMenuCloseTimeout();
     setIsMegaMenuOpen(true);
   };
+  const scheduleMegaMenuOpen = (currentSectionId) => {
+    if (currentSectionId !== void 0) {
+      setHoveredSectionId(currentSectionId);
+    }
+    clearMegaMenuOpenTimeout();
+    clearMegaMenuCloseTimeout();
+    if (isMegaMenuOpen) {
+      setIsMegaMenuOpen(true);
+      return;
+    }
+    megaMenuOpenTimeoutRef.current = window.setTimeout(() => {
+      setIsMegaMenuOpen(true);
+      megaMenuOpenTimeoutRef.current = null;
+    }, megaMenuOpenDelayMs);
+  };
   const closeMegaMenu = () => {
+    clearMegaMenuOpenTimeout();
     clearMegaMenuCloseTimeout();
     setIsMegaMenuOpen(false);
   };
   const scheduleMegaMenuClose = () => {
+    clearMegaMenuOpenTimeout();
     clearMegaMenuCloseTimeout();
     megaMenuCloseTimeoutRef.current = window.setTimeout(() => {
       setIsMegaMenuOpen(false);
       megaMenuCloseTimeoutRef.current = null;
-    }, 140);
+    }, megaMenuCloseDelayMs);
   };
   useEffect3(() => {
     return () => {
+      clearMegaMenuOpenTimeout();
       clearMegaMenuCloseTimeout();
     };
-  }, [clearMegaMenuCloseTimeout]);
+  }, [clearMegaMenuCloseTimeout, clearMegaMenuOpenTimeout]);
   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: 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: [
-            docs.navbarItems.map((item) => /* @__PURE__ */ jsx7("li", { children: /* @__PURE__ */ jsx7(
-              "a",
-              {
-                href: withSiteBaseUrl(item.href),
-                className: "h-full block py-3.25",
-                onPointerEnter: () => openMegaMenu(item.id),
-                onPointerLeave: scheduleMegaMenuClose,
-                onFocus: () => openMegaMenu(item.id),
-                onBlur: scheduleMegaMenuClose,
-                onClick: closeMegaMenu,
-                children: /* @__PURE__ */ jsxs5(
-                  "span",
-                  {
-                    className: cmMerge4("btn text-lg btn-ghost min-w-30 px-2 whitespace-nowrap tracking-tight"),
-                    children: [
-                      renderInlineMarkdown(item.title),
-                      /* @__PURE__ */ jsx7(ChevronDown, { className: "h-4 w-4 shrink-0" })
-                    ]
-                  }
-                )
-              }
-            ) }, item.id)),
-            docs.algolia ? /* @__PURE__ */ jsx7("li", { children: /* @__PURE__ */ jsxs5(
-              "button",
-              {
-                type: "button",
-                onClick: toggleSearch,
-                className: "btn btn-ghost min-w-30 px-2 text-lg whitespace-nowrap tracking-tight",
-                children: [
-                  "Search",
-                  /* @__PURE__ */ jsx7(TextSearch, { className: "h-4 w-4" })
-                ]
-              }
-            ) }) : null
-          ] })
-        }
-      ),
-      /* @__PURE__ */ jsxs5("div", { className: "flex flex-1 items-center justify-end gap-2", children: [
-        /* @__PURE__ */ jsx7(SocialLinks_default, {}),
-        /* @__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: 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: docs.navbarItems.map((item) => /* @__PURE__ */ jsx7("li", { children: /* @__PURE__ */ jsx7(
-              "a",
-              {
-                href: withSiteBaseUrl(item.href),
-                onPointerEnter: () => openMegaMenu(item.id),
-                onPointerLeave: scheduleMegaMenuClose,
-                onFocus: () => openMegaMenu(item.id),
-                onBlur: scheduleMegaMenuClose,
-                onClick: closeMegaMenu,
-                className: cmMerge4(
-                  "btn btn-sm px-2 whitespace-nowrap text-base tracking-tight",
-                  item.id === activeSection?.id ? "btn-primary btn-soft" : "btn-ghost"
-                ),
-                children: renderInlineMarkdown(item.title)
-              }
-            ) }, item.id)) }),
-            /* @__PURE__ */ jsx7(SearchTrigger, {})
-          ]
-        }
-      ),
-      /* @__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: docs.theme })
-      ] })
-    ] }) }) }),
-    /* @__PURE__ */ jsx7(Search, {}),
-    /* @__PURE__ */ jsx7(
+    setHoveredSectionId(activeSectionId ?? sections[0]?.id);
+  }, [activeSectionId, sections]);
+  return {
+    isMegaMenuOpen,
+    hoveredSectionId,
+    openMegaMenu,
+    scheduleMegaMenuOpen,
+    closeMegaMenu,
+    scheduleMegaMenuClose
+  };
+};
+var useMegaMenu_default = useMegaMenu;
+
+// src/runtime/client/components/Navbar/index.tsx
+import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+var NavbarNew = () => {
+  const docs = useDocsGlobalContext();
+  const { urlPathname, urlParsed } = usePageContext3();
+  const isLandingPage = urlParsed.pathname === "/";
+  const sections = docs.sidebarSections;
+  const activeSection = getActiveSectionByPathname(docs, urlPathname);
+  const { toggle: toggleSearch } = useDocsSearchActions();
+  const { closeMegaMenu, hoveredSectionId, isMegaMenuOpen, openMegaMenu, scheduleMegaMenuOpen, scheduleMegaMenuClose } = useMegaMenu_default({
+    activeSectionId: activeSection?.id,
+    sections
+  });
+  return /* @__PURE__ */ jsxs8(StyledNavbar, { $border: isLandingPage, children: [
+    /* @__PURE__ */ jsx10(LayoutComponent, { children: isLandingPage ? /* @__PURE__ */ jsx10(
+      LandingPageNavbar_default,
+      {
+        openMegaMenu,
+        scheduleMegaMenuOpen,
+        scheduleMegaMenuClose,
+        toggleSearch,
+        closeMegaMenu,
+        hoveredSectionId,
+        isMegaMenuOpen
+      }
+    ) : /* @__PURE__ */ jsx10(
+      DocsNavbar_default,
+      {
+        openMegaMenu,
+        scheduleMegaMenuOpen,
+        scheduleMegaMenuClose,
+        toggleSearch,
+        closeMegaMenu,
+        activeSection,
+        hoveredSectionId,
+        isMegaMenuOpen
+      }
+    ) }),
+    /* @__PURE__ */ jsx10(Search, {}),
+    /* @__PURE__ */ jsx10(
       MegaMenu,
       {
         sections,
@@ -999,9 +1103,11 @@ var Navbar = memo3(() => {
       }
     )
   ] });
-});
-var StyledNavbar = cm2.header`
-  top-0 left-0 z-20 h-16 w-full bg-base-100
+};
+var Navbar_default = NavbarNew;
+var StyledNavbar = cm4.header`
+  top-0 left-0 z-20 w-full bg-base-100
+  pt-0 h-14
   ${({ $border }) => $border ? "relative" : "fixed"}
 `;
 
@@ -1024,7 +1130,7 @@ var UserSettingsSync = ({ theme }) => {
 };
 
 // src/runtime/client/AppLayout.tsx
-import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 var queryClient = new QueryClient();
 var runtimeStore = createDocsRuntimeStore();
 var AppLayout = ({ children, header }) => {
@@ -1032,42 +1138,42 @@ var AppLayout = ({ children, header }) => {
   const pageContext = usePageContext4();
   const docs = getDocsFromGlobalContext(pageContext);
   const isLandingPage = urlPathname === "/";
-  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: [
-      header ?? /* @__PURE__ */ jsx8(Navbar, {}),
-      /* @__PURE__ */ jsx8("div", { className: cmMerge5(isLandingPage ? "" : "pt-16"), children })
+  return /* @__PURE__ */ jsx11(DocsRuntimeStoreProvider, { store: runtimeStore, children: /* @__PURE__ */ jsx11(DocsGlobalContextProvider, { docs, children: /* @__PURE__ */ jsxs9(QueryClientProvider, { client: queryClient, children: [
+    /* @__PURE__ */ jsx11(UserSettingsSync, { theme: docs.theme }),
+    /* @__PURE__ */ jsxs9("div", { className: "min-h-screen bg-base-100 text-base-content", children: [
+      header ?? /* @__PURE__ */ jsx11(Navbar_default, {}),
+      /* @__PURE__ */ jsx11("div", { className: cmMerge6(isLandingPage ? "" : "pt-14"), children })
     ] })
   ] }) }) });
 };
 
 // src/runtime/client/components/MetaHead/FaviconLinks.tsx
-import { Fragment as Fragment3, jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 var FaviconLinks = ({ head }) => {
   const { appleTouchIcon, faviconIco, faviconSvg } = head;
-  return /* @__PURE__ */ jsxs7(Fragment3, { children: [
-    appleTouchIcon && /* @__PURE__ */ jsx9("link", { rel: "apple-touch-icon", href: appleTouchIcon }),
-    faviconSvg && /* @__PURE__ */ jsx9("link", { rel: "icon", type: "image/svg+xml", href: faviconSvg }),
-    faviconIco && /* @__PURE__ */ jsxs7(Fragment3, { children: [
-      /* @__PURE__ */ jsx9("link", { rel: "shortcut icon", type: "image/x-icon", href: faviconIco }),
-      /* @__PURE__ */ jsx9("link", { rel: "icon", type: "image/x-icon", href: faviconIco })
+  return /* @__PURE__ */ jsxs10(Fragment2, { children: [
+    appleTouchIcon && /* @__PURE__ */ jsx12("link", { rel: "apple-touch-icon", href: appleTouchIcon }),
+    faviconSvg && /* @__PURE__ */ jsx12("link", { rel: "icon", type: "image/svg+xml", href: faviconSvg }),
+    faviconIco && /* @__PURE__ */ jsxs10(Fragment2, { children: [
+      /* @__PURE__ */ jsx12("link", { rel: "shortcut icon", type: "image/x-icon", href: faviconIco }),
+      /* @__PURE__ */ jsx12("link", { rel: "icon", type: "image/x-icon", href: faviconIco })
     ] })
   ] });
 };
 
 // src/runtime/client/components/MetaHead/FontLinks.tsx
-import { Fragment as Fragment4, jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 var FontLinks = ({ head }) => {
   const { fontStylesheetHref, fontPreloadHrefs } = head;
   const effectivePreloadHrefs = fontPreloadHrefs ?? [];
-  return /* @__PURE__ */ jsxs8(Fragment4, { children: [
-    effectivePreloadHrefs.map((href) => /* @__PURE__ */ jsx10("link", { rel: "preload", href, as: "font", type: "font/woff2", crossOrigin: "anonymous" }, href)),
-    fontStylesheetHref && /* @__PURE__ */ jsx10("link", { rel: "stylesheet", href: fontStylesheetHref })
+  return /* @__PURE__ */ jsxs11(Fragment3, { children: [
+    effectivePreloadHrefs.map((href) => /* @__PURE__ */ jsx13("link", { rel: "preload", href, as: "font", type: "font/woff2", crossOrigin: "anonymous" }, href)),
+    fontStylesheetHref && /* @__PURE__ */ jsx13("link", { rel: "stylesheet", href: fontStylesheetHref })
   ] });
 };
 
 // src/runtime/client/components/MetaHead/ThemeBootstrap.tsx
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx as jsx14 } from "react/jsx-runtime";
 var getThemeBootstrapScript = (theme) => {
   return `(() => {
   const storageKey = ${JSON.stringify(USER_SETTINGS_STORAGE_KEY)};
@@ -1105,7 +1211,7 @@ var getThemeBootstrapScript = (theme) => {
 })();`;
 };
 var ThemeBootstrap = ({ theme }) => {
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx14(
     "script",
     {
       dangerouslySetInnerHTML: {
@@ -1116,219 +1222,100 @@ var ThemeBootstrap = ({ theme }) => {
 };
 
 // src/runtime/client/components/MetaHead/index.tsx
-import { Fragment as Fragment5, jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
 var MetaHead = () => {
   const docs = useDocsFromPageGlobalContext();
-  return /* @__PURE__ */ jsxs9(Fragment5, { children: [
-    /* @__PURE__ */ jsx12(ThemeBootstrap, { theme: docs.theme }),
-    /* @__PURE__ */ jsx12(FaviconLinks, { head: docs.head }),
-    /* @__PURE__ */ jsx12(FontLinks, { head: docs.head })
+  return /* @__PURE__ */ jsxs12(Fragment4, { children: [
+    /* @__PURE__ */ jsx15(ThemeBootstrap, { theme: docs.theme }),
+    /* @__PURE__ */ jsx15(FaviconLinks, { head: docs.head }),
+    /* @__PURE__ */ jsx15(FontLinks, { head: docs.head })
   ] });
 };
 
 // src/runtime/client/components/ProseContainer.tsx
-import cm3 from "@classmatejs/react";
-var ProseContainer = cm3.section`
+import cm5 from "@classmatejs/react";
+var ProseContainer = cm5.section`
   prose-container
 `;
 
-// src/runtime/client/DocsPage.tsx
+// src/runtime/client/DocsLayout.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}` : ""
-  };
+// src/runtime/client/components/DocsPagination.tsx
+import { cmMerge as cmMerge7 } from "@classmatejs/react";
+import { ChevronLeft, ChevronRight } from "lucide-react";
+import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
+var PaginationCard = ({ item, direction, isOffset }) => {
+  const isPrevious = direction === "previous";
+  return /* @__PURE__ */ jsx16(
+    "a",
+    {
+      href: withSiteBaseUrl(item.href),
+      className: cmMerge7(
+        "group rounded-box border border-base-muted-light bg-base-100 p-5 no-underline hover:border-primary-muted-medium hover:bg-base-200",
+        isPrevious ? "text-left" : "text-right",
+        isOffset && "sm:col-start-2"
+      ),
+      "aria-label": `${isPrevious ? "Previous" : "Next"}: ${item.title}`,
+      children: /* @__PURE__ */ jsxs13("div", { className: "flex flex-col justify-between gap-2", children: [
+        /* @__PURE__ */ jsx16("p", { className: "text-lg font-semibold text-base-content", children: renderInlineMarkdown(item.title) }),
+        /* @__PURE__ */ jsxs13(
+          "div",
+          {
+            className: cmMerge7(
+              "flex items-center gap-1 text-base-muted group-hover:text-base-content",
+              isPrevious ? "justify-start" : "justify-end"
+            ),
+            children: [
+              isPrevious && /* @__PURE__ */ jsx16(ChevronLeft, { className: "h-4 w-4" }),
+              /* @__PURE__ */ jsx16("span", { children: isPrevious ? "Previous" : "Next" }),
+              !isPrevious && /* @__PURE__ */ jsx16(ChevronRight, { className: "h-4 w-4" })
+            ]
+          }
+        )
+      ] })
+    }
+  );
 };
-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) {
+var DocsPagination = ({
+  previousPage: previousPageProp = null,
+  nextPage: nextPageProp = null
+}) => {
+  const paginationEnabled = useDocsGlobalContext().footer.pagination;
+  const previousPage = previousPageProp;
+  const nextPage = nextPageProp;
+  if (!paginationEnabled) {
     return null;
   }
-  const page = getResolvedPageByPathname(options.docs, docsPathname);
-  if (!page) {
+  if (!previousPage && !nextPage) {
     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";
-
-// src/runtime/client/components/DocsPagination.tsx
-import { cmMerge as cmMerge6 } from "@classmatejs/react";
-import { ChevronLeft, ChevronRight } from "lucide-react";
-import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
-var PaginationCard = ({ item, direction, isOffset }) => {
-  const isPrevious = direction === "previous";
-  return /* @__PURE__ */ jsx14(
-    "a",
-    {
-      href: withSiteBaseUrl(item.href),
-      className: cmMerge6(
-        "group rounded-box border border-base-muted-light bg-base-100 p-5 no-underline hover:border-primary-muted-medium hover:bg-base-200",
-        isPrevious ? "text-left" : "text-right",
-        isOffset && "sm:col-start-2"
-      ),
-      "aria-label": `${isPrevious ? "Previous" : "Next"}: ${item.title}`,
-      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(
-              "flex items-center gap-1 text-base-muted group-hover:text-base-content",
-              isPrevious ? "justify-start" : "justify-end"
-            ),
-            children: [
-              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" })
-            ]
-          }
-        )
-      ] })
-    }
-  );
-};
-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__ */ 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" })
-  ] }) });
+  return /* @__PURE__ */ jsx16("nav", { className: "mb-10 mt-16", "aria-label": "Previous Next", children: /* @__PURE__ */ jsxs13("div", { className: "grid gap-4 sm:grid-cols-2", children: [
+    previousPage && /* @__PURE__ */ jsx16(PaginationCard, { item: previousPage, direction: "previous" }),
+    nextPage && /* @__PURE__ */ jsx16(PaginationCard, { isOffset: !previousPage, item: nextPage, direction: "next" })
+  ] }) });
 };
 
 // src/runtime/client/components/Footer.tsx
 import { Bug, Pencil } from "lucide-react";
-import { memo as memo4 } from "react";
-import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
-var DocsFooter = memo4(() => {
+import { memo as memo3 } from "react";
+import { jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
+var DocsFooter = memo3(() => {
   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" }),
+  return /* @__PURE__ */ jsxs14("footer", { className: "mb-8 mt-12 text-sm border-t border-base-muted-light pt-10", children: [
+    /* @__PURE__ */ jsxs14("div", { className: "mb-16 flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxs14("a", { href: "edit", className: "btn btn-sm btn-primary btn-soft", children: [
+        /* @__PURE__ */ jsx17(Pencil, { className: "w-3 h-3" }),
         " Edit this page"
       ] }),
-      /* @__PURE__ */ jsxs12("a", { href: "edit", className: "btn btn-sm btn-primary btn-soft", children: [
-        /* @__PURE__ */ jsx15(Bug, { className: "w-3 h-3" }),
+      /* @__PURE__ */ jsxs14("a", { href: "edit", className: "btn btn-sm btn-primary btn-soft", children: [
+        /* @__PURE__ */ jsx17(Bug, { className: "w-3 h-3" }),
         " Report Issue"
       ] })
     ] }),
-    /* @__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 }) })
+    /* @__PURE__ */ jsxs14("div", { className: "flex justify-between items-center", children: [
+      /* @__PURE__ */ jsx17(SocialLinks_default, {}),
+      /* @__PURE__ */ jsx17("div", { className: "flex gap-2 items-center", children: brand && /* @__PURE__ */ jsx17(Brand, { brand, noText: true }) })
     ] })
   ] });
 });
@@ -1384,8 +1371,9 @@ var HeadingLinkCopy = () => {
 };
 
 // src/runtime/client/components/Sidebar.tsx
-import { cmMerge as cmMerge7 } from "@classmatejs/react";
-import { memo as memo5, useEffect as useEffect6, useRef as useRef3 } from "react";
+import { cmMerge as cmMerge8 } from "@classmatejs/react";
+import { memo as memo4, useEffect as useEffect6, useRef as useRef3 } from "react";
+import { usePageContext as usePageContext5 } from "vike-react/usePageContext";
 
 // src/runtime/client/components/docsNavigation.ts
 var containsActiveHref = (items, currentHref) => {
@@ -1413,7 +1401,7 @@ var getVisibleGroupItems = (group) => {
 var getGroupHref = (group) => group.href ?? null;
 
 // src/runtime/client/components/Sidebar.tsx
-import { Fragment as Fragment6, jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
 var useAutoOpenDetails = (nodeId, isOpenByDefault, hasActiveDescendant) => {
   const storedOpen = useDocsSidebarStore((state) => state.openNodes[nodeId]);
   const { setNodeOpen } = useDocsSidebarActions();
@@ -1433,11 +1421,11 @@ var useAutoOpenDetails = (nodeId, isOpenByDefault, hasActiveDescendant) => {
   };
 };
 var SidebarPageLink = ({ title, href, currentHref }) => {
-  return /* @__PURE__ */ jsx16("li", { children: /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx18("li", { className: "rounded-none", children: /* @__PURE__ */ jsx18(
     "a",
     {
       href: withSiteBaseUrl(href),
-      className: cmMerge7(
+      className: cmMerge8(
         "text-base-muted hover:text-base-content justify-start hover:bg-base-200",
         href === currentHref && "text-primary! font-semibold bg-base-200"
       ),
@@ -1446,13 +1434,13 @@ var SidebarPageLink = ({ title, href, currentHref }) => {
   ) });
 };
 var SidebarGroupDivider = ({ title }) => {
-  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!" }) }) });
+  return /* @__PURE__ */ jsx18("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__ */ jsx18("span", { className: "-ml-3", children: renderInlineMarkdown(title, { codeClassName: "text-sm!" }) }) });
 };
 var SidebarGroupTitle = ({ title, href, isActive, allowNavigation = false }) => {
-  const content = /* @__PURE__ */ jsx16(
+  const content = /* @__PURE__ */ jsx18(
     "span",
     {
-      className: cmMerge7(
+      className: cmMerge8(
         allowNavigation ? "font-medium" : "font-semibold",
         isActive && allowNavigation && "text-primary!"
       ),
@@ -1460,11 +1448,11 @@ var SidebarGroupTitle = ({ title, href, isActive, allowNavigation = false }) =>
     }
   );
   if (allowNavigation && href) {
-    return /* @__PURE__ */ jsx16(
+    return /* @__PURE__ */ jsx18(
       "a",
       {
         href: withSiteBaseUrl(href),
-        className: cmMerge7(
+        className: cmMerge8(
           "flex items-center gap-2 text-base-muted hover:text-base-content no-underline",
           isActive && "text-primary! font-semibold"
         ),
@@ -1472,19 +1460,19 @@ var SidebarGroupTitle = ({ title, href, isActive, allowNavigation = false }) =>
       }
     );
   }
-  return /* @__PURE__ */ jsx16("span", { className: "flex items-center gap-2 text-base-content", children: content });
+  return /* @__PURE__ */ jsx18("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__ */ jsx16(SidebarPageLink, { title: item.navTitle, href: item.href, currentHref }, item.id);
+      return /* @__PURE__ */ jsx18(SidebarPageLink, { title: item.navTitle, href: item.href, currentHref }, item.id);
     }
-    return /* @__PURE__ */ jsx16(SidebarNestedGroup, { group: item, currentHref }, item.id);
+    return /* @__PURE__ */ jsx18(SidebarNestedGroup, { group: item, currentHref }, item.id);
   });
 };
 var SidebarItemList = ({ items, currentHref }) => {
   const visibleItems = getVisibleNavItems(items);
-  return /* @__PURE__ */ jsx16("ul", { className: "menu w-full", children: renderSidebarItems(visibleItems, currentHref) });
+  return /* @__PURE__ */ jsx18("ul", { className: "menu lg:w-[97%]", children: renderSidebarItems(visibleItems, currentHref) });
 };
 var SidebarNestedGroup = ({ group, currentHref }) => {
   const groupHref = getGroupHref(group);
@@ -1495,14 +1483,14 @@ var SidebarNestedGroup = ({ group, currentHref }) => {
   const { isOpen, setIsOpen } = useAutoOpenDetails(`group:${group.id}`, isOpenByDefault, nestedHasActiveItem);
   if (!isCollapsible) {
     if (!group.title) {
-      return /* @__PURE__ */ jsx16(Fragment6, { children: renderSidebarItems(visibleItems, currentHref) });
+      return /* @__PURE__ */ jsx18(Fragment5, { children: renderSidebarItems(visibleItems, currentHref) });
     }
-    return /* @__PURE__ */ jsxs13(Fragment6, { children: [
-      /* @__PURE__ */ jsx16(SidebarGroupDivider, { title: group.title }),
+    return /* @__PURE__ */ jsxs15(Fragment5, { children: [
+      /* @__PURE__ */ jsx18(SidebarGroupDivider, { title: group.title }),
       renderSidebarItems(visibleItems, currentHref)
     ] });
   }
-  return /* @__PURE__ */ jsx16("li", { children: /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsx18("li", { children: /* @__PURE__ */ jsxs15(
     "details",
     {
       open: isOpen,
@@ -1510,7 +1498,7 @@ var SidebarNestedGroup = ({ group, currentHref }) => {
         setIsOpen(event.currentTarget.open);
       },
       children: [
-        /* @__PURE__ */ jsx16("summary", { children: /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsx18("summary", { children: /* @__PURE__ */ jsx18(
           SidebarGroupTitle,
           {
             title: group.title,
@@ -1519,7 +1507,7 @@ var SidebarNestedGroup = ({ group, currentHref }) => {
             allowNavigation: Boolean(groupHref)
           }
         ) }),
-        visibleItems.length > 0 ? /* @__PURE__ */ jsx16(SidebarItemList, { items: visibleItems, currentHref }) : null
+        visibleItems.length > 0 ? /* @__PURE__ */ jsx18(SidebarItemList, { items: visibleItems, currentHref }) : null
       ]
     }
   ) });
@@ -1531,7 +1519,7 @@ var SidebarSectionGroup = ({ section, currentHref, activeSectionId }) => {
     section.id === activeSectionId,
     sectionHasActiveItem
   );
-  return /* @__PURE__ */ jsx16("li", { className: "pb-4", children: /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsx18("li", { className: "pb-4", children: /* @__PURE__ */ jsxs15(
     "details",
     {
       open: isOpen,
@@ -1539,26 +1527,28 @@ var SidebarSectionGroup = ({ section, currentHref, activeSectionId }) => {
         setIsOpen(event.currentTarget.open);
       },
       children: [
-        /* @__PURE__ */ jsx16("summary", { children: /* @__PURE__ */ jsx16(SidebarGroupTitle, { title: section.title, isActive: sectionHasActiveItem }) }),
-        /* @__PURE__ */ jsx16(SidebarItemList, { items: section.items, currentHref })
+        /* @__PURE__ */ jsx18("summary", { children: /* @__PURE__ */ jsx18(SidebarGroupTitle, { title: section.title, isActive: sectionHasActiveItem }) }),
+        /* @__PURE__ */ jsx18(SidebarItemList, { items: section.items, currentHref })
       ]
     }
   ) });
 };
-var Sidebar = memo5(
+var Sidebar = memo4(
   ({ 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(
+    const { urlPathname } = usePageContext5();
+    const currentHref = currentHrefProp || urlPathname;
+    const docs = useDocsGlobalContext();
+    const activeSectionId = activeSectionIdProp || getActiveSectionByPathname(docs, currentHref)?.id || "";
+    const { sidebarSections } = docs;
+    return /* @__PURE__ */ jsx18("aside", { className: "hidden basis-76 shrink-0 lg:block", children: /* @__PURE__ */ jsxs15("div", { className: "-ml-3 sticky top-14", children: [
+      /* @__PURE__ */ jsx18("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__ */ jsx18(
         "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(
+          className: "pr-4 h-[calc(100svh-14*var(--spacing))] overflow-y-scroll relative z-10",
+          children: /* @__PURE__ */ jsx18("ul", { className: cmMerge8("menu p-0 m-0 w-full px-0 pt-3 li:last-child:border-0"), children: sidebarSections.map((section) => /* @__PURE__ */ jsx18(
             SidebarSectionGroup,
             {
               section,
@@ -1574,10 +1564,210 @@ var Sidebar = memo5(
 );
 
 // src/runtime/client/components/TableOfContents.tsx
-import cm4, { cmMerge as cmMerge8 } from "@classmatejs/react";
+import cm6, { cmMerge as cmMerge9 } from "@classmatejs/react";
 import { Flame, TableOfContentsIcon } from "lucide-react";
+import { Fragment as Fragment6, jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
+var TableOfContents = ({
+  headings: headingsProp = [],
+  tableOfContents: tableOfContentsProp = false,
+  activeHeadingId = "",
+  setActiveHeadingId = () => void 0
+}) => {
+  const { partners } = useDocsGlobalContext();
+  const effectiveHeadings = headingsProp;
+  const effectiveTableOfContents = tableOfContentsProp;
+  return /* @__PURE__ */ jsx19("aside", { className: cmMerge9(effectiveTableOfContents ? "w-64" : "w-32", "hidden shrink-0 xl:block"), children: /* @__PURE__ */ jsx19("div", { className: "sticky top-14", children: /* @__PURE__ */ jsxs16("div", { className: "relative h-[calc(100svh-14*var(--spacing))] overflow-y-auto overflow-x-hidden pt-10 pb-8", children: [
+    effectiveTableOfContents ? effectiveHeadings.length > 0 && /* @__PURE__ */ jsxs16(Fragment6, { children: [
+      /* @__PURE__ */ jsxs16("p", { className: "mb-4 flex items-center gap-2 text-xs font-semibold uppercase tracking-widest text-base-muted", children: [
+        /* @__PURE__ */ jsx19(TableOfContentsIcon, { className: "h-3 w-3" }),
+        "On this page"
+      ] }),
+      /* @__PURE__ */ jsx19("nav", { "aria-label": "On this page", className: "mb-12", children: /* @__PURE__ */ jsx19("ul", { children: effectiveHeadings.map((heading) => /* @__PURE__ */ jsx19("li", { children: /* @__PURE__ */ jsx19(
+        "a",
+        {
+          href: `#${heading.id}`,
+          "aria-current": activeHeadingId === heading.id ? "location" : void 0,
+          onClick: () => setActiveHeadingId(heading.id),
+          className: cmMerge9(
+            "cursor-pointer block border-l border-base-muted-light py-1.5 text-sm text-base-muted hover:border-primary-muted hover:text-base-content",
+            heading.depth > 2 ? "pl-6" : "pl-4",
+            activeHeadingId === heading.id ? "border-l-2 border-primary font-semibold text-base-content" : ""
+          ),
+          children: heading.title
+        }
+      ) }, heading.id)) }) })
+    ] }) : null,
+    /* @__PURE__ */ jsx19(Adbar, { partners })
+  ] }) }) });
+};
+var Adbar = ({ partners }) => {
+  if (partners.primary.length === 0 && partners.gold.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs16("aside", { children: [
+    /* @__PURE__ */ jsxs16("p", { className: "mb-4 flex items-center gap-2 text-xs font-semibold uppercase tracking-widest text-base-muted", children: [
+      /* @__PURE__ */ jsx19(Flame, { className: "h-3 w-3" }),
+      "Partners"
+    ] }),
+    /* @__PURE__ */ jsxs16("ul", { className: "grid grid-cols-[repeat(auto-fit,minmax(5.5rem,1fr))] gap-3 opacity-90", children: [
+      partners.primary.map((partner) => /* @__PURE__ */ jsx19(AdbarItem, { className: "col-span-full", children: /* @__PURE__ */ jsx19(AdbarLink, { href: partner.href, title: partner.name, children: /* @__PURE__ */ jsx19(PartnerLogo, { partner }) }) }, partner.name)),
+      partners.gold.map((partner) => /* @__PURE__ */ jsx19(AdbarItem, { children: /* @__PURE__ */ jsx19(AdbarLink, { href: partner.href, title: partner.name, children: /* @__PURE__ */ jsx19(PartnerLogo, { partner }) }) }, partner.name))
+    ] })
+  ] });
+};
+var PartnerLogo = ({
+  partner
+}) => {
+  return /* @__PURE__ */ jsxs16(Fragment6, { children: [
+    /* @__PURE__ */ jsx19(
+      Image,
+      {
+        src: partner.logoLight,
+        width: 200,
+        height: 100,
+        alt: partner.logoAlt,
+        className: cmMerge9("block", partner.logoDark ? "dark:hidden" : "dark:invert")
+      }
+    ),
+    partner.logoDark ? /* @__PURE__ */ jsx19(Image, { src: partner.logoDark, width: 200, height: 100, alt: partner.logoAlt, className: "hidden dark:block" }) : null
+  ] });
+};
+var AdbarItem = cm6.div`
+  px-5
+  py-5
+  bg-base-200
+  text-center
+  flex
+  items-center
+  justify-center
+  rounded-field
+`;
+var AdbarLink = cm6.a`
+  block
+  w-full
+  transition-opacity
+  hover:opacity-100
+  focus-visible:opacity-100
+`;
+var Image = cm6.img`
+  mx-auto
+  w-24
+`;
+
+// src/runtime/client/components/TableOfContentsMobile.tsx
+import cm7 from "@classmatejs/react";
+import { TableOfContents as TableOfContents2 } from "lucide-react";
+
+// src/runtime/client/components/BreadcrumbSidebarTrigger.tsx
+import { ChevronLast, ChevronsRight } from "lucide-react";
+import { useCallback as useCallback4 } from "react";
+import { jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
+var dedupeBreadcrumbs = (items) => {
+  return items.filter((item, index) => index === 0 || items[index - 1]?.title !== item.title);
+};
+var getSidebarBreadcrumbs = (items, currentHref) => {
+  for (const item of items) {
+    if (item.kind === "page") {
+      if (item.href === currentHref) {
+        return [{ id: item.id, title: item.navTitle }];
+      }
+      continue;
+    }
+    if (item.href === currentHref) {
+      return item.title ? [{ id: item.id, title: item.title }] : [];
+    }
+    const nestedBreadcrumbs = getSidebarBreadcrumbs(item.items, currentHref);
+    if (!nestedBreadcrumbs) {
+      continue;
+    }
+    return dedupeBreadcrumbs(
+      item.title ? [{ id: item.id, title: item.title }, ...nestedBreadcrumbs] : nestedBreadcrumbs
+    );
+  }
+  return null;
+};
+var BreadcrumbSidebarTrigger = ({ currentHref }) => {
+  const docs = useDocsGlobalContext();
+  const activeSection = getActiveSectionByPathname(docs, currentHref);
+  const breadcrumbItems = dedupeBreadcrumbs([
+    ...activeSection ? [{ id: activeSection.id, title: activeSection.navTitle }] : [],
+    ...activeSection ? getSidebarBreadcrumbs(activeSection.items, currentHref) ?? [] : []
+  ]);
+  const handleClick = useCallback4(() => {
+    alert("TODO: Open mobile menu");
+  }, []);
+  return /* @__PURE__ */ jsx20("button", { className: "cursor-pointer min-w-0 max-w-full hidden md:block", type: "button", onClick: handleClick, children: /* @__PURE__ */ jsxs17("span", { className: "flex items-center gap-1 min-w-0 overflow-hidden lg:hidden", children: [
+    /* @__PURE__ */ jsx20(ChevronLast, { className: "w-4 h-4 shrink-0 text-primary" }),
+    /* @__PURE__ */ jsx20("span", { className: "hidden md:flex items-center gap-1", children: breadcrumbItems.map((item, index) => /* @__PURE__ */ jsxs17("span", { className: "contents", children: [
+      index > 0 ? /* @__PURE__ */ jsx20(ChevronsRight, { className: "w-4 h-4 shrink-0 text-base-muted-medium" }) : null,
+      /* @__PURE__ */ jsx20("span", { className: index === 0 ? "font-semibold truncate" : "text-sm truncate", children: renderInlineMarkdown(item.title, { codeClassName: "text-sm!" }) })
+    ] }, item.id)) })
+  ] }) });
+};
+var BreadcrumbSidebarTrigger_default = BreadcrumbSidebarTrigger;
+
+// src/runtime/client/components/TableOfContentsMobile.tsx
+import { Fragment as Fragment7, jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
+var TableOfContentsMobile = ({
+  headings = [],
+  tableOfContents = false,
+  pageTitle = "On this page",
+  currentHref,
+  activeHeadingId = "",
+  setActiveHeadingId = () => void 0
+}) => {
+  const topOptionValue = "__docs-page-top__";
+  const selectedValue = tableOfContents && headings.some((heading) => heading.id === activeHeadingId) ? activeHeadingId : "";
+  return /* @__PURE__ */ jsxs18(Fragment7, { children: [
+    /* @__PURE__ */ jsx21("div", { className: "h-12 xl:hidden" }),
+    /* @__PURE__ */ jsx21(StyledTOC, { children: /* @__PURE__ */ jsxs18(StyledTOCInner, { children: [
+      /* @__PURE__ */ jsx21(BreadcrumbSidebarTrigger_default, { currentHref }),
+      /* @__PURE__ */ jsxs18("label", { className: "select select-sm md:w-80 w-full", htmlFor: "table-of-contents-select", children: [
+        /* @__PURE__ */ jsx21("span", { className: "label flex", children: /* @__PURE__ */ jsx21(TableOfContents2, { className: "w-4 h-4" }) }),
+        /* @__PURE__ */ jsxs18(
+          "select",
+          {
+            id: "table-of-contents-select",
+            value: selectedValue || topOptionValue,
+            onChange: (e) => {
+              const value = e.target.value;
+              if (value === topOptionValue) {
+                setActiveHeadingId("");
+                window.history.replaceState(null, "", `${window.location.pathname}${window.location.search}`);
+                window.scrollTo({ top: 0, behavior: "auto" });
+                return;
+              }
+              setActiveHeadingId(value);
+              window.location.hash = encodeURIComponent(value);
+            },
+            children: [
+              /* @__PURE__ */ jsx21("option", { value: topOptionValue, children: pageTitle }),
+              tableOfContents && headings.map((heading) => /* @__PURE__ */ jsx21("option", { value: heading.id, children: heading.title }, heading.id))
+            ]
+          }
+        )
+      ] })
+    ] }) })
+  ] });
+};
+var TableOfContentsMobile_default = TableOfContentsMobile;
+var StyledTOC = cm7.div`
+  block xl:hidden
+  fixed
+  bg-base-100 border-b-base-muted-light
+  w-full h-14
+  top-14 left-0 border-b z-5
+  lg:w-[calc(100svw-80*var(--spacing))]
+  lg:left-80
+`;
+var StyledTOCInner = cm7.div`
+  absolute inset-0 flex justify-between items-center
+  pr-4
+  px-4 lg:pl-14
+`;
+
+// src/runtime/client/components/useTableOfContentsState.ts
 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);
@@ -1614,7 +1804,8 @@ var syncHeadingsFromDom = (setDomHeadings) => {
     if (!title) {
       return null;
     }
-    element.classList.add("scroll-mt-24");
+    element.classList.add("scroll-mt-32");
+    element.classList.add("xl:scroll-mt-24");
     const id = element.id || slugify(title);
     if (!element.id) {
       element.id = id;
@@ -1638,7 +1829,7 @@ var updateActiveHeadingFromScroll = (setActiveHeadingId) => {
     return;
   }
   const activationOffset = 144;
-  let nextActiveHeadingId = headingElements[0]?.id ?? "";
+  let nextActiveHeadingId = "";
   for (const heading of headingElements) {
     if (!heading.id) {
       continue;
@@ -1655,18 +1846,12 @@ var updateActiveHeadingFromScroll = (setActiveHeadingId) => {
   }
   setActiveHeadingId(nextActiveHeadingId);
 };
-var TableOfContents = ({
-  headings: headingsProp = [],
-  tableOfContents: tableOfContentsProp = false
+var useTableOfContentsState = ({
+  headings: routeHeadings = []
 }) => {
-  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;
+  const [domHeadings, setDomHeadings] = useState4(routeHeadings);
+  const effectiveHeadings = domHeadings.length > 0 ? domHeadings : routeHeadings;
   useEffect7(() => {
     let scrollFrame = 0;
     const syncActiveHeading = () => {
@@ -1708,126 +1893,181 @@ var TableOfContents = ({
       return;
     }
     setDomHeadings((currentHeadings) => {
-      if (areHeadingsEqual(currentHeadings, effectiveRouteHeadings)) {
+      if (areHeadingsEqual(currentHeadings, routeHeadings)) {
         return currentHeadings;
       }
-      return effectiveRouteHeadings;
+      return routeHeadings;
     });
     setActiveHeadingId("");
     queueMicrotask(() => {
       syncHeadingsFromDom(setDomHeadings);
       updateActiveHeadingFromScroll(setActiveHeadingId);
     });
-  }, [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"
+  }, [routeHeadings]);
+  return {
+    activeHeadingId,
+    effectiveHeadings,
+    setActiveHeadingId
+  };
+};
+
+// src/runtime/client/DocsLayout.tsx
+import { Fragment as Fragment8, jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
+var DocsLayout = ({ children }) => {
+  const data = useData();
+  const { activeHeadingId, effectiveHeadings, setActiveHeadingId } = useTableOfContentsState({
+    headings: data.headings
+  });
+  return /* @__PURE__ */ jsxs19(Fragment8, { children: [
+    /* @__PURE__ */ jsx22(HeadingLinkCopy, {}),
+    /* @__PURE__ */ jsx22("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__ */ jsx22(LayoutComponent, { children: /* @__PURE__ */ jsxs19("div", { className: "lg:flex gap-14", children: [
+      /* @__PURE__ */ jsx22(Sidebar, { currentHref: data.page.href, activeSectionId: data.page.sectionId }),
+      /* @__PURE__ */ jsxs19("main", { className: "min-w-0 flex-1 basis-auto shrink", children: [
+        /* @__PURE__ */ jsx22(
+          TableOfContentsMobile_default,
+          {
+            headings: effectiveHeadings,
+            tableOfContents: data.page.tableOfContents && effectiveHeadings.length > 0,
+            pageTitle: data.page.title,
+            currentHref: data.page.href,
+            activeHeadingId,
+            setActiveHeadingId
+          }
+        ),
+        /* @__PURE__ */ jsx22("div", { className: "mt-10 min-w-0", children }),
+        /* @__PURE__ */ jsx22(DocsPagination, { previousPage: data.previousPage, nextPage: data.nextPage }),
+        /* @__PURE__ */ jsx22(DocsFooter, {})
       ] }),
-      /* @__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",
+      /* @__PURE__ */ jsx22(
+        TableOfContents,
         {
-          href: `#${heading.id}`,
-          "aria-current": activeHeadingId === heading.id ? "location" : void 0,
-          onClick: () => setActiveHeadingId(heading.id),
-          className: cmMerge8(
-            "cursor-pointer block border-l border-base-muted-light py-1.5 text-sm text-base-muted hover:border-primary-muted hover:text-base-content",
-            heading.depth > 2 ? "pl-6" : "pl-4",
-            activeHeadingId ? activeHeadingId === heading.id ? "border-l-2 border-primary font-semibold text-base-content" : "" : index === 0 ? "border-l-2 border-primary font-semibold text-base-content" : ""
-          ),
-          children: heading.title
+          headings: effectiveHeadings,
+          tableOfContents: data.page.tableOfContents,
+          activeHeadingId,
+          setActiveHeadingId
         }
-      ) }, heading.id)) }) })
-    ] }) : null,
-    /* @__PURE__ */ jsx17(Adbar, { partners })
-  ] }) }) });
+      )
+    ] }) })
+  ] });
 };
-var Adbar = ({ partners }) => {
-  if (partners.primary.length === 0 && partners.gold.length === 0) {
+
+// src/runtime/client/DocsPage.tsx
+import { useData as useData2 } from "vike-react/useData";
+import { usePageContext as usePageContext6 } 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;
   }
-  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__ */ 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))
-    ] })
-  ] });
+  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 PartnerLogo = ({
-  partner
-}) => {
-  return /* @__PURE__ */ jsxs14(Fragment7, { children: [
-    /* @__PURE__ */ jsx17(
-      Image,
-      {
-        src: partner.logoLight,
-        width: 200,
-        height: 100,
-        alt: partner.logoAlt,
-        className: cmMerge8("block", partner.logoDark ? "dark:hidden" : "dark:invert")
+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;
       }
-    ),
-    partner.logoDark ? /* @__PURE__ */ jsx17(Image, { src: partner.logoDark, width: 200, height: 100, alt: partner.logoAlt, className: "hidden dark:block" }) : null
-  ] });
+      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;
+    }
+  };
 };
-var AdbarItem = cm4.div`
-  px-5
-  py-5
-  bg-base-200
-  text-center
-  flex
-  items-center
-  justify-center
-  rounded-field
-`;
-var AdbarLink = cm4.a`
-  block
-  w-full
-  transition-opacity
-  hover:opacity-100
-  focus-visible:opacity-100
-`;
-var Image = cm4.img`
-  mx-auto
-  w-24
-`;
 
-// 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;
-};
-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 })
-    ] }) })
-  ] });
+// src/runtime/client/DocsPage.tsx
+import { jsx as jsx23, jsxs as jsxs20 } from "react/jsx-runtime";
+var DocsPage = ({ Content }) => {
+  const pageContext = usePageContext6();
+  const docs = useDocsGlobalContext();
+  const { page } = useData2();
+  return /* @__PURE__ */ jsx23(
+    UniversalMdxProvider,
+    {
+      value: getMdxRuntimeValue({
+        docs,
+        currentPathname: pageContext.urlPathname
+      }),
+      children: /* @__PURE__ */ jsxs20(ProseContainer, { "data-doc-content": "", children: [
+        /* @__PURE__ */ jsx23("h1", { className: "scroll-mt-32 xl:scroll-mt-24", children: renderInlineMarkdown(page.title) }),
+        /* @__PURE__ */ jsx23(Content, {})
+      ] })
+    }
+  );
 };
 
 export {
@@ -1835,8 +2075,6 @@ export {
   useDocsSearchActions,
   useDocsSidebarStore,
   useDocsSidebarActions,
-  useDocsRouteStore,
-  useDocsRouteActions,
   LayoutComponent,
   useDocsUserSettingsStore,
   DEFAULT_THEME_PREFERENCE,
@@ -1845,7 +2083,7 @@ export {
   AppLayout,
   MetaHead,
   ProseContainer,
-  DocsPage,
-  DocsRouteLayout
+  DocsLayout,
+  DocsPage
 };
-//# sourceMappingURL=chunk-5QP3Y2DU.js.map
+//# sourceMappingURL=chunk-6TXPHBIC.js.map