@unterberg/nivel 0.0.1

package/dist/chunk-62MBEYU7.js

@@ -0,0 +1,1091 @@
+import {
+  UniversalMdxProvider,
+  renderInlineMarkdown
+} from "./chunk-4WTEOEV2.js";
+import {
+  createHeadingSlugger,
+  getActiveSectionByPathname,
+  getResolvedPageByPathname,
+  getResolvedSectionById,
+  isSamePagePathname,
+  normalizeHeadingTitle,
+  resolveDocsConfig
+} from "./chunk-73NPVCDQ.js";
+import {
+  baseAssets,
+  withSiteBaseUrl
+} from "./chunk-FLO5CJZH.js";
+
+// src/runtime/AppLayout.tsx
+import { usePageContext as usePageContext2 } from "vike-react/usePageContext";
+
+// src/runtime/components/Navbar.tsx
+import { cmMerge as cmMerge2 } from "@classmatejs/react";
+import { useEffect, useState } from "react";
+import { usePageContext } from "vike-react/usePageContext";
+
+// src/runtime/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/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/components/ThemeSwitch.tsx
+import { Moon, Sun } from "lucide-react";
+
+// src/runtime/store/settings-store.ts
+import { create } from "zustand";
+import { createJSONStorage, persist } from "zustand/middleware";
+
+// src/runtime/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/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/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/components/ThemeSwitch.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var ThemeSwitch = ({ theme }) => {
+  const themePreference = useDocsUserSettingsStore((state) => state.themePreference);
+  const setThemePreference = useDocsUserSettingsStore((state) => state.setThemePreference);
+  const effectiveThemePreference = resolveThemePreference(themePreference, theme);
+  return /* @__PURE__ */ jsxs2(
+    "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__ */ jsx2(Sun, { className: "h-4 w-4 dark:hidden" }),
+        /* @__PURE__ */ jsx2(Moon, { className: "hidden h-4 w-4 dark:block" })
+      ]
+    }
+  );
+};
+
+// src/runtime/components/Navbar.tsx
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var Navbar = ({ brand, activeSectionId, navbarItems, theme }) => {
+  const { urlPathname } = usePageContext();
+  const isLandingPage = urlPathname === "/";
+  const [isLandingPageScrolled, setIsLandingPageScrolled] = useState(false);
+  useEffect(() => {
+    if (!isLandingPage) {
+      setIsLandingPageScrolled(false);
+      return;
+    }
+    const handleScroll = () => {
+      setIsLandingPageScrolled(window.scrollY > 20);
+    };
+    handleScroll();
+    window.addEventListener("scroll", handleScroll, { passive: true });
+    return () => {
+      window.removeEventListener("scroll", handleScroll);
+    };
+  }, [isLandingPage]);
+  const showChrome = !isLandingPage || isLandingPageScrolled;
+  return /* @__PURE__ */ jsxs3(
+    "header",
+    {
+      className: cmMerge2(
+        "fixed top-0 left-0 z-20 h-16 w-full border-b border-transparent",
+        showChrome && "bg-linear-to-t from-base-100/30 via-base-100/60 to-base-100 backdrop-grayscale border-base-muted-light dark:shadow"
+      ),
+      children: [
+        /* @__PURE__ */ jsx3(
+          "div",
+          {
+            className: "absolute inset-0 hidden dark:block",
+            style: { backgroundImage: `url(${baseAssets}decorators/pattern.png)` }
+          }
+        ),
+        /* @__PURE__ */ jsx3(
+          "div",
+          {
+            className: "absolute inset-0 dark:hidden",
+            style: { backgroundImage: `url(${baseAssets}decorators/pattern-light.png)` }
+          }
+        ),
+        /* @__PURE__ */ jsx3(LayoutComponent, { className: "h-full", children: isLandingPage ? /* @__PURE__ */ jsxs3("div", { className: "relative z-3 flex h-full items-center justify-between py-4", children: [
+          /* @__PURE__ */ jsx3("div", { className: "flex flex-1 items-center gap-4", children: /* @__PURE__ */ jsx3(Brand, { brand }) }),
+          /* @__PURE__ */ jsx3(
+            "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__ */ jsx3("ul", { className: "flex items-center gap-2 font-semibold", children: navbarItems.map((item) => /* @__PURE__ */ jsx3("li", { children: /* @__PURE__ */ jsx3(
+                "a",
+                {
+                  href: withSiteBaseUrl(item.href),
+                  className: cmMerge2(
+                    "btn px-2 whitespace-nowrap",
+                    item.id === activeSectionId ? "btn-primary btn-soft" : "btn-ghost"
+                  ),
+                  children: renderInlineMarkdown(item.title)
+                }
+              ) }, item.id)) })
+            }
+          ),
+          /* @__PURE__ */ jsx3("div", { className: "flex flex-1 items-center justify-end gap-2", children: /* @__PURE__ */ jsx3(ThemeSwitch, { theme }) })
+        ] }) : /* @__PURE__ */ jsxs3("div", { className: "relative z-3 flex h-full items-center justify-between py-4", children: [
+          /* @__PURE__ */ jsx3("div", { className: "flex w-80 flex-1 items-center justify-between gap-2 lg:flex-none", children: /* @__PURE__ */ jsx3(Brand, { brand }) }),
+          /* @__PURE__ */ jsx3(
+            "nav",
+            {
+              "aria-label": "Primary",
+              className: "top-0 left-0 flex min-w-0 flex-1 items-center justify-center gap-4 overflow-x-auto lg:justify-start lg:pl-6 xl:pl-10",
+              children: /* @__PURE__ */ jsx3("ul", { className: "flex items-center gap-2 font-semibold", children: navbarItems.map((item) => /* @__PURE__ */ jsx3("li", { children: /* @__PURE__ */ jsx3(
+                "a",
+                {
+                  href: withSiteBaseUrl(item.href),
+                  className: cmMerge2(
+                    "btn px-2 whitespace-nowrap",
+                    item.id === activeSectionId ? "btn-primary btn-soft" : "btn-ghost"
+                  ),
+                  children: renderInlineMarkdown(item.title)
+                }
+              ) }, item.id)) })
+            }
+          ),
+          /* @__PURE__ */ jsx3("div", { className: "flex flex-1 items-center justify-end gap-2 lg:flex-none", children: /* @__PURE__ */ jsx3(ThemeSwitch, { theme }) })
+        ] }) })
+      ]
+    }
+  );
+};
+
+// src/runtime/components/UserSettingsSync.tsx
+import { useEffect as useEffect2 } 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);
+  useEffect2(() => {
+    applyThemePreference(effectiveThemePreference, resolvedTheme);
+  }, [darkTheme, defaultThemePreference, effectiveThemePreference, lightTheme]);
+  return null;
+};
+
+// src/runtime/AppLayout.tsx
+import { Fragment, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var AppLayout = ({ children, docsConfig }) => {
+  const pageContext = usePageContext2();
+  const resolvedConfig = resolveDocsConfig(docsConfig);
+  const activeSection = getActiveSectionByPathname(resolvedConfig, pageContext.urlPathname);
+  return /* @__PURE__ */ jsxs4(Fragment, { children: [
+    /* @__PURE__ */ jsx4(UserSettingsSync, { theme: resolvedConfig.theme }),
+    /* @__PURE__ */ jsxs4("div", { className: "min-h-screen bg-base-100 text-base-content", children: [
+      /* @__PURE__ */ jsx4(
+        Navbar,
+        {
+          brand: resolvedConfig.brand,
+          activeSectionId: activeSection?.id ?? null,
+          navbarItems: resolvedConfig.navbarItems,
+          theme: resolvedConfig.theme
+        }
+      ),
+      /* @__PURE__ */ jsx4("div", { className: "pt-16", children })
+    ] })
+  ] });
+};
+
+// src/runtime/components/MetaHead/FaviconLinks.tsx
+import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+var FaviconLinks = ({ head }) => {
+  const { appleTouchIcon, faviconIco, faviconSvg } = head;
+  return /* @__PURE__ */ jsxs5(Fragment2, { children: [
+    appleTouchIcon && /* @__PURE__ */ jsx5("link", { rel: "apple-touch-icon", href: appleTouchIcon }),
+    faviconSvg && /* @__PURE__ */ jsx5("link", { rel: "icon", type: "image/svg+xml", href: faviconSvg }),
+    faviconIco && /* @__PURE__ */ jsxs5(Fragment2, { children: [
+      /* @__PURE__ */ jsx5("link", { rel: "shortcut icon", type: "image/x-icon", href: faviconIco }),
+      /* @__PURE__ */ jsx5("link", { rel: "icon", type: "image/x-icon", href: faviconIco })
+    ] })
+  ] });
+};
+
+// src/runtime/components/MetaHead/FontLinks.tsx
+import { Fragment as Fragment3, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+var FontLinks = ({ head }) => {
+  const { fontStylesheetHref, fontPreloadHrefs } = head;
+  const effectivePreloadHrefs = fontPreloadHrefs ?? [];
+  return /* @__PURE__ */ jsxs6(Fragment3, { children: [
+    effectivePreloadHrefs.map((href) => /* @__PURE__ */ jsx6("link", { rel: "preload", href, as: "font", type: "font/woff2", crossOrigin: "anonymous" }, href)),
+    fontStylesheetHref && /* @__PURE__ */ jsx6("link", { rel: "stylesheet", href: fontStylesheetHref })
+  ] });
+};
+
+// src/runtime/components/MetaHead/ThemeBootstrap.tsx
+import { jsx as jsx7 } 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__ */ jsx7(
+    "script",
+    {
+      dangerouslySetInnerHTML: {
+        __html: getThemeBootstrapScript(theme)
+      }
+    }
+  );
+};
+
+// src/runtime/components/MetaHead/index.tsx
+import { Fragment as Fragment4, jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+var MetaHead = ({ docsConfig }) => {
+  const resolvedConfig = resolveDocsConfig(docsConfig);
+  return /* @__PURE__ */ jsxs7(Fragment4, { children: [
+    /* @__PURE__ */ jsx8(ThemeBootstrap, { theme: resolvedConfig.theme }),
+    /* @__PURE__ */ jsx8(FaviconLinks, { head: resolvedConfig.head }),
+    /* @__PURE__ */ jsx8(FontLinks, { head: resolvedConfig.head })
+  ] });
+};
+
+// src/runtime/components/ProseContainer.tsx
+import cm2 from "@classmatejs/react";
+var ProseContainer = cm2.section`
+  prose 
+  prose-neutral
+  max-w-none
+  dark:prose-invert
+  prose-a:text-primary
+
+  prose-pre:bg-base-200!
+
+  prose-code:py-0!
+  prose-code:px-1!
+
+  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
+  [&_table_code]:whitespace-nowrap
+  [&_thead]:bg-base-200/70
+
+  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]: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/DocsPage.tsx
+import { useData as useData2 } from "vike-react/useData";
+import { usePageContext as usePageContext3 } from "vike-react/usePageContext";
+
+// src/runtime/components/DocsPagination.tsx
+import { cmMerge as cmMerge3 } from "@classmatejs/react";
+import { ChevronLeft, ChevronRight } from "lucide-react";
+import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+var PaginationCard = ({ item, direction, isOffset }) => {
+  const isPrevious = direction === "previous";
+  return /* @__PURE__ */ jsx9(
+    "a",
+    {
+      href: withSiteBaseUrl(item.href),
+      className: cmMerge3(
+        "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__ */ jsxs8("div", { className: "flex flex-col justify-between gap-2", children: [
+        /* @__PURE__ */ jsx9("p", { className: "text-lg font-semibold text-base-content", children: renderInlineMarkdown(item.title) }),
+        /* @__PURE__ */ jsxs8(
+          "div",
+          {
+            className: cmMerge3(
+              "flex items-center gap-1 text-base-muted group-hover:text-base-content",
+              isPrevious ? "justify-start" : "justify-end"
+            ),
+            children: [
+              isPrevious && /* @__PURE__ */ jsx9(ChevronLeft, { className: "h-4 w-4" }),
+              /* @__PURE__ */ jsx9("span", { children: isPrevious ? "Previous" : "Next" }),
+              !isPrevious && /* @__PURE__ */ jsx9(ChevronRight, { className: "h-4 w-4" })
+            ]
+          }
+        )
+      ] })
+    }
+  );
+};
+var DocsPagination = ({ previousPage, nextPage }) => {
+  if (!previousPage && !nextPage) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx9("nav", { className: "mb-10 mt-16", "aria-label": "Previous Next", children: /* @__PURE__ */ jsxs8("div", { className: "grid gap-4 sm:grid-cols-2", children: [
+    previousPage && /* @__PURE__ */ jsx9(PaginationCard, { item: previousPage, direction: "previous" }),
+    nextPage && /* @__PURE__ */ jsx9(PaginationCard, { isOffset: !previousPage, item: nextPage, direction: "next" })
+  ] }) });
+};
+
+// src/runtime/components/Footer.tsx
+import { Bug, Pencil } from "lucide-react";
+import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+var DocsFooter = ({ brand }) => {
+  return /* @__PURE__ */ jsxs9("footer", { className: "mb-8 mt-12 text-sm border-t border-base-muted-light pt-10", children: [
+    /* @__PURE__ */ jsxs9("div", { className: "mb-16 flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxs9("a", { href: "edit", className: "btn btn-sm btn-primary btn-soft", children: [
+        /* @__PURE__ */ jsx10(Pencil, { className: "w-3 h-3" }),
+        " Edit this page"
+      ] }),
+      /* @__PURE__ */ jsxs9("a", { href: "edit", className: "btn btn-sm btn-primary btn-soft", children: [
+        /* @__PURE__ */ jsx10(Bug, { className: "w-3 h-3" }),
+        " Report Issue"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx10("div", { className: "flex justify-between items-center", children: /* @__PURE__ */ jsx10("div", { className: "flex gap-2 items-center", children: brand && /* @__PURE__ */ jsx10(Brand, { brand, noText: true }) }) })
+  ] });
+};
+
+// src/runtime/components/Sidebar.tsx
+import { cmMerge as cmMerge4 } from "@classmatejs/react";
+import { useEffect as useEffect3 } from "react";
+import { create as create2 } from "zustand";
+import { jsx as jsx11, jsxs as jsxs10 } 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 containsActiveHref = (items, currentHref) => {
+  return items.some((item) => {
+    if (item.kind === "page") {
+      return item.href === currentHref;
+    }
+    if (item.kind === "group") {
+      return containsActiveHref(item.items, currentHref);
+    }
+    return false;
+  });
+};
+var hasActiveItem = (items, activeHref) => {
+  return items.some((item) => {
+    if (item.kind === "group") {
+      return containsActiveHref(item.items, activeHref);
+    }
+    return item.kind === "page" && item.href === activeHref;
+  });
+};
+var getGroupLandingPage = (group) => {
+  return group.items.find((item) => {
+    if (item.kind !== "page") {
+      return false;
+    }
+    return item.navTitle === group.title || item.title === group.title;
+  }) ?? null;
+};
+var getVisibleGroupItems = (group, landingPage) => {
+  if (!landingPage) {
+    return group.items;
+  }
+  return group.items.filter((item) => item.id !== landingPage.id);
+};
+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;
+  useEffect3(() => {
+    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__ */ jsx11("li", { children: /* @__PURE__ */ jsx11(
+    "a",
+    {
+      href: withSiteBaseUrl(href),
+      className: cmMerge4(
+        "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 SidebarDivider = ({ title }) => {
+  return /* @__PURE__ */ jsx11("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__ */ jsx11("span", { className: "-ml-3", children: renderInlineMarkdown(title, { codeClassName: "text-sm!" }) }) });
+};
+var SidebarGroupTitle = ({ title, href, isActive, allowNavigation = false }) => {
+  const content = /* @__PURE__ */ jsx11(
+    "span",
+    {
+      className: cmMerge4(
+        allowNavigation ? "font-medium" : "font-semibold",
+        isActive && allowNavigation && "text-primary!"
+      ),
+      children: renderInlineMarkdown(title, { codeClassName: "text-sm!" })
+    }
+  );
+  if (allowNavigation && href) {
+    return /* @__PURE__ */ jsx11(
+      "a",
+      {
+        href: withSiteBaseUrl(href),
+        onClick: (event) => {
+          event.stopPropagation();
+        },
+        className: cmMerge4(
+          "flex items-center gap-2 text-base-muted hover:text-base-content no-underline",
+          isActive && "text-primary! font-semibold"
+        ),
+        children: content
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx11("span", { className: "flex items-center gap-2 text-base-content", children: content });
+};
+var SidebarItemList = ({ items, currentHref }) => {
+  return /* @__PURE__ */ jsx11("ul", { children: items.map((item) => {
+    if (item.kind === "divider") {
+      return /* @__PURE__ */ jsx11(SidebarDivider, { title: item.title }, item.id);
+    }
+    if (item.kind === "page") {
+      return /* @__PURE__ */ jsx11(SidebarPageLink, { title: item.navTitle, href: item.href, currentHref }, item.id);
+    }
+    return /* @__PURE__ */ jsx11(SidebarNestedGroup, { group: item, currentHref }, item.id);
+  }) });
+};
+var SidebarNestedGroup = ({ group, currentHref }) => {
+  const landingPage = getGroupLandingPage(group);
+  const visibleItems = getVisibleGroupItems(group, landingPage);
+  const isCollapsible = group.collapsible !== void 0;
+  const isOpenByDefault = group.collapsible?.isDefaultOpen ?? true;
+  const nestedHasActiveItem = landingPage?.href === currentHref || hasActiveItem(visibleItems, currentHref);
+  const { isOpen, setIsOpen } = useAutoOpenDetails(`group:${group.id}`, isOpenByDefault, nestedHasActiveItem);
+  if (!isCollapsible) {
+    return /* @__PURE__ */ jsxs10("li", { children: [
+      /* @__PURE__ */ jsx11("div", { className: "px-4 py-2", children: /* @__PURE__ */ jsx11(
+        SidebarGroupTitle,
+        {
+          title: group.title,
+          href: landingPage?.href,
+          isActive: nestedHasActiveItem,
+          allowNavigation: Boolean(landingPage)
+        }
+      ) }),
+      visibleItems.length > 0 ? /* @__PURE__ */ jsx11(SidebarItemList, { items: visibleItems, currentHref }) : null
+    ] });
+  }
+  return /* @__PURE__ */ jsx11("li", { children: /* @__PURE__ */ jsxs10(
+    "details",
+    {
+      open: isOpen,
+      onToggle: (event) => {
+        setIsOpen(event.currentTarget.open);
+      },
+      children: [
+        /* @__PURE__ */ jsx11("summary", { children: /* @__PURE__ */ jsx11(
+          SidebarGroupTitle,
+          {
+            title: group.title,
+            href: landingPage?.href,
+            isActive: nestedHasActiveItem,
+            allowNavigation: Boolean(landingPage)
+          }
+        ) }),
+        visibleItems.length > 0 ? /* @__PURE__ */ jsx11(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__ */ jsx11("li", { className: "pb-4", children: /* @__PURE__ */ jsxs10(
+    "details",
+    {
+      open: isOpen,
+      onToggle: (event) => {
+        setIsOpen(event.currentTarget.open);
+      },
+      children: [
+        /* @__PURE__ */ jsx11("summary", { children: /* @__PURE__ */ jsx11(SidebarGroupTitle, { title: section.title, isActive: sectionHasActiveItem }) }),
+        /* @__PURE__ */ jsx11(SidebarItemList, { items: section.items, currentHref })
+      ]
+    }
+  ) });
+};
+var Sidebar = ({ sections, activeSectionId, currentHref }) => {
+  return /* @__PURE__ */ jsx11("aside", { className: "hidden basis-76 shrink-0 lg:block", children: /* @__PURE__ */ jsxs10("div", { className: "-ml-3 sticky top-16", children: [
+    /* @__PURE__ */ jsx11("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__ */ jsx11("div", { className: "pr-4 h-[calc(100svh-16*var(--spacing))] overflow-y-scroll overflow-x-hidden relative z-10", children: /* @__PURE__ */ jsx11("ul", { className: "menu w-full px-0 py-5 li:last-child:border-0", children: sections.map((section) => /* @__PURE__ */ jsx11(
+      SidebarSectionGroup,
+      {
+        section,
+        currentHref,
+        activeSectionId
+      },
+      section.id
+    )) }) })
+  ] }) });
+};
+
+// src/runtime/components/TableOfContents.tsx
+import cm3, { cmMerge as cmMerge5 } from "@classmatejs/react";
+import { TableOfContentsIcon } from "lucide-react";
+import { useEffect as useEffect4, useState as useState2 } from "react";
+import { useData } from "vike-react/useData";
+import { Fragment as Fragment5, jsx as jsx12, jsxs as jsxs11 } 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] = useState2("");
+  const [domHeadings, setDomHeadings] = useState2(headings);
+  const effectiveHeadings = domHeadings.length > 0 ? domHeadings : headings;
+  const { page } = useData();
+  useEffect4(() => {
+    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);
+    };
+  }, []);
+  useEffect4(() => {
+    if (typeof window === "undefined") {
+      return;
+    }
+    setDomHeadings((currentHeadings) => {
+      if (areHeadingsEqual(currentHeadings, headings)) {
+        return currentHeadings;
+      }
+      return headings;
+    });
+    setActiveHeadingId("");
+    queueMicrotask(() => {
+      syncHeadingsFromDom(setDomHeadings);
+      updateActiveHeadingFromScroll(setActiveHeadingId);
+    });
+  }, [headings]);
+  return /* @__PURE__ */ jsx12("aside", { className: cmMerge5(page.tableOfContents ? "w-64" : "w-32", "hidden shrink-0 xl:block"), children: /* @__PURE__ */ jsx12("div", { className: "sticky top-16", children: /* @__PURE__ */ jsxs11("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__ */ jsxs11(Fragment5, { children: [
+      /* @__PURE__ */ jsxs11("p", { className: "mb-4 flex items-center gap-2 text-xs font-semibold uppercase tracking-widest text-base-muted", children: [
+        /* @__PURE__ */ jsx12(TableOfContentsIcon, { className: "h-3 w-3" }),
+        "On this page"
+      ] }),
+      /* @__PURE__ */ jsx12("nav", { "aria-label": "On this page", className: "mb-16", children: /* @__PURE__ */ jsx12("ul", { children: effectiveHeadings.map((heading, index) => /* @__PURE__ */ jsx12("li", { children: /* @__PURE__ */ jsx12(
+        "a",
+        {
+          href: `#${heading.id}`,
+          "aria-current": activeHeadingId === heading.id ? "location" : void 0,
+          onClick: () => setActiveHeadingId(heading.id),
+          className: cmMerge5(
+            "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__ */ jsx12(Adbar, { partners })
+  ] }) }) });
+};
+var Adbar = ({ partners }) => {
+  if (partners.primary.length === 0 && partners.gold.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs11("ul", { className: "grid grid-cols-[repeat(auto-fit,minmax(5.5rem,1fr))] gap-3 opacity-90", children: [
+    partners.primary.map((partner) => /* @__PURE__ */ jsx12(AdbarItem, { className: "col-span-full", children: /* @__PURE__ */ jsx12(AdbarLink, { href: partner.href, title: partner.name, children: /* @__PURE__ */ jsx12(PartnerLogo, { partner }) }) }, partner.name)),
+    partners.gold.map((partner) => /* @__PURE__ */ jsx12(AdbarItem, { children: /* @__PURE__ */ jsx12(AdbarLink, { href: partner.href, title: partner.name, children: /* @__PURE__ */ jsx12(PartnerLogo, { partner }) }) }, partner.name))
+  ] });
+};
+var PartnerLogo = ({
+  partner
+}) => {
+  return /* @__PURE__ */ jsxs11(Fragment5, { children: [
+    /* @__PURE__ */ jsx12(
+      Image,
+      {
+        src: partner.logoLight,
+        width: 200,
+        height: 100,
+        alt: partner.logoAlt,
+        className: cmMerge5("block", partner.logoDark ? "dark:hidden" : "dark:invert")
+      }
+    ),
+    partner.logoDark ? /* @__PURE__ */ jsx12(Image, { src: partner.logoDark, width: 200, height: 100, alt: partner.logoAlt, className: "hidden dark:block" }) : null
+  ] });
+};
+var AdbarItem = cm3.div`
+  px-5
+  py-5
+  bg-base-200
+  text-center
+  flex
+  items-center
+  justify-center
+  rounded-box
+`;
+var AdbarLink = cm3.a`
+  block
+  w-full
+  transition-opacity
+  hover:opacity-100
+  focus-visible:opacity-100
+`;
+var Image = cm3.img`
+  mx-auto
+  w-24
+`;
+
+// src/runtime/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.resolvedConfig.basePath, pathname);
+  if (!docsPathname) {
+    return null;
+  }
+  const page = getResolvedPageByPathname(options.resolvedConfig, docsPathname);
+  if (!page) {
+    return null;
+  }
+  const section = getResolvedSectionById(options.resolvedConfig, 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.resolvedConfig.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, docsConfig } = options;
+  const resolvedConfig = resolveDocsConfig(docsConfig);
+  const activeSection = getActiveSectionByPathname(resolvedConfig, currentPathname);
+  const currentPage = getResolvedPageByPathname(resolvedConfig, currentPathname);
+  return {
+    locale: "en",
+    codeBlockChoices: docsCodeBlockChoiceStore,
+    localizeHref: (href) => {
+      if (href.startsWith("#") || isExternalHref(href)) {
+        return href;
+      }
+      const { pathname, hash } = splitHref(href);
+      const docsPathname = toDocsPathname(resolvedConfig.basePath, pathname);
+      const page = docsPathname ? getResolvedPageByPathname(resolvedConfig, docsPathname) : null;
+      if (!page) {
+        return withSiteBaseUrl(href);
+      }
+      return withSiteBaseUrl(`${page.href}${hash}`);
+    },
+    resolveDocLink: ({ href }) => resolveDocLink({
+      resolvedConfig,
+      currentPathname,
+      href
+    }),
+    resolveOverviewItem: (id) => resolveOverviewItem({
+      resolvedConfig,
+      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/DocsPage.tsx
+import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
+var DocsPage = ({ Content, docsConfig }) => {
+  const pageContext = usePageContext3();
+  const { activeSectionId, page, sidebarSections, headings, footer, previousPage, nextPage } = useData2();
+  const resolvedConfig = resolveDocsConfig(docsConfig);
+  return /* @__PURE__ */ jsxs12(
+    UniversalMdxProvider,
+    {
+      value: getMdxRuntimeValue({
+        docsConfig,
+        currentPathname: pageContext.urlPathname
+      }),
+      children: [
+        /* @__PURE__ */ jsx13("div", { className: "absolute top-0 left-0 w-full h-[60svh] bg-radial-[at_65%_-85%] from-primary-muted-light to-65%" }),
+        /* @__PURE__ */ jsx13(LayoutComponent, { children: /* @__PURE__ */ jsxs12("div", { className: "lg:flex lg:gap-10 xl:gap-14", children: [
+          /* @__PURE__ */ jsx13(Sidebar, { sections: sidebarSections, activeSectionId, currentHref: page.href }),
+          /* @__PURE__ */ jsxs12("main", { className: "mt-10 min-w-0 flex-1 basis-auto shrink", children: [
+            /* @__PURE__ */ jsxs12(ProseContainer, { "data-doc-content": "", children: [
+              /* @__PURE__ */ jsx13("h1", { className: "scroll-mt-24", children: renderInlineMarkdown(page.title) }),
+              /* @__PURE__ */ jsx13(Content, {})
+            ] }),
+            footer.pagination ? /* @__PURE__ */ jsx13(DocsPagination, { previousPage, nextPage }) : null,
+            /* @__PURE__ */ jsx13(DocsFooter, { brand: resolvedConfig.brand })
+          ] }),
+          /* @__PURE__ */ jsx13(TableOfContents, { headings, partners: resolvedConfig.partners })
+        ] }) })
+      ]
+    }
+  );
+};
+
+export {
+  LayoutComponent,
+  useDocsUserSettingsStore,
+  DEFAULT_THEME_PREFERENCE,
+  applyThemePreference,
+  UserSettingsSync,
+  AppLayout,
+  MetaHead,
+  ProseContainer,
+  DocsPage
+};
+//# sourceMappingURL=chunk-62MBEYU7.js.map