@unterberg/nivel 0.1.10 → 0.1.13

package/dist/{chunk-F4OBB7JD.js → chunk-SH5XWPXW.js}

@@ -1,3 +1,16 @@
+import {
+  DocsGlobalContextProvider,
+  DocsRuntimeStoreProvider,
+  LayoutComponent,
+  createDocsRuntimeStore,
+  getDocsFromGlobalContext,
+  useDocsFromPageGlobalContext,
+  useDocsGlobalContext,
+  useDocsSearchActions,
+  useDocsSearchStore,
+  useDocsSidebarActions,
+  useDocsSidebarStore
+} from "./chunk-ESAHWFDZ.js";
 import {
   createHeadingSlugger,
   normalizeHeadingTitle
@@ -11,557 +24,100 @@ import {
   getResolvedPageByPathname,
   getResolvedSectionById,
   isSamePagePathname,
+  resolveDocsHref
+} from "./chunk-QWIYQPCW.js";
+import {
   nivelAssetUrl,
-  resolveDocsHref,
   withSiteBaseUrl
-} from "./chunk-NDJ5LYLK.js";
+} from "./chunk-PYYPYIBD.js";
 
 // src/runtime/client/AppLayout.tsx
-import { cmMerge as cmMerge6 } from "@classmatejs/react";
-import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
-import { usePageContext as usePageContext4 } from "vike-react/usePageContext";
+import { cmMerge as cmMerge5 } from "@classmatejs/react";
+import { usePageContext as usePageContext2 } from "vike-react/usePageContext";
 
 // src/runtime/client/components/Navbar/index.tsx
-import cm4 from "@classmatejs/react";
-import { usePageContext as usePageContext3 } from "vike-react/usePageContext";
-
-// src/runtime/client/docsGlobalContext.ts
-import { createContext, createElement, useContext } from "react";
+import cm3 from "@classmatejs/react";
+import { useEffect as useEffect4, useState as useState4 } from "react";
 import { usePageContext } from "vike-react/usePageContext";
-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 = () => {
-  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 as createContext2, useContext as useContext2 } from "react";
-import { useStore } from "zustand";
-import { createStore } from "zustand/vanilla";
-import { jsx } from "react/jsx-runtime";
-var defaultDocsSearchState = {
-  isOpen: false,
-  query: ""
-};
-var defaultDocsSidebarState = {
-  openNodes: {}
-};
-var createDocsRuntimeStore = () => {
-  return createStore()((set) => {
-    const searchActions = {
-      open: () => set((state) => {
-        if (state.searchState.isOpen) {
-          return state;
-        }
-        return {
-          searchState: {
-            ...state.searchState,
-            isOpen: true
-          }
-        };
-      }),
-      close: () => set((state) => {
-        if (!state.searchState.isOpen) {
-          return state;
-        }
-        return {
-          searchState: {
-            ...state.searchState,
-            isOpen: false
-          }
-        };
-      }),
-      toggle: () => set((state) => ({
-        searchState: {
-          ...state.searchState,
-          isOpen: !state.searchState.isOpen
-        }
-      })),
-      setQuery: (query) => set((state) => {
-        if (state.searchState.query === query) {
-          return state;
-        }
-        return {
-          searchState: {
-            ...state.searchState,
-            query
-          }
-        };
-      }),
-      clearQuery: () => set((state) => {
-        if (state.searchState.query === "") {
-          return state;
-        }
-        return {
-          searchState: {
-            ...state.searchState,
-            query: ""
-          }
-        };
-      })
-    };
-    const sidebarActions = {
-      setNodeOpen: (nodeId, isOpen) => set((state) => {
-        if (state.sidebarState.openNodes[nodeId] === isOpen) {
-          return state;
-        }
-        return {
-          sidebarState: {
-            ...state.sidebarState,
-            openNodes: {
-              ...state.sidebarState.openNodes,
-              [nodeId]: isOpen
-            }
-          }
-        };
-      })
-    };
-    return {
-      searchActions,
-      searchState: defaultDocsSearchState,
-      sidebarActions,
-      sidebarState: defaultDocsSidebarState
-    };
-  });
-};
-var DocsRuntimeStoreContext = createContext2(null);
-var DocsRuntimeStoreProvider = ({ children, store }) => {
-  return /* @__PURE__ */ jsx(DocsRuntimeStoreContext.Provider, { value: store, children });
-};
-var useDocsRuntimeStoreApi = () => {
-  const store = useContext2(DocsRuntimeStoreContext);
-  if (store === null) {
-    throw new Error("Missing docs runtime store provider.");
-  }
-  return store;
-};
-var useDocsRuntimeStore = (selector) => {
-  return useStore(useDocsRuntimeStoreApi(), selector);
-};
-var useDocsSearchStore = (selector) => {
-  return useDocsRuntimeStore(
-    (state) => selector({
-      ...state.searchState,
-      ...state.searchActions
-    })
-  );
-};
-var useDocsSearchActions = () => {
-  return useDocsRuntimeStore((state) => state.searchActions);
-};
-var useDocsSidebarStore = (selector) => {
-  return useDocsRuntimeStore(
-    (state) => selector({
-      ...state.sidebarState,
-      ...state.sidebarActions
-    })
-  );
-};
-var useDocsSidebarActions = () => {
-  return useDocsRuntimeStore((state) => state.sidebarActions);
-};
-
-// src/runtime/client/components/LayoutComponent.tsx
-import cm from "@classmatejs/react";
-var LayoutSize = {
-  xxs: "xxs",
-  xs: "xs",
-  sm: "sm",
-  md: "md",
-  lg: "lg",
-  xl: "xl",
-  full: "full"
-};
-var layoutComponentSizeMapping = {
-  xxs: "max-w-[480px]",
-  xs: "max-w-[768px]",
-  sm: "max-w-5xl",
-  md: "max-w-6xl",
-  lg: "max-w-7xl",
-  xl: "max-w-[1440px]",
-  full: "max-w-full"
-};
-var LayoutComponent = cm.div.variants({
-  base: ({ $noGrow }) => `px-4 ${$noGrow ? "" : "mx-auto w-full"} relative`,
-  variants: {
-    $size: layoutComponentSizeMapping
-  },
-  defaultVariants: {
-    $size: LayoutSize.xl
-  }
-});
 
 // src/runtime/client/components/Search.tsx
-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";
-import { createPortal } from "react-dom";
-import { usePageContext as usePageContext2 } from "vike-react/usePageContext";
-
-// src/runtime/client/search.ts
-var hierarchyLevels = ["lvl0", "lvl1", "lvl2", "lvl3", "lvl4", "lvl5", "lvl6"];
-var stripHtml = (value) => value.replace(/<[^>]+>/g, "");
-var normalizeString = (value) => {
-  if (typeof value === "string") {
-    const normalized = stripHtml(value).replace(/\s+/g, " ").trim();
-    return normalized || void 0;
-  }
-  if (typeof value === "number" || typeof value === "boolean") {
-    return String(value);
-  }
-  return void 0;
-};
-var getValueAtPath = (value, path) => {
-  if (!path) {
-    return void 0;
-  }
-  const segments = path.split(".").filter(Boolean);
-  let currentValue = value;
-  for (const segment of segments) {
-    if (!currentValue || typeof currentValue !== "object" || Array.isArray(currentValue)) {
-      return void 0;
-    }
-    currentValue = currentValue[segment];
-  }
-  return currentValue;
-};
-var getMappedString = (value, path) => {
-  return normalizeString(getValueAtPath(value, path));
-};
-var buildSearchUrl = (appId, indexName) => {
-  return `https://${appId}-dsn.algolia.net/1/indexes/${encodeURIComponent(indexName)}/query`;
-};
-var getDocSearchHierarchyValue = (hierarchy, level) => {
-  if (!hierarchy || typeof hierarchy !== "object") {
-    return void 0;
-  }
-  return normalizeString(hierarchy[level]);
-};
-var getDocSearchTitleLevel = (hit) => {
-  const levelFromType = typeof hit.type === "string" && /^lvl[0-6]$/.test(hit.type) ? hit.type : null;
-  if (levelFromType && getDocSearchHierarchyValue(hit.hierarchy, levelFromType)) {
-    return levelFromType;
-  }
-  return [...hierarchyLevels].reverse().find((level) => level !== "lvl0" && getDocSearchHierarchyValue(hit.hierarchy, level));
-};
-var getDocSearchFallbackResult = (hit) => {
-  const docSearchHit = hit;
-  const titleLevel = getDocSearchTitleLevel(docSearchHit);
-  const title = titleLevel ? getDocSearchHierarchyValue(docSearchHit.hierarchy, titleLevel) : void 0;
-  const titleLevelIndex = titleLevel ? hierarchyLevels.indexOf(titleLevel) : -1;
-  const sectionTitle = hierarchyLevels.slice(0, Math.max(titleLevelIndex, 0)).reverse().map((level) => getDocSearchHierarchyValue(docSearchHit.hierarchy, level)).find(Boolean) ?? normalizeString(docSearchHit.category);
-  return {
-    href: normalizeString(docSearchHit.url) ?? normalizeString(docSearchHit.url_without_anchor),
-    title: title ?? normalizeString(docSearchHit.category),
-    excerpt: normalizeString(docSearchHit._snippetResult?.content?.value) ?? normalizeString(docSearchHit.content) ?? normalizeString(docSearchHit._highlightResult?.content?.value),
-    sectionTitle
-  };
-};
-var mapHitToSearchResult = (hit, config) => {
-  const docSearchFallback = getDocSearchFallbackResult(hit);
-  const href = getMappedString(hit, config.fields.href) ?? docSearchFallback.href;
-  const title = getMappedString(hit, config.fields.title) ?? docSearchFallback.title;
-  if (!href || !title) {
-    return null;
-  }
-  const excerpt = getMappedString(hit, config.fields.excerpt) ?? docSearchFallback.excerpt;
-  const sectionTitle = getMappedString(hit, config.fields.sectionTitle) ?? docSearchFallback.sectionTitle;
-  return {
-    href,
-    title,
-    excerpt,
-    sectionTitle
-  };
-};
-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,
-    headers: {
-      accept: "application/json",
-      "content-type": "application/json",
-      "x-algolia-api-key": config.apiKey,
-      "x-algolia-application-id": config.appId
-    },
-    body: JSON.stringify({
-      query,
-      ...config.searchParams
-    })
-  });
-  if (!response.ok) {
-    throw new Error(`Algolia search request failed with status ${response.status}.`);
-  }
-  const data = await response.json();
-  return (data.hits ?? []).map((hit) => mapHitToSearchResult(hit, config)).filter((result) => result !== null);
-};
-
-// src/runtime/client/components/Search.tsx
-import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
-var MIN_QUERY_LENGTH = 2;
-var QUERY_DEBOUNCE_MS = 150;
-var useDebouncedValue = (value, delayMs) => {
-  const [debouncedValue, setDebouncedValue] = useState(value);
-  useEffect(() => {
-    const timeoutId = window.setTimeout(() => {
-      setDebouncedValue(value);
-    }, delayMs);
-    return () => {
-      window.clearTimeout(timeoutId);
-    };
-  }, [delayMs, value]);
-  return debouncedValue;
+import { useEffect, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+var searchModalModulePromise = null;
+var loadSearchModalModule = () => {
+  searchModalModulePromise ??= import("./SearchModal-YJZFUB53.js");
+  return searchModalModulePromise;
 };
-var _SearchTrigger = memo(() => {
-  const docs = useDocsGlobalContext();
-  const { open, setQuery } = useDocsSearchActions();
-  const query = useDocsSearchStore((state) => state.query);
-  const [isSearchHovered, setIsSearchHovered] = useState(false);
-  if (!docs.algolia) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx2("div", { className: "hidden md:block", children: /* @__PURE__ */ jsxs(
-      "label",
-      {
-        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__ */ 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: cmMerge(
-                "w-full placeholder:text-base-muted-medium transition-colors",
-                isSearchHovered && "placeholder:text-base-muted"
-              ),
-              onFocus: open,
-              onChange: (event) => {
-                setQuery(event.target.value);
-                open();
-              }
-            }
-          )
-        ]
-      }
-    ) }),
-    /* @__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(() => {
+var Search = () => {
   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(urlPathname);
-  const debouncedQuery = useDebouncedValue(query, QUERY_DEBOUNCE_MS);
-  const normalizedQuery = debouncedQuery.trim();
-  const canSearch = Boolean(docs.algolia) && normalizedQuery.length >= MIN_QUERY_LENGTH;
-  const searchQuery = useQuery({
-    queryKey: ["nivel-algolia-search", docs.algolia?.appId, docs.algolia?.indexName, normalizedQuery],
-    queryFn: ({ signal }) => searchAlgoliaIndex({ config: docs.algolia, query: normalizedQuery, signal }),
-    enabled: isOpen && canSearch,
-    retry: false
-  });
-  useEffect(() => {
-    if (previousPathnameRef.current !== urlPathname) {
-      close();
-      previousPathnameRef.current = urlPathname;
-    }
-  }, [close, urlPathname]);
+  const [searchModalModule, setSearchModalModule] = useState(null);
   useEffect(() => {
-    if (!isOpen) {
+    if (!docs.algolia || !isOpen || searchModalModule !== null) {
       return;
     }
-    const handlePointerDown = (event) => {
-      const target = event.target;
-      if (!containerRef.current?.contains(target) && !suggestionBoxRef.current?.contains(target)) {
-        close();
+    let isMounted = true;
+    loadSearchModalModule().then((module) => {
+      if (isMounted) {
+        setSearchModalModule(module);
       }
-    };
-    const handleKeyDown = (event) => {
-      if (event.key === "Escape") {
-        close();
-      }
-    };
-    document.addEventListener("pointerdown", handlePointerDown);
-    document.addEventListener("keydown", handleKeyDown);
-    return () => {
-      document.removeEventListener("pointerdown", handlePointerDown);
-      document.removeEventListener("keydown", handleKeyDown);
-    };
-  }, [close, isOpen]);
-  if (!docs.algolia) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx2("div", { ref: containerRef, className: "relative", children: /* @__PURE__ */ jsx2(
-    SearchSuggestionBox,
-    {
-      contentRef: suggestionBoxRef,
-      isError: searchQuery.isError,
-      isLoading: searchQuery.isFetching,
-      isOpen,
-      onClose: close,
-      onQueryChange: setQuery,
-      query,
-      results: searchQuery.data ?? []
-    }
-  ) });
-});
-var SearchSuggestionBox = ({
-  contentRef,
-  isError,
-  isLoading,
-  isOpen,
-  onClose,
-  onQueryChange,
-  query,
-  results
-}) => {
-  const inputRef = useRef(null);
-  const normalizedQuery = query.trim();
-  const canSearch = normalizedQuery.length >= MIN_QUERY_LENGTH;
-  useEffect(() => {
-    if (!isOpen) {
-      return;
-    }
-    const frameId = window.requestAnimationFrame(() => {
-      inputRef.current?.focus();
-      inputRef.current?.setSelectionRange(query.length, query.length);
     });
     return () => {
-      window.cancelAnimationFrame(frameId);
+      isMounted = false;
     };
-  }, [isOpen, query.length]);
-  if (!isOpen || typeof document === "undefined") {
+  }, [docs.algolia, isOpen, searchModalModule]);
+  if (!docs.algolia || searchModalModule === null) {
     return null;
   }
-  return createPortal(
-    /* @__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__ */ jsx2(
-              "input",
-              {
-                placeholder: "Search docs",
-                ref: inputRef,
-                type: "text",
-                className: "input input-primary input-xl w-full",
-                value: query,
-                onChange: (event) => onQueryChange(event.target.value)
-              }
-            ),
-            /* @__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__ */ 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__ */ 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__ */ 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__ */ 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__ */ jsx2("p", { className: "text-xs leading-5 text-base-muted", children: result.excerpt }) : null
-                ]
-              }
-            ) }, result.href)) }) }) : null
-          ]
-        }
-      )
-    ] }),
-    document.body
-  );
+  const { SearchModal } = searchModalModule;
+  return /* @__PURE__ */ jsx(SearchModal, {});
 };
 
 // src/runtime/client/components/Navbar/DocsNavbar.tsx
-import cm2, { cmMerge as cmMerge3 } from "@classmatejs/react";
+import cm, { cmMerge as cmMerge2 } 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";
+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__ */ 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 })
-  ] });
+  return /* @__PURE__ */ jsxs(
+    "a",
+    {
+      href: brand.href,
+      className: "flex items-center gap-3 text-base-content no-underline",
+      "aria-label": noText ? `${brand.text} homepage` : void 0,
+      children: [
+        defaultLogo && /* @__PURE__ */ jsxs("span", { className: "relative block h-8 w-8 shrink-0", children: [
+          brand.logoLight && /* @__PURE__ */ jsx2(
+            "img",
+            {
+              src: brand.logoLight,
+              alt: brand.logoAlt,
+              className: cmMerge("h-8 w-8 object-contain", brand.logoDark ? "block dark:hidden" : "block")
+            }
+          ),
+          brand.logoDark && /* @__PURE__ */ jsx2(
+            "img",
+            {
+              src: brand.logoDark,
+              alt: brand.logoAlt,
+              className: cmMerge("h-8 w-8 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/SocialLinks.tsx
-import { memo as memo2 } from "react";
-import { jsx as jsx4 } from "react/jsx-runtime";
-var _iconAssets = {
+import { memo } from "react";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var iconAssets = {
   github: nivelAssetUrl("brands/github.svg"),
   discord: nivelAssetUrl(`brands/discord.svg`),
   x: nivelAssetUrl(`brands/x.svg`),
@@ -569,26 +125,29 @@ var _iconAssets = {
   linkedin: nivelAssetUrl("brands/linkedin.svg")
 };
 var SocialIconElement = ({ icon, href }) => {
-  return /* @__PURE__ */ jsx4("li", { className: "m-0 p-0", children: /* @__PURE__ */ jsx4(
+  const socialLabel = icon === "x" ? "X" : icon.charAt(0).toUpperCase() + icon.slice(1);
+  return /* @__PURE__ */ jsx3("li", { className: "m-0 p-0", children: /* @__PURE__ */ jsx3(
     "a",
     {
       href,
       target: "_blank",
       rel: "noopener noreferrer",
       className: "flex h-8 w-8 items-center justify-center rounded-full border border-base-muted-light bg-base-200",
-      children: /* @__PURE__ */ jsx4("img", { src: _iconAssets[icon], alt: `${icon} icon`, className: "h-3 w-auto opacity-75 dark:invert" })
+      "aria-label": `${socialLabel} profile`,
+      title: socialLabel,
+      children: /* @__PURE__ */ jsx3("img", { src: iconAssets[icon], alt: "", "aria-hidden": "true", className: "h-3 w-auto opacity-75 dark:invert" })
     }
   ) });
 };
-var SocialIcons = memo2(() => {
+var SocialIcons = memo(() => {
   const docs = useDocsGlobalContext();
   const socialEntries = Object.entries(docs.social ?? {}).filter(
-    (entry) => entry[0] in _iconAssets && typeof entry[1] === "string" && entry[1].length > 0
+    (entry) => entry[0] in iconAssets && typeof entry[1] === "string" && entry[1].length > 0
   );
   if (socialEntries.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ jsx4("ul", { className: "flex items-center gap-1", children: socialEntries.map(([platform, href]) => /* @__PURE__ */ jsx4(SocialIconElement, { icon: platform, href }, platform)) });
+  return /* @__PURE__ */ jsx3("ul", { className: "flex items-center gap-1", children: socialEntries.map(([platform, href]) => /* @__PURE__ */ jsx3(SocialIconElement, { icon: platform, href }, platform)) });
 });
 var SocialLinks_default = SocialIcons;
 
@@ -677,12 +236,12 @@ var applyThemePreference = (themePreference, themeConfig) => {
 };
 
 // src/runtime/client/components/ThemeSwitch.tsx
-import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
 var ThemeSwitch = ({ theme }) => {
   const themePreference = useDocsUserSettingsStore((state) => state.themePreference);
   const setThemePreference = useDocsUserSettingsStore((state) => state.setThemePreference);
   const effectiveThemePreference = resolveThemePreference(themePreference, theme);
-  return /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs2(
     "button",
     {
       type: "button",
@@ -690,74 +249,88 @@ var ThemeSwitch = ({ theme }) => {
       onClick: () => setThemePreference(effectiveThemePreference === "light" ? "dark" : "light"),
       className: "relative flex h-8 w-8 cursor-pointer items-center justify-center rounded-full border border-base-muted-light bg-base-200",
       children: [
-        /* @__PURE__ */ jsx5(Sun, { className: "h-4 w-4 dark:hidden" }),
-        /* @__PURE__ */ jsx5(Moon, { className: "hidden h-4 w-4 dark:block" })
+        /* @__PURE__ */ jsx4(Sun, { className: "h-4 w-4 dark:hidden" }),
+        /* @__PURE__ */ jsx4(Moon, { className: "hidden h-4 w-4 dark:block" })
       ]
     }
   );
 };
 
 // src/runtime/client/components/Navbar/AsideButtons.tsx
-import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs3 } 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 })
+  return /* @__PURE__ */ jsxs3("div", { className: "flex-1 justify-end gap-2 flex", children: [
+    /* @__PURE__ */ jsx5("div", { className: "hidden lg:block", children: /* @__PURE__ */ jsx5(SocialLinks_default, {}) }),
+    /* @__PURE__ */ jsx5(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`
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+var StyledNav = cm.nav`
   gap-4
   flex-1 pl-10 items-center justify-end lg:justify-start 
-  hidden sm:flex
+  hidden lg:flex
 `;
-var StyledNavList = cm2.ul`
+var StyledNavList = cm.ul`
   inline-flex items-center gap-2 font-semibold 
 `;
 var DocsNavbar = ({
   closeMegaMenu,
   openMegaMenu,
+  scheduleMegaMenuOpen,
   scheduleMegaMenuClose,
   toggleSearch,
-  activeSection
+  activeSection,
+  hoveredSectionId,
+  isMegaMenuOpen
 }) => {
   const docs = useDocsGlobalContext();
-  const handleMenuButtonClick = () => {
-    openMegaMenu("api");
-  };
-  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) => /* @__PURE__ */ jsx7("li", { children: /* @__PURE__ */ jsx7(
-        "a",
-        {
-          href: withSiteBaseUrl(item.href),
-          className: "block",
-          onPointerEnter: () => openMegaMenu(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: "h-4 w-4 shrink-0" })
-              ]
-            }
-          )
-        }
-      ) }, item.id)),
-      docs.algolia ? /* @__PURE__ */ jsx7("li", { children: /* @__PURE__ */ jsxs5(
+  const handleClick = useCallback(() => {
+    alert("TODO: Open mobile menu");
+  }, []);
+  return /* @__PURE__ */ jsxs4("div", { className: "flex flex-1 gap-4 pt-3 justify-between", children: [
+    /* @__PURE__ */ jsx6("div", { className: "lg:min-w-76 min-w-none", children: /* @__PURE__ */ jsx6(Brand, { brand: docs.brand }) }),
+    /* @__PURE__ */ jsx6(StyledNav, { "aria-label": "Primary", children: /* @__PURE__ */ jsxs4(StyledNavList, { className: "", children: [
+      docs.navbarItems.map((item) => {
+        const isMegaMenuItemActive = isMegaMenuOpen && hoveredSectionId === item.id;
+        return /* @__PURE__ */ jsx6("li", { children: /* @__PURE__ */ jsx6(
+          "a",
+          {
+            href: withSiteBaseUrl(item.href),
+            className: "block",
+            onPointerEnter: () => scheduleMegaMenuOpen(item.id),
+            onPointerLeave: scheduleMegaMenuClose,
+            onFocus: () => openMegaMenu(item.id),
+            onBlur: scheduleMegaMenuClose,
+            onClick: closeMegaMenu,
+            children: /* @__PURE__ */ jsxs4(
+              "span",
+              {
+                className: cmMerge2(
+                  "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__ */ jsx6(
+                    ChevronDown,
+                    {
+                      className: cmMerge2(
+                        "h-4 w-4 shrink-0 transition-transform duration-200",
+                        isMegaMenuItemActive ? "rotate-180" : "rotate-0"
+                      )
+                    }
+                  )
+                ]
+              }
+            )
+          }
+        ) }, item.id);
+      }),
+      docs.algolia ? /* @__PURE__ */ jsx6("li", { children: /* @__PURE__ */ jsxs4(
         "button",
         {
           type: "button",
@@ -765,63 +338,81 @@ var DocsNavbar = ({
           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" })
+            /* @__PURE__ */ jsx6(TextSearch, { className: "h-4 w-4" })
           ]
         }
       ) }) : null
     ] }) }),
-    /* @__PURE__ */ jsx7("button", { type: "button", className: "block lg:hidden", onClick: handleMenuButtonClick, 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, {}) })
+    /* @__PURE__ */ jsx6("button", { type: "button", className: "block lg:hidden", "aria-label": "Open navigation menu", onClick: handleClick, children: /* @__PURE__ */ jsx6(Menu, { className: "w-6 h-6" }) }),
+    /* @__PURE__ */ jsx6("div", { className: "lg:min-w-40 hidden lg:block", children: /* @__PURE__ */ jsx6(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, TextSearch as TextSearch2 } from "lucide-react";
-import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
-var StyledNav2 = cm3.nav`
+import cm2, { cmMerge as cmMerge3 } 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 jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+var StyledNav2 = cm2.nav`
   gap-4
   flex-1 lg:pl-6 xl:pl-10 items-center justify-center
 `;
-var StyledNavList2 = cm3.ul`
+var StyledNavList2 = cm2.ul`
   inline-flex items-center gap-2 font-semibold 
 `;
 var LandingPageNavbar = ({
   closeMegaMenu,
   openMegaMenu,
+  scheduleMegaMenuOpen,
   scheduleMegaMenuClose,
-  toggleSearch
+  toggleSearch,
+  hoveredSectionId,
+  isMegaMenuOpen
 }) => {
   const docs = useDocsGlobalContext();
-  return /* @__PURE__ */ jsxs6("div", { className: "flex flex-1 gap-4 pt-3", 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", children: /* @__PURE__ */ jsxs6(StyledNavList2, { className: " justify-end", children: [
-      docs.navbarItems.map((item) => /* @__PURE__ */ jsx8("li", { children: /* @__PURE__ */ jsx8(
-        "a",
-        {
-          href: withSiteBaseUrl(item.href),
-          className: "block",
-          onPointerEnter: () => openMegaMenu(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: "h-4 w-4 shrink-0" })
-              ]
-            }
-          )
-        }
-      ) }, item.id)),
-      docs.algolia ? /* @__PURE__ */ jsx8("li", { children: /* @__PURE__ */ jsxs6(
+  const handleClick = useCallback2(() => {
+    alert("TODO: Open mobile menu");
+  }, []);
+  return /* @__PURE__ */ jsxs5("div", { className: "flex flex-1 gap-4 pt-3 justify-between", children: [
+    /* @__PURE__ */ jsx7("div", { className: "min-w-40", children: /* @__PURE__ */ jsx7(Brand, { brand: docs.brand }) }),
+    /* @__PURE__ */ jsx7(StyledNav2, { "aria-label": "Primary", className: "flex-1 flex hidden lg:flex", children: /* @__PURE__ */ jsxs5(StyledNavList2, { className: "justify-end ", 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 btn-ghost text-base lg:text-lg btn-sm lg:min-w-30 px-2 whitespace-nowrap tracking-tight"
+                ),
+                children: [
+                  renderInlineMarkdown(item.title),
+                  /* @__PURE__ */ jsx7(
+                    ChevronDown2,
+                    {
+                      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",
@@ -829,20 +420,21 @@ var LandingPageNavbar = ({
           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" })
+            /* @__PURE__ */ jsx7(TextSearch2, { className: "h-4 w-4" })
           ]
         }
       ) }) : null
     ] }) }),
-    /* @__PURE__ */ jsx8("div", { className: "min-w-40", children: /* @__PURE__ */ jsx8(AsideButtons_default, {}) })
+    /* @__PURE__ */ jsx7("div", { className: "min-w-40 hidden lg:block", children: /* @__PURE__ */ jsx7(AsideButtons_default, {}) }),
+    /* @__PURE__ */ jsx7("button", { type: "button", className: "block lg:hidden", "aria-label": "Open navigation menu", onClick: handleClick, children: /* @__PURE__ */ jsx7(Menu2, { className: "w-6 h-6" }) })
   ] });
 };
 var LandingPageNavbar_default = LandingPageNavbar;
 
 // src/runtime/client/components/Navbar/MegaMenu.tsx
-import { cmMerge as cmMerge5 } from "@classmatejs/react";
+import { cmMerge as cmMerge4 } from "@classmatejs/react";
 import { useEffect as useEffect2, useState as useState2 } from "react";
-import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
 var MegaMenu = ({
   isActive,
   onOpen,
@@ -856,7 +448,7 @@ var MegaMenu = ({
   const [visibleSectionElement, setVisibleSectionElement] = useState2(null);
   const [contentHeight, setContentHeight] = useState2(0);
   useEffect2(() => {
-    if (!visibleSectionId || visibleSectionElement === null) {
+    if (!isActive || !visibleSectionId || visibleSectionElement === null) {
       return;
     }
     const updateContentHeight = () => {
@@ -873,57 +465,57 @@ var MegaMenu = ({
     return () => {
       resizeObserver.disconnect();
     };
-  }, [visibleSectionElement, visibleSectionId]);
-  return /* @__PURE__ */ jsxs7(
+  }, [visibleSectionElement, visibleSectionId, isActive]);
+  return /* @__PURE__ */ jsxs6(
     "div",
     {
-      className: cmMerge5("fixed top-14 left-0 z-3 w-full", isActive ? "pointer-events-auto" : "pointer-events-none"),
+      className: cmMerge4("fixed top-14 left-0 z-3 w-full", isActive ? "pointer-events-auto" : "pointer-events-none"),
       onPointerEnter: () => onOpen(visibleSectionId),
       onPointerLeave: onClose,
       children: [
-        /* @__PURE__ */ jsx9(
+        /* @__PURE__ */ jsx8(
           "div",
           {
-            className: cmMerge5(
+            className: cmMerge4(
               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__ */ jsx9(
+        /* @__PURE__ */ jsx8(
           "div",
           {
-            className: cmMerge5(
+            className: cmMerge4(
               "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__ */ jsx9(LayoutComponent, { $size: "sm", children: /* @__PURE__ */ jsx9(
+            children: /* @__PURE__ */ jsx8(LayoutComponent, { $size: "sm", children: /* @__PURE__ */ jsx8(
               "div",
               {
-                className: cmMerge5(
+                className: cmMerge4(
                   isActive ? "translate-y-0 opacity-100" : "-translate-y-10 opacity-0",
                   "relative z-4 transition-all duration-300"
                 ),
-                children: sections.map((section) => /* @__PURE__ */ jsx9(
+                children: sections.map((section) => /* @__PURE__ */ jsx8(
                   "div",
                   {
                     ref: section.id === visibleSectionId ? setVisibleSectionElement : void 0,
-                    className: cmMerge5(
+                    className: cmMerge4(
                       section.id === visibleSectionId ? "opacity-100" : "opacity-0 pointer-events-none",
                       "transition-all absolute w-full duration-300"
                     ),
-                    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(
+                    children: section.items.length > 0 && /* @__PURE__ */ jsx8("ul", { className: "mt-2 flex ", children: section.items.map(
+                      (child) => child.showInNav !== false && /* @__PURE__ */ jsxs6("li", { className: "flex-1 py-3 mb-6 px-4", children: [
+                        child.href ? /* @__PURE__ */ jsx8(
                           "a",
                           {
                             className: "mb-4 block text-lg font-semibold tracking-tight",
                             href: withSiteBaseUrl(child.href),
                             children: child.title
                           }
-                        ) : /* @__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)) })
+                        ) : /* @__PURE__ */ jsx8("span", { className: "mb-4 block text-lg font-semibold tracking-tight", children: child.title }),
+                        child.kind === "group" && child.items.length > 0 && /* @__PURE__ */ jsx8("ul", { className: "menu border-l border-base-muted-light py-0 w-full", children: child.items.map((subChild) => /* @__PURE__ */ jsx8("li", { children: subChild.href ? /* @__PURE__ */ jsx8("a", { href: withSiteBaseUrl(subChild.href), onClick: onClose, children: renderInlineMarkdown(subChild.title) }) : /* @__PURE__ */ jsx8("span", { children: renderInlineMarkdown(subChild.title) }) }, subChild.id)) })
                       ] }, child.id)
                     ) })
                   },
@@ -939,12 +531,22 @@ var MegaMenu = ({
 };
 
 // src/runtime/client/components/Navbar/useMegaMenu.ts
-import { useCallback, useEffect as useEffect3, useRef as useRef2, useState as useState3 } from "react";
+import { useCallback as useCallback3, useEffect as useEffect3, useRef, useState as useState3 } from "react";
+var megaMenuOpenDelayMs = 120;
+var megaMenuCloseDelayMs = 140;
 var useMegaMenu = ({ activeSectionId, sections }) => {
   const [isMegaMenuOpen, setIsMegaMenuOpen] = useState3(false);
-  const megaMenuCloseTimeoutRef = useRef2(null);
+  const megaMenuOpenTimeoutRef = useRef(null);
+  const megaMenuCloseTimeoutRef = useRef(null);
   const [hoveredSectionId, setHoveredSectionId] = useState3(activeSectionId ?? sections[0]?.id);
-  const clearMegaMenuCloseTimeout = useCallback(() => {
+  const clearMegaMenuOpenTimeout = useCallback3(() => {
+    if (megaMenuOpenTimeoutRef.current === null) {
+      return;
+    }
+    window.clearTimeout(megaMenuOpenTimeoutRef.current);
+    megaMenuOpenTimeoutRef.current = null;
+  }, []);
+  const clearMegaMenuCloseTimeout = useCallback3(() => {
     if (megaMenuCloseTimeoutRef.current === null) {
       return;
     }
@@ -955,25 +557,44 @@ var useMegaMenu = ({ activeSectionId, sections }) => {
     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(activeSectionId ?? sections[0]?.id);
   }, [activeSectionId, sections]);
@@ -981,6 +602,7 @@ var useMegaMenu = ({ activeSectionId, sections }) => {
     isMegaMenuOpen,
     hoveredSectionId,
     openMegaMenu,
+    scheduleMegaMenuOpen,
     closeMegaMenu,
     scheduleMegaMenuClose
   };
@@ -988,39 +610,61 @@ var useMegaMenu = ({ activeSectionId, sections }) => {
 var useMegaMenu_default = useMegaMenu;
 
 // src/runtime/client/components/Navbar/index.tsx
-import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+var LARGE_SCREEN_MEDIA_QUERY = "(min-width: 1024px)";
 var NavbarNew = () => {
   const docs = useDocsGlobalContext();
-  const { urlPathname, urlParsed } = usePageContext3();
+  const { urlPathname, urlParsed } = usePageContext();
   const isLandingPage = urlParsed.pathname === "/";
   const sections = docs.sidebarSections;
   const activeSection = getActiveSectionByPathname(docs, urlPathname);
   const { toggle: toggleSearch } = useDocsSearchActions();
-  const { closeMegaMenu, hoveredSectionId, isMegaMenuOpen, openMegaMenu, scheduleMegaMenuClose } = useMegaMenu_default({
+  const [isLargeScreen, setIsLargeScreen] = useState4(false);
+  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(
+  useEffect4(() => {
+    if (typeof window === "undefined" || typeof window.matchMedia !== "function") {
+      return;
+    }
+    const mediaQueryList = window.matchMedia(LARGE_SCREEN_MEDIA_QUERY);
+    const updateLargeScreenState = () => {
+      setIsLargeScreen(mediaQueryList.matches);
+    };
+    updateLargeScreenState();
+    mediaQueryList.addEventListener("change", updateLargeScreenState);
+    return () => {
+      mediaQueryList.removeEventListener("change", updateLargeScreenState);
+    };
+  }, []);
+  return /* @__PURE__ */ jsxs7(StyledNavbar, { $border: isLandingPage, children: [
+    /* @__PURE__ */ jsx9(LayoutComponent, { children: isLandingPage ? /* @__PURE__ */ jsx9(
       LandingPageNavbar_default,
       {
         openMegaMenu,
+        scheduleMegaMenuOpen,
         scheduleMegaMenuClose,
         toggleSearch,
-        closeMegaMenu
+        closeMegaMenu,
+        hoveredSectionId,
+        isMegaMenuOpen
       }
-    ) : /* @__PURE__ */ jsx10(
+    ) : /* @__PURE__ */ jsx9(
       DocsNavbar_default,
       {
         openMegaMenu,
+        scheduleMegaMenuOpen,
         scheduleMegaMenuClose,
         toggleSearch,
         closeMegaMenu,
-        activeSection
+        activeSection,
+        hoveredSectionId,
+        isMegaMenuOpen
       }
     ) }),
-    /* @__PURE__ */ jsx10(Search, {}),
-    /* @__PURE__ */ jsx10(
+    /* @__PURE__ */ jsx9(Search, {}),
+    isLargeScreen ? /* @__PURE__ */ jsx9(
       MegaMenu,
       {
         sections,
@@ -1031,18 +675,18 @@ var NavbarNew = () => {
         onClose: scheduleMegaMenuClose,
         isLandingPage
       }
-    )
+    ) : null
   ] });
 };
 var Navbar_default = NavbarNew;
-var StyledNavbar = cm4.header`
+var StyledNavbar = cm3.header`
   top-0 left-0 z-20 w-full bg-base-100
   pt-0 h-14
   ${({ $border }) => $border ? "relative" : "fixed"}
 `;
 
 // src/runtime/client/components/UserSettingsSync.tsx
-import { useEffect as useEffect4, useMemo } from "react";
+import { useEffect as useEffect5, useMemo } from "react";
 var UserSettingsSync = ({ theme }) => {
   const themePreference = useDocsUserSettingsStore((state) => state.themePreference);
   const lightTheme = theme?.light ?? "consumer-light";
@@ -1053,57 +697,84 @@ var UserSettingsSync = ({ theme }) => {
     [darkTheme, defaultThemePreference, lightTheme]
   );
   const effectiveThemePreference = resolveThemePreference(themePreference, resolvedTheme);
-  useEffect4(() => {
+  useEffect5(() => {
     applyThemePreference(effectiveThemePreference, resolvedTheme);
   }, [effectiveThemePreference, resolvedTheme]);
   return null;
 };
 
 // src/runtime/client/AppLayout.tsx
-import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
-var queryClient = new QueryClient();
+import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 var runtimeStore = createDocsRuntimeStore();
 var AppLayout = ({ children, header }) => {
-  const { urlPathname } = usePageContext4();
-  const pageContext = usePageContext4();
+  const { urlPathname } = usePageContext2();
+  const pageContext = usePageContext2();
   const docs = getDocsFromGlobalContext(pageContext);
   const isLandingPage = urlPathname === "/";
-  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 })
+  return /* @__PURE__ */ jsx10(DocsRuntimeStoreProvider, { store: runtimeStore, children: /* @__PURE__ */ jsxs8(DocsGlobalContextProvider, { docs, children: [
+    /* @__PURE__ */ jsx10(UserSettingsSync, { theme: docs.theme }),
+    /* @__PURE__ */ jsxs8("div", { className: "min-h-screen bg-base-100 text-base-content", children: [
+      header ?? /* @__PURE__ */ jsx10(Navbar_default, {}),
+      /* @__PURE__ */ jsx10("div", { className: cmMerge5(isLandingPage ? "" : "pt-14"), children })
     ] })
-  ] }) }) });
+  ] }) });
 };
 
 // src/runtime/client/components/MetaHead/FaviconLinks.tsx
-import { Fragment as Fragment2, jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 var FaviconLinks = ({ head }) => {
   const { appleTouchIcon, faviconIco, faviconSvg } = head;
-  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 })
+  return /* @__PURE__ */ jsxs9(Fragment, { children: [
+    appleTouchIcon && /* @__PURE__ */ jsx11("link", { rel: "apple-touch-icon", href: appleTouchIcon }),
+    faviconSvg && /* @__PURE__ */ jsx11("link", { rel: "icon", type: "image/svg+xml", href: faviconSvg }),
+    faviconIco && /* @__PURE__ */ jsxs9(Fragment, { children: [
+      /* @__PURE__ */ jsx11("link", { rel: "shortcut icon", type: "image/x-icon", href: faviconIco }),
+      /* @__PURE__ */ jsx11("link", { rel: "icon", type: "image/x-icon", href: faviconIco })
     ] })
   ] });
 };
 
 // src/runtime/client/components/MetaHead/FontLinks.tsx
-import { Fragment as Fragment3, jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+var defaultInterFontStylesheetHref = nivelAssetUrl("fonts/fonts-inter.css");
+var defaultInterFontCss = `
+@font-face {
+  font-display: swap;
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 400;
+  src: url('${nivelAssetUrl("fonts/inter-v20-latin-regular.woff2")}') format('woff2');
+}
+
+@font-face {
+  font-display: swap;
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 600;
+  src: url('${nivelAssetUrl("fonts/inter-v20-latin-600.woff2")}') format('woff2');
+}
+
+@font-face {
+  font-display: swap;
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 800;
+  src: url('${nivelAssetUrl("fonts/inter-v20-latin-800.woff2")}') format('woff2');
+}
+`;
 var FontLinks = ({ head }) => {
   const { fontStylesheetHref, fontPreloadHrefs } = head;
   const effectivePreloadHrefs = fontPreloadHrefs ?? [];
-  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 })
+  const shouldInlineDefaultInterFonts = fontStylesheetHref === defaultInterFontStylesheetHref;
+  return /* @__PURE__ */ jsxs10(Fragment2, { children: [
+    effectivePreloadHrefs.map((href) => /* @__PURE__ */ jsx12("link", { rel: "preload", href, as: "font", type: "font/woff2", crossOrigin: "anonymous" }, href)),
+    shouldInlineDefaultInterFonts ? /* @__PURE__ */ jsx12("style", { dangerouslySetInnerHTML: { __html: defaultInterFontCss } }) : null,
+    fontStylesheetHref && !shouldInlineDefaultInterFonts ? /* @__PURE__ */ jsx12("link", { rel: "stylesheet", href: fontStylesheetHref }) : null
   ] });
 };
 
 // src/runtime/client/components/MetaHead/ThemeBootstrap.tsx
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx13 } from "react/jsx-runtime";
 var getThemeBootstrapScript = (theme) => {
   return `(() => {
   const storageKey = ${JSON.stringify(USER_SETTINGS_STORAGE_KEY)};
@@ -1141,7 +812,7 @@ var getThemeBootstrapScript = (theme) => {
 })();`;
 };
 var ThemeBootstrap = ({ theme }) => {
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx13(
     "script",
     {
       dangerouslySetInnerHTML: {
@@ -1152,19 +823,19 @@ var ThemeBootstrap = ({ theme }) => {
 };
 
 // src/runtime/client/components/MetaHead/index.tsx
-import { Fragment as Fragment4, jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
 var MetaHead = () => {
   const docs = useDocsFromPageGlobalContext();
-  return /* @__PURE__ */ jsxs12(Fragment4, { children: [
-    /* @__PURE__ */ jsx15(ThemeBootstrap, { theme: docs.theme }),
-    /* @__PURE__ */ jsx15(FaviconLinks, { head: docs.head }),
-    /* @__PURE__ */ jsx15(FontLinks, { head: docs.head })
+  return /* @__PURE__ */ jsxs11(Fragment3, { children: [
+    /* @__PURE__ */ jsx14(ThemeBootstrap, { theme: docs.theme }),
+    /* @__PURE__ */ jsx14(FaviconLinks, { head: docs.head }),
+    /* @__PURE__ */ jsx14(FontLinks, { head: docs.head })
   ] });
 };
 
 // src/runtime/client/components/ProseContainer.tsx
-import cm5 from "@classmatejs/react";
-var ProseContainer = cm5.section`
+import cm4 from "@classmatejs/react";
+var ProseContainer = cm4.section`
   prose-container
 `;
 
@@ -1172,34 +843,34 @@ var ProseContainer = cm5.section`
 import { useData } from "vike-react/useData";
 
 // src/runtime/client/components/DocsPagination.tsx
-import { cmMerge as cmMerge7 } from "@classmatejs/react";
+import { cmMerge as cmMerge6 } from "@classmatejs/react";
 import { ChevronLeft, ChevronRight } from "lucide-react";
-import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
 var PaginationCard = ({ item, direction, isOffset }) => {
   const isPrevious = direction === "previous";
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx15(
     "a",
     {
       href: withSiteBaseUrl(item.href),
-      className: cmMerge7(
+      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__ */ 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(
+      children: /* @__PURE__ */ jsxs12("div", { className: "flex flex-col justify-between gap-2", children: [
+        /* @__PURE__ */ jsx15("p", { className: "text-lg font-semibold text-base-content", children: renderInlineMarkdown(item.title) }),
+        /* @__PURE__ */ jsxs12(
           "div",
           {
-            className: cmMerge7(
+            className: cmMerge6(
               "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" })
+              isPrevious && /* @__PURE__ */ jsx15(ChevronLeft, { className: "h-4 w-4" }),
+              /* @__PURE__ */ jsx15("span", { children: isPrevious ? "Previous" : "Next" }),
+              !isPrevious && /* @__PURE__ */ jsx15(ChevronRight, { className: "h-4 w-4" })
             ]
           }
         )
@@ -1220,38 +891,38 @@ var DocsPagination = ({
   if (!previousPage && !nextPage) {
     return null;
   }
-  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" })
+  return /* @__PURE__ */ jsx15("nav", { className: "mb-10 mt-16", "aria-label": "Previous Next", children: /* @__PURE__ */ jsxs12("div", { className: "grid gap-4 sm:grid-cols-2", children: [
+    previousPage && /* @__PURE__ */ jsx15(PaginationCard, { item: previousPage, direction: "previous" }),
+    nextPage && /* @__PURE__ */ jsx15(PaginationCard, { isOffset: !previousPage, item: nextPage, direction: "next" })
   ] }) });
 };
 
 // src/runtime/client/components/Footer.tsx
 import { Bug, Pencil } from "lucide-react";
-import { memo as memo3 } from "react";
-import { jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
-var DocsFooter = memo3(() => {
+import { memo as memo2 } from "react";
+import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
+var DocsFooter = memo2(() => {
   const { brand } = useDocsGlobalContext();
-  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" }),
+  return /* @__PURE__ */ jsxs13("footer", { className: "mb-8 mt-12 text-sm border-t border-base-muted-light pt-10", children: [
+    /* @__PURE__ */ jsxs13("div", { className: "mb-16 flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxs13("a", { href: "edit", className: "btn btn-sm btn-primary btn-soft", children: [
+        /* @__PURE__ */ jsx16(Pencil, { className: "w-3 h-3" }),
         " Edit this page"
       ] }),
-      /* @__PURE__ */ jsxs14("a", { href: "edit", className: "btn btn-sm btn-primary btn-soft", children: [
-        /* @__PURE__ */ jsx17(Bug, { className: "w-3 h-3" }),
+      /* @__PURE__ */ jsxs13("a", { href: "edit", className: "btn btn-sm btn-primary btn-soft", children: [
+        /* @__PURE__ */ jsx16(Bug, { className: "w-3 h-3" }),
         " Report Issue"
       ] })
     ] }),
-    /* @__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 }) })
+    /* @__PURE__ */ jsxs13("div", { className: "flex justify-between items-center", children: [
+      /* @__PURE__ */ jsx16(SocialLinks_default, {}),
+      /* @__PURE__ */ jsx16("div", { className: "flex gap-2 items-center", children: brand && /* @__PURE__ */ jsx16(Brand, { brand, noText: true }) })
     ] })
   ] });
 });
 
 // src/runtime/client/components/HeadingLinkCopy.tsx
-import { useEffect as useEffect5 } from "react";
+import { useEffect as useEffect6 } from "react";
 var copyText = async (value) => {
   try {
     await navigator.clipboard.writeText(value);
@@ -1270,7 +941,7 @@ var copyText = async (value) => {
 };
 var getHeadingLink = (target) => target instanceof Element ? target.closest("a[data-copy-heading-link]") : null;
 var HeadingLinkCopy = () => {
-  useEffect5(() => {
+  useEffect6(() => {
     const handleClick = (event) => {
       if (event.defaultPrevented || event.button !== 0) {
         return;
@@ -1301,9 +972,9 @@ var HeadingLinkCopy = () => {
 };
 
 // src/runtime/client/components/Sidebar.tsx
-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";
+import { cmMerge as cmMerge7 } from "@classmatejs/react";
+import { memo as memo3, useEffect as useEffect7, useRef as useRef2 } from "react";
+import { usePageContext as usePageContext3 } from "vike-react/usePageContext";
 
 // src/runtime/client/components/docsNavigation.ts
 var containsActiveHref = (items, currentHref) => {
@@ -1331,12 +1002,12 @@ var getVisibleGroupItems = (group) => {
 var getGroupHref = (group) => group.href ?? null;
 
 // src/runtime/client/components/Sidebar.tsx
-import { Fragment as Fragment5, jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
 var useAutoOpenDetails = (nodeId, isOpenByDefault, hasActiveDescendant) => {
   const storedOpen = useDocsSidebarStore((state) => state.openNodes[nodeId]);
   const { setNodeOpen } = useDocsSidebarActions();
   const isOpen = storedOpen === void 0 ? isOpenByDefault || hasActiveDescendant : storedOpen || hasActiveDescendant;
-  useEffect6(() => {
+  useEffect7(() => {
     if (hasActiveDescendant) {
       setNodeOpen(nodeId, true);
       return;
@@ -1351,11 +1022,11 @@ var useAutoOpenDetails = (nodeId, isOpenByDefault, hasActiveDescendant) => {
   };
 };
 var SidebarPageLink = ({ title, href, currentHref }) => {
-  return /* @__PURE__ */ jsx18("li", { className: "rounded-none", children: /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx17("li", { className: "rounded-none", children: /* @__PURE__ */ jsx17(
     "a",
     {
       href: withSiteBaseUrl(href),
-      className: cmMerge8(
+      className: cmMerge7(
         "text-base-muted hover:text-base-content justify-start hover:bg-base-200",
         href === currentHref && "text-primary! font-semibold bg-base-200"
       ),
@@ -1364,13 +1035,13 @@ var SidebarPageLink = ({ title, href, currentHref }) => {
   ) });
 };
 var SidebarGroupDivider = ({ title }) => {
-  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!" }) }) });
+  return /* @__PURE__ */ jsx17("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__ */ jsx17("span", { className: "-ml-3", children: renderInlineMarkdown(title, { codeClassName: "text-sm!" }) }) });
 };
 var SidebarGroupTitle = ({ title, href, isActive, allowNavigation = false }) => {
-  const content = /* @__PURE__ */ jsx18(
+  const content = /* @__PURE__ */ jsx17(
     "span",
     {
-      className: cmMerge8(
+      className: cmMerge7(
         allowNavigation ? "font-medium" : "font-semibold",
         isActive && allowNavigation && "text-primary!"
       ),
@@ -1378,11 +1049,11 @@ var SidebarGroupTitle = ({ title, href, isActive, allowNavigation = false }) =>
     }
   );
   if (allowNavigation && href) {
-    return /* @__PURE__ */ jsx18(
+    return /* @__PURE__ */ jsx17(
       "a",
       {
         href: withSiteBaseUrl(href),
-        className: cmMerge8(
+        className: cmMerge7(
           "flex items-center gap-2 text-base-muted hover:text-base-content no-underline",
           isActive && "text-primary! font-semibold"
         ),
@@ -1390,19 +1061,19 @@ var SidebarGroupTitle = ({ title, href, isActive, allowNavigation = false }) =>
       }
     );
   }
-  return /* @__PURE__ */ jsx18("span", { className: "flex items-center gap-2 text-base-content", children: content });
+  return /* @__PURE__ */ jsx17("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__ */ jsx18(SidebarPageLink, { title: item.navTitle, href: item.href, currentHref }, item.id);
+      return /* @__PURE__ */ jsx17(SidebarPageLink, { title: item.navTitle, href: item.href, currentHref }, item.id);
     }
-    return /* @__PURE__ */ jsx18(SidebarNestedGroup, { group: item, currentHref }, item.id);
+    return /* @__PURE__ */ jsx17(SidebarNestedGroup, { group: item, currentHref }, item.id);
   });
 };
 var SidebarItemList = ({ items, currentHref }) => {
   const visibleItems = getVisibleNavItems(items);
-  return /* @__PURE__ */ jsx18("ul", { className: "menu w-full", children: renderSidebarItems(visibleItems, currentHref) });
+  return /* @__PURE__ */ jsx17("ul", { className: "menu lg:w-[97%]", children: renderSidebarItems(visibleItems, currentHref) });
 };
 var SidebarNestedGroup = ({ group, currentHref }) => {
   const groupHref = getGroupHref(group);
@@ -1413,14 +1084,14 @@ var SidebarNestedGroup = ({ group, currentHref }) => {
   const { isOpen, setIsOpen } = useAutoOpenDetails(`group:${group.id}`, isOpenByDefault, nestedHasActiveItem);
   if (!isCollapsible) {
     if (!group.title) {
-      return /* @__PURE__ */ jsx18(Fragment5, { children: renderSidebarItems(visibleItems, currentHref) });
+      return /* @__PURE__ */ jsx17(Fragment4, { children: renderSidebarItems(visibleItems, currentHref) });
     }
-    return /* @__PURE__ */ jsxs15(Fragment5, { children: [
-      /* @__PURE__ */ jsx18(SidebarGroupDivider, { title: group.title }),
+    return /* @__PURE__ */ jsxs14(Fragment4, { children: [
+      /* @__PURE__ */ jsx17(SidebarGroupDivider, { title: group.title }),
       renderSidebarItems(visibleItems, currentHref)
     ] });
   }
-  return /* @__PURE__ */ jsx18("li", { children: /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsx17("li", { children: /* @__PURE__ */ jsxs14(
     "details",
     {
       open: isOpen,
@@ -1428,7 +1099,7 @@ var SidebarNestedGroup = ({ group, currentHref }) => {
         setIsOpen(event.currentTarget.open);
       },
       children: [
-        /* @__PURE__ */ jsx18("summary", { children: /* @__PURE__ */ jsx18(
+        /* @__PURE__ */ jsx17("summary", { children: /* @__PURE__ */ jsx17(
           SidebarGroupTitle,
           {
             title: group.title,
@@ -1437,7 +1108,7 @@ var SidebarNestedGroup = ({ group, currentHref }) => {
             allowNavigation: Boolean(groupHref)
           }
         ) }),
-        visibleItems.length > 0 ? /* @__PURE__ */ jsx18(SidebarItemList, { items: visibleItems, currentHref }) : null
+        visibleItems.length > 0 ? /* @__PURE__ */ jsx17(SidebarItemList, { items: visibleItems, currentHref }) : null
       ]
     }
   ) });
@@ -1449,7 +1120,7 @@ var SidebarSectionGroup = ({ section, currentHref, activeSectionId }) => {
     section.id === activeSectionId,
     sectionHasActiveItem
   );
-  return /* @__PURE__ */ jsx18("li", { className: "pb-4", children: /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsx17("li", { className: "pb-4", children: /* @__PURE__ */ jsxs14(
     "details",
     {
       open: isOpen,
@@ -1457,28 +1128,28 @@ var SidebarSectionGroup = ({ section, currentHref, activeSectionId }) => {
         setIsOpen(event.currentTarget.open);
       },
       children: [
-        /* @__PURE__ */ jsx18("summary", { children: /* @__PURE__ */ jsx18(SidebarGroupTitle, { title: section.title, isActive: sectionHasActiveItem }) }),
-        /* @__PURE__ */ jsx18(SidebarItemList, { items: section.items, currentHref })
+        /* @__PURE__ */ jsx17("summary", { children: /* @__PURE__ */ jsx17(SidebarGroupTitle, { title: section.title, isActive: sectionHasActiveItem }) }),
+        /* @__PURE__ */ jsx17(SidebarItemList, { items: section.items, currentHref })
       ]
     }
   ) });
 };
-var Sidebar = memo4(
+var Sidebar = memo3(
   ({ currentHref: currentHrefProp = "", activeSectionId: activeSectionIdProp = "" }) => {
-    const scrollContainerRef = useRef3(null);
-    const { urlPathname } = usePageContext5();
+    const scrollContainerRef = useRef2(null);
+    const { urlPathname } = usePageContext3();
     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(
+    return /* @__PURE__ */ jsx17("aside", { className: "hidden basis-76 shrink-0 lg:block", children: /* @__PURE__ */ jsxs14("div", { className: "-ml-3 sticky top-14", children: [
+      /* @__PURE__ */ jsx17("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__ */ jsx17(
         "div",
         {
           ref: scrollContainerRef,
           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(
+          children: /* @__PURE__ */ jsx17("ul", { className: cmMerge7("menu p-0 m-0 w-full px-0 pt-3 li:last-child:border-0"), children: sidebarSections.map((section) => /* @__PURE__ */ jsx17(
             SidebarSectionGroup,
             {
               section,
@@ -1494,9 +1165,9 @@ var Sidebar = memo4(
 );
 
 // src/runtime/client/components/TableOfContents.tsx
-import cm6, { cmMerge as cmMerge9 } from "@classmatejs/react";
+import cm5, { cmMerge as cmMerge8 } from "@classmatejs/react";
 import { Flame, TableOfContentsIcon } from "lucide-react";
-import { Fragment as Fragment6, jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
 var TableOfContents = ({
   headings: headingsProp = [],
   tableOfContents: tableOfContentsProp = false,
@@ -1506,19 +1177,19 @@ var TableOfContents = ({
   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" }),
+  return /* @__PURE__ */ jsx18("aside", { className: cmMerge8(effectiveTableOfContents ? "w-64" : "w-32", "hidden shrink-0 xl:block"), children: /* @__PURE__ */ jsx18("div", { className: "sticky top-14", children: /* @__PURE__ */ jsxs15("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__ */ jsxs15(Fragment5, { children: [
+      /* @__PURE__ */ jsxs15("p", { className: "mb-4 flex items-center gap-2 text-xs font-semibold uppercase tracking-widest text-base-muted", children: [
+        /* @__PURE__ */ jsx18(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(
+      /* @__PURE__ */ jsx18("nav", { "aria-label": "On this page", className: "mb-12", children: /* @__PURE__ */ jsx18("ul", { children: effectiveHeadings.map((heading) => /* @__PURE__ */ jsx18("li", { children: /* @__PURE__ */ jsx18(
         "a",
         {
           href: `#${heading.id}`,
           "aria-current": activeHeadingId === heading.id ? "location" : void 0,
           onClick: () => setActiveHeadingId(heading.id),
-          className: cmMerge9(
+          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 === heading.id ? "border-l-2 border-primary font-semibold text-base-content" : ""
@@ -1527,42 +1198,42 @@ var TableOfContents = ({
         }
       ) }, heading.id)) }) })
     ] }) : null,
-    /* @__PURE__ */ jsx19(Adbar, { partners })
+    /* @__PURE__ */ jsx18(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" }),
+  return /* @__PURE__ */ jsxs15("aside", { children: [
+    /* @__PURE__ */ jsxs15("p", { className: "mb-4 flex items-center gap-2 text-xs font-semibold uppercase tracking-widest text-base-muted", children: [
+      /* @__PURE__ */ jsx18(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))
+    /* @__PURE__ */ jsxs15("ul", { className: "grid grid-cols-[repeat(auto-fit,minmax(5.5rem,1fr))] gap-3 opacity-90", children: [
+      partners.primary.map((partner) => /* @__PURE__ */ jsx18(AdbarItem, { className: "col-span-full", children: /* @__PURE__ */ jsx18(AdbarLink, { href: partner.href, title: partner.name, children: /* @__PURE__ */ jsx18(PartnerLogo, { partner }) }) }, partner.name)),
+      partners.gold.map((partner) => /* @__PURE__ */ jsx18(AdbarItem, { children: /* @__PURE__ */ jsx18(AdbarLink, { href: partner.href, title: partner.name, children: /* @__PURE__ */ jsx18(PartnerLogo, { partner }) }) }, partner.name))
     ] })
   ] });
 };
 var PartnerLogo = ({
   partner
 }) => {
-  return /* @__PURE__ */ jsxs16(Fragment6, { children: [
-    /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsxs15(Fragment5, { children: [
+    /* @__PURE__ */ jsx18(
       Image,
       {
         src: partner.logoLight,
         width: 200,
         height: 100,
         alt: partner.logoAlt,
-        className: cmMerge9("block", partner.logoDark ? "dark:hidden" : "dark:invert")
+        className: cmMerge8("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
+    partner.logoDark ? /* @__PURE__ */ jsx18(Image, { src: partner.logoDark, width: 200, height: 100, alt: partner.logoAlt, className: "hidden dark:block" }) : null
   ] });
 };
-var AdbarItem = cm6.div`
+var AdbarItem = cm5.div`
   px-5
   py-5
   bg-base-200
@@ -1572,27 +1243,26 @@ var AdbarItem = cm6.div`
   justify-center
   rounded-field
 `;
-var AdbarLink = cm6.a`
+var AdbarLink = cm5.a`
   block
   w-full
   transition-opacity
   hover:opacity-100
   focus-visible:opacity-100
 `;
-var Image = cm6.img`
+var Image = cm5.img`
   mx-auto
   w-24
 `;
 
 // src/runtime/client/components/TableOfContentsMobile.tsx
-import cm7 from "@classmatejs/react";
+import cm6 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 useCallback2 } from "react";
-import { usePageContext as usePageContext6 } from "vike-react/usePageContext";
-import { jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
+import { useCallback as useCallback4 } from "react";
+import { jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
 var dedupeBreadcrumbs = (items) => {
   return items.filter((item, index) => index === 0 || items[index - 1]?.title !== item.title);
 };
@@ -1617,47 +1287,45 @@ var getSidebarBreadcrumbs = (items, currentHref) => {
   }
   return null;
 };
-var BreadcrumbSidebarTrigger = () => {
-  const { urlPathname } = usePageContext6();
+var BreadcrumbSidebarTrigger = ({ currentHref }) => {
   const docs = useDocsGlobalContext();
-  const activeSection = getActiveSectionByPathname(docs, urlPathname);
+  const activeSection = getActiveSectionByPathname(docs, currentHref);
   const breadcrumbItems = dedupeBreadcrumbs([
     ...activeSection ? [{ id: activeSection.id, title: activeSection.navTitle }] : [],
-    ...activeSection ? getSidebarBreadcrumbs(activeSection.items, urlPathname) ?? [] : []
+    ...activeSection ? getSidebarBreadcrumbs(activeSection.items, currentHref) ?? [] : []
   ]);
-  const mobileBreadcrumbItems = breadcrumbItems.length > 3 ? breadcrumbItems.slice(0, 2) : breadcrumbItems;
-  const handleClick = useCallback2(() => {
-    alert("TODO: Open sidebar");
+  const handleClick = useCallback4(() => {
+    alert("TODO: Open mobile menu");
   }, []);
-  return /* @__PURE__ */ jsx20("button", { className: "cursor-pointer min-w-0 max-w-full", 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)) }),
-    /* @__PURE__ */ jsx20("span", { className: "md:hidden text-sm", children: mobileBreadcrumbItems.map((item) => item.title).join(" / ") })
+  return /* @__PURE__ */ jsx19("button", { className: "cursor-pointer min-w-0 max-w-full hidden md:block", type: "button", onClick: handleClick, children: /* @__PURE__ */ jsxs16("span", { className: "flex items-center gap-1 min-w-0 overflow-hidden lg:hidden", children: [
+    /* @__PURE__ */ jsx19(ChevronLast, { className: "w-4 h-4 shrink-0 text-primary" }),
+    /* @__PURE__ */ jsx19("span", { className: "hidden md:flex items-center gap-1", children: breadcrumbItems.map((item, index) => /* @__PURE__ */ jsxs16("span", { className: "contents", children: [
+      index > 0 ? /* @__PURE__ */ jsx19(ChevronsRight, { className: "w-4 h-4 shrink-0 text-base-muted-medium" }) : null,
+      /* @__PURE__ */ jsx19("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";
+import { Fragment as Fragment6, jsx as jsx20, jsxs as jsxs17 } 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, {}),
-      /* @__PURE__ */ jsxs18("label", { className: "select select-sm md:w-60 w-30", htmlFor: "table-of-contents-select", children: [
-        /* @__PURE__ */ jsx21("span", { className: "label", children: /* @__PURE__ */ jsx21(TableOfContents2, { className: "w-4 h-4" }) }),
-        /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs17(Fragment6, { children: [
+    /* @__PURE__ */ jsx20("div", { className: "h-12 xl:hidden" }),
+    /* @__PURE__ */ jsx20(StyledTOC, { children: /* @__PURE__ */ jsxs17(StyledTOCInner, { children: [
+      /* @__PURE__ */ jsx20(BreadcrumbSidebarTrigger_default, { currentHref }),
+      /* @__PURE__ */ jsxs17("label", { className: "select select-sm md:w-80 w-full", htmlFor: "table-of-contents-select", children: [
+        /* @__PURE__ */ jsx20("span", { className: "label flex", children: /* @__PURE__ */ jsx20(TableOfContents2, { className: "w-4 h-4" }) }),
+        /* @__PURE__ */ jsxs17(
           "select",
           {
             id: "table-of-contents-select",
@@ -1674,8 +1342,8 @@ var TableOfContentsMobile = ({
               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))
+              /* @__PURE__ */ jsx20("option", { value: topOptionValue, children: pageTitle }),
+              tableOfContents && headings.map((heading) => /* @__PURE__ */ jsx20("option", { value: heading.id, children: heading.title }, heading.id))
             ]
           }
         )
@@ -1684,7 +1352,7 @@ var TableOfContentsMobile = ({
   ] });
 };
 var TableOfContentsMobile_default = TableOfContentsMobile;
-var StyledTOC = cm7.div`
+var StyledTOC = cm6.div`
   block xl:hidden
   fixed
   bg-base-100 border-b-base-muted-light
@@ -1693,14 +1361,14 @@ var StyledTOC = cm7.div`
   lg:w-[calc(100svw-80*var(--spacing))]
   lg:left-80
 `;
-var StyledTOCInner = cm7.div`
+var StyledTOCInner = cm6.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 { useEffect as useEffect8, useState as useState5 } from "react";
 var getCurrentHash = () => {
   try {
     return decodeURIComponent(window.location.hash);
@@ -1782,10 +1450,10 @@ var updateActiveHeadingFromScroll = (setActiveHeadingId) => {
 var useTableOfContentsState = ({
   headings: routeHeadings = []
 }) => {
-  const [activeHeadingId, setActiveHeadingId] = useState4("");
-  const [domHeadings, setDomHeadings] = useState4(routeHeadings);
+  const [activeHeadingId, setActiveHeadingId] = useState5("");
+  const [domHeadings, setDomHeadings] = useState5(routeHeadings);
   const effectiveHeadings = domHeadings.length > 0 ? domHeadings : routeHeadings;
-  useEffect7(() => {
+  useEffect8(() => {
     let scrollFrame = 0;
     const syncActiveHeading = () => {
       if (scrollFrame) {
@@ -1821,7 +1489,7 @@ var useTableOfContentsState = ({
       window.removeEventListener("resize", syncActiveHeading);
     };
   }, []);
-  useEffect7(() => {
+  useEffect8(() => {
     if (typeof window === "undefined") {
       return;
     }
@@ -1845,33 +1513,34 @@ var useTableOfContentsState = ({
 };
 
 // src/runtime/client/DocsLayout.tsx
-import { Fragment as Fragment8, jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx21, jsxs as jsxs18 } 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(
+  return /* @__PURE__ */ jsxs18(Fragment7, { children: [
+    /* @__PURE__ */ jsx21(HeadingLinkCopy, {}),
+    /* @__PURE__ */ jsx21("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__ */ jsx21(LayoutComponent, { children: /* @__PURE__ */ jsxs18("div", { className: "lg:flex gap-14", children: [
+      /* @__PURE__ */ jsx21(Sidebar, { currentHref: data.page.href, activeSectionId: data.page.sectionId }),
+      /* @__PURE__ */ jsxs18("main", { className: "min-w-0 flex-1 basis-auto shrink", children: [
+        /* @__PURE__ */ jsx21(
           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__ */ jsx21("div", { className: "mt-10 min-w-0", children }),
+        /* @__PURE__ */ jsx21(DocsPagination, { previousPage: data.previousPage, nextPage: data.nextPage }),
+        /* @__PURE__ */ jsx21(DocsFooter, {})
       ] }),
-      /* @__PURE__ */ jsx22(
+      /* @__PURE__ */ jsx21(
         TableOfContents,
         {
           headings: effectiveHeadings,
@@ -1886,7 +1555,7 @@ var DocsLayout = ({ children }) => {
 
 // src/runtime/client/DocsPage.tsx
 import { useData as useData2 } from "vike-react/useData";
-import { usePageContext as usePageContext7 } from "vike-react/usePageContext";
+import { usePageContext as usePageContext4 } from "vike-react/usePageContext";
 
 // src/runtime/client/getMdxRuntimeValue.tsx
 var isExternalHref = (href) => {
@@ -1982,32 +1651,27 @@ var getMdxRuntimeValue = (options) => {
 };
 
 // src/runtime/client/DocsPage.tsx
-import { jsx as jsx23, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
 var DocsPage = ({ Content }) => {
-  const pageContext = usePageContext7();
+  const pageContext = usePageContext4();
   const docs = useDocsGlobalContext();
   const { page } = useData2();
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx22(
     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, {})
+      children: /* @__PURE__ */ jsxs19(ProseContainer, { "data-doc-content": "", children: [
+        /* @__PURE__ */ jsx22("h1", { className: "scroll-mt-32 xl:scroll-mt-24", children: renderInlineMarkdown(page.title) }),
+        /* @__PURE__ */ jsx22(Content, {})
       ] })
     }
   );
 };
 
 export {
-  useDocsSearchStore,
-  useDocsSearchActions,
-  useDocsSidebarStore,
-  useDocsSidebarActions,
-  LayoutComponent,
   useDocsUserSettingsStore,
   DEFAULT_THEME_PREFERENCE,
   applyThemePreference,
@@ -2018,4 +1682,4 @@ export {
   DocsLayout,
   DocsPage
 };
-//# sourceMappingURL=chunk-F4OBB7JD.js.map
+//# sourceMappingURL=chunk-SH5XWPXW.js.map