@unterberg/nivel 0.1.1 → 0.1.2

package/dist/{chunk-DSQGGUBC.js → chunk-RJMKSYUK.js}

@@ -11,20 +11,21 @@ import {
   getResolvedPageByPathname,
   getResolvedSectionById,
   isSamePagePathname,
+  nivelAssetUrl,
   resolveDocsHref,
   withSiteBaseUrl
-} from "./chunk-CL74JUQ4.js";
+} from "./chunk-NDJ5LYLK.js";
 
 // src/runtime/client/AppLayout.tsx
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { useState as useState5 } from "react";
-import { usePageContext as usePageContext3 } from "vike-react/usePageContext";
+import { usePageContext as usePageContext5 } from "vike-react/usePageContext";
 
 // src/runtime/client/components/Navbar/index.tsx
 import cm2, { cmMerge as cmMerge4 } from "@classmatejs/react";
-import { ChevronDown } from "lucide-react";
+import { ChevronDown, TextSearch } from "lucide-react";
 import { useCallback, useEffect as useEffect4, useMemo, useRef as useRef2, useState as useState4 } from "react";
-import { usePageContext as usePageContext2 } from "vike-react/usePageContext";
+import { usePageContext as usePageContext4 } from "vike-react/usePageContext";
 
 // src/runtime/client/docsGlobalContext.ts
 import { usePageContext } from "vike-react/usePageContext";
@@ -39,14 +40,109 @@ var useDocsGlobalContext = () => {
   return getDocsGlobalContext(usePageContext());
 };
 
+// src/runtime/client/store/runtime-store.tsx
+import { createContext, useContext } from "react";
+import { useStore } from "zustand";
+import { createStore } from "zustand/vanilla";
+import { jsx } from "react/jsx-runtime";
+var defaultDocsSearchState = {
+  isOpen: false,
+  query: ""
+};
+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: ""
+          }
+        };
+      })
+    };
+    return {
+      searchActions,
+      searchState: defaultDocsSearchState
+    };
+  });
+};
+var DocsRuntimeStoreContext = createContext(null);
+var DocsRuntimeStoreProvider = ({ children, store }) => {
+  return /* @__PURE__ */ jsx(DocsRuntimeStoreContext.Provider, { value: store, children });
+};
+var useDocsRuntimeStoreApi = () => {
+  const store = useContext(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);
+};
+
 // src/runtime/client/components/Brand.tsx
 import { cmMerge } from "@classmatejs/react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 var Brand = ({ brand, noText = false }) => {
   const defaultLogo = brand.logoLight ?? brand.logoDark;
   return /* @__PURE__ */ jsxs("a", { href: brand.href, className: "flex items-center gap-3 text-base-content no-underline", children: [
     defaultLogo && /* @__PURE__ */ jsxs("span", { className: "relative block h-7 w-7 shrink-0", children: [
-      brand.logoLight && /* @__PURE__ */ jsx(
+      brand.logoLight && /* @__PURE__ */ jsx2(
         "img",
         {
           src: brand.logoLight,
@@ -54,7 +150,7 @@ var Brand = ({ brand, noText = false }) => {
           className: cmMerge("h-7 w-7 object-contain", brand.logoDark ? "block dark:hidden" : "block")
         }
       ),
-      brand.logoDark && /* @__PURE__ */ jsx(
+      brand.logoDark && /* @__PURE__ */ jsx2(
         "img",
         {
           src: brand.logoDark,
@@ -63,7 +159,7 @@ var Brand = ({ brand, noText = false }) => {
         }
       )
     ] }),
-    !noText && /* @__PURE__ */ jsx("span", { className: "text-xl font-semibold tracking-tight", children: brand.text })
+    !noText && /* @__PURE__ */ jsx2("span", { className: "text-xl font-semibold tracking-tight", children: brand.text })
   ] });
 };
 
@@ -103,6 +199,7 @@ import { useQuery } from "@tanstack/react-query";
 import { ArrowRightFromLine, MessageCircleQuestion, Search as SearchIcon, TriangleAlert } from "lucide-react";
 import { 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"];
@@ -203,7 +300,7 @@ var searchAlgoliaIndex = async (options) => {
 };
 
 // src/runtime/client/components/Search.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 var MIN_QUERY_LENGTH = 2;
 var QUERY_DEBOUNCE_MS = 150;
 var useDebouncedValue = (value, delayMs) => {
@@ -218,48 +315,17 @@ var useDebouncedValue = (value, delayMs) => {
   }, [delayMs, value]);
   return debouncedValue;
 };
-var Search = ({ algolia }) => {
-  const [isOpen, setIsOpen] = useState(false);
-  const [query, setQuery] = useState("");
+var SearchTrigger = () => {
+  const pageContext = usePageContext2();
+  const docs = getDocsGlobalContext(pageContext);
+  const { open, setQuery } = useDocsSearchActions();
+  const query = useDocsSearchStore((state) => state.query);
   const [isSearchHovered, setIsSearchHovered] = useState(false);
-  const containerRef = useRef(null);
-  const suggestionBoxRef = useRef(null);
-  const debouncedQuery = useDebouncedValue(query, QUERY_DEBOUNCE_MS);
-  const normalizedQuery = debouncedQuery.trim();
-  const canSearch = Boolean(algolia) && normalizedQuery.length >= MIN_QUERY_LENGTH;
-  const searchQuery = useQuery({
-    queryKey: ["nivel-algolia-search", algolia?.appId, algolia?.indexName, normalizedQuery],
-    queryFn: ({ signal }) => searchAlgoliaIndex({ config: algolia, query: normalizedQuery, signal }),
-    enabled: isOpen && canSearch,
-    retry: false
-  });
-  useEffect(() => {
-    if (!isOpen) {
-      return;
-    }
-    const handlePointerDown = (event) => {
-      const target = event.target;
-      if (!containerRef.current?.contains(target) && !suggestionBoxRef.current?.contains(target)) {
-        setIsOpen(false);
-      }
-    };
-    const handleKeyDown = (event) => {
-      if (event.key === "Escape") {
-        setIsOpen(false);
-      }
-    };
-    document.addEventListener("pointerdown", handlePointerDown);
-    document.addEventListener("keydown", handleKeyDown);
-    return () => {
-      document.removeEventListener("pointerdown", handlePointerDown);
-      document.removeEventListener("keydown", handleKeyDown);
-    };
-  }, [isOpen]);
-  if (!algolia) {
+  if (!docs.algolia) {
     return null;
   }
-  return /* @__PURE__ */ jsxs2("div", { ref: containerRef, className: "relative", children: [
-    /* @__PURE__ */ jsx2("div", { className: "hidden md:block", children: /* @__PURE__ */ jsxs2(
+  return /* @__PURE__ */ jsxs2(Fragment, { children: [
+    /* @__PURE__ */ jsx3("div", { className: "hidden md:block", children: /* @__PURE__ */ jsxs2(
       "label",
       {
         className: cmMerge2(
@@ -269,8 +335,8 @@ var Search = ({ algolia }) => {
         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(
+          /* @__PURE__ */ jsx3("span", { className: "label", children: /* @__PURE__ */ jsx3(SearchIcon, { className: "h-4 w-4 shrink-0" }) }),
+          /* @__PURE__ */ jsx3(
             "input",
             {
               type: "text",
@@ -280,49 +346,81 @@ var Search = ({ algolia }) => {
                 "w-full placeholder:text-base-muted-medium transition-colors",
                 isSearchHovered && "placeholder:text-base-muted"
               ),
-              onFocus: () => {
-                setIsOpen(true);
-              },
+              onFocus: open,
               onChange: (event) => {
                 setQuery(event.target.value);
-                setIsOpen(true);
+                open();
               }
             }
           )
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx2(
-      "button",
-      {
-        type: "button",
-        className: "btn btn-ghost btn-square md:hidden",
-        "aria-label": "Search docs",
-        onClick: () => {
-          setIsOpen(true);
-        },
-        children: /* @__PURE__ */ jsx2(SearchIcon, { className: "h-4 w-4" })
+    /* @__PURE__ */ jsx3("button", { type: "button", className: "btn btn-ghost btn-square md:hidden", "aria-label": "Search docs", onClick: open, children: /* @__PURE__ */ jsx3(SearchIcon, { className: "h-4 w-4" }) })
+  ] });
+};
+var Search = () => {
+  const pageContext = usePageContext2();
+  const docs = getDocsGlobalContext(pageContext);
+  const { close, setQuery } = useDocsSearchActions();
+  const isOpen = useDocsSearchStore((state) => state.isOpen);
+  const query = useDocsSearchStore((state) => state.query);
+  const containerRef = useRef(null);
+  const suggestionBoxRef = useRef(null);
+  const previousPathnameRef = useRef(pageContext.urlPathname);
+  const 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 !== pageContext.urlPathname) {
+      close();
+      previousPathnameRef.current = pageContext.urlPathname;
+    }
+  }, [close, pageContext.urlPathname]);
+  useEffect(() => {
+    if (!isOpen) {
+      return;
+    }
+    const handlePointerDown = (event) => {
+      const target = event.target;
+      if (!containerRef.current?.contains(target) && !suggestionBoxRef.current?.contains(target)) {
+        close();
       }
-    ),
-    /* @__PURE__ */ jsx2(
-      SearchSuggestionBox,
-      {
-        contentRef: suggestionBoxRef,
-        isError: searchQuery.isError,
-        isLoading: searchQuery.isFetching,
-        isOpen,
-        onClose: () => {
-          setIsOpen(false);
-        },
-        onQueryChange: (nextQuery) => {
-          setQuery(nextQuery);
-          setIsOpen(true);
-        },
-        query,
-        results: searchQuery.data ?? []
+    };
+    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__ */ jsx3("div", { ref: containerRef, className: "relative", children: /* @__PURE__ */ jsx3(
+    SearchSuggestionBox,
+    {
+      contentRef: suggestionBoxRef,
+      isError: searchQuery.isError,
+      isLoading: searchQuery.isFetching,
+      isOpen,
+      onClose: close,
+      onQueryChange: setQuery,
+      query,
+      results: searchQuery.data ?? []
+    }
+  ) });
 };
 var SearchSuggestionBox = ({
   contentRef,
@@ -354,15 +452,15 @@ var SearchSuggestionBox = ({
   }
   return createPortal(
     /* @__PURE__ */ jsxs2("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__ */ jsx3("div", { className: "absolute inset-0 z-1 bg-linear-to-b from-base-100 via-base-100 via-25% to-primary-muted-superlight dark:bg-linear-to-t" }),
       /* @__PURE__ */ jsxs2(
         LayoutComponent,
         {
           ref: contentRef,
           $size: "sm",
-          className: "mt-5 relative z-2 pt-6 p-6 bg-base-100/70 rounded-box shadow-lg shadow-primary-muted-light",
+          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(
+            /* @__PURE__ */ jsx3(
               "input",
               {
                 placeholder: "Search docs",
@@ -373,34 +471,34 @@ var SearchSuggestionBox = ({
                 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__ */ jsxs2("span", { className: "flex items-center gap-1", children: [
-              /* @__PURE__ */ jsx2("span", { className: "loading loading-dots loading-xs" }),
+            /* @__PURE__ */ jsx3("div", { className: "flex h-7 items-center px-4 text-xs text-base-muted", children: isLoading ? /* @__PURE__ */ jsxs2("span", { className: "flex items-center gap-1", children: [
+              /* @__PURE__ */ jsx3("span", { className: "loading loading-dots loading-xs" }),
               "Searching..."
             ] }) : normalizedQuery ? null : /* @__PURE__ */ jsxs2("span", { className: "flex items-center gap-1", children: [
-              /* @__PURE__ */ jsx2(MessageCircleQuestion, { className: "h-3 w-3 shrink-0" }),
+              /* @__PURE__ */ jsx3(MessageCircleQuestion, { className: "h-3 w-3 shrink-0" }),
               "Type at least ",
               MIN_QUERY_LENGTH,
               " characters."
             ] }) }),
             normalizedQuery ? isError ? /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2 rounded-box border border-warning/40 bg-base-100 p-4 text-sm text-base-muted shadow-md shadow-primary-muted-light", children: [
-              /* @__PURE__ */ jsx2(TriangleAlert, { className: "h-4 w-4 shrink-0 text-warning" }),
+              /* @__PURE__ */ jsx3(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: "max-h-80 overflow-y-auto -mx-2 p-2", children: /* @__PURE__ */ jsx2("ul", { className: "flex flex-col gap-2", children: results.map((result) => /* @__PURE__ */ jsx2("li", { children: /* @__PURE__ */ jsxs2(
+            ] }) : !canSearch ? /* @__PURE__ */ jsx3("div", { className: "text-sm text-base-muted", children: "Keep typing to search." }) : !isLoading && results.length === 0 ? /* @__PURE__ */ jsx3("div", { className: "text-sm text-base-muted", children: "No results found." }) : /* @__PURE__ */ jsx3("div", { className: "-mx-2 max-h-80 overflow-y-auto p-2", children: /* @__PURE__ */ jsx3("ul", { className: "flex flex-col gap-2", children: results.map((result) => /* @__PURE__ */ jsx3("li", { children: /* @__PURE__ */ jsxs2(
               "a",
               {
                 href: withSiteBaseUrl(result.href),
-                className: "block rounded-box border border-base-muted-medium bg-base-100 p-4 hover:border-primary-muted hover:bg-base-200 shadow-md",
+                className: "block rounded-box border border-base-muted-medium bg-base-100 p-4 shadow-md hover:border-primary-muted hover:bg-base-200",
                 onClick: onClose,
                 children: [
                   /* @__PURE__ */ jsxs2("div", { className: "mb-2 flex items-center justify-start gap-2", children: [
-                    /* @__PURE__ */ jsx2("div", { className: "text-base-content font-bold", children: result.title }),
+                    /* @__PURE__ */ jsx3("div", { className: "font-bold text-base-content", children: result.title }),
                     result.sectionTitle ? /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-1 text-sm text-base-muted-medium", children: [
-                      /* @__PURE__ */ jsx2(ArrowRightFromLine, { className: "h-3 w-3" }),
+                      /* @__PURE__ */ jsx3(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.excerpt ? /* @__PURE__ */ jsx3("p", { className: "text-xs leading-5 text-base-muted", children: result.excerpt }) : null
                 ]
               }
             ) }, result.href)) }) }) : null
@@ -412,6 +510,41 @@ var SearchSuggestionBox = ({
   );
 };
 
+// src/runtime/client/components/SocialLinks.tsx
+import { usePageContext as usePageContext3 } from "vike-react/usePageContext";
+import { jsx as jsx4 } from "react/jsx-runtime";
+var _iconAssets = {
+  github: nivelAssetUrl("brands/github.svg"),
+  discord: nivelAssetUrl(`brands/discord.svg`),
+  x: nivelAssetUrl(`brands/x.svg`),
+  bluesky: nivelAssetUrl(`brands/bluesky.svg`),
+  linkedin: nivelAssetUrl("brands/linkedin.svg")
+};
+var SocialIconElement = ({ icon, href }) => {
+  return /* @__PURE__ */ jsx4("li", { className: "m-0 p-0", children: /* @__PURE__ */ jsx4(
+    "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" })
+    }
+  ) });
+};
+var SocialIcons = () => {
+  const pageContext = usePageContext3();
+  const docs = getDocsGlobalContext(pageContext);
+  const socialEntries = Object.entries(docs.social ?? {}).filter(
+    (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)) });
+};
+var SocialLinks_default = SocialIcons;
+
 // src/runtime/client/components/ThemeSwitch.tsx
 import { Moon, Sun } from "lucide-react";
 
@@ -497,7 +630,7 @@ var applyThemePreference = (themePreference, themeConfig) => {
 };
 
 // src/runtime/client/components/ThemeSwitch.tsx
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 var ThemeSwitch = ({ theme }) => {
   const themePreference = useDocsUserSettingsStore((state) => state.themePreference);
   const setThemePreference = useDocsUserSettingsStore((state) => state.setThemePreference);
@@ -510,8 +643,8 @@ 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__ */ jsx3(Sun, { className: "h-4 w-4 dark:hidden" }),
-        /* @__PURE__ */ jsx3(Moon, { className: "hidden h-4 w-4 dark:block" })
+        /* @__PURE__ */ jsx5(Sun, { className: "h-4 w-4 dark:hidden" }),
+        /* @__PURE__ */ jsx5(Moon, { className: "hidden h-4 w-4 dark:block" })
       ]
     }
   );
@@ -520,7 +653,7 @@ var ThemeSwitch = ({ theme }) => {
 // src/runtime/client/components/Navbar/MegaMenu/index.tsx
 import { cmMerge as cmMerge3 } from "@classmatejs/react";
 import { useEffect as useEffect2, useState as useState2 } from "react";
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 var MegaMenu = ({
   isActive,
   onOpen,
@@ -563,7 +696,7 @@ var MegaMenu = ({
         onPointerEnter: () => onOpen(visibleSectionId),
         onPointerLeave: onClose,
         children: [
-          /* @__PURE__ */ jsx4(
+          /* @__PURE__ */ jsx6(
             "div",
             {
               className: cmMerge3(
@@ -572,21 +705,21 @@ var MegaMenu = ({
               )
             }
           ),
-          /* @__PURE__ */ jsx4(
+          /* @__PURE__ */ jsx6(
             "div",
             {
               className: cmMerge3(
                 "relative z-4 overflow-hidden bg-base-100 transition-[height] duration-300 ease-out border-b border-base-muted-light"
               ),
               style: { height: isActive ? contentHeight : 0 },
-              children: /* @__PURE__ */ jsx4(LayoutComponent, { $size: "sm", children: /* @__PURE__ */ jsx4(
+              children: /* @__PURE__ */ jsx6(LayoutComponent, { $size: "sm", children: /* @__PURE__ */ jsx6(
                 "div",
                 {
                   className: cmMerge3(
                     isActive ? "translate-y-0 opacity-100" : "-translate-y-10 opacity-0",
                     "relative z-4 transition-all duration-300"
                   ),
-                  children: sections.map((section) => /* @__PURE__ */ jsx4(
+                  children: sections.map((section) => /* @__PURE__ */ jsx6(
                     "div",
                     {
                       ref: section.id === visibleSectionId ? setVisibleSectionElement : void 0,
@@ -594,17 +727,17 @@ var MegaMenu = ({
                         section.id === visibleSectionId ? "opacity-100" : "opacity-0 pointer-events-none",
                         "transition-all absolute w-full duration-300"
                       ),
-                      children: section.items.length > 0 && /* @__PURE__ */ jsx4("ul", { className: "mt-2 flex ", children: section.items.map(
+                      children: section.items.length > 0 && /* @__PURE__ */ jsx6("ul", { className: "mt-2 flex ", children: section.items.map(
                         (child) => child.showInNav !== false && /* @__PURE__ */ jsxs4("li", { className: "flex-1 py-3 mb-6 px-4", children: [
-                          child.href ? /* @__PURE__ */ jsx4(
+                          child.href ? /* @__PURE__ */ jsx6(
                             "a",
                             {
                               className: "mb-4 block text-lg font-semibold tracking-tight",
                               href: withSiteBaseUrl(child.href),
                               children: child.title
                             }
-                          ) : /* @__PURE__ */ jsx4("span", { className: "mb-4 block text-lg font-semibold tracking-tight", children: child.title }),
-                          child.kind === "group" && child.items.length > 0 && /* @__PURE__ */ jsx4("ul", { className: "menu border-l border-base-muted-light py-0 w-full", children: child.items.map((subChild) => /* @__PURE__ */ jsx4("li", { children: subChild.href ? /* @__PURE__ */ jsx4("a", { href: withSiteBaseUrl(subChild.href), onClick: onClose, children: renderInlineMarkdown(subChild.title) }) : /* @__PURE__ */ jsx4("span", { children: renderInlineMarkdown(subChild.title) }) }, subChild.id)) })
+                          ) : /* @__PURE__ */ jsx6("span", { className: "mb-4 block text-lg font-semibold tracking-tight", children: child.title }),
+                          child.kind === "group" && child.items.length > 0 && /* @__PURE__ */ jsx6("ul", { className: "menu border-l border-base-muted-light py-0 w-full", children: child.items.map((subChild) => /* @__PURE__ */ jsx6("li", { children: subChild.href ? /* @__PURE__ */ jsx6("a", { href: withSiteBaseUrl(subChild.href), onClick: onClose, children: renderInlineMarkdown(subChild.title) }) : /* @__PURE__ */ jsx6("span", { children: renderInlineMarkdown(subChild.title) }) }, subChild.id)) })
                         ] }, child.id)
                       ) })
                     },
@@ -644,17 +777,18 @@ var useNavbarScroll = (isLandingPage) => {
 };
 
 // src/runtime/client/components/Navbar/index.tsx
-import { Fragment, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
-var Navbar = ({ brand, algolia, navbarItems, theme, sections }) => {
-  const { urlPathname } = usePageContext2();
+import { Fragment as Fragment2, jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+var Navbar = ({ brand, navbarItems, theme, sections }) => {
+  const { urlPathname } = usePageContext4();
   const isLandingPage = urlPathname === "/";
   const { isLandingPageScrolled } = useNavbarScroll(isLandingPage);
   const [isMegaMenuOpen, setIsMegaMenuOpen] = useState4(false);
   const megaMenuCloseTimeoutRef = useRef2(null);
-  const pageContext = usePageContext2();
+  const pageContext = usePageContext4();
   const docs = getDocsGlobalContext(pageContext);
   const activeSection = getActiveSectionByPathname(docs, pageContext.urlPathname);
   const [hoveredSectionId, setHoveredSectionId] = useState4(activeSection?.id ?? sections[0]?.id);
+  const { toggle: toggleSearch } = useDocsSearchActions();
   const showChrome = useMemo(
     () => !isLandingPage || isLandingPageScrolled || !isMegaMenuOpen,
     [isLandingPage, isLandingPageScrolled, isMegaMenuOpen]
@@ -689,51 +823,65 @@ var Navbar = ({ brand, algolia, navbarItems, theme, sections }) => {
       clearMegaMenuCloseTimeout();
     };
   }, [clearMegaMenuCloseTimeout]);
-  return /* @__PURE__ */ jsxs5(Fragment, { children: [
-    /* @__PURE__ */ jsx5(StyledNavbar, { $border: showChrome, children: /* @__PURE__ */ jsx5(LayoutComponent, { className: "h-full", children: isLandingPage ? /* @__PURE__ */ jsxs5("div", { className: "relative z-3 flex h-full items-center justify-between py-4", children: [
-      /* @__PURE__ */ jsx5("div", { className: "flex flex-1 items-center gap-4", children: /* @__PURE__ */ jsx5(Brand, { brand }) }),
-      /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsxs5(Fragment2, { children: [
+    /* @__PURE__ */ jsx7(StyledNavbar, { $border: showChrome, children: /* @__PURE__ */ jsx7(LayoutComponent, { className: "h-full", children: isLandingPage ? /* @__PURE__ */ jsxs5("div", { className: "relative z-3 flex h-full items-center justify-between py-4", children: [
+      /* @__PURE__ */ jsx7("div", { className: "flex flex-1 items-center gap-4", children: /* @__PURE__ */ jsx7(Brand, { brand }) }),
+      /* @__PURE__ */ jsx7(
         "nav",
         {
           "aria-label": "Primary",
           className: "top-0 left-0 flex min-w-0 flex-1 items-center justify-center gap-4 overflow-x-auto",
-          children: /* @__PURE__ */ jsx5("ul", { className: "flex items-center font-semibold", children: navbarItems.map((item) => /* @__PURE__ */ jsx5("li", { children: /* @__PURE__ */ jsx5(
-            "a",
-            {
-              href: withSiteBaseUrl(item.href),
-              className: "h-full block py-3.25",
-              onPointerEnter: () => openMegaMenu(item.id),
-              onPointerLeave: scheduleMegaMenuClose,
-              onFocus: () => openMegaMenu(item.id),
-              onBlur: scheduleMegaMenuClose,
-              onClick: closeMegaMenu,
-              children: /* @__PURE__ */ jsxs5(
-                "span",
-                {
-                  className: cmMerge4("btn text-lg btn-ghost min-w-30 px-2 whitespace-nowrap tracking-tight"),
-                  children: [
-                    renderInlineMarkdown(item.title),
-                    /* @__PURE__ */ jsx5(ChevronDown, { className: "h-4 w-4 shrink-0" })
-                  ]
-                }
-              )
-            }
-          ) }, item.id)) })
+          children: /* @__PURE__ */ jsxs5("ul", { className: "flex items-center font-semibold", children: [
+            navbarItems.map((item) => /* @__PURE__ */ jsx7("li", { children: /* @__PURE__ */ jsx7(
+              "a",
+              {
+                href: withSiteBaseUrl(item.href),
+                className: "h-full block py-3.25",
+                onPointerEnter: () => openMegaMenu(item.id),
+                onPointerLeave: scheduleMegaMenuClose,
+                onFocus: () => openMegaMenu(item.id),
+                onBlur: scheduleMegaMenuClose,
+                onClick: closeMegaMenu,
+                children: /* @__PURE__ */ jsxs5(
+                  "span",
+                  {
+                    className: cmMerge4("btn text-lg btn-ghost min-w-30 px-2 whitespace-nowrap tracking-tight"),
+                    children: [
+                      renderInlineMarkdown(item.title),
+                      /* @__PURE__ */ jsx7(ChevronDown, { className: "h-4 w-4 shrink-0" })
+                    ]
+                  }
+                )
+              }
+            ) }, item.id)),
+            docs.algolia ? /* @__PURE__ */ jsx7("li", { children: /* @__PURE__ */ jsxs5(
+              "button",
+              {
+                type: "button",
+                onClick: toggleSearch,
+                className: "btn btn-ghost min-w-30 px-2 text-lg whitespace-nowrap tracking-tight",
+                children: [
+                  "Search",
+                  /* @__PURE__ */ jsx7(TextSearch, { className: "h-4 w-4" })
+                ]
+              }
+            ) }) : null
+          ] })
         }
       ),
       /* @__PURE__ */ jsxs5("div", { className: "flex flex-1 items-center justify-end gap-2", children: [
-        /* @__PURE__ */ jsx5(Search, { algolia }),
-        /* @__PURE__ */ jsx5(ThemeSwitch, { theme })
+        /* @__PURE__ */ jsx7(SocialLinks_default, {}),
+        /* @__PURE__ */ jsx7(ThemeSwitch, { theme })
       ] })
     ] }) : /* @__PURE__ */ jsxs5("div", { className: "relative z-3 flex h-full items-center justify-between py-4", children: [
-      /* @__PURE__ */ jsx5("div", { className: "flex w-80 flex-1 items-center justify-between gap-2 lg:flex-none", children: /* @__PURE__ */ jsx5(Brand, { brand }) }),
+      /* @__PURE__ */ jsx7("div", { className: "flex w-80 flex-1 items-center justify-between gap-2 lg:flex-none", children: /* @__PURE__ */ jsx7(Brand, { brand }) }),
       /* @__PURE__ */ jsxs5(
         "nav",
         {
           "aria-label": "Primary",
           className: "top-0 left-0 flex flex-1 items-center justify-start gap-4 overflow-x-auto lg:pl-6 xl:pl-10",
           children: [
-            /* @__PURE__ */ jsx5("ul", { className: "flex items-center gap-2 font-semibold", children: navbarItems.map((item) => /* @__PURE__ */ jsx5("li", { children: /* @__PURE__ */ jsx5(
+            /* @__PURE__ */ jsx7("ul", { className: "flex items-center gap-2 font-semibold", children: navbarItems.map((item) => /* @__PURE__ */ jsx7("li", { children: /* @__PURE__ */ jsx7(
               "a",
               {
                 href: withSiteBaseUrl(item.href),
@@ -749,13 +897,17 @@ var Navbar = ({ brand, algolia, navbarItems, theme, sections }) => {
                 children: renderInlineMarkdown(item.title)
               }
             ) }, item.id)) }),
-            /* @__PURE__ */ jsx5(Search, { algolia })
+            /* @__PURE__ */ jsx7(SearchTrigger, {})
           ]
         }
       ),
-      /* @__PURE__ */ jsx5("div", { className: "flex w-78 flex-1 items-center justify-end gap-2 lg:flex-none", children: /* @__PURE__ */ jsx5(ThemeSwitch, { theme }) })
+      /* @__PURE__ */ jsxs5("div", { className: "flex w-78 flex-1 items-center justify-end gap-2 lg:flex-none", children: [
+        /* @__PURE__ */ jsx7(SocialLinks_default, {}),
+        /* @__PURE__ */ jsx7(ThemeSwitch, { theme })
+      ] })
     ] }) }) }),
-    /* @__PURE__ */ jsx5(
+    /* @__PURE__ */ jsx7(Search, {}),
+    /* @__PURE__ */ jsx7(
       MegaMenu,
       {
         sections,
@@ -788,59 +940,56 @@ var UserSettingsSync = ({ theme }) => {
 };
 
 // src/runtime/client/AppLayout.tsx
-import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
 var AppLayout = ({ children }) => {
-  const pageContext = usePageContext3();
+  const pageContext = usePageContext5();
   const docs = getDocsGlobalContext(pageContext);
+  const [docsRuntimeStore] = useState5(() => createDocsRuntimeStore());
   const [queryClient] = useState5(() => new QueryClient());
-  return (
-    // todo: we should try vike-react-query instead
-    /* @__PURE__ */ jsxs6(QueryClientProvider, { client: queryClient, children: [
-      /* @__PURE__ */ jsx6(UserSettingsSync, { theme: docs.theme }),
-      /* @__PURE__ */ jsxs6("div", { className: "min-h-screen bg-base-100 text-base-content", children: [
-        /* @__PURE__ */ jsx6(
-          Navbar,
-          {
-            brand: docs.brand,
-            algolia: docs.algolia,
-            navbarItems: docs.navbarItems,
-            sections: docs.sidebarSections,
-            theme: docs.theme
-          }
-        ),
-        /* @__PURE__ */ jsx6("div", { className: "pt-16", children })
-      ] })
+  return /* @__PURE__ */ jsx8(DocsRuntimeStoreProvider, { store: docsRuntimeStore, children: /* @__PURE__ */ jsxs6(QueryClientProvider, { client: queryClient, children: [
+    /* @__PURE__ */ jsx8(UserSettingsSync, { theme: docs.theme }),
+    /* @__PURE__ */ jsxs6("div", { className: "min-h-screen bg-base-100 text-base-content", children: [
+      /* @__PURE__ */ jsx8(
+        Navbar,
+        {
+          brand: docs.brand,
+          navbarItems: docs.navbarItems,
+          sections: docs.sidebarSections,
+          theme: docs.theme
+        }
+      ),
+      /* @__PURE__ */ jsx8("div", { className: "pt-16", children })
     ] })
-  );
+  ] }) });
 };
 
 // src/runtime/client/components/MetaHead/FaviconLinks.tsx
-import { Fragment as Fragment2, jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 var FaviconLinks = ({ head }) => {
   const { appleTouchIcon, faviconIco, faviconSvg } = head;
-  return /* @__PURE__ */ jsxs7(Fragment2, { children: [
-    appleTouchIcon && /* @__PURE__ */ jsx7("link", { rel: "apple-touch-icon", href: appleTouchIcon }),
-    faviconSvg && /* @__PURE__ */ jsx7("link", { rel: "icon", type: "image/svg+xml", href: faviconSvg }),
-    faviconIco && /* @__PURE__ */ jsxs7(Fragment2, { children: [
-      /* @__PURE__ */ jsx7("link", { rel: "shortcut icon", type: "image/x-icon", href: faviconIco }),
-      /* @__PURE__ */ jsx7("link", { rel: "icon", type: "image/x-icon", href: faviconIco })
+  return /* @__PURE__ */ jsxs7(Fragment3, { children: [
+    appleTouchIcon && /* @__PURE__ */ jsx9("link", { rel: "apple-touch-icon", href: appleTouchIcon }),
+    faviconSvg && /* @__PURE__ */ jsx9("link", { rel: "icon", type: "image/svg+xml", href: faviconSvg }),
+    faviconIco && /* @__PURE__ */ jsxs7(Fragment3, { children: [
+      /* @__PURE__ */ jsx9("link", { rel: "shortcut icon", type: "image/x-icon", href: faviconIco }),
+      /* @__PURE__ */ jsx9("link", { rel: "icon", type: "image/x-icon", href: faviconIco })
     ] })
   ] });
 };
 
 // src/runtime/client/components/MetaHead/FontLinks.tsx
-import { Fragment as Fragment3, jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 var FontLinks = ({ head }) => {
   const { fontStylesheetHref, fontPreloadHrefs } = head;
   const effectivePreloadHrefs = fontPreloadHrefs ?? [];
-  return /* @__PURE__ */ jsxs8(Fragment3, { children: [
-    effectivePreloadHrefs.map((href) => /* @__PURE__ */ jsx8("link", { rel: "preload", href, as: "font", type: "font/woff2", crossOrigin: "anonymous" }, href)),
-    fontStylesheetHref && /* @__PURE__ */ jsx8("link", { rel: "stylesheet", href: fontStylesheetHref })
+  return /* @__PURE__ */ jsxs8(Fragment4, { children: [
+    effectivePreloadHrefs.map((href) => /* @__PURE__ */ jsx10("link", { rel: "preload", href, as: "font", type: "font/woff2", crossOrigin: "anonymous" }, href)),
+    fontStylesheetHref && /* @__PURE__ */ jsx10("link", { rel: "stylesheet", href: fontStylesheetHref })
   ] });
 };
 
 // src/runtime/client/components/MetaHead/ThemeBootstrap.tsx
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx11 } from "react/jsx-runtime";
 var getThemeBootstrapScript = (theme) => {
   return `(() => {
   const storageKey = ${JSON.stringify(USER_SETTINGS_STORAGE_KEY)};
@@ -878,7 +1027,7 @@ var getThemeBootstrapScript = (theme) => {
 })();`;
 };
 var ThemeBootstrap = ({ theme }) => {
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx11(
     "script",
     {
       dangerouslySetInnerHTML: {
@@ -889,13 +1038,13 @@ var ThemeBootstrap = ({ theme }) => {
 };
 
 // src/runtime/client/components/MetaHead/index.tsx
-import { Fragment as Fragment4, jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
 var MetaHead = () => {
   const docs = useDocsGlobalContext();
-  return /* @__PURE__ */ jsxs9(Fragment4, { children: [
-    /* @__PURE__ */ jsx10(ThemeBootstrap, { theme: docs.theme }),
-    /* @__PURE__ */ jsx10(FaviconLinks, { head: docs.head }),
-    /* @__PURE__ */ jsx10(FontLinks, { head: docs.head })
+  return /* @__PURE__ */ jsxs9(Fragment5, { children: [
+    /* @__PURE__ */ jsx12(ThemeBootstrap, { theme: docs.theme }),
+    /* @__PURE__ */ jsx12(FaviconLinks, { head: docs.head }),
+    /* @__PURE__ */ jsx12(FontLinks, { head: docs.head })
   ] });
 };
 
@@ -907,15 +1056,15 @@ var ProseContainer = cm3.section`
 
 // src/runtime/client/DocsPage.tsx
 import { useData as useData2 } from "vike-react/useData";
-import { usePageContext as usePageContext4 } from "vike-react/usePageContext";
+import { usePageContext as usePageContext6 } from "vike-react/usePageContext";
 
 // src/runtime/client/components/DocsPagination.tsx
 import { cmMerge as cmMerge5 } from "@classmatejs/react";
 import { ChevronLeft, ChevronRight } from "lucide-react";
-import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
 var PaginationCard = ({ item, direction, isOffset }) => {
   const isPrevious = direction === "previous";
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx13(
     "a",
     {
       href: withSiteBaseUrl(item.href),
@@ -926,7 +1075,7 @@ var PaginationCard = ({ item, direction, isOffset }) => {
       ),
       "aria-label": `${isPrevious ? "Previous" : "Next"}: ${item.title}`,
       children: /* @__PURE__ */ jsxs10("div", { className: "flex flex-col justify-between gap-2", children: [
-        /* @__PURE__ */ jsx11("p", { className: "text-lg font-semibold text-base-content", children: renderInlineMarkdown(item.title) }),
+        /* @__PURE__ */ jsx13("p", { className: "text-lg font-semibold text-base-content", children: renderInlineMarkdown(item.title) }),
         /* @__PURE__ */ jsxs10(
           "div",
           {
@@ -935,9 +1084,9 @@ var PaginationCard = ({ item, direction, isOffset }) => {
               isPrevious ? "justify-start" : "justify-end"
             ),
             children: [
-              isPrevious && /* @__PURE__ */ jsx11(ChevronLeft, { className: "h-4 w-4" }),
-              /* @__PURE__ */ jsx11("span", { children: isPrevious ? "Previous" : "Next" }),
-              !isPrevious && /* @__PURE__ */ jsx11(ChevronRight, { className: "h-4 w-4" })
+              isPrevious && /* @__PURE__ */ jsx13(ChevronLeft, { className: "h-4 w-4" }),
+              /* @__PURE__ */ jsx13("span", { children: isPrevious ? "Previous" : "Next" }),
+              !isPrevious && /* @__PURE__ */ jsx13(ChevronRight, { className: "h-4 w-4" })
             ]
           }
         )
@@ -949,28 +1098,31 @@ var DocsPagination = ({ previousPage, nextPage }) => {
   if (!previousPage && !nextPage) {
     return null;
   }
-  return /* @__PURE__ */ jsx11("nav", { className: "mb-10 mt-16", "aria-label": "Previous Next", children: /* @__PURE__ */ jsxs10("div", { className: "grid gap-4 sm:grid-cols-2", children: [
-    previousPage && /* @__PURE__ */ jsx11(PaginationCard, { item: previousPage, direction: "previous" }),
-    nextPage && /* @__PURE__ */ jsx11(PaginationCard, { isOffset: !previousPage, item: nextPage, direction: "next" })
+  return /* @__PURE__ */ jsx13("nav", { className: "mb-10 mt-16", "aria-label": "Previous Next", children: /* @__PURE__ */ jsxs10("div", { className: "grid gap-4 sm:grid-cols-2", children: [
+    previousPage && /* @__PURE__ */ jsx13(PaginationCard, { item: previousPage, direction: "previous" }),
+    nextPage && /* @__PURE__ */ jsx13(PaginationCard, { isOffset: !previousPage, item: nextPage, direction: "next" })
   ] }) });
 };
 
 // src/runtime/client/components/Footer.tsx
 import { Bug, Pencil } from "lucide-react";
-import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
 var DocsFooter = ({ brand }) => {
   return /* @__PURE__ */ jsxs11("footer", { className: "mb-8 mt-12 text-sm border-t border-base-muted-light pt-10", children: [
     /* @__PURE__ */ jsxs11("div", { className: "mb-16 flex items-center gap-2", children: [
       /* @__PURE__ */ jsxs11("a", { href: "edit", className: "btn btn-sm btn-primary btn-soft", children: [
-        /* @__PURE__ */ jsx12(Pencil, { className: "w-3 h-3" }),
+        /* @__PURE__ */ jsx14(Pencil, { className: "w-3 h-3" }),
         " Edit this page"
       ] }),
       /* @__PURE__ */ jsxs11("a", { href: "edit", className: "btn btn-sm btn-primary btn-soft", children: [
-        /* @__PURE__ */ jsx12(Bug, { className: "w-3 h-3" }),
+        /* @__PURE__ */ jsx14(Bug, { className: "w-3 h-3" }),
         " Report Issue"
       ] })
     ] }),
-    /* @__PURE__ */ jsx12("div", { className: "flex justify-between items-center", children: /* @__PURE__ */ jsx12("div", { className: "flex gap-2 items-center", children: brand && /* @__PURE__ */ jsx12(Brand, { brand, noText: true }) }) })
+    /* @__PURE__ */ jsxs11("div", { className: "flex justify-between items-center", children: [
+      /* @__PURE__ */ jsx14(SocialLinks_default, {}),
+      /* @__PURE__ */ jsx14("div", { className: "flex gap-2 items-center", children: brand && /* @__PURE__ */ jsx14(Brand, { brand, noText: true }) })
+    ] })
   ] });
 };
 
@@ -1005,7 +1157,7 @@ var getVisibleGroupItems = (group) => {
 var getGroupHref = (group) => group.href ?? null;
 
 // src/runtime/client/components/Sidebar.tsx
-import { Fragment as Fragment5, jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
 var useSidebarDisclosureStore = create2()((set) => ({
   openNodes: {},
   setNodeOpen: (nodeId, isOpen) => set((state) => {
@@ -1039,7 +1191,7 @@ var useAutoOpenDetails = (nodeId, isOpenByDefault, hasActiveDescendant) => {
   };
 };
 var SidebarPageLink = ({ title, href, currentHref }) => {
-  return /* @__PURE__ */ jsx13("li", { children: /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx15("li", { children: /* @__PURE__ */ jsx15(
     "a",
     {
       href: withSiteBaseUrl(href),
@@ -1052,10 +1204,10 @@ var SidebarPageLink = ({ title, href, currentHref }) => {
   ) });
 };
 var SidebarGroupDivider = ({ title }) => {
-  return /* @__PURE__ */ jsx13("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__ */ jsx13("span", { className: "-ml-3", children: renderInlineMarkdown(title, { codeClassName: "text-sm!" }) }) });
+  return /* @__PURE__ */ jsx15("li", { className: "ml-3 mt-2 mb-2 border-b border-base-muted-light text-xs text-base-muted-medium pointer-events-none font-semibold", children: /* @__PURE__ */ jsx15("span", { className: "-ml-3", children: renderInlineMarkdown(title, { codeClassName: "text-sm!" }) }) });
 };
 var SidebarGroupTitle = ({ title, href, isActive, allowNavigation = false }) => {
-  const content = /* @__PURE__ */ jsx13(
+  const content = /* @__PURE__ */ jsx15(
     "span",
     {
       className: cmMerge6(
@@ -1066,7 +1218,7 @@ var SidebarGroupTitle = ({ title, href, isActive, allowNavigation = false }) =>
     }
   );
   if (allowNavigation && href) {
-    return /* @__PURE__ */ jsx13(
+    return /* @__PURE__ */ jsx15(
       "a",
       {
         href: withSiteBaseUrl(href),
@@ -1078,19 +1230,19 @@ var SidebarGroupTitle = ({ title, href, isActive, allowNavigation = false }) =>
       }
     );
   }
-  return /* @__PURE__ */ jsx13("span", { className: "flex items-center gap-2 text-base-content", children: content });
+  return /* @__PURE__ */ jsx15("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__ */ jsx13(SidebarPageLink, { title: item.navTitle, href: item.href, currentHref }, item.id);
+      return /* @__PURE__ */ jsx15(SidebarPageLink, { title: item.navTitle, href: item.href, currentHref }, item.id);
     }
-    return /* @__PURE__ */ jsx13(SidebarNestedGroup, { group: item, currentHref }, item.id);
+    return /* @__PURE__ */ jsx15(SidebarNestedGroup, { group: item, currentHref }, item.id);
   });
 };
 var SidebarItemList = ({ items, currentHref }) => {
   const visibleItems = getVisibleNavItems(items);
-  return /* @__PURE__ */ jsx13("ul", { className: "menu w-full", children: renderSidebarItems(visibleItems, currentHref) });
+  return /* @__PURE__ */ jsx15("ul", { className: "menu w-full", children: renderSidebarItems(visibleItems, currentHref) });
 };
 var SidebarNestedGroup = ({ group, currentHref }) => {
   const groupHref = getGroupHref(group);
@@ -1101,14 +1253,14 @@ var SidebarNestedGroup = ({ group, currentHref }) => {
   const { isOpen, setIsOpen } = useAutoOpenDetails(`group:${group.id}`, isOpenByDefault, nestedHasActiveItem);
   if (!isCollapsible) {
     if (!group.title) {
-      return /* @__PURE__ */ jsx13(Fragment5, { children: renderSidebarItems(visibleItems, currentHref) });
+      return /* @__PURE__ */ jsx15(Fragment6, { children: renderSidebarItems(visibleItems, currentHref) });
     }
-    return /* @__PURE__ */ jsxs12(Fragment5, { children: [
-      /* @__PURE__ */ jsx13(SidebarGroupDivider, { title: group.title }),
+    return /* @__PURE__ */ jsxs12(Fragment6, { children: [
+      /* @__PURE__ */ jsx15(SidebarGroupDivider, { title: group.title }),
       renderSidebarItems(visibleItems, currentHref)
     ] });
   }
-  return /* @__PURE__ */ jsx13("li", { children: /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsx15("li", { children: /* @__PURE__ */ jsxs12(
     "details",
     {
       open: isOpen,
@@ -1116,7 +1268,7 @@ var SidebarNestedGroup = ({ group, currentHref }) => {
         setIsOpen(event.currentTarget.open);
       },
       children: [
-        /* @__PURE__ */ jsx13("summary", { children: /* @__PURE__ */ jsx13(
+        /* @__PURE__ */ jsx15("summary", { children: /* @__PURE__ */ jsx15(
           SidebarGroupTitle,
           {
             title: group.title,
@@ -1125,7 +1277,7 @@ var SidebarNestedGroup = ({ group, currentHref }) => {
             allowNavigation: Boolean(groupHref)
           }
         ) }),
-        visibleItems.length > 0 ? /* @__PURE__ */ jsx13(SidebarItemList, { items: visibleItems, currentHref }) : null
+        visibleItems.length > 0 ? /* @__PURE__ */ jsx15(SidebarItemList, { items: visibleItems, currentHref }) : null
       ]
     }
   ) });
@@ -1137,7 +1289,7 @@ var SidebarSectionGroup = ({ section, currentHref, activeSectionId }) => {
     section.id === activeSectionId,
     sectionHasActiveItem
   );
-  return /* @__PURE__ */ jsx13("li", { className: "pb-4", children: /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsx15("li", { className: "pb-4", children: /* @__PURE__ */ jsxs12(
     "details",
     {
       open: isOpen,
@@ -1145,16 +1297,16 @@ var SidebarSectionGroup = ({ section, currentHref, activeSectionId }) => {
         setIsOpen(event.currentTarget.open);
       },
       children: [
-        /* @__PURE__ */ jsx13("summary", { children: /* @__PURE__ */ jsx13(SidebarGroupTitle, { title: section.title, isActive: sectionHasActiveItem }) }),
-        /* @__PURE__ */ jsx13(SidebarItemList, { items: section.items, currentHref })
+        /* @__PURE__ */ jsx15("summary", { children: /* @__PURE__ */ jsx15(SidebarGroupTitle, { title: section.title, isActive: sectionHasActiveItem }) }),
+        /* @__PURE__ */ jsx15(SidebarItemList, { items: section.items, currentHref })
       ]
     }
   ) });
 };
 var Sidebar = ({ sections, activeSectionId, currentHref, horizontal }) => {
-  return /* @__PURE__ */ jsx13("aside", { className: "hidden basis-76 shrink-0 lg:block", children: /* @__PURE__ */ jsxs12("div", { className: "-ml-3 sticky top-16", children: [
-    /* @__PURE__ */ jsx13("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__ */ jsx13("div", { className: "pr-4 h-[calc(100svh-16*var(--spacing))] overflow-y-scroll overflow-x-hidden relative z-10", children: /* @__PURE__ */ jsx13("ul", { className: cmMerge6("menu w-full px-0 py-5 li:last-child:border-0"), children: sections.map((section) => /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx15("aside", { className: "hidden basis-76 shrink-0 lg:block", children: /* @__PURE__ */ jsxs12("div", { className: "-ml-3 sticky top-16", children: [
+    /* @__PURE__ */ jsx15("div", { className: "absolute h-full w-px right-0 top-0 bg-linear-to-t to-base-muted-light via-base-muted-light pointer-events-none z-1" }),
+    /* @__PURE__ */ jsx15("div", { className: "pr-4 h-[calc(100svh-16*var(--spacing))] overflow-y-scroll overflow-x-hidden relative z-10", children: /* @__PURE__ */ jsx15("ul", { className: cmMerge6("menu w-full px-0 py-5 li:last-child:border-0"), children: sections.map((section) => /* @__PURE__ */ jsx15(
       SidebarSectionGroup,
       {
         section,
@@ -1171,7 +1323,7 @@ import cm4, { cmMerge as cmMerge7 } from "@classmatejs/react";
 import { TableOfContentsIcon } from "lucide-react";
 import { useEffect as useEffect7, useState as useState6 } from "react";
 import { useData } from "vike-react/useData";
-import { Fragment as Fragment6, jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
 var getCurrentHash = () => {
   try {
     return decodeURIComponent(window.location.hash);
@@ -1306,13 +1458,13 @@ var TableOfContents = ({ headings, partners }) => {
       updateActiveHeadingFromScroll(setActiveHeadingId);
     });
   }, [headings]);
-  return /* @__PURE__ */ jsx14("aside", { className: cmMerge7(page.tableOfContents ? "w-64" : "w-32", "hidden shrink-0 xl:block"), children: /* @__PURE__ */ jsx14("div", { className: "sticky top-16", children: /* @__PURE__ */ jsxs13("div", { className: "relative h-[calc(100svh-16*var(--spacing))] overflow-y-auto overflow-x-hidden pt-10 pb-8", children: [
-    page.tableOfContents ? effectiveHeadings.length > 0 && /* @__PURE__ */ jsxs13(Fragment6, { children: [
+  return /* @__PURE__ */ jsx16("aside", { className: cmMerge7(page.tableOfContents ? "w-64" : "w-32", "hidden shrink-0 xl:block"), children: /* @__PURE__ */ jsx16("div", { className: "sticky top-16", children: /* @__PURE__ */ jsxs13("div", { className: "relative h-[calc(100svh-16*var(--spacing))] overflow-y-auto overflow-x-hidden pt-10 pb-8", children: [
+    page.tableOfContents ? effectiveHeadings.length > 0 && /* @__PURE__ */ jsxs13(Fragment7, { children: [
       /* @__PURE__ */ jsxs13("p", { className: "mb-4 flex items-center gap-2 text-xs font-semibold uppercase tracking-widest text-base-muted", children: [
-        /* @__PURE__ */ jsx14(TableOfContentsIcon, { className: "h-3 w-3" }),
+        /* @__PURE__ */ jsx16(TableOfContentsIcon, { className: "h-3 w-3" }),
         "On this page"
       ] }),
-      /* @__PURE__ */ jsx14("nav", { "aria-label": "On this page", className: "mb-12", children: /* @__PURE__ */ jsx14("ul", { children: effectiveHeadings.map((heading, index) => /* @__PURE__ */ jsx14("li", { children: /* @__PURE__ */ jsx14(
+      /* @__PURE__ */ jsx16("nav", { "aria-label": "On this page", className: "mb-12", children: /* @__PURE__ */ jsx16("ul", { children: effectiveHeadings.map((heading, index) => /* @__PURE__ */ jsx16("li", { children: /* @__PURE__ */ jsx16(
         "a",
         {
           href: `#${heading.id}`,
@@ -1327,24 +1479,24 @@ var TableOfContents = ({ headings, partners }) => {
         }
       ) }, heading.id)) }) })
     ] }) : null,
-    /* @__PURE__ */ jsx14(Adbar, { partners })
+    /* @__PURE__ */ jsx16(Adbar, { partners })
   ] }) }) });
 };
 var Adbar = ({ partners }) => {
   if (partners.primary.length === 0 && partners.gold.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ jsxs13(Fragment6, { children: [
+  return /* @__PURE__ */ jsxs13(Fragment7, { children: [
     /* @__PURE__ */ jsxs13("ul", { className: "grid grid-cols-[repeat(auto-fit,minmax(5.5rem,1fr))] gap-3 opacity-90", children: [
-      partners.primary.map((partner) => /* @__PURE__ */ jsx14(AdbarItem, { className: "col-span-full", children: /* @__PURE__ */ jsx14(AdbarLink, { href: partner.href, title: partner.name, children: /* @__PURE__ */ jsx14(PartnerLogo, { partner }) }) }, partner.name)),
-      partners.gold.map((partner) => /* @__PURE__ */ jsx14(AdbarItem, { children: /* @__PURE__ */ jsx14(AdbarLink, { href: partner.href, title: partner.name, children: /* @__PURE__ */ jsx14(PartnerLogo, { partner }) }) }, partner.name))
+      partners.primary.map((partner) => /* @__PURE__ */ jsx16(AdbarItem, { className: "col-span-full", children: /* @__PURE__ */ jsx16(AdbarLink, { href: partner.href, title: partner.name, children: /* @__PURE__ */ jsx16(PartnerLogo, { partner }) }) }, partner.name)),
+      partners.gold.map((partner) => /* @__PURE__ */ jsx16(AdbarItem, { children: /* @__PURE__ */ jsx16(AdbarLink, { href: partner.href, title: partner.name, children: /* @__PURE__ */ jsx16(PartnerLogo, { partner }) }) }, partner.name))
     ] }),
     /* @__PURE__ */ jsxs13(AdbarItem, { className: "col-span-full p-2 text-left mt-3 block!", children: [
-      /* @__PURE__ */ jsx14("strong", { className: "text-sm tracking-tighter leading-tight mb-1 block", children: "Your company name here! \u{1F48E} " }),
+      /* @__PURE__ */ jsx16("strong", { className: "text-sm tracking-tighter leading-tight mb-1 block", children: "Your company name here! \u{1F48E} " }),
       /* @__PURE__ */ jsxs13("p", { className: "text-xs text-base-muted", children: [
         "Hey, this is a classic text ad here!",
         " ",
-        /* @__PURE__ */ jsx14("a", { href: "#adlink", className: "text-info", children: "link" }),
+        /* @__PURE__ */ jsx16("a", { href: "#adlink", className: "text-info", children: "link" }),
         " ",
         "to some thing"
       ] })
@@ -1354,8 +1506,8 @@ var Adbar = ({ partners }) => {
 var PartnerLogo = ({
   partner
 }) => {
-  return /* @__PURE__ */ jsxs13(Fragment6, { children: [
-    /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsxs13(Fragment7, { children: [
+    /* @__PURE__ */ jsx16(
       Image,
       {
         src: partner.logoLight,
@@ -1365,7 +1517,7 @@ var PartnerLogo = ({
         className: cmMerge7("block", partner.logoDark ? "dark:hidden" : "dark:invert")
       }
     ),
-    partner.logoDark ? /* @__PURE__ */ jsx14(Image, { src: partner.logoDark, width: 200, height: 100, alt: partner.logoAlt, className: "hidden dark:block" }) : null
+    partner.logoDark ? /* @__PURE__ */ jsx16(Image, { src: partner.logoDark, width: 200, height: 100, alt: partner.logoAlt, className: "hidden dark:block" }) : null
   ] });
 };
 var AdbarItem = cm4.div`
@@ -1484,9 +1636,9 @@ var getMdxRuntimeValue = (options) => {
 };
 
 // src/runtime/client/DocsPage.tsx
-import { jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
 var DocsPage = ({ Content }) => {
-  const pageContext = usePageContext4();
+  const pageContext = usePageContext6();
   const docs = getDocsGlobalContext(pageContext);
   const { page, headings, previousPage, nextPage } = useData2();
   return /* @__PURE__ */ jsxs14(
@@ -1497,18 +1649,18 @@ var DocsPage = ({ Content }) => {
         currentPathname: pageContext.urlPathname
       }),
       children: [
-        /* @__PURE__ */ jsx15("div", { className: "absolute top-0 left-0 w-full h-[60svh] bg-radial-[at_65%_-85%] from-primary-muted-light to-65%" }),
-        /* @__PURE__ */ jsx15(LayoutComponent, { children: /* @__PURE__ */ jsxs14("div", { className: "lg:flex lg:gap-10 xl:gap-14", children: [
-          /* @__PURE__ */ jsx15(Sidebar, { sections: docs.sidebarSections, activeSectionId: page.sectionId, currentHref: page.href }),
+        /* @__PURE__ */ jsx17("div", { className: "absolute top-0 left-0 w-full h-[60svh] bg-radial-[at_65%_-85%] from-primary-muted-light to-65%" }),
+        /* @__PURE__ */ jsx17(LayoutComponent, { children: /* @__PURE__ */ jsxs14("div", { className: "lg:flex lg:gap-10 xl:gap-14", children: [
+          /* @__PURE__ */ jsx17(Sidebar, { sections: docs.sidebarSections, activeSectionId: page.sectionId, currentHref: page.href }),
           /* @__PURE__ */ jsxs14("main", { className: "mt-10 min-w-0 flex-1 basis-auto shrink", children: [
             /* @__PURE__ */ jsxs14(ProseContainer, { "data-doc-content": "", children: [
-              /* @__PURE__ */ jsx15("h1", { className: "scroll-mt-24", children: renderInlineMarkdown(page.title) }),
-              /* @__PURE__ */ jsx15(Content, {})
+              /* @__PURE__ */ jsx17("h1", { className: "scroll-mt-24", children: renderInlineMarkdown(page.title) }),
+              /* @__PURE__ */ jsx17(Content, {})
             ] }),
-            docs.footer.pagination ? /* @__PURE__ */ jsx15(DocsPagination, { previousPage, nextPage }) : null,
-            /* @__PURE__ */ jsx15(DocsFooter, { brand: docs.brand })
+            docs.footer.pagination ? /* @__PURE__ */ jsx17(DocsPagination, { previousPage, nextPage }) : null,
+            /* @__PURE__ */ jsx17(DocsFooter, { brand: docs.brand })
           ] }),
-          /* @__PURE__ */ jsx15(TableOfContents, { headings, partners: docs.partners })
+          /* @__PURE__ */ jsx17(TableOfContents, { headings, partners: docs.partners })
         ] }) })
       ]
     }
@@ -1516,6 +1668,8 @@ var DocsPage = ({ Content }) => {
 };
 
 export {
+  useDocsSearchStore,
+  useDocsSearchActions,
   LayoutComponent,
   useDocsUserSettingsStore,
   DEFAULT_THEME_PREFERENCE,
@@ -1526,4 +1680,4 @@ export {
   ProseContainer,
   DocsPage
 };
-//# sourceMappingURL=chunk-DSQGGUBC.js.map
+//# sourceMappingURL=chunk-RJMKSYUK.js.map