@unterberg/nivel 0.2.34 → 0.2.36

package/dist/{chunk-LZDZWW3P.js → chunk-N6WF4LPU.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 void 0;
+  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 /* @__PURE__ */ jsx8("ul", { className: cmMerge4("menu menu-sm w-full p-0", depth > 0 && "mt-1 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: "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 }),
@@ -1177,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 jsx18, jsxs as jsxs15 } 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();
@@ -1307,9 +1691,9 @@ var SidebarNestedGroup = ({ group, currentHref, docsIconMap }) => {
   const GroupIcon = docsIconMap[getDocsIconMapKey("group", group.id)];
   if (!isCollapsible) {
     if (!group.title) {
-      return /* @__PURE__ */ jsx18(Fragment4, { children: renderSidebarItems(visibleItems, currentHref, docsIconMap) });
+      return /* @__PURE__ */ jsx18(Fragment5, { children: renderSidebarItems(visibleItems, currentHref, docsIconMap) });
     }
-    return /* @__PURE__ */ jsxs15(Fragment4, { children: [
+    return /* @__PURE__ */ jsxs15(Fragment5, { children: [
       /* @__PURE__ */ jsx18(SidebarGroupDivider, { title: group.title, icon: GroupIcon }),
       renderSidebarItems(visibleItems, currentHref, docsIconMap)
     ] });
@@ -1362,7 +1746,7 @@ var SidebarSectionGroup = ({ section, currentHref, activeSectionId }) => {
 };
 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();
@@ -1393,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 jsx19, jsxs as jsxs16 } 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,
@@ -1404,7 +1788,7 @@ var TableOfContents = ({
   const effectiveHeadings = headingsProp;
   const effectiveTableOfContents = tableOfContentsProp;
   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(Fragment5, { 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"
@@ -1445,7 +1829,7 @@ var Adbar = ({ partners }) => {
 var PartnerLogo = ({
   partner
 }) => {
-  return /* @__PURE__ */ jsxs16(Fragment5, { children: [
+  return /* @__PURE__ */ jsxs16(Fragment6, { children: [
     /* @__PURE__ */ jsx19(
       Image,
       {
@@ -1490,7 +1874,7 @@ import { useId } from "react";
 
 // src/runtime/client/components/BreadcrumbSidebarTrigger.tsx
 import { ChevronLast, ChevronsRight as ChevronsRight2 } from "lucide-react";
-import { useCallback as useCallback4 } from "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);
@@ -1523,7 +1907,7 @@ var BreadcrumbSidebarTrigger = ({ currentHref }) => {
     ...activeSection ? [{ id: activeSection.id, title: activeSection.navTitle }] : [],
     ...activeSection ? getSidebarBreadcrumbs2(activeSection.items, currentHref) ?? [] : []
   ]);
-  const handleClick = useCallback4(() => {
+  const handleClick = useCallback5(() => {
     alert("TODO: Open mobile menu");
   }, []);
   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: [
@@ -1537,7 +1921,7 @@ var BreadcrumbSidebarTrigger = ({ currentHref }) => {
 var BreadcrumbSidebarTrigger_default = BreadcrumbSidebarTrigger;
 
 // src/runtime/client/components/TableOfContentsMobile.tsx
-import { Fragment as Fragment6, jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
 var TableOfContentsMobile = ({
   headings = [],
   tableOfContents = false,
@@ -1550,7 +1934,7 @@ var TableOfContentsMobile = ({
   const selectId = useId();
   const labelId = `${selectId}-label`;
   const selectedValue = tableOfContents && headings.some((heading) => heading.id === activeHeadingId) ? activeHeadingId : "";
-  return /* @__PURE__ */ jsxs18(Fragment6, { children: [
+  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 }) }),
@@ -1746,13 +2130,13 @@ var useTableOfContentsState = ({
 };
 
 // src/runtime/client/DocsLayout.tsx
-import { Fragment as Fragment7, jsx as jsx22, jsxs as jsxs19 } 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__ */ jsxs19(Fragment7, { children: [
+  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: [
@@ -1810,4 +2194,4 @@ export {
   DocsLayout,
   DocsPage
 };
-//# sourceMappingURL=chunk-LZDZWW3P.js.map
+//# sourceMappingURL=chunk-N6WF4LPU.js.map