@unterberg/nivel 0.2.33 → 0.2.35

package/dist/{chunk-SARND7IX.js → chunk-25MNMEXU.js}

@@ -437,26 +437,416 @@ var LandingPageNavbar_default = LandingPageNavbar;
 
 // src/runtime/client/components/Navbar/MegaMenu.tsx
 import { cmMerge as cmMerge4 } from "@classmatejs/react";
-import { useEffect as useEffect2, useMemo, useState as useState2 } from "react";
+import { useCallback as useCallback3, useEffect as useEffect2, useMemo, useRef, useState as useState2 } from "react";
 import { usePageContext } from "vike-react/usePageContext";
-import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+
+// 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/Navbar/MegaMenu.tsx
+import { Fragment, jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+var detailsTransitionDurationMs = 260;
 var findActiveItemId = (section, currentHref) => {
   if (!section) {
     return void 0;
   }
-  for (const item of section.items) {
-    if (item.href === currentHref) {
-      return item.id;
-    }
-    if (item.kind === "group") {
-      for (const child of item.items) {
-        if (child.href === currentHref) {
-          return child.id;
+  const findActiveNodeId = (items) => {
+    for (const item of items) {
+      if (item.href === currentHref) {
+        return item.id;
+      }
+      if (item.kind === "group") {
+        const activeChildId = findActiveNodeId(item.items);
+        if (activeChildId) {
+          return activeChildId;
         }
       }
     }
+    return void 0;
+  };
+  return findActiveNodeId(section.items);
+};
+var MegaMenuNodeLink = ({ title, href, icon: Icon, isActive, className, onClose }) => {
+  const content = /* @__PURE__ */ jsxs6("span", { className: "flex min-w-0 items-center gap-2", children: [
+    Icon ? /* @__PURE__ */ jsx8(Icon, { className: "size-4 shrink-0", "aria-hidden": "true" }) : null,
+    /* @__PURE__ */ jsx8("span", { className: "min-w-0", children: title ? renderInlineMarkdown(title, { codeClassName: "text-sm!" }) : null })
+  ] });
+  if (href) {
+    return /* @__PURE__ */ jsx8(
+      "a",
+      {
+        className: cmMerge4(
+          "flex min-w-0 items-center text-base-muted hover:text-base-content",
+          isActive && "text-primary! font-semibold",
+          className
+        ),
+        href: withSiteBaseUrl(href),
+        onClick: onClose,
+        children: content
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx8(
+    "span",
+    {
+      className: cmMerge4(
+        "flex min-w-0 items-center text-base-content",
+        isActive && "text-primary! font-semibold",
+        className
+      ),
+      children: content
+    }
+  );
+};
+var MegaMenuNodeList = ({
+  items,
+  activeItemId,
+  currentHref,
+  docsIconMap,
+  onClose,
+  onContentHeightChange,
+  openGroupId,
+  onOpenGroupChange,
+  depth = 0
+}) => {
+  const visibleItems = getVisibleNavItems(items);
+  if (visibleItems.length === 0) {
+    return null;
   }
-  return void 0;
+  return /* @__PURE__ */ jsx8("ul", { className: cmMerge4("menu menu-sm w-full p-0", depth > 0 && "mt-1 border-l border-base-muted-light pl-3"), children: visibleItems.map((item) => /* @__PURE__ */ jsx8(
+    MegaMenuNode,
+    {
+      item,
+      activeItemId,
+      currentHref,
+      docsIconMap,
+      onClose,
+      onContentHeightChange,
+      openGroupId,
+      onOpenGroupChange,
+      depth
+    },
+    item.id
+  )) });
+};
+var MegaMenuNode = ({
+  item,
+  activeItemId,
+  currentHref,
+  docsIconMap,
+  onClose,
+  onContentHeightChange,
+  openGroupId,
+  onOpenGroupChange,
+  depth
+}) => {
+  if (item.kind === "page") {
+    const PageIcon = docsIconMap[getDocsIconMapKey("page", item.id)];
+    return /* @__PURE__ */ jsx8("li", { children: /* @__PURE__ */ jsx8(
+      MegaMenuNodeLink,
+      {
+        title: item.navTitle || item.title,
+        href: item.href,
+        icon: PageIcon,
+        isActive: activeItemId === item.id,
+        className: "rounded-field px-2 py-1.5 text-sm",
+        onClose
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsx8(
+    MegaMenuGroup,
+    {
+      group: item,
+      activeItemId,
+      currentHref,
+      docsIconMap,
+      onClose,
+      onContentHeightChange,
+      openGroupId,
+      onOpenGroupChange,
+      depth
+    }
+  );
+};
+var MegaMenuGroup = ({
+  group,
+  activeItemId,
+  currentHref,
+  docsIconMap,
+  onClose,
+  onContentHeightChange,
+  openGroupId,
+  onOpenGroupChange,
+  depth
+}) => {
+  const groupHref = getGroupHref(group);
+  const visibleItems = getVisibleGroupItems(group);
+  const GroupIcon = docsIconMap[getDocsIconMapKey("group", group.id)];
+  const isActive = groupHref === currentHref || containsActiveHref(group.items, currentHref);
+  const isCollapsible = group.collapsible !== void 0;
+  const isOpen = openGroupId === group.id;
+  if (!group.title) {
+    return /* @__PURE__ */ jsx8(Fragment, { children: visibleItems.map((item) => /* @__PURE__ */ jsx8(
+      MegaMenuNode,
+      {
+        item,
+        activeItemId,
+        currentHref,
+        docsIconMap,
+        onClose,
+        onContentHeightChange,
+        openGroupId,
+        onOpenGroupChange,
+        depth
+      },
+      item.id
+    )) });
+  }
+  const title = /* @__PURE__ */ jsx8(
+    MegaMenuNodeLink,
+    {
+      title: group.title,
+      href: groupHref ?? void 0,
+      icon: GroupIcon,
+      isActive,
+      className: cmMerge4(
+        depth === 0 ? cmMerge4(!isCollapsible && "mb-2", "text-lg font-semibold tracking-tight") : cmMerge4(!isCollapsible && "rounded-field px-2 py-1.5", "text-sm font-semibold")
+      ),
+      onClose
+    }
+  );
+  const nestedItems = visibleItems.length > 0 ? /* @__PURE__ */ jsx8(
+    MegaMenuNodeList,
+    {
+      items: visibleItems,
+      activeItemId,
+      currentHref,
+      docsIconMap,
+      onClose,
+      onContentHeightChange,
+      openGroupId,
+      onOpenGroupChange,
+      depth: depth + 1
+    }
+  ) : null;
+  if (isCollapsible) {
+    return /* @__PURE__ */ jsx8("li", { children: /* @__PURE__ */ jsxs6(
+      "details",
+      {
+        open: isOpen,
+        onToggle: (event) => {
+          if (event.target !== event.currentTarget) {
+            return;
+          }
+          if (!event.nativeEvent.isTrusted) {
+            return;
+          }
+          const isOpening = event.currentTarget.open;
+          if (isOpening) {
+            onOpenGroupChange(group.id);
+            onContentHeightChange(true);
+            return;
+          }
+          if (openGroupId === group.id) {
+            onOpenGroupChange(null);
+            onContentHeightChange(false);
+          }
+        },
+        children: [
+          /* @__PURE__ */ jsx8("summary", { className: cmMerge4("rounded-field flex min-h-0 items-center py-1.5", depth === 0 ? "px-0" : "px-2"), children: title }),
+          nestedItems
+        ]
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsxs6("li", { children: [
+    title,
+    nestedItems
+  ] });
+};
+var MegaMenuPageColumn = ({
+  item,
+  activeItemId,
+  docsIconMap,
+  onClose
+}) => {
+  const PageIcon = docsIconMap[getDocsIconMapKey("page", item.id)];
+  return /* @__PURE__ */ jsx8("li", { className: "mb-6 flex-1 px-4 py-3", children: /* @__PURE__ */ jsx8(
+    MegaMenuNodeLink,
+    {
+      title: item.navTitle || item.title,
+      href: item.href,
+      icon: PageIcon,
+      isActive: activeItemId === item.id,
+      className: "text-lg font-semibold tracking-tight",
+      onClose
+    }
+  ) });
+};
+var MegaMenuGroupColumn = ({
+  item,
+  activeItemId,
+  currentHref,
+  docsIconMap,
+  onClose,
+  onContentHeightChange,
+  openGroupId,
+  onOpenGroupChange
+}) => {
+  const groupHref = getGroupHref(item);
+  const visibleItems = getVisibleGroupItems(item);
+  const GroupIcon = docsIconMap[getDocsIconMapKey("group", item.id)];
+  const isActive = groupHref === currentHref || containsActiveHref(item.items, currentHref);
+  const isCollapsible = item.collapsible !== void 0;
+  const isOpen = openGroupId === item.id;
+  if (!item.title) {
+    return /* @__PURE__ */ jsx8(Fragment, { children: visibleItems.map((child) => /* @__PURE__ */ jsx8(
+      MegaMenuColumn,
+      {
+        item: child,
+        activeItemId,
+        currentHref,
+        docsIconMap,
+        onClose,
+        onContentHeightChange,
+        openGroupId,
+        onOpenGroupChange
+      },
+      child.id
+    )) });
+  }
+  const title = /* @__PURE__ */ jsx8(
+    MegaMenuNodeLink,
+    {
+      title: item.title,
+      href: groupHref ?? void 0,
+      icon: GroupIcon,
+      isActive,
+      className: cmMerge4(!isCollapsible && "mb-4", "text-lg font-semibold tracking-tight"),
+      onClose
+    }
+  );
+  const nestedItems = visibleItems.length > 0 ? /* @__PURE__ */ jsx8(
+    MegaMenuNodeList,
+    {
+      items: visibleItems,
+      activeItemId,
+      currentHref,
+      docsIconMap,
+      onClose,
+      onContentHeightChange,
+      openGroupId,
+      onOpenGroupChange,
+      depth: 1
+    }
+  ) : null;
+  if (isCollapsible) {
+    return /* @__PURE__ */ jsx8("li", { className: "mb-6 flex-1 px-4 py-3", children: /* @__PURE__ */ jsx8("ul", { className: "menu w-full p-0", children: /* @__PURE__ */ jsx8("li", { children: /* @__PURE__ */ jsxs6(
+      "details",
+      {
+        open: isOpen,
+        onToggle: (event) => {
+          if (event.target !== event.currentTarget) {
+            return;
+          }
+          if (!event.nativeEvent.isTrusted) {
+            return;
+          }
+          const isOpening = event.currentTarget.open;
+          if (isOpening) {
+            onOpenGroupChange(item.id);
+            onContentHeightChange(true);
+            return;
+          }
+          if (openGroupId === item.id) {
+            onOpenGroupChange(null);
+            onContentHeightChange(false);
+          }
+        },
+        children: [
+          /* @__PURE__ */ jsx8("summary", { className: "rounded-field mb-4 flex min-h-0 items-center px-0 py-1.5", children: title }),
+          nestedItems
+        ]
+      }
+    ) }) }) });
+  }
+  return /* @__PURE__ */ jsxs6("li", { className: "mb-6 flex-1 px-4 py-3", children: [
+    title,
+    nestedItems
+  ] });
+};
+var MegaMenuColumn = ({
+  item,
+  activeItemId,
+  currentHref,
+  docsIconMap,
+  onClose,
+  onContentHeightChange,
+  openGroupId,
+  onOpenGroupChange
+}) => {
+  if (item.kind === "page") {
+    return /* @__PURE__ */ jsx8(
+      MegaMenuPageColumn,
+      {
+        item,
+        activeItemId,
+        currentHref,
+        docsIconMap,
+        onClose,
+        onContentHeightChange,
+        openGroupId,
+        onOpenGroupChange
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx8(
+    MegaMenuGroupColumn,
+    {
+      item,
+      activeItemId,
+      currentHref,
+      docsIconMap,
+      onClose,
+      onContentHeightChange,
+      openGroupId,
+      onOpenGroupChange
+    }
+  );
+};
+var hasVisibleItems = (items) => {
+  return items.some((item) => {
+    if (!item.showInNav) {
+      return false;
+    }
+    if (item.kind === "group") {
+      return Boolean(item.title || item.href || hasVisibleItems(item.items));
+    }
+    return true;
+  });
 };
 var MegaMenu = ({
   isActive,
@@ -472,6 +862,9 @@ var MegaMenu = ({
   const visibleSectionId = hoveredSectionId ?? activeSectionId ?? sections[0]?.id;
   const [visibleSectionElement, setVisibleSectionElement] = useState2(null);
   const [contentHeight, setContentHeight] = useState2(0);
+  const [openGroupId, setOpenGroupId] = useState2(null);
+  const contentHeightAnimationFrameRef = useRef(null);
+  const contentHeightTimeoutRef = useRef(null);
   const activeItemId = useMemo(
     () => findActiveItemId(
       sections.find((section) => section.id === visibleSectionId),
@@ -479,31 +872,82 @@ var MegaMenu = ({
     ),
     [sections, visibleSectionId, urlPathname]
   );
+  const clearScheduledContentHeightUpdate = useCallback3(() => {
+    if (contentHeightAnimationFrameRef.current !== null) {
+      cancelAnimationFrame(contentHeightAnimationFrameRef.current);
+      contentHeightAnimationFrameRef.current = null;
+    }
+    if (contentHeightTimeoutRef.current !== null) {
+      clearTimeout(contentHeightTimeoutRef.current);
+      contentHeightTimeoutRef.current = null;
+    }
+  }, []);
+  const setContentHeightFromDisplayedHeight = useCallback3(() => {
+    if (visibleSectionElement === null) {
+      return;
+    }
+    setContentHeight(Math.ceil(visibleSectionElement.offsetHeight));
+  }, [visibleSectionElement]);
+  const setContentHeightFromFullHeight = useCallback3(() => {
+    if (visibleSectionElement === null) {
+      return;
+    }
+    setContentHeight(Math.ceil(visibleSectionElement.scrollHeight));
+  }, [visibleSectionElement]);
+  const scheduleContentHeightUpdate = useCallback3(
+    (isOpening) => {
+      clearScheduledContentHeightUpdate();
+      if (isOpening) {
+        contentHeightAnimationFrameRef.current = requestAnimationFrame(() => {
+          setContentHeightFromFullHeight();
+          contentHeightAnimationFrameRef.current = null;
+        });
+      }
+      contentHeightTimeoutRef.current = setTimeout(() => {
+        setContentHeightFromDisplayedHeight();
+        contentHeightTimeoutRef.current = null;
+      }, detailsTransitionDurationMs);
+    },
+    [clearScheduledContentHeightUpdate, setContentHeightFromDisplayedHeight, setContentHeightFromFullHeight]
+  );
+  const closeMegaMenu = useCallback3(() => {
+    setOpenGroupId(null);
+    onClose();
+  }, [onClose]);
   useEffect2(() => {
     if (!isActive || !visibleSectionId || visibleSectionElement === null) {
       return;
     }
-    const updateContentHeight = () => {
-      setContentHeight(visibleSectionElement.offsetHeight);
-    };
-    updateContentHeight();
-    if (typeof ResizeObserver === "undefined") {
+    contentHeightAnimationFrameRef.current = requestAnimationFrame(() => {
+      setContentHeightFromDisplayedHeight();
+      contentHeightAnimationFrameRef.current = null;
+    });
+    return clearScheduledContentHeightUpdate;
+  }, [
+    clearScheduledContentHeightUpdate,
+    isActive,
+    setContentHeightFromDisplayedHeight,
+    visibleSectionElement,
+    visibleSectionId
+  ]);
+  useEffect2(() => clearScheduledContentHeightUpdate, [clearScheduledContentHeightUpdate]);
+  useEffect2(() => {
+    if (!visibleSectionId) {
       return;
     }
-    const resizeObserver = new ResizeObserver(() => {
-      updateContentHeight();
-    });
-    resizeObserver.observe(visibleSectionElement);
-    return () => {
-      resizeObserver.disconnect();
-    };
-  }, [visibleSectionElement, visibleSectionId, isActive]);
+    setOpenGroupId(null);
+  }, [visibleSectionId]);
+  useEffect2(() => {
+    if (!isActive) {
+      setOpenGroupId(null);
+    }
+  }, [isActive]);
   return /* @__PURE__ */ jsxs6(
     "div",
     {
       className: cmMerge4("fixed top-14 left-0 z-3 w-full", isActive ? "pointer-events-auto" : "pointer-events-none"),
       onPointerEnter: () => onOpen(visibleSectionId),
-      onPointerLeave: onClose,
+      onPointerLeave: closeMegaMenu,
       children: [
         /* @__PURE__ */ jsx8(
           "div",
@@ -537,53 +981,20 @@ var MegaMenu = ({
                       section.id === visibleSectionId ? "opacity-100" : "opacity-0 pointer-events-none",
                       "transition-all absolute w-full duration-300"
                     ),
-                    children: section.items.length > 0 && /* @__PURE__ */ jsx8("ul", { className: "mt-2 flex ", children: section.items.map((child) => {
-                      if (child.showInNav === false) {
-                        return null;
-                      }
-                      const ChildIcon = docs.docsIconMap[getDocsIconMapKey(child.kind, child.id)];
-                      return /* @__PURE__ */ jsxs6("li", { className: "flex-1 py-3 mb-6 px-4", children: [
-                        child.href ? /* @__PURE__ */ jsxs6(
-                          "a",
-                          {
-                            className: cmMerge4(
-                              "mb-4 flex items-center gap-2 text-lg font-semibold tracking-tight",
-                              activeItemId === child.id && "text-primary!"
-                            ),
-                            href: withSiteBaseUrl(child.href),
-                            children: [
-                              ChildIcon ? /* @__PURE__ */ jsx8(ChildIcon, { className: "size-4 shrink-0", "aria-hidden": "true" }) : null,
-                              /* @__PURE__ */ jsx8("span", { children: child.title })
-                            ]
-                          }
-                        ) : /* @__PURE__ */ jsxs6("span", { className: "mb-4 flex items-center gap-2 text-lg font-semibold tracking-tight", children: [
-                          ChildIcon ? /* @__PURE__ */ jsx8(ChildIcon, { className: "size-4 shrink-0", "aria-hidden": "true" }) : null,
-                          /* @__PURE__ */ jsx8("span", { children: child.title })
-                        ] }),
-                        child.kind === "group" && child.items.length > 0 && /* @__PURE__ */ jsx8("ul", { className: "menu border-l border-base-muted-light py-0 w-full", children: child.items.map((subChild) => {
-                          const SubChildIcon = docs.docsIconMap[getDocsIconMapKey(subChild.kind, subChild.id)];
-                          const typedChild = subChild;
-                          return /* @__PURE__ */ jsx8("li", { children: typedChild.href ? /* @__PURE__ */ jsx8(
-                            "a",
-                            {
-                              className: cmMerge4(
-                                "text-base-muted hover:text-base-content",
-                                activeItemId === typedChild.id && "text-primary! font-semibold"
-                              ),
-                              href: withSiteBaseUrl(typedChild.href),
-                              onClick: onClose,
-                              children: /* @__PURE__ */ jsxs6("span", { className: "flex items-center gap-2", children: [
-                                SubChildIcon ? /* @__PURE__ */ jsx8(SubChildIcon, { className: "size-4 shrink-0", "aria-hidden": "true" }) : null,
-                                /* @__PURE__ */ jsx8("span", { children: renderInlineMarkdown(typedChild?.navTitle || typedChild.title) })
-                              ] })
-                            }
-                          ) : /* @__PURE__ */ jsxs6("span", { className: "flex items-center gap-2", children: [
-                            SubChildIcon ? /* @__PURE__ */ jsx8(SubChildIcon, { className: "size-4 shrink-0", "aria-hidden": "true" }) : null,
-                            /* @__PURE__ */ jsx8("span", { children: renderInlineMarkdown(typedChild?.navTitle || typedChild.title) })
-                          ] }) }, typedChild.id);
-                        }) })
-                      ] }, child.id);
-                    }) })
+                    children: hasVisibleItems(section.items) && /* @__PURE__ */ jsx8("ul", { className: "menu mt-2 flex-row items-start p-0 w-full", children: getVisibleNavItems(section.items).map((child) => /* @__PURE__ */ jsx8(
+                      MegaMenuColumn,
+                      {
+                        item: child,
+                        activeItemId,
+                        currentHref: urlPathname,
+                        docsIconMap: docs.docsIconMap,
+                        onClose: closeMegaMenu,
+                        onContentHeightChange: scheduleContentHeightUpdate,
+                        openGroupId,
+                        onOpenGroupChange: setOpenGroupId
+                      },
+                      child.id
+                    )) })
                   },
                   section.id
                 ))
@@ -597,22 +1008,22 @@ var MegaMenu = ({
 };
 
 // src/runtime/client/components/Navbar/useMegaMenu.ts
-import { useCallback as useCallback3, useEffect as useEffect3, useRef, useState as useState3 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect3, useRef as useRef2, useState as useState3 } from "react";
 var megaMenuOpenDelayMs = 120;
 var megaMenuCloseDelayMs = 140;
 var useMegaMenu = ({ activeSectionId, sections }) => {
   const [isMegaMenuOpen, setIsMegaMenuOpen] = useState3(false);
-  const megaMenuOpenTimeoutRef = useRef(null);
-  const megaMenuCloseTimeoutRef = useRef(null);
+  const megaMenuOpenTimeoutRef = useRef2(null);
+  const megaMenuCloseTimeoutRef = useRef2(null);
   const [hoveredSectionId, setHoveredSectionId] = useState3(activeSectionId ?? sections[0]?.id);
-  const clearMegaMenuOpenTimeout = useCallback3(() => {
+  const clearMegaMenuOpenTimeout = useCallback4(() => {
     if (megaMenuOpenTimeoutRef.current === null) {
       return;
     }
     window.clearTimeout(megaMenuOpenTimeoutRef.current);
     megaMenuOpenTimeoutRef.current = null;
   }, []);
-  const clearMegaMenuCloseTimeout = useCallback3(() => {
+  const clearMegaMenuCloseTimeout = useCallback4(() => {
     if (megaMenuCloseTimeoutRef.current === null) {
       return;
     }
@@ -873,13 +1284,13 @@ var AppLayout = ({ children, header }) => {
 };
 
 // src/runtime/client/components/MetaHead/FaviconLinks.tsx
-import { Fragment, jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 var FaviconLinks = ({ head }) => {
   const { appleTouchIcon, faviconIco, faviconSvg } = head;
-  return /* @__PURE__ */ jsxs9(Fragment, { children: [
+  return /* @__PURE__ */ jsxs9(Fragment2, { children: [
     appleTouchIcon && /* @__PURE__ */ jsx11("link", { rel: "apple-touch-icon", href: appleTouchIcon }),
     faviconSvg && /* @__PURE__ */ jsx11("link", { rel: "icon", type: "image/svg+xml", href: faviconSvg }),
-    faviconIco && /* @__PURE__ */ jsxs9(Fragment, { children: [
+    faviconIco && /* @__PURE__ */ jsxs9(Fragment2, { children: [
       /* @__PURE__ */ jsx11("link", { rel: "shortcut icon", type: "image/x-icon", href: faviconIco }),
       /* @__PURE__ */ jsx11("link", { rel: "icon", type: "image/x-icon", href: faviconIco })
     ] })
@@ -887,7 +1298,7 @@ var FaviconLinks = ({ head }) => {
 };
 
 // src/runtime/client/components/MetaHead/FontLinks.tsx
-import { Fragment as Fragment2, jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 var defaultInterFontStylesheetHref = nivelAssetUrl("fonts/fonts-inter.css");
 var defaultInterFontCss = `
 @font-face {
@@ -921,7 +1332,7 @@ var FontLinks = ({ head }) => {
   const { fontStylesheetHref, fontPreloadHrefs } = head;
   const effectivePreloadHrefs = fontPreloadHrefs ?? [];
   const shouldInlineDefaultInterFonts = fontStylesheetHref === defaultInterFontStylesheetHref;
-  return /* @__PURE__ */ jsxs10(Fragment2, { children: [
+  return /* @__PURE__ */ jsxs10(Fragment3, { children: [
     effectivePreloadHrefs.map((href) => /* @__PURE__ */ jsx12("link", { rel: "preload", href, as: "font", type: "font/woff2", crossOrigin: "anonymous" }, href)),
     shouldInlineDefaultInterFonts ? /* @__PURE__ */ jsx12("style", { dangerouslySetInnerHTML: { __html: defaultInterFontCss } }) : null,
     fontStylesheetHref && !shouldInlineDefaultInterFonts ? /* @__PURE__ */ jsx12("link", { rel: "stylesheet", href: fontStylesheetHref }) : null
@@ -978,11 +1389,11 @@ var ThemeBootstrap = ({ theme }) => {
 };
 
 // src/runtime/client/components/MetaHead/index.tsx
-import { Fragment as Fragment3, jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
 var MetaHead = () => {
   const docs = useDocsFromPageGlobalContext();
   const shouldBlockCrawlers = docs.robots === false;
-  return /* @__PURE__ */ jsxs11(Fragment3, { children: [
+  return /* @__PURE__ */ jsxs11(Fragment4, { children: [
     /* @__PURE__ */ jsx14(ThemeBootstrap, { theme: docs.theme }),
     /* @__PURE__ */ jsx14(FaviconLinks, { head: docs.head }),
     /* @__PURE__ */ jsx14(FontLinks, { head: docs.head }),
@@ -1002,10 +1413,56 @@ import { useData } from "vike-react/useData";
 // src/runtime/client/components/DocsPagination.tsx
 import { cmMerge as cmMerge6 } from "@classmatejs/react";
 import { ChevronLeft, ChevronRight } from "lucide-react";
+
+// src/runtime/client/components/DocsBreadcrumbs.tsx
+import { ChevronsRight } from "lucide-react";
 import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
+var dedupeBreadcrumbs = (items) => {
+  return items.filter((item, index) => index === 0 || items[index - 1]?.title !== item.title);
+};
+var getSidebarBreadcrumbs = (items, currentHref) => {
+  for (const item of items) {
+    if (item.kind === "page") {
+      if (item.href === currentHref) {
+        return [{ id: item.id, kind: item.kind, title: item.navTitle }];
+      }
+      continue;
+    }
+    if (item.href === currentHref) {
+      return item.title ? [{ id: item.id, kind: item.kind, title: item.title }] : [];
+    }
+    const nestedBreadcrumbs = getSidebarBreadcrumbs(item.items, currentHref);
+    if (!nestedBreadcrumbs) {
+      continue;
+    }
+    return dedupeBreadcrumbs(item.title ? [{ id: item.id, kind: item.kind, title: item.title }] : nestedBreadcrumbs);
+  }
+  return null;
+};
+var DocsBreadcrumbs = ({ currentHref }) => {
+  const docs = useDocsGlobalContext();
+  const activeSection = getActiveSectionByPathname(docs, currentHref);
+  const breadcrumbItems = dedupeBreadcrumbs([
+    ...activeSection ? getSidebarBreadcrumbs(activeSection.items, currentHref) ?? [] : []
+  ]);
+  return /* @__PURE__ */ jsx15("span", { className: "flex items-center text-sm gap-1 min-w-0 overflow-hidden text-primary", children: breadcrumbItems.map((item, index) => {
+    const Icon = docs.docsIconMap[getDocsIconMapKey(item.kind, item.id)];
+    return /* @__PURE__ */ jsxs12("span", { className: "contents", children: [
+      index > 0 ? /* @__PURE__ */ jsx15(ChevronsRight, { className: "size-4 shrink-0 text-base-muted-medium" }) : null,
+      /* @__PURE__ */ jsxs12("span", { className: "flex min-w-0 items-center gap-1.5", children: [
+        Icon ? /* @__PURE__ */ jsx15(Icon, { className: "size-3 shrink-0", "aria-hidden": "true" }) : null,
+        /* @__PURE__ */ jsx15("span", { className: "truncate", children: renderInlineMarkdown(item.title, { codeClassName: "text-sm!" }) })
+      ] })
+    ] }, item.id);
+  }) });
+};
+var DocsBreadcrumbs_default = DocsBreadcrumbs;
+
+// src/runtime/client/components/DocsPagination.tsx
+import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
 var PaginationCard = ({ item, direction, isOffset }) => {
   const isPrevious = direction === "previous";
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx16(
     "a",
     {
       href: withSiteBaseUrl(item.href),
@@ -1015,20 +1472,21 @@ var PaginationCard = ({ item, direction, isOffset }) => {
         isOffset && "sm:col-start-2"
       ),
       "aria-label": `${isPrevious ? "Previous" : "Next"}: ${item.title}`,
-      children: /* @__PURE__ */ jsxs12("div", { className: "flex flex-col justify-between gap-2", children: [
-        /* @__PURE__ */ jsx15("p", { className: "text-lg font-semibold text-base-content", children: renderInlineMarkdown(item.title) }),
-        /* @__PURE__ */ jsxs12(
+      children: /* @__PURE__ */ jsxs13("div", { className: "flex flex-col h-full justify-between gap-2", children: [
+        /* @__PURE__ */ jsx16("div", { className: cmMerge6("flex gap-1 text-base-muted", isPrevious ? "justify-start" : "justify-end"), children: /* @__PURE__ */ jsx16(DocsBreadcrumbs_default, { currentHref: item.href }) }),
+        /* @__PURE__ */ jsx16("p", { className: "text-lg font-semibold text-base-content", children: renderInlineMarkdown(item.title) }),
+        /* @__PURE__ */ jsx16(
           "div",
           {
             className: cmMerge6(
-              "flex items-center gap-1 text-base-muted group-hover:text-base-content",
+              "flex flex-1 items-end gap-1 text-base-muted group-hover:text-base-content",
               isPrevious ? "justify-start" : "justify-end"
             ),
-            children: [
-              isPrevious && /* @__PURE__ */ jsx15(ChevronLeft, { className: "size-4" }),
-              /* @__PURE__ */ jsx15("span", { children: isPrevious ? "Previous" : "Next" }),
-              !isPrevious && /* @__PURE__ */ jsx15(ChevronRight, { className: "size-4" })
-            ]
+            children: /* @__PURE__ */ jsxs13("div", { className: "flex items-center", children: [
+              isPrevious && /* @__PURE__ */ jsx16(ChevronLeft, { className: "size-4" }),
+              /* @__PURE__ */ jsx16("span", { children: isPrevious ? "Previous" : "Next" }),
+              !isPrevious && /* @__PURE__ */ jsx16(ChevronRight, { className: "size-4" })
+            ] })
           }
         )
       ] })
@@ -1048,32 +1506,32 @@ var DocsPagination = ({
   if (!previousPage && !nextPage) {
     return null;
   }
-  return /* @__PURE__ */ jsx15("nav", { className: "mb-10 mt-16", "aria-label": "Previous Next", children: /* @__PURE__ */ jsxs12("div", { className: "grid gap-4 sm:grid-cols-2", children: [
-    previousPage && /* @__PURE__ */ jsx15(PaginationCard, { item: previousPage, direction: "previous" }),
-    nextPage && /* @__PURE__ */ jsx15(PaginationCard, { isOffset: !previousPage, item: nextPage, direction: "next" })
+  return /* @__PURE__ */ jsx16("nav", { className: "mb-10 mt-16", "aria-label": "Previous Next", children: /* @__PURE__ */ jsxs13("div", { className: "grid gap-4 sm:grid-cols-2", children: [
+    previousPage && /* @__PURE__ */ jsx16(PaginationCard, { item: previousPage, direction: "previous" }),
+    nextPage && /* @__PURE__ */ jsx16(PaginationCard, { isOffset: !previousPage, item: nextPage, direction: "next" })
   ] }) });
 };
 
 // src/runtime/client/components/Footer.tsx
 import { Bug, Pencil } from "lucide-react";
 import { memo as memo2 } from "react";
-import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
 var DocsFooter = memo2(() => {
   const { brand } = useDocsGlobalContext();
-  return /* @__PURE__ */ jsxs13("footer", { className: "mb-8 mt-12 text-sm border-t border-base-muted-light pt-10", children: [
-    /* @__PURE__ */ jsxs13("div", { className: "mb-16 flex items-center gap-2", children: [
-      /* @__PURE__ */ jsxs13("a", { href: "edit", className: "btn btn-sm btn-primary btn-soft", children: [
-        /* @__PURE__ */ jsx16(Pencil, { className: "size-3" }),
+  return /* @__PURE__ */ jsxs14("footer", { className: "mb-8 mt-12 text-sm border-t border-base-muted-light pt-10", children: [
+    /* @__PURE__ */ jsxs14("div", { className: "mb-16 flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxs14("a", { href: "edit", className: "btn btn-sm btn-primary btn-soft", children: [
+        /* @__PURE__ */ jsx17(Pencil, { className: "size-3" }),
         " Edit this page"
       ] }),
-      /* @__PURE__ */ jsxs13("a", { href: "edit", className: "btn btn-sm btn-primary btn-soft", children: [
-        /* @__PURE__ */ jsx16(Bug, { className: "size-3" }),
+      /* @__PURE__ */ jsxs14("a", { href: "edit", className: "btn btn-sm btn-primary btn-soft", children: [
+        /* @__PURE__ */ jsx17(Bug, { className: "size-3" }),
         " Report Issue"
       ] })
     ] }),
-    /* @__PURE__ */ jsxs13("div", { className: "flex justify-between items-center", children: [
-      /* @__PURE__ */ jsx16(SocialLinks_default, {}),
-      /* @__PURE__ */ jsx16("div", { className: "flex gap-2 items-center", children: brand && /* @__PURE__ */ jsx16(Brand, { brand, noText: true }) })
+    /* @__PURE__ */ jsxs14("div", { className: "flex justify-between items-center", children: [
+      /* @__PURE__ */ jsx17(SocialLinks_default, {}),
+      /* @__PURE__ */ jsx17("div", { className: "flex gap-2 items-center", children: brand && /* @__PURE__ */ jsx17(Brand, { brand, noText: true }) })
     ] })
   ] });
 });
@@ -1130,36 +1588,9 @@ var HeadingLinkCopy = () => {
 
 // src/runtime/client/components/Sidebar.tsx
 import { cmMerge as cmMerge7 } from "@classmatejs/react";
-import { memo as memo3, useEffect as useEffect6, useRef as useRef2 } from "react";
+import { memo as memo3, useEffect as useEffect6, useRef as useRef3 } from "react";
 import { usePageContext as usePageContext4 } from "vike-react/usePageContext";
-
-// 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 Fragment4, jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
 var useAutoOpenDetails = (nodeId, isOpenByDefault, hasActiveDescendant) => {
   const storedOpen = useDocsSidebarStore((state) => state.openNodes[nodeId]);
   const { setNodeOpen } = useDocsSidebarActions();
@@ -1179,7 +1610,7 @@ var useAutoOpenDetails = (nodeId, isOpenByDefault, hasActiveDescendant) => {
   };
 };
 var SidebarPageLink = ({ title, href, currentHref, icon: Icon }) => {
-  return /* @__PURE__ */ jsx17("li", { className: "rounded-none", children: /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18("li", { className: "rounded-none", children: /* @__PURE__ */ jsx18(
     "a",
     {
       href: withSiteBaseUrl(href),
@@ -1187,23 +1618,23 @@ var SidebarPageLink = ({ title, href, currentHref, icon: Icon }) => {
         "rounded-field py-2 text-base-muted hover:text-base-content justify-start hover:bg-base-200",
         href === currentHref && "text-primary! font-semibold bg-base-200"
       ),
-      children: /* @__PURE__ */ jsxs14("span", { className: "flex items-center gap-2", children: [
-        Icon ? /* @__PURE__ */ jsx17(Icon, { className: "size-4 shrink-0", "aria-hidden": "true" }) : null,
-        /* @__PURE__ */ jsx17("span", { children: renderInlineMarkdown(title, { codeClassName: "text-sm!" }) })
+      children: /* @__PURE__ */ jsxs15("span", { className: "flex items-center gap-2", children: [
+        Icon ? /* @__PURE__ */ jsx18(Icon, { className: "size-4 shrink-0", "aria-hidden": "true" }) : null,
+        /* @__PURE__ */ jsx18("span", { children: renderInlineMarkdown(title, { codeClassName: "text-sm!" }) })
       ] })
     }
   ) });
 };
 var SidebarGroupDivider = ({ title, icon: Icon }) => {
-  return /* @__PURE__ */ jsx17("li", { className: "ml-3 mt-2 mb-2 border-b border-base-muted-light text-xs text-base-muted-medium pointer-events-none font-semibold", children: /* @__PURE__ */ jsxs14("span", { className: "-ml-3 flex items-center gap-2", children: [
-    Icon ? /* @__PURE__ */ jsx17(Icon, { className: "size-4 shrink-0", "aria-hidden": "true" }) : null,
-    /* @__PURE__ */ jsx17("span", { children: renderInlineMarkdown(title, { codeClassName: "text-sm!" }) })
+  return /* @__PURE__ */ jsx18("li", { className: "ml-3 mt-2 mb-2 border-b border-base-muted-light text-xs text-base-muted-medium pointer-events-none font-semibold", children: /* @__PURE__ */ jsxs15("span", { className: "-ml-3 flex items-center gap-2", children: [
+    Icon ? /* @__PURE__ */ jsx18(Icon, { className: "size-4 shrink-0", "aria-hidden": "true" }) : null,
+    /* @__PURE__ */ jsx18("span", { children: renderInlineMarkdown(title, { codeClassName: "text-sm!" }) })
   ] }) });
 };
 var SidebarGroupTitle = ({ title, href, isActive, allowNavigation = false, icon: Icon }) => {
-  const content = /* @__PURE__ */ jsxs14("span", { className: "flex items-center gap-2", children: [
-    Icon ? /* @__PURE__ */ jsx17(Icon, { className: "size-4 shrink-0", "aria-hidden": "true" }) : null,
-    /* @__PURE__ */ jsx17(
+  const content = /* @__PURE__ */ jsxs15("span", { className: "flex items-center gap-2", children: [
+    Icon ? /* @__PURE__ */ jsx18(Icon, { className: "size-4 shrink-0", "aria-hidden": "true" }) : null,
+    /* @__PURE__ */ jsx18(
       "span",
       {
         className: cmMerge7(
@@ -1215,7 +1646,7 @@ var SidebarGroupTitle = ({ title, href, isActive, allowNavigation = false, icon:
     )
   ] });
   if (allowNavigation && href) {
-    return /* @__PURE__ */ jsx17(
+    return /* @__PURE__ */ jsx18(
       "a",
       {
         href: withSiteBaseUrl(href),
@@ -1227,12 +1658,12 @@ var SidebarGroupTitle = ({ title, href, isActive, allowNavigation = false, icon:
       }
     );
   }
-  return /* @__PURE__ */ jsx17("span", { className: "flex  items-center gap-2 rounded-field py-2 text-base-content", children: content });
+  return /* @__PURE__ */ jsx18("span", { className: "flex  items-center gap-2 rounded-field py-2 text-base-content", children: content });
 };
 var renderSidebarItems = (items, currentHref, docsIconMap) => {
   return items.map((item) => {
     if (item.kind === "page") {
-      return /* @__PURE__ */ jsx17(
+      return /* @__PURE__ */ jsx18(
         SidebarPageLink,
         {
           title: item.navTitle,
@@ -1243,12 +1674,12 @@ var renderSidebarItems = (items, currentHref, docsIconMap) => {
         item.id
       );
     }
-    return /* @__PURE__ */ jsx17(SidebarNestedGroup, { group: item, currentHref, docsIconMap }, item.id);
+    return /* @__PURE__ */ jsx18(SidebarNestedGroup, { group: item, currentHref, docsIconMap }, item.id);
   });
 };
 var SidebarItemList = ({ items, currentHref, docsIconMap }) => {
   const visibleItems = getVisibleNavItems(items);
-  return /* @__PURE__ */ jsx17("ul", { className: "menu lg:w-[97%]", children: renderSidebarItems(visibleItems, currentHref, docsIconMap) });
+  return /* @__PURE__ */ jsx18("ul", { className: "menu lg:w-[97%]", children: renderSidebarItems(visibleItems, currentHref, docsIconMap) });
 };
 var SidebarNestedGroup = ({ group, currentHref, docsIconMap }) => {
   const groupHref = getGroupHref(group);
@@ -1260,14 +1691,14 @@ var SidebarNestedGroup = ({ group, currentHref, docsIconMap }) => {
   const GroupIcon = docsIconMap[getDocsIconMapKey("group", group.id)];
   if (!isCollapsible) {
     if (!group.title) {
-      return /* @__PURE__ */ jsx17(Fragment4, { children: renderSidebarItems(visibleItems, currentHref, docsIconMap) });
+      return /* @__PURE__ */ jsx18(Fragment5, { children: renderSidebarItems(visibleItems, currentHref, docsIconMap) });
     }
-    return /* @__PURE__ */ jsxs14(Fragment4, { children: [
-      /* @__PURE__ */ jsx17(SidebarGroupDivider, { title: group.title, icon: GroupIcon }),
+    return /* @__PURE__ */ jsxs15(Fragment5, { children: [
+      /* @__PURE__ */ jsx18(SidebarGroupDivider, { title: group.title, icon: GroupIcon }),
       renderSidebarItems(visibleItems, currentHref, docsIconMap)
     ] });
   }
-  return /* @__PURE__ */ jsx17("li", { children: /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsx18("li", { children: /* @__PURE__ */ jsxs15(
     "details",
     {
       open: isOpen,
@@ -1275,7 +1706,7 @@ var SidebarNestedGroup = ({ group, currentHref, docsIconMap }) => {
         setIsOpen(event.currentTarget.open);
       },
       children: [
-        /* @__PURE__ */ jsx17("summary", { className: "rounded-field max-h-9 flex items-center", children: /* @__PURE__ */ jsx17(
+        /* @__PURE__ */ jsx18("summary", { className: "rounded-field max-h-9 flex items-center", children: /* @__PURE__ */ jsx18(
           SidebarGroupTitle,
           {
             title: group.title,
@@ -1285,7 +1716,7 @@ var SidebarNestedGroup = ({ group, currentHref, docsIconMap }) => {
             icon: GroupIcon
           }
         ) }),
-        visibleItems.length > 0 ? /* @__PURE__ */ jsx17(SidebarItemList, { items: visibleItems, currentHref, docsIconMap }) : null
+        visibleItems.length > 0 ? /* @__PURE__ */ jsx18(SidebarItemList, { items: visibleItems, currentHref, docsIconMap }) : null
       ]
     }
   ) });
@@ -1299,7 +1730,7 @@ var SidebarSectionGroup = ({ section, currentHref, activeSectionId }) => {
     section.id === activeSectionId,
     sectionHasActiveItem
   );
-  return /* @__PURE__ */ jsx17("li", { className: "pb-1", children: /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsx18("li", { className: "pb-1", children: /* @__PURE__ */ jsxs15(
     "details",
     {
       open: isOpen,
@@ -1307,28 +1738,28 @@ var SidebarSectionGroup = ({ section, currentHref, activeSectionId }) => {
         setIsOpen(event.currentTarget.open);
       },
       children: [
-        /* @__PURE__ */ jsx17("summary", { className: "rounded-field max-h-9 flex items-center", children: /* @__PURE__ */ jsx17(SidebarGroupTitle, { title: section.title, isActive: sectionHasActiveItem, icon: SectionIcon }) }),
-        /* @__PURE__ */ jsx17(SidebarItemList, { items: section.items, currentHref, docsIconMap: docs.docsIconMap })
+        /* @__PURE__ */ jsx18("summary", { className: "rounded-field max-h-9 flex items-center", children: /* @__PURE__ */ jsx18(SidebarGroupTitle, { title: section.title, isActive: sectionHasActiveItem, icon: SectionIcon }) }),
+        /* @__PURE__ */ jsx18(SidebarItemList, { items: section.items, currentHref, docsIconMap: docs.docsIconMap })
       ]
     }
   ) });
 };
 var Sidebar = memo3(
   ({ currentHref: currentHrefProp = "", activeSectionId: activeSectionIdProp = "" }) => {
-    const scrollContainerRef = useRef2(null);
+    const scrollContainerRef = useRef3(null);
     const { urlPathname } = usePageContext4();
     const currentHref = currentHrefProp || urlPathname;
     const docs = useDocsGlobalContext();
     const activeSectionId = activeSectionIdProp || getActiveSectionByPathname(docs, currentHref)?.id || "";
     const { sidebarSections } = docs;
-    return /* @__PURE__ */ jsx17("aside", { className: "hidden basis-76 shrink-0 lg:block", children: /* @__PURE__ */ jsxs14("div", { className: "-ml-3 sticky top-14", children: [
-      /* @__PURE__ */ jsx17("div", { className: "absolute h-full w-px right-0 top-0 bg-linear-to-t to-base-muted-light via-base-muted-light pointer-events-none z-1" }),
-      /* @__PURE__ */ jsx17(
+    return /* @__PURE__ */ jsx18("aside", { className: "hidden basis-76 shrink-0 lg:block", children: /* @__PURE__ */ jsxs15("div", { className: "-ml-3 sticky top-14", children: [
+      /* @__PURE__ */ jsx18("div", { className: "absolute h-full w-px right-0 top-0 bg-linear-to-t to-base-muted-light via-base-muted-light pointer-events-none z-1" }),
+      /* @__PURE__ */ jsx18(
         "div",
         {
           ref: scrollContainerRef,
           className: "pr-4 h-[calc(100svh-14*var(--spacing))] overflow-y-scroll relative z-10",
-          children: /* @__PURE__ */ jsx17("ul", { className: cmMerge7("menu p-0 m-0 w-full px-0 pt-3 li:last-child:border-0"), children: sidebarSections.map((section) => /* @__PURE__ */ jsx17(
+          children: /* @__PURE__ */ jsx18("ul", { className: cmMerge7("menu p-0 m-0 w-full px-0 pt-3 li:last-child:border-0"), children: sidebarSections.map((section) => /* @__PURE__ */ jsx18(
             SidebarSectionGroup,
             {
               section,
@@ -1346,7 +1777,7 @@ var Sidebar = memo3(
 // src/runtime/client/components/TableOfContents.tsx
 import cm5, { cmMerge as cmMerge8 } from "@classmatejs/react";
 import { Flame, TableOfContentsIcon } from "lucide-react";
-import { Fragment as Fragment5, jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
 var TableOfContents = ({
   headings: headingsProp = [],
   tableOfContents: tableOfContentsProp = false,
@@ -1356,13 +1787,13 @@ var TableOfContents = ({
   const { partners } = useDocsGlobalContext();
   const effectiveHeadings = headingsProp;
   const effectiveTableOfContents = tableOfContentsProp;
-  return /* @__PURE__ */ jsx18("aside", { className: cmMerge8(effectiveTableOfContents ? "w-64" : "w-32", "hidden shrink-0 xl:block"), children: /* @__PURE__ */ jsx18("div", { className: "sticky top-14", children: /* @__PURE__ */ jsxs15("div", { className: "relative h-[calc(100svh-14*var(--spacing))] overflow-y-auto overflow-x-hidden pt-10 pb-8", children: [
-    effectiveTableOfContents ? effectiveHeadings.length > 0 && /* @__PURE__ */ jsxs15(Fragment5, { children: [
-      /* @__PURE__ */ jsxs15("p", { className: "mb-4 flex items-center gap-2 text-xs font-semibold uppercase tracking-widest text-base-muted", children: [
-        /* @__PURE__ */ jsx18(TableOfContentsIcon, { className: "size-3" }),
+  return /* @__PURE__ */ jsx19("aside", { className: cmMerge8(effectiveTableOfContents ? "w-64" : "w-32", "hidden shrink-0 xl:block"), children: /* @__PURE__ */ jsx19("div", { className: "sticky top-14", children: /* @__PURE__ */ jsxs16("div", { className: "relative h-[calc(100svh-14*var(--spacing))] overflow-y-auto overflow-x-hidden pt-10 pb-8", children: [
+    effectiveTableOfContents ? effectiveHeadings.length > 0 && /* @__PURE__ */ jsxs16(Fragment6, { children: [
+      /* @__PURE__ */ jsxs16("p", { className: "mb-4 flex items-center gap-2 text-xs font-semibold uppercase tracking-widest text-base-muted", children: [
+        /* @__PURE__ */ jsx19(TableOfContentsIcon, { className: "size-3" }),
         "On this page"
       ] }),
-      /* @__PURE__ */ jsx18("nav", { "aria-label": "On this page", className: "mb-12", children: /* @__PURE__ */ jsx18("ul", { children: effectiveHeadings.map((heading) => /* @__PURE__ */ jsx18("li", { children: /* @__PURE__ */ jsx18(
+      /* @__PURE__ */ jsx19("nav", { "aria-label": "On this page", className: "mb-12", children: /* @__PURE__ */ jsx19("ul", { children: effectiveHeadings.map((heading) => /* @__PURE__ */ jsx19("li", { children: /* @__PURE__ */ jsx19(
         "a",
         {
           href: `#${heading.id}`,
@@ -1377,29 +1808,29 @@ var TableOfContents = ({
         }
       ) }, heading.id)) }) })
     ] }) : null,
-    /* @__PURE__ */ jsx18(Adbar, { partners })
+    /* @__PURE__ */ jsx19(Adbar, { partners })
   ] }) }) });
 };
 var Adbar = ({ partners }) => {
   if (partners.primary.length === 0 && partners.gold.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ jsxs15("aside", { children: [
-    /* @__PURE__ */ jsxs15("p", { className: "mb-4 flex items-center gap-2 text-xs font-semibold uppercase tracking-widest text-base-muted", children: [
-      /* @__PURE__ */ jsx18(Flame, { className: "size-3" }),
+  return /* @__PURE__ */ jsxs16("aside", { children: [
+    /* @__PURE__ */ jsxs16("p", { className: "mb-4 flex items-center gap-2 text-xs font-semibold uppercase tracking-widest text-base-muted", children: [
+      /* @__PURE__ */ jsx19(Flame, { className: "size-3" }),
       "Partners"
     ] }),
-    /* @__PURE__ */ jsxs15("ul", { className: "grid grid-cols-[repeat(auto-fit,minmax(5.5rem,1fr))] gap-3 opacity-90", children: [
-      partners.primary.map((partner) => /* @__PURE__ */ jsx18(AdbarItem, { className: "col-span-full", children: /* @__PURE__ */ jsx18(AdbarLink, { href: partner.href, title: partner.name, children: /* @__PURE__ */ jsx18(PartnerLogo, { partner }) }) }, partner.name)),
-      partners.gold.map((partner) => /* @__PURE__ */ jsx18(AdbarItem, { children: /* @__PURE__ */ jsx18(AdbarLink, { href: partner.href, title: partner.name, children: /* @__PURE__ */ jsx18(PartnerLogo, { partner }) }) }, partner.name))
+    /* @__PURE__ */ jsxs16("ul", { className: "grid grid-cols-[repeat(auto-fit,minmax(5.5rem,1fr))] gap-3 opacity-90", children: [
+      partners.primary.map((partner) => /* @__PURE__ */ jsx19(AdbarItem, { className: "col-span-full", children: /* @__PURE__ */ jsx19(AdbarLink, { href: partner.href, title: partner.name, children: /* @__PURE__ */ jsx19(PartnerLogo, { partner }) }) }, partner.name)),
+      partners.gold.map((partner) => /* @__PURE__ */ jsx19(AdbarItem, { children: /* @__PURE__ */ jsx19(AdbarLink, { href: partner.href, title: partner.name, children: /* @__PURE__ */ jsx19(PartnerLogo, { partner }) }) }, partner.name))
     ] })
   ] });
 };
 var PartnerLogo = ({
   partner
 }) => {
-  return /* @__PURE__ */ jsxs15(Fragment5, { children: [
-    /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsxs16(Fragment6, { children: [
+    /* @__PURE__ */ jsx19(
       Image,
       {
         src: partner.logoLight,
@@ -1409,7 +1840,7 @@ var PartnerLogo = ({
         className: cmMerge8("block", partner.logoDark ? "dark:hidden" : "dark:invert")
       }
     ),
-    partner.logoDark ? /* @__PURE__ */ jsx18(Image, { src: partner.logoDark, width: 200, height: 200, alt: partner.logoAlt, className: "hidden dark:block" }) : null
+    partner.logoDark ? /* @__PURE__ */ jsx19(Image, { src: partner.logoDark, width: 200, height: 200, alt: partner.logoAlt, className: "hidden dark:block" }) : null
   ] });
 };
 var AdbarItem = cm5.li`
@@ -1442,13 +1873,13 @@ import { TableOfContents as TableOfContents2 } from "lucide-react";
 import { useId } from "react";
 
 // src/runtime/client/components/BreadcrumbSidebarTrigger.tsx
-import { ChevronLast, ChevronsRight } from "lucide-react";
-import { useCallback as useCallback4 } from "react";
-import { jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
-var dedupeBreadcrumbs = (items) => {
+import { ChevronLast, ChevronsRight as ChevronsRight2 } from "lucide-react";
+import { useCallback as useCallback5 } from "react";
+import { jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
+var dedupeBreadcrumbs2 = (items) => {
   return items.filter((item, index) => index === 0 || items[index - 1]?.title !== item.title);
 };
-var getSidebarBreadcrumbs = (items, currentHref) => {
+var getSidebarBreadcrumbs2 = (items, currentHref) => {
   for (const item of items) {
     if (item.kind === "page") {
       if (item.href === currentHref) {
@@ -1459,11 +1890,11 @@ var getSidebarBreadcrumbs = (items, currentHref) => {
     if (item.href === currentHref) {
       return item.title ? [{ id: item.id, title: item.title }] : [];
     }
-    const nestedBreadcrumbs = getSidebarBreadcrumbs(item.items, currentHref);
+    const nestedBreadcrumbs = getSidebarBreadcrumbs2(item.items, currentHref);
     if (!nestedBreadcrumbs) {
       continue;
     }
-    return dedupeBreadcrumbs(
+    return dedupeBreadcrumbs2(
       item.title ? [{ id: item.id, title: item.title }, ...nestedBreadcrumbs] : nestedBreadcrumbs
     );
   }
@@ -1472,25 +1903,25 @@ var getSidebarBreadcrumbs = (items, currentHref) => {
 var BreadcrumbSidebarTrigger = ({ currentHref }) => {
   const docs = useDocsGlobalContext();
   const activeSection = getActiveSectionByPathname(docs, currentHref);
-  const breadcrumbItems = dedupeBreadcrumbs([
+  const breadcrumbItems = dedupeBreadcrumbs2([
     ...activeSection ? [{ id: activeSection.id, title: activeSection.navTitle }] : [],
-    ...activeSection ? getSidebarBreadcrumbs(activeSection.items, currentHref) ?? [] : []
+    ...activeSection ? getSidebarBreadcrumbs2(activeSection.items, currentHref) ?? [] : []
   ]);
-  const handleClick = useCallback4(() => {
+  const handleClick = useCallback5(() => {
     alert("TODO: Open mobile menu");
   }, []);
-  return /* @__PURE__ */ jsx19("button", { className: "cursor-pointer min-w-0 max-w-full hidden md:block", type: "button", onClick: handleClick, children: /* @__PURE__ */ jsxs16("span", { className: "flex items-center gap-1 min-w-0 overflow-hidden lg:hidden", children: [
-    /* @__PURE__ */ jsx19(ChevronLast, { className: "size-4 shrink-0 text-primary" }),
-    /* @__PURE__ */ jsx19("span", { className: "hidden md:flex items-center gap-1", children: breadcrumbItems.map((item, index) => /* @__PURE__ */ jsxs16("span", { className: "contents", children: [
-      index > 0 ? /* @__PURE__ */ jsx19(ChevronsRight, { className: "size-4 shrink-0 text-base-muted-medium" }) : null,
-      /* @__PURE__ */ jsx19("span", { className: index === 0 ? "font-semibold truncate" : "text-sm truncate", children: renderInlineMarkdown(item.title, { codeClassName: "text-sm!" }) })
+  return /* @__PURE__ */ jsx20("button", { className: "cursor-pointer min-w-0 max-w-full block", type: "button", onClick: handleClick, children: /* @__PURE__ */ jsxs17("span", { className: "flex items-center gap-1 min-w-0 overflow-hidden lg:hidden", children: [
+    /* @__PURE__ */ jsx20(ChevronLast, { className: "size-4 shrink-0 text-primary" }),
+    /* @__PURE__ */ jsx20("span", { className: "flex items-center gap-1", children: breadcrumbItems.map((item, index) => /* @__PURE__ */ jsxs17("span", { className: "contents", children: [
+      index > 0 ? /* @__PURE__ */ jsx20(ChevronsRight2, { className: "size-4 shrink-0 text-base-muted-medium" }) : null,
+      /* @__PURE__ */ jsx20("span", { className: index === 0 ? "font-semibold truncate" : "text-sm truncate", children: renderInlineMarkdown(item.title, { codeClassName: "text-sm!" }) })
     ] }, item.id)) })
   ] }) });
 };
 var BreadcrumbSidebarTrigger_default = BreadcrumbSidebarTrigger;
 
 // src/runtime/client/components/TableOfContentsMobile.tsx
-import { Fragment as Fragment6, jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
 var TableOfContentsMobile = ({
   headings = [],
   tableOfContents = false,
@@ -1503,14 +1934,14 @@ var TableOfContentsMobile = ({
   const selectId = useId();
   const labelId = `${selectId}-label`;
   const selectedValue = tableOfContents && headings.some((heading) => heading.id === activeHeadingId) ? activeHeadingId : "";
-  return /* @__PURE__ */ jsxs17(Fragment6, { children: [
-    /* @__PURE__ */ jsx20("div", { className: "h-12 xl:hidden" }),
-    /* @__PURE__ */ jsx20(StyledTOC, { children: /* @__PURE__ */ jsxs17(StyledTOCInner, { children: [
-      /* @__PURE__ */ jsx20(BreadcrumbSidebarTrigger_default, { currentHref }),
-      /* @__PURE__ */ jsxs17("label", { className: "select select-sm md:w-80 w-full", htmlFor: selectId, children: [
-        /* @__PURE__ */ jsx20("span", { id: labelId, className: "sr-only", children: pageTitle }),
-        /* @__PURE__ */ jsx20("span", { className: "label flex", "aria-hidden": "true", children: /* @__PURE__ */ jsx20(TableOfContents2, { className: "size-4" }) }),
-        /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs18(Fragment7, { children: [
+    /* @__PURE__ */ jsx21("div", { className: "h-12 xl:hidden" }),
+    /* @__PURE__ */ jsx21(StyledTOC, { children: /* @__PURE__ */ jsxs18(StyledTOCInner, { children: [
+      /* @__PURE__ */ jsx21("div", { className: "hidden md:block", children: /* @__PURE__ */ jsx21(BreadcrumbSidebarTrigger_default, { currentHref }) }),
+      /* @__PURE__ */ jsxs18("label", { className: "select select-sm md:w-80 w-full", htmlFor: selectId, children: [
+        /* @__PURE__ */ jsx21("span", { id: labelId, className: "sr-only", children: pageTitle }),
+        /* @__PURE__ */ jsx21("span", { className: "label flex", "aria-hidden": "true", children: /* @__PURE__ */ jsx21(TableOfContents2, { className: "size-4" }) }),
+        /* @__PURE__ */ jsxs18(
           "select",
           {
             id: selectId,
@@ -1528,8 +1959,8 @@ var TableOfContentsMobile = ({
               window.location.hash = encodeURIComponent(value);
             },
             children: [
-              /* @__PURE__ */ jsx20("option", { value: topOptionValue, children: pageTitle }),
-              tableOfContents && headings.map((heading) => /* @__PURE__ */ jsx20("option", { value: heading.id, children: heading.title }, heading.id))
+              /* @__PURE__ */ jsx21("option", { value: topOptionValue, children: pageTitle }),
+              tableOfContents && headings.map((heading) => /* @__PURE__ */ jsx21("option", { value: heading.id, children: heading.title }, heading.id))
             ]
           }
         )
@@ -1699,19 +2130,19 @@ var useTableOfContentsState = ({
 };
 
 // src/runtime/client/DocsLayout.tsx
-import { Fragment as Fragment7, jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
 var DocsLayout = ({ children }) => {
   const data = useData();
   const { activeHeadingId, effectiveHeadings, setActiveHeadingId } = useTableOfContentsState({
     headings: data.headings
   });
-  return /* @__PURE__ */ jsxs18(Fragment7, { children: [
-    /* @__PURE__ */ jsx21(HeadingLinkCopy, {}),
-    /* @__PURE__ */ jsx21("div", { className: "absolute top-0 left-0 h-[60svh] w-full bg-radial-[at_65%_-85%] from-primary-muted-light/40 to-65% dark:from-primary-muted-light/60" }),
-    /* @__PURE__ */ jsx21(LayoutComponent, { children: /* @__PURE__ */ jsxs18("div", { className: "lg:flex gap-14", children: [
-      /* @__PURE__ */ jsx21(Sidebar, { currentHref: data.page.href, activeSectionId: data.page.sectionId }),
-      /* @__PURE__ */ jsxs18("main", { className: "min-w-0 flex-1 basis-auto shrink", children: [
-        /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsxs19(Fragment8, { children: [
+    /* @__PURE__ */ jsx22(HeadingLinkCopy, {}),
+    /* @__PURE__ */ jsx22("div", { className: "absolute top-0 left-0 h-[60svh] w-full bg-radial-[at_65%_-85%] from-primary-muted-light/40 to-65% dark:from-primary-muted-light/60" }),
+    /* @__PURE__ */ jsx22(LayoutComponent, { children: /* @__PURE__ */ jsxs19("div", { className: "lg:flex gap-14", children: [
+      /* @__PURE__ */ jsx22(Sidebar, { currentHref: data.page.href, activeSectionId: data.page.sectionId }),
+      /* @__PURE__ */ jsxs19("main", { className: "min-w-0 flex-1 basis-auto shrink", children: [
+        /* @__PURE__ */ jsx22(
           TableOfContentsMobile_default,
           {
             headings: effectiveHeadings,
@@ -1722,11 +2153,11 @@ var DocsLayout = ({ children }) => {
             setActiveHeadingId
           }
         ),
-        /* @__PURE__ */ jsx21("div", { className: "mt-10 min-w-0", children }),
-        /* @__PURE__ */ jsx21(DocsPagination, { previousPage: data.previousPage, nextPage: data.nextPage }),
-        /* @__PURE__ */ jsx21(DocsFooter, {})
+        /* @__PURE__ */ jsx22("div", { className: "mt-10 min-w-0", children }),
+        /* @__PURE__ */ jsx22(DocsPagination, { previousPage: data.previousPage, nextPage: data.nextPage }),
+        /* @__PURE__ */ jsx22(DocsFooter, {})
       ] }),
-      /* @__PURE__ */ jsx21(
+      /* @__PURE__ */ jsx22(
         TableOfContents,
         {
           headings: effectiveHeadings,
@@ -1741,57 +2172,12 @@ var DocsLayout = ({ children }) => {
 
 // src/runtime/client/DocsPage.tsx
 import { useData as useData2 } from "vike-react/useData";
-
-// src/runtime/client/components/DocsBreadcrumbs.tsx
-import { ChevronsRight as ChevronsRight2 } from "lucide-react";
-import { jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
-var dedupeBreadcrumbs2 = (items) => {
-  return items.filter((item, index) => index === 0 || items[index - 1]?.title !== item.title);
-};
-var getSidebarBreadcrumbs2 = (items, currentHref) => {
-  for (const item of items) {
-    if (item.kind === "page") {
-      if (item.href === currentHref) {
-        return [{ id: item.id, kind: item.kind, title: item.navTitle }];
-      }
-      continue;
-    }
-    if (item.href === currentHref) {
-      return item.title ? [{ id: item.id, kind: item.kind, title: item.title }] : [];
-    }
-    const nestedBreadcrumbs = getSidebarBreadcrumbs2(item.items, currentHref);
-    if (!nestedBreadcrumbs) {
-      continue;
-    }
-    return dedupeBreadcrumbs2(item.title ? [{ id: item.id, kind: item.kind, title: item.title }] : nestedBreadcrumbs);
-  }
-  return null;
-};
-var DocsBreadcrumbs = ({ currentHref }) => {
-  const docs = useDocsGlobalContext();
-  const activeSection = getActiveSectionByPathname(docs, currentHref);
-  const breadcrumbItems = dedupeBreadcrumbs2([
-    ...activeSection ? getSidebarBreadcrumbs2(activeSection.items, currentHref) ?? [] : []
-  ]);
-  return /* @__PURE__ */ jsx22("span", { className: "hidden lg:flex items-center text-sm gap-1 min-w-0 overflow-hidden mb-3 text-primary", children: breadcrumbItems.map((item, index) => {
-    const Icon = docs.docsIconMap[getDocsIconMapKey(item.kind, item.id)];
-    return /* @__PURE__ */ jsxs19("span", { className: "contents", children: [
-      index > 0 ? /* @__PURE__ */ jsx22(ChevronsRight2, { className: "size-4 shrink-0 text-base-muted-medium" }) : null,
-      /* @__PURE__ */ jsxs19("span", { className: "flex min-w-0 items-center gap-1.5", children: [
-        Icon ? /* @__PURE__ */ jsx22(Icon, { className: "size-3 shrink-0", "aria-hidden": "true" }) : null,
-        /* @__PURE__ */ jsx22("span", { className: "truncate", children: renderInlineMarkdown(item.title, { codeClassName: "text-sm!" }) })
-      ] })
-    ] }, item.id);
-  }) });
-};
-var DocsBreadcrumbs_default = DocsBreadcrumbs;
-
-// src/runtime/client/DocsPage.tsx
 import { jsx as jsx23, jsxs as jsxs20 } from "react/jsx-runtime";
 var DocsPage = ({ Content }) => {
   const { page } = useData2();
   return /* @__PURE__ */ jsxs20(ProseContainer, { "data-doc-content": "", children: [
-    /* @__PURE__ */ jsx23(DocsBreadcrumbs_default, { currentHref: page.href }),
+    /* @__PURE__ */ jsx23("div", { className: "mb-2 md:hidden", children: /* @__PURE__ */ jsx23(BreadcrumbSidebarTrigger_default, { currentHref: page.href }) }),
+    /* @__PURE__ */ jsx23("div", { className: "mb-2 hidden md:block", children: /* @__PURE__ */ jsx23(DocsBreadcrumbs_default, { currentHref: page.href }) }),
     /* @__PURE__ */ jsx23("h1", { className: "scroll-mt-32 xl:scroll-mt-22", children: renderInlineMarkdown(page.title) }),
     /* @__PURE__ */ jsx23(Content, {})
   ] });
@@ -1808,4 +2194,4 @@ export {
   DocsLayout,
   DocsPage
 };
-//# sourceMappingURL=chunk-SARND7IX.js.map
+//# sourceMappingURL=chunk-25MNMEXU.js.map