@unterberg/nivel 0.0.1 → 0.0.2

package/dist/chunk-G7X2IWYG.js

@@ -0,0 +1,1596 @@
+import {
+  UniversalMdxProvider,
+  renderInlineMarkdown
+} from "./chunk-L6ZVB6XH.js";
+import {
+  createHeadingSlugger,
+  getActiveSectionByPathname,
+  getResolvedPageByPathname,
+  getResolvedSectionById,
+  isSamePagePathname,
+  normalizeHeadingTitle
+} from "./chunk-D7IAGT53.js";
+import {
+  withSiteBaseUrl
+} from "./chunk-PYYPYIBD.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";
+
+// src/runtime/client/components/Navbar/index.tsx
+import cm2, { cmMerge as cmMerge4 } from "@classmatejs/react";
+import { ChevronDown } 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";
+
+// src/runtime/client/docsGlobalContext.ts
+import { usePageContext } from "vike-react/usePageContext";
+var getDocsGlobalContext = (pageContext) => {
+  const docs = pageContext.globalContext?.docs;
+  if (!docs) {
+    throw new Error("Missing docs global context data.");
+  }
+  return docs;
+};
+var useDocsGlobalContext = () => {
+  return getDocsGlobalContext(usePageContext());
+};
+
+// src/runtime/client/components/Brand.tsx
+import { cmMerge } from "@classmatejs/react";
+import { jsx, 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(
+        "img",
+        {
+          src: brand.logoLight,
+          alt: brand.logoAlt,
+          className: cmMerge("h-7 w-7 object-contain", brand.logoDark ? "block dark:hidden" : "block")
+        }
+      ),
+      brand.logoDark && /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: brand.logoDark,
+          alt: brand.logoAlt,
+          className: cmMerge("h-7 w-7 object-contain", brand.logoLight ? "hidden dark:block" : "block")
+        }
+      )
+    ] }),
+    !noText && /* @__PURE__ */ jsx("span", { className: "text-xl font-semibold tracking-tight", children: brand.text })
+  ] });
+};
+
+// 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 as cmMerge2 } from "@classmatejs/react";
+import { useQuery } from "@tanstack/react-query";
+import { ArrowRightFromLine, MessageCircleQuestion, Search as SearchIcon, TriangleAlert } from "lucide-react";
+import { useEffect, useRef, useState } from "react";
+import { createPortal } from "react-dom";
+
+// 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;
+  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 { jsx as jsx2, jsxs as jsxs2 } 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;
+};
+var Search = ({ algolia }) => {
+  const [isOpen, setIsOpen] = useState(false);
+  const [query, setQuery] = useState("");
+  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) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs2("div", { ref: containerRef, className: "relative", children: [
+    /* @__PURE__ */ jsx2("div", { className: "hidden md:block", children: /* @__PURE__ */ jsxs2(
+      "label",
+      {
+        className: cmMerge2(
+          "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: cmMerge2(
+                "w-full placeholder:text-base-muted-medium transition-colors",
+                isSearchHovered && "placeholder:text-base-muted"
+              ),
+              onFocus: () => {
+                setIsOpen(true);
+              },
+              onChange: (event) => {
+                setQuery(event.target.value);
+                setIsOpen(true);
+              }
+            }
+          )
+        ]
+      }
+    ) }),
+    /* @__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__ */ jsx2(
+      SearchSuggestionBox,
+      {
+        contentRef: suggestionBoxRef,
+        isError: searchQuery.isError,
+        isLoading: searchQuery.isFetching,
+        isOpen,
+        onClose: () => {
+          setIsOpen(false);
+        },
+        onQueryChange: (nextQuery) => {
+          setQuery(nextQuery);
+          setIsOpen(true);
+        },
+        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);
+    };
+  }, [isOpen, query.length]);
+  if (!isOpen || typeof document === "undefined") {
+    return null;
+  }
+  return createPortal(
+    /* @__PURE__ */ jsxs2("div", { className: "fixed inset-0 z-30 h-full w-full bg-base-100/50 backdrop-blur-lg", children: [
+      /* @__PURE__ */ 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__ */ 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",
+          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__ */ jsxs2("span", { className: "flex items-center gap-1", children: [
+              /* @__PURE__ */ jsx2("span", { className: "loading loading-dots loading-xs" }),
+              "Searching..."
+            ] }) : normalizedQuery ? null : /* @__PURE__ */ jsxs2("span", { className: "flex items-center gap-1", children: [
+              /* @__PURE__ */ jsx2(MessageCircleQuestion, { className: "h-3 w-3 shrink-0" }),
+              "Type at least ",
+              MIN_QUERY_LENGTH,
+              " characters."
+            ] }) }),
+            normalizedQuery ? isError ? /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2 rounded-box border border-warning/40 bg-base-100 p-4 text-sm text-base-muted shadow-md shadow-primary-muted-light", children: [
+              /* @__PURE__ */ 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: "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(
+              "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",
+                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 }),
+                    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" }),
+                      " ",
+                      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
+  );
+};
+
+// src/runtime/client/components/ThemeSwitch.tsx
+import { Moon, Sun } from "lucide-react";
+
+// src/runtime/client/store/settings-store.ts
+import { create } from "zustand";
+import { createJSONStorage, persist } from "zustand/middleware";
+
+// src/runtime/client/store/settings-storage.ts
+var USER_SETTINGS_STORAGE_KEY = "nivel-user-settings";
+var LEGACY_CODE_BLOCK_CHOICE_STORAGE_KEY_PREFIX = "vike-docpress:choice:";
+var readLegacyCodeBlockChoice = (choiceGroupName) => {
+  if (typeof window === "undefined") {
+    return null;
+  }
+  try {
+    const value = window.localStorage.getItem(`${LEGACY_CODE_BLOCK_CHOICE_STORAGE_KEY_PREFIX}${choiceGroupName}`);
+    return value || null;
+  } catch {
+    return null;
+  }
+};
+
+// src/runtime/client/store/settings-store.ts
+var useDocsUserSettingsStore = create()(
+  persist(
+    (set) => ({
+      codeBlockChoices: {},
+      themePreference: null,
+      setCodeBlockChoice: (choiceGroupName, choice) => set((state) => ({
+        codeBlockChoices: {
+          ...state.codeBlockChoices,
+          [choiceGroupName]: choice
+        }
+      })),
+      setThemePreference: (themePreference) => set({ themePreference })
+    }),
+    {
+      name: USER_SETTINGS_STORAGE_KEY,
+      storage: createJSONStorage(() => localStorage),
+      partialize: ({ codeBlockChoices, themePreference }) => ({
+        codeBlockChoices,
+        themePreference
+      })
+    }
+  )
+);
+var docsCodeBlockChoiceStore = {
+  subscribe: (listener) => useDocsUserSettingsStore.subscribe(listener),
+  getChoice: (choiceGroupName) => useDocsUserSettingsStore.getState().codeBlockChoices[choiceGroupName] ?? null,
+  setChoice: (choiceGroupName, choice) => useDocsUserSettingsStore.getState().setCodeBlockChoice(choiceGroupName, choice),
+  getLegacyChoice: readLegacyCodeBlockChoice
+};
+
+// src/runtime/client/theme.ts
+var DEFAULT_THEME_PREFERENCE = "light";
+var DARK_THEME_MEDIA_QUERY = "(prefers-color-scheme: dark)";
+var getDataTheme = (themePreference, themeConfig) => {
+  return themePreference === "dark" ? themeConfig.dark : themeConfig.light;
+};
+var isThemePreference = (value) => {
+  return value === "light" || value === "dark";
+};
+var getSystemThemePreference = (fallbackThemePreference) => {
+  if (typeof window === "undefined" || typeof window.matchMedia !== "function") {
+    return fallbackThemePreference;
+  }
+  return window.matchMedia(DARK_THEME_MEDIA_QUERY).matches ? "dark" : "light";
+};
+var resolveThemePreference = (themePreference, themeConfig) => {
+  if (isThemePreference(themePreference)) {
+    return themePreference;
+  }
+  return getSystemThemePreference(themeConfig.defaultPreference);
+};
+var applyThemePreference = (themePreference, themeConfig) => {
+  if (typeof document === "undefined") {
+    return;
+  }
+  document.documentElement.setAttribute(
+    "data-theme",
+    getDataTheme(resolveThemePreference(themePreference, themeConfig), themeConfig)
+  );
+};
+
+// src/runtime/client/components/ThemeSwitch.tsx
+import { jsx as jsx3, jsxs as jsxs3 } 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(
+    "button",
+    {
+      type: "button",
+      "aria-label": "Toggle 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" })
+      ]
+    }
+  );
+};
+
+// 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";
+var MegaMenu = ({
+  isActive,
+  onOpen,
+  onClose,
+  sections,
+  activeSectionId,
+  hoveredSectionId
+}) => {
+  const visibleSectionId = hoveredSectionId ?? activeSectionId ?? sections[0]?.id;
+  const [visibleSectionElement, setVisibleSectionElement] = useState2(null);
+  const [contentHeight, setContentHeight] = useState2(0);
+  useEffect2(() => {
+    if (!visibleSectionId || visibleSectionElement === null) {
+      return;
+    }
+    const updateContentHeight = () => {
+      setContentHeight(visibleSectionElement.offsetHeight);
+    };
+    updateContentHeight();
+    if (typeof ResizeObserver === "undefined") {
+      return;
+    }
+    const resizeObserver = new ResizeObserver(() => {
+      updateContentHeight();
+    });
+    resizeObserver.observe(visibleSectionElement);
+    return () => {
+      resizeObserver.disconnect();
+    };
+  }, [visibleSectionElement, visibleSectionId]);
+  return (
+    // biome-ignore lint/a11y/noStaticElementInteractions: ok
+    /* @__PURE__ */ jsxs4(
+      "div",
+      {
+        className: cmMerge3(
+          "fixed top-13 left-0 z-3 w-full pt-3",
+          isActive ? "pointer-events-auto" : "pointer-events-none"
+        ),
+        onPointerEnter: () => onOpen(visibleSectionId),
+        onPointerLeave: onClose,
+        children: [
+          /* @__PURE__ */ jsx4(
+            "div",
+            {
+              className: cmMerge3(
+                isActive ? "opacity-100" : "opacity-0",
+                "pointer-events-none absolute top-0 left-0 h-svh w-full bg-linear-to-t from-base-100/60 to-base-100 transition-opacity duration-200 backdrop-blur-md"
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx4(
+            "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(
+                "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(
+                    "div",
+                    {
+                      ref: section.id === visibleSectionId ? setVisibleSectionElement : void 0,
+                      className: cmMerge3(
+                        section.id === visibleSectionId ? "opacity-100" : "opacity-0 pointer-events-none",
+                        "transition-all absolute w-full duration-300"
+                      ),
+                      children: section.items.length > 0 && /* @__PURE__ */ jsx4("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(
+                            "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)) })
+                        ] }, child.id)
+                      ) })
+                    },
+                    section.id
+                  ))
+                }
+              ) })
+            }
+          )
+        ]
+      }
+    )
+  );
+};
+
+// src/runtime/client/components/Navbar/useNavbarScroll.ts
+import { useEffect as useEffect3, useState as useState3 } from "react";
+var useNavbarScroll = (isLandingPage) => {
+  const [isLandingPageScrolled, setIsLandingPageScrolled] = useState3(false);
+  useEffect3(() => {
+    if (!isLandingPage) {
+      setIsLandingPageScrolled(false);
+      return;
+    }
+    const handleScroll = () => {
+      setIsLandingPageScrolled(window.scrollY > 20);
+    };
+    handleScroll();
+    window.addEventListener("scroll", handleScroll, { passive: true });
+    return () => {
+      window.removeEventListener("scroll", handleScroll);
+    };
+  }, [isLandingPage]);
+  return {
+    isLandingPageScrolled
+  };
+};
+
+// 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();
+  const isLandingPage = urlPathname === "/";
+  const { isLandingPageScrolled } = useNavbarScroll(isLandingPage);
+  const [isMegaMenuOpen, setIsMegaMenuOpen] = useState4(false);
+  const megaMenuCloseTimeoutRef = useRef2(null);
+  const pageContext = usePageContext2();
+  const docs = getDocsGlobalContext(pageContext);
+  const activeSection = getActiveSectionByPathname(docs, pageContext.urlPathname);
+  const [hoveredSectionId, setHoveredSectionId] = useState4(activeSection?.id ?? sections[0]?.id);
+  const showChrome = useMemo(
+    () => !isLandingPage || isLandingPageScrolled || !isMegaMenuOpen,
+    [isLandingPage, isLandingPageScrolled, isMegaMenuOpen]
+  );
+  const clearMegaMenuCloseTimeout = useCallback(() => {
+    if (megaMenuCloseTimeoutRef.current === null) {
+      return;
+    }
+    window.clearTimeout(megaMenuCloseTimeoutRef.current);
+    megaMenuCloseTimeoutRef.current = null;
+  }, []);
+  const openMegaMenu = (currentSectionId) => {
+    if (currentSectionId !== void 0) {
+      setHoveredSectionId(currentSectionId);
+    }
+    clearMegaMenuCloseTimeout();
+    setIsMegaMenuOpen(true);
+  };
+  const closeMegaMenu = () => {
+    clearMegaMenuCloseTimeout();
+    setIsMegaMenuOpen(false);
+  };
+  const scheduleMegaMenuClose = () => {
+    clearMegaMenuCloseTimeout();
+    megaMenuCloseTimeoutRef.current = window.setTimeout(() => {
+      setIsMegaMenuOpen(false);
+      megaMenuCloseTimeoutRef.current = null;
+    }, 120);
+  };
+  useEffect4(() => {
+    return () => {
+      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(
+        "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)) })
+        }
+      ),
+      /* @__PURE__ */ jsxs5("div", { className: "flex flex-1 items-center justify-end gap-2", children: [
+        /* @__PURE__ */ jsx5(Search, { algolia }),
+        /* @__PURE__ */ jsx5(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__ */ 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(
+              "a",
+              {
+                href: withSiteBaseUrl(item.href),
+                onPointerEnter: () => openMegaMenu(item.id),
+                onPointerLeave: scheduleMegaMenuClose,
+                onFocus: () => openMegaMenu(item.id),
+                onBlur: scheduleMegaMenuClose,
+                onClick: closeMegaMenu,
+                className: cmMerge4(
+                  "btn btn-sm px-2 whitespace-nowrap text-base tracking-tight",
+                  item.id === activeSection?.id ? "btn-primary btn-soft" : "btn-ghost"
+                ),
+                children: renderInlineMarkdown(item.title)
+              }
+            ) }, item.id)) }),
+            /* @__PURE__ */ jsx5(Search, { algolia })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx5("div", { className: "flex w-78 flex-1 items-center justify-end gap-2 lg:flex-none", children: /* @__PURE__ */ jsx5(ThemeSwitch, { theme }) })
+    ] }) }) }),
+    /* @__PURE__ */ jsx5(
+      MegaMenu,
+      {
+        sections,
+        activeSectionId: activeSection?.id,
+        hoveredSectionId,
+        isActive: isMegaMenuOpen,
+        onOpen: openMegaMenu,
+        onClose: scheduleMegaMenuClose
+      }
+    )
+  ] });
+};
+var StyledNavbar = cm2.header`
+  fixed top-0 left-0 z-20 h-16 w-full bg-base-100
+`;
+
+// src/runtime/client/components/UserSettingsSync.tsx
+import { useEffect as useEffect5 } from "react";
+var UserSettingsSync = ({ theme }) => {
+  const themePreference = useDocsUserSettingsStore((state) => state.themePreference);
+  const lightTheme = theme?.light ?? "consumer-light";
+  const darkTheme = theme?.dark ?? "consumer-dark";
+  const defaultThemePreference = theme?.defaultPreference ?? "light";
+  const resolvedTheme = { light: lightTheme, dark: darkTheme, defaultPreference: defaultThemePreference };
+  const effectiveThemePreference = resolveThemePreference(themePreference, resolvedTheme);
+  useEffect5(() => {
+    applyThemePreference(effectiveThemePreference, resolvedTheme);
+  }, [darkTheme, defaultThemePreference, effectiveThemePreference, lightTheme]);
+  return null;
+};
+
+// src/runtime/client/AppLayout.tsx
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+var AppLayout = ({ children }) => {
+  const pageContext = usePageContext3();
+  const docs = getDocsGlobalContext(pageContext);
+  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 })
+      ] })
+    ] })
+  );
+};
+
+// src/runtime/client/components/MetaHead/FaviconLinks.tsx
+import { Fragment as Fragment2, jsx as jsx7, 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 })
+    ] })
+  ] });
+};
+
+// src/runtime/client/components/MetaHead/FontLinks.tsx
+import { Fragment as Fragment3, jsx as jsx8, 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 })
+  ] });
+};
+
+// src/runtime/client/components/MetaHead/ThemeBootstrap.tsx
+import { jsx as jsx9 } from "react/jsx-runtime";
+var getThemeBootstrapScript = (theme) => {
+  return `(() => {
+  const storageKey = ${JSON.stringify(USER_SETTINGS_STORAGE_KEY)};
+  const darkThemeMediaQuery = ${JSON.stringify(DARK_THEME_MEDIA_QUERY)};
+  const defaultThemePreference = ${JSON.stringify(theme.defaultPreference)};
+  const themes = {
+    light: ${JSON.stringify(theme.light)},
+    dark: ${JSON.stringify(theme.dark)}
+  };
+
+  try {
+    const persistedValue = window.localStorage.getItem(storageKey);
+    const parsedValue = persistedValue ? JSON.parse(persistedValue) : null;
+    const storedThemePreference = parsedValue?.state?.themePreference;
+    const themePreference =
+      storedThemePreference === 'light' || storedThemePreference === 'dark'
+        ? storedThemePreference
+        : typeof window.matchMedia === 'function'
+          ? window.matchMedia(darkThemeMediaQuery).matches
+            ? 'dark'
+            : 'light'
+          : defaultThemePreference;
+
+    document.documentElement.setAttribute('data-theme', themes[themePreference]);
+  } catch {
+    const themePreference =
+      typeof window.matchMedia === 'function'
+        ? window.matchMedia(darkThemeMediaQuery).matches
+          ? 'dark'
+          : 'light'
+        : defaultThemePreference;
+
+    document.documentElement.setAttribute('data-theme', themes[themePreference]);
+  }
+})();`;
+};
+var ThemeBootstrap = ({ theme }) => {
+  return /* @__PURE__ */ jsx9(
+    "script",
+    {
+      dangerouslySetInnerHTML: {
+        __html: getThemeBootstrapScript(theme)
+      }
+    }
+  );
+};
+
+// src/runtime/client/components/MetaHead/index.tsx
+import { Fragment as Fragment4, jsx as jsx10, 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 })
+  ] });
+};
+
+// src/runtime/client/components/ProseContainer.tsx
+import cm3 from "@classmatejs/react";
+var ProseContainer = cm3.section`
+  prose 
+  prose-neutral
+  max-w-none
+  dark:prose-invert
+  prose-a:text-primary
+
+  prose-pre:bg-base-200!
+
+  prose-code:rounded!
+  prose-code:dark:inset-shadow-2xs
+
+  prose-code:bg-primary/5!
+  prose-code:border-primary/15!
+
+  prose-code:dark:bg-primary/10!
+  prose-code:dark:border-primary/20!
+
+  prose-p:leading-[200%]
+  prose-li:leading-[200%]
+  prose-table:my-8
+  prose-table:w-full
+  prose-table:text-sm
+  prose-th:align-top
+  prose-th:font-semibold
+  prose-td:align-top
+
+  prose-table:bg-base-200
+  prose-table:rounded-box
+  prose-thead:rounded-t-box
+  prose-table:shadow
+  prose-thead:overflow-hidden
+  prose-thead:border-base-muted-light
+  prose-tr:border-base-muted-light
+
+  [&_table_code]:whitespace-nowrap
+
+  prose-td:p-3
+  prose-th:p-3
+
+  prose-p:after:content-none
+  prose-p:before:content-none
+  prose-blockquote:not-italic
+  prose-blockquote:bg-base-200
+  prose-blockquote:py-2
+  prose-li:my-1
+  prose-figure:mb-0
+  [&_figure_*]:mb-0
+  [&_blockquote_p]:mt-0
+  [&_blockquote_p]:mb-2
+  [&_blockquote_ul]:mb-0
+
+  [&_blockquote_ul]:pl-4
+  [&_blockquote_ul]:mt-2
+  [&_blockquote_li]:mt-2
+  [&_blockquote_blockquote]:mt-2
+  [&_blockquote_blockquote]:mb-0
+  [&_blockquote_blockquote]:bg-base-300/40
+  [&_blockquote_blockquote]:pt-2
+  [&_blockquote_blockquote]:pb-1
+`;
+
+// src/runtime/client/DocsPage.tsx
+import { useData as useData2 } from "vike-react/useData";
+import { usePageContext as usePageContext4 } 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";
+var PaginationCard = ({ item, direction, isOffset }) => {
+  const isPrevious = direction === "previous";
+  return /* @__PURE__ */ jsx11(
+    "a",
+    {
+      href: withSiteBaseUrl(item.href),
+      className: cmMerge5(
+        "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__ */ 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__ */ jsxs10(
+          "div",
+          {
+            className: cmMerge5(
+              "flex items-center gap-1 text-base-muted group-hover:text-base-content",
+              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" })
+            ]
+          }
+        )
+      ] })
+    }
+  );
+};
+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" })
+  ] }) });
+};
+
+// src/runtime/client/components/Footer.tsx
+import { Bug, Pencil } from "lucide-react";
+import { jsx as jsx12, 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" }),
+        " 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" }),
+        " 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 }) }) })
+  ] });
+};
+
+// src/runtime/client/components/Sidebar.tsx
+import { cmMerge as cmMerge6 } from "@classmatejs/react";
+import { useEffect as useEffect6 } from "react";
+import { create as create2 } from "zustand";
+
+// src/runtime/client/components/docsNavigation.ts
+var containsActiveHref = (items, currentHref) => {
+  return items.some((item) => {
+    if (item.kind === "page") {
+      return item.href === currentHref;
+    }
+    return item.href === currentHref || containsActiveHref(item.items, currentHref);
+  });
+};
+var hasActiveItem = (items, activeHref) => containsActiveHref(items, activeHref);
+var getVisibleNavItems = (items) => items.filter((item) => item.showInNav);
+var getVisibleGroupItems = (group) => {
+  const visibleItems = getVisibleNavItems(group.items);
+  if (!group.href) {
+    return visibleItems;
+  }
+  return visibleItems.filter((item) => {
+    if (item.kind !== "page") {
+      return true;
+    }
+    return item.href !== group.href;
+  });
+};
+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";
+var useSidebarDisclosureStore = create2()((set) => ({
+  openNodes: {},
+  setNodeOpen: (nodeId, isOpen) => set((state) => {
+    if (state.openNodes[nodeId] === isOpen) {
+      return state;
+    }
+    return {
+      openNodes: {
+        ...state.openNodes,
+        [nodeId]: isOpen
+      }
+    };
+  })
+}));
+var useAutoOpenDetails = (nodeId, isOpenByDefault, hasActiveDescendant) => {
+  const storedOpen = useSidebarDisclosureStore((state) => state.openNodes[nodeId]);
+  const setNodeOpen = useSidebarDisclosureStore((state) => state.setNodeOpen);
+  const isOpen = storedOpen === void 0 ? isOpenByDefault || hasActiveDescendant : storedOpen || hasActiveDescendant;
+  useEffect6(() => {
+    if (hasActiveDescendant) {
+      setNodeOpen(nodeId, true);
+      return;
+    }
+    if (storedOpen === void 0 && isOpenByDefault) {
+      setNodeOpen(nodeId, true);
+    }
+  }, [hasActiveDescendant, isOpenByDefault, nodeId, setNodeOpen, storedOpen]);
+  return {
+    isOpen,
+    setIsOpen: (nextOpen) => setNodeOpen(nodeId, nextOpen)
+  };
+};
+var SidebarPageLink = ({ title, href, currentHref }) => {
+  return /* @__PURE__ */ jsx13("li", { children: /* @__PURE__ */ jsx13(
+    "a",
+    {
+      href: withSiteBaseUrl(href),
+      className: cmMerge6(
+        "text-base-muted hover:text-base-content justify-start hover:bg-base-200",
+        href === currentHref && "text-primary! font-semibold bg-base-200"
+      ),
+      children: renderInlineMarkdown(title, { codeClassName: "text-sm!" })
+    }
+  ) });
+};
+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!" }) }) });
+};
+var SidebarGroupTitle = ({ title, href, isActive, allowNavigation = false }) => {
+  const content = /* @__PURE__ */ jsx13(
+    "span",
+    {
+      className: cmMerge6(
+        allowNavigation ? "font-medium" : "font-semibold",
+        isActive && allowNavigation && "text-primary!"
+      ),
+      children: title ? renderInlineMarkdown(title, { codeClassName: "text-sm!" }) : null
+    }
+  );
+  if (allowNavigation && href) {
+    return /* @__PURE__ */ jsx13(
+      "a",
+      {
+        href: withSiteBaseUrl(href),
+        className: cmMerge6(
+          "flex items-center gap-2 text-base-muted hover:text-base-content no-underline",
+          isActive && "text-primary! font-semibold"
+        ),
+        children: content
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx13("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__ */ jsx13(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) });
+};
+var SidebarNestedGroup = ({ group, currentHref }) => {
+  const groupHref = getGroupHref(group);
+  const visibleItems = getVisibleGroupItems(group);
+  const isCollapsible = group.collapsible !== void 0;
+  const isOpenByDefault = group.collapsible?.isDefaultOpen ?? true;
+  const nestedHasActiveItem = groupHref === currentHref || hasActiveItem(group.items, 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__ */ jsxs12(Fragment5, { children: [
+      /* @__PURE__ */ jsx13(SidebarGroupDivider, { title: group.title }),
+      renderSidebarItems(visibleItems, currentHref)
+    ] });
+  }
+  return /* @__PURE__ */ jsx13("li", { children: /* @__PURE__ */ jsxs12(
+    "details",
+    {
+      open: isOpen,
+      onToggle: (event) => {
+        setIsOpen(event.currentTarget.open);
+      },
+      children: [
+        /* @__PURE__ */ jsx13("summary", { children: /* @__PURE__ */ jsx13(
+          SidebarGroupTitle,
+          {
+            title: group.title,
+            href: groupHref ?? void 0,
+            isActive: nestedHasActiveItem,
+            allowNavigation: Boolean(groupHref)
+          }
+        ) }),
+        visibleItems.length > 0 ? /* @__PURE__ */ jsx13(SidebarItemList, { items: visibleItems, currentHref }) : null
+      ]
+    }
+  ) });
+};
+var SidebarSectionGroup = ({ section, currentHref, activeSectionId }) => {
+  const sectionHasActiveItem = section.id === activeSectionId || containsActiveHref(section.items, currentHref);
+  const { isOpen, setIsOpen } = useAutoOpenDetails(
+    `section:${section.id}`,
+    section.id === activeSectionId,
+    sectionHasActiveItem
+  );
+  return /* @__PURE__ */ jsx13("li", { className: "pb-4", children: /* @__PURE__ */ jsxs12(
+    "details",
+    {
+      open: isOpen,
+      onToggle: (event) => {
+        setIsOpen(event.currentTarget.open);
+      },
+      children: [
+        /* @__PURE__ */ jsx13("summary", { children: /* @__PURE__ */ jsx13(SidebarGroupTitle, { title: section.title, isActive: sectionHasActiveItem }) }),
+        /* @__PURE__ */ jsx13(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(
+      SidebarSectionGroup,
+      {
+        section,
+        currentHref,
+        activeSectionId
+      },
+      section.id
+    )) }) })
+  ] }) });
+};
+
+// src/runtime/client/components/TableOfContents.tsx
+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";
+var getCurrentHash = () => {
+  try {
+    return decodeURIComponent(window.location.hash);
+  } catch {
+    return window.location.hash;
+  }
+};
+var getHeadingElements = () => {
+  const root = document.querySelector("[data-doc-content]");
+  if (!(root instanceof HTMLElement)) {
+    return [];
+  }
+  return Array.from(root.querySelectorAll("h2, h3, h4")).filter(
+    (element) => element instanceof HTMLHeadingElement
+  );
+};
+var areHeadingsEqual = (left, right) => {
+  if (left.length !== right.length) {
+    return false;
+  }
+  return left.every((heading, index) => {
+    const other = right[index];
+    return other !== void 0 && heading.depth === other.depth && heading.id === other.id && heading.title === other.title;
+  });
+};
+var syncHeadingsFromDom = (setDomHeadings) => {
+  const root = document.querySelector("[data-doc-content]");
+  if (!(root instanceof HTMLElement)) {
+    return;
+  }
+  const slugify = createHeadingSlugger();
+  const nextHeadings = Array.from(root.querySelectorAll("h2, h3, h4")).map((element) => {
+    const title = normalizeHeadingTitle(element.textContent ?? "");
+    if (!title) {
+      return null;
+    }
+    element.classList.add("scroll-mt-24");
+    const id = element.id || slugify(title);
+    if (!element.id) {
+      element.id = id;
+    }
+    return {
+      depth: Number(element.tagName.slice(1)),
+      id,
+      title
+    };
+  }).filter((heading) => heading !== null);
+  setDomHeadings((currentHeadings) => {
+    if (areHeadingsEqual(currentHeadings, nextHeadings)) {
+      return currentHeadings;
+    }
+    return nextHeadings;
+  });
+};
+var updateActiveHeadingFromScroll = (setActiveHeadingId) => {
+  const headingElements = getHeadingElements();
+  if (headingElements.length === 0) {
+    return;
+  }
+  const activationOffset = 144;
+  let nextActiveHeadingId = headingElements[0]?.id ?? "";
+  for (const heading of headingElements) {
+    if (!heading.id) {
+      continue;
+    }
+    if (heading.getBoundingClientRect().top <= activationOffset) {
+      nextActiveHeadingId = heading.id;
+      continue;
+    }
+    break;
+  }
+  const lastHeading = headingElements.at(-1);
+  if (lastHeading?.id && window.innerHeight + window.scrollY >= document.documentElement.scrollHeight - 8) {
+    nextActiveHeadingId = lastHeading.id;
+  }
+  setActiveHeadingId(nextActiveHeadingId);
+};
+var TableOfContents = ({ headings, partners }) => {
+  const [activeHeadingId, setActiveHeadingId] = useState6("");
+  const [domHeadings, setDomHeadings] = useState6(headings);
+  const effectiveHeadings = domHeadings.length > 0 ? domHeadings : headings;
+  const { page } = useData();
+  useEffect7(() => {
+    let scrollFrame = 0;
+    const syncActiveHeading = () => {
+      if (scrollFrame) {
+        return;
+      }
+      scrollFrame = window.requestAnimationFrame(() => {
+        scrollFrame = 0;
+        updateActiveHeadingFromScroll(setActiveHeadingId);
+      });
+    };
+    const updateHash = () => {
+      const currentHash = getCurrentHash().replace(/^#/, "");
+      if (currentHash !== "") {
+        setActiveHeadingId(currentHash);
+        return;
+      }
+      syncActiveHeading();
+    };
+    updateHash();
+    queueMicrotask(() => {
+      syncHeadingsFromDom(setDomHeadings);
+      syncActiveHeading();
+    });
+    window.addEventListener("hashchange", updateHash);
+    window.addEventListener("scroll", syncActiveHeading, { passive: true });
+    window.addEventListener("resize", syncActiveHeading);
+    return () => {
+      if (scrollFrame) {
+        window.cancelAnimationFrame(scrollFrame);
+      }
+      window.removeEventListener("hashchange", updateHash);
+      window.removeEventListener("scroll", syncActiveHeading);
+      window.removeEventListener("resize", syncActiveHeading);
+    };
+  }, []);
+  useEffect7(() => {
+    if (typeof window === "undefined") {
+      return;
+    }
+    setDomHeadings((currentHeadings) => {
+      if (areHeadingsEqual(currentHeadings, headings)) {
+        return currentHeadings;
+      }
+      return headings;
+    });
+    setActiveHeadingId("");
+    queueMicrotask(() => {
+      syncHeadingsFromDom(setDomHeadings);
+      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: [
+      /* @__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" }),
+        "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(
+        "a",
+        {
+          href: `#${heading.id}`,
+          "aria-current": activeHeadingId === heading.id ? "location" : void 0,
+          onClick: () => setActiveHeadingId(heading.id),
+          className: cmMerge7(
+            "cursor-pointer block border-l border-base-muted-light py-1.5 text-sm text-base-muted hover:border-primary-muted hover:text-base-content",
+            heading.depth > 2 ? "pl-6" : "pl-4",
+            activeHeadingId ? activeHeadingId === heading.id ? "border-l-2 border-primary font-semibold text-base-content" : "" : index === 0 ? "border-l-2 border-primary font-semibold text-base-content" : ""
+          ),
+          children: heading.title
+        }
+      ) }, heading.id)) }) })
+    ] }) : null,
+    /* @__PURE__ */ jsx14(Adbar, { partners })
+  ] }) }) });
+};
+var Adbar = ({ partners }) => {
+  if (partners.primary.length === 0 && partners.gold.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs13(Fragment6, { 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))
+    ] }),
+    /* @__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__ */ 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" }),
+        " ",
+        "to some thing"
+      ] })
+    ] })
+  ] });
+};
+var PartnerLogo = ({
+  partner
+}) => {
+  return /* @__PURE__ */ jsxs13(Fragment6, { children: [
+    /* @__PURE__ */ jsx14(
+      Image,
+      {
+        src: partner.logoLight,
+        width: 200,
+        height: 100,
+        alt: partner.logoAlt,
+        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
+  ] });
+};
+var AdbarItem = cm4.div`
+  px-5
+  py-5
+  bg-base-200
+  text-center
+  flex
+  items-center
+  justify-center
+  rounded-field
+`;
+var AdbarLink = cm4.a`
+  block
+  w-full
+  transition-opacity
+  hover:opacity-100
+  focus-visible:opacity-100
+`;
+var Image = cm4.img`
+  mx-auto
+  w-24
+`;
+
+// src/runtime/client/getMdxRuntimeValue.tsx
+var isExternalHref = (href) => {
+  return /^(?:[a-z]+:)?\/\//i.test(href) || href.startsWith("mailto:") || href.startsWith("tel:");
+};
+var splitHref = (href) => {
+  const [pathname, hash = ""] = href.split("#");
+  return {
+    pathname,
+    hash: hash ? `#${hash}` : ""
+  };
+};
+var toDocsPathname = (basePath, href) => {
+  if (!href.startsWith("/")) {
+    return null;
+  }
+  if (href === basePath || href.startsWith(`${basePath}/`)) {
+    return href;
+  }
+  const normalizedPath = href.replace(/^\/+/, "");
+  if (!normalizedPath) {
+    return null;
+  }
+  return `${basePath}/${normalizedPath}`;
+};
+var resolveDocLink = (options) => {
+  const { currentPathname, href } = options;
+  if (href.startsWith("#") || isExternalHref(href)) {
+    return null;
+  }
+  const { pathname, hash } = splitHref(href);
+  const docsPathname = toDocsPathname(options.docs.basePath, pathname);
+  if (!docsPathname) {
+    return null;
+  }
+  const page = getResolvedPageByPathname(options.docs, docsPathname);
+  if (!page) {
+    return null;
+  }
+  const section = getResolvedSectionById(options.docs, page.sectionId);
+  return {
+    href: withSiteBaseUrl(`${page.href}${hash}`),
+    title: page.title,
+    breadcrumb: section ? [section.navTitle] : [],
+    isCurrentPage: isSamePagePathname(page, currentPathname)
+  };
+};
+var resolveOverviewItem = (options) => {
+  const page = options.docs.pages.find((candidate) => candidate.id === options.id);
+  if (!page) {
+    return null;
+  }
+  return {
+    title: page.title,
+    href: withSiteBaseUrl(page.href),
+    excerpt: page.description ?? null
+  };
+};
+var getMdxRuntimeValue = (options) => {
+  const { currentPathname, docs } = options;
+  const activeSection = getActiveSectionByPathname(docs, currentPathname);
+  const currentPage = getResolvedPageByPathname(docs, currentPathname);
+  return {
+    locale: "en",
+    codeBlockChoices: docsCodeBlockChoiceStore,
+    localizeHref: (href) => {
+      if (href.startsWith("#") || isExternalHref(href)) {
+        return href;
+      }
+      const { pathname, hash } = splitHref(href);
+      const docsPathname = toDocsPathname(docs.basePath, pathname);
+      const page = docsPathname ? getResolvedPageByPathname(docs, docsPathname) : null;
+      if (!page) {
+        return withSiteBaseUrl(href);
+      }
+      return withSiteBaseUrl(`${page.href}${hash}`);
+    },
+    resolveDocLink: ({ href }) => resolveDocLink({
+      docs,
+      currentPathname,
+      href
+    }),
+    resolveOverviewItem: (id) => resolveOverviewItem({
+      docs,
+      id
+    }),
+    t: (group, key) => {
+      if (group === "docs" && key === "onThisPage") {
+        return "On this page";
+      }
+      if (group === "docs" && key === "previous") {
+        return "Previous";
+      }
+      if (group === "docs" && key === "next") {
+        return "Next";
+      }
+      if (group === "docs" && key === "currentSection") {
+        return activeSection?.navTitle ?? currentPage?.title ?? "Docs";
+      }
+      return key;
+    }
+  };
+};
+
+// src/runtime/client/DocsPage.tsx
+import { jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
+var DocsPage = ({ Content }) => {
+  const pageContext = usePageContext4();
+  const docs = getDocsGlobalContext(pageContext);
+  const { page, headings, previousPage, nextPage } = useData2();
+  return /* @__PURE__ */ jsxs14(
+    UniversalMdxProvider,
+    {
+      value: getMdxRuntimeValue({
+        docs,
+        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__ */ 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, {})
+            ] }),
+            docs.footer.pagination ? /* @__PURE__ */ jsx15(DocsPagination, { previousPage, nextPage }) : null,
+            /* @__PURE__ */ jsx15(DocsFooter, { brand: docs.brand })
+          ] }),
+          /* @__PURE__ */ jsx15(TableOfContents, { headings, partners: docs.partners })
+        ] }) })
+      ]
+    }
+  );
+};
+
+export {
+  LayoutComponent,
+  useDocsUserSettingsStore,
+  DEFAULT_THEME_PREFERENCE,
+  applyThemePreference,
+  UserSettingsSync,
+  AppLayout,
+  MetaHead,
+  ProseContainer,
+  DocsPage
+};
+//# sourceMappingURL=chunk-G7X2IWYG.js.map