@fumadocs/base-ui 16.4.9 → 16.4.10

package/dist/layouts/home/client.js

@@ -4,7 +4,7 @@ import { buttonVariants } from "../../components/ui/button.js";
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../../components/ui/collapsible.js";
 import { NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuRoot, NavigationMenuTrigger } from "../../components/ui/navigation-menu.js";
 import { LargeSearchToggle, SearchToggle } from "../shared/search-toggle.js";
-import { renderTitleNav, resolveLinkItems } from "../shared/index.js";
+import { renderTitleNav, useLinkItems } from "../shared/index.js";
 import { LanguageToggle, LanguageToggleText } from "../shared/language-toggle.js";
 import { ThemeToggle } from "../shared/theme-toggle.js";
 import Link from "fumadocs-core/link";
@@ -21,7 +21,7 @@ import { NavigationMenu } from "@base-ui/react";
 const MobileMenuContext = createContext(null);
 const navItemVariants = cva("[&_svg]:size-4", {
 	variants: { variant: {
-		main: "inline-flex items-center gap-1 p-2 text-fd-muted-foreground transition-colors hover:text-fd-accent-foreground data-[active=true]:text-fd-primary data-[popup-open]:text-fd-primary",
+		main: "inline-flex items-center gap-1 p-2 text-fd-muted-foreground transition-colors hover:text-fd-accent-foreground data-[active=true]:text-fd-primary data-popup-open:text-fd-primary",
 		button: buttonVariants({
 			color: "secondary",
 			className: "gap-1.5"
@@ -34,28 +34,10 @@ const navItemVariants = cva("[&_svg]:size-4", {
 	defaultVariants: { variant: "main" }
 });
 function Header({ nav = {}, i18n = false, links, githubUrl, themeSwitch = {}, searchToggle = {} }) {
-	const { navItems, menuItems } = useMemo(() => {
-		const navItems$1 = [];
-		const menuItems$1 = [];
-		for (const item of resolveLinkItems({
-			links,
-			githubUrl
-		})) switch (item.on ?? "all") {
-			case "menu":
-				menuItems$1.push(item);
-				break;
-			case "nav":
-				navItems$1.push(item);
-				break;
-			default:
-				navItems$1.push(item);
-				menuItems$1.push(item);
-		}
-		return {
-			navItems: navItems$1,
-			menuItems: menuItems$1
-		};
-	}, [links, githubUrl]);
+	const { menuItems, navItems } = useLinkItems({
+		links,
+		githubUrl
+	});
 	return /* @__PURE__ */ jsx(MobileMenuCollapsible, { render: (_, s) => /* @__PURE__ */ jsxs(HeaderRoot, {
 		transparentMode: nav.transparentMode,
 		className: cn(s.open && "shadow-lg rounded-b-2xl"),
@@ -102,7 +84,7 @@ function Header({ nav = {}, i18n = false, links, githubUrl, themeSwitch = {}, se
 								color: "ghost",
 								className: "group [&_svg]:size-5.5"
 							})),
-							children: /* @__PURE__ */ jsx(ChevronDown, { className: "transition-transform duration-300 group-data-[panel-open]:rotate-180" })
+							children: /* @__PURE__ */ jsx(ChevronDown, { className: "transition-transform duration-300 group-data-panel-open:rotate-180" })
 						})]
 					})
 				]
@@ -134,13 +116,13 @@ function Header({ nav = {}, i18n = false, links, githubUrl, themeSwitch = {}, se
 			}),
 			/* @__PURE__ */ jsx(NavigationMenu.Portal, { children: /* @__PURE__ */ jsx(NavigationMenu.Positioner, {
 				sideOffset: 10,
-				className: "z-20 h-(--positioner-height) w-(--positioner-width) max-w-(--available-width) transition-[left,right] duration-(--duration) ease-(--easing) data-[instant]:transition-none",
+				className: "z-20 h-(--positioner-height) w-(--positioner-width) max-w-(--available-width) transition-[left,right] duration-(--duration) ease-(--easing) data-instant:transition-none",
 				style: {
 					["--duration"]: "0.35s",
 					["--easing"]: "cubic-bezier(0.22, 1, 0.36, 1)"
 				},
 				children: /* @__PURE__ */ jsx(NavigationMenu.Popup, {
-					className: "relative w-(--popup-width) h-(--popup-height) max-w-(--fd-layout-width,1400px) origin-(--transform-origin) rounded-xl bg-fd-background/80  border backdrop-blur-lg shadow-lg transition-[opacity,transform,width,height,scale,translate] duration-(--duration) ease-(--easing) data-[ending-style]:scale-90 data-[ending-style]:opacity-0 data-[ending-style]:duration-150 data-[starting-style]:scale-90 data-[starting-style]:opacity-0",
+					className: "relative w-(--popup-width) h-(--popup-height) max-w-(--fd-layout-width,1400px) origin-(--transform-origin) rounded-xl bg-fd-background/80  border backdrop-blur-lg shadow-lg transition-[opacity,transform,width,height,scale,translate] duration-(--duration) ease-(--easing) data-ending-style:scale-90 data-ending-style:opacity-0 data-ending-style:duration-150 data-starting-style:scale-90 data-starting-style:opacity-0",
 					children: /* @__PURE__ */ jsx(NavigationMenu.Viewport, { className: "relative size-full overflow-hidden" })
 				})
 			}) })

package/dist/layouts/home/client.js.map

@@ -1 +1 @@
-{"version":3,"file":"client.js","names":["navItems","menuItems","Fragment"],"sources":["../../../src/layouts/home/client.tsx"],"sourcesContent":["'use client';\nimport {\n  type ComponentProps,\n  createContext,\n  Fragment,\n  use,\n  useEffect,\n  useEffectEvent,\n  useMemo,\n  useState,\n} from 'react';\nimport { cva } from 'class-variance-authority';\nimport Link from 'fumadocs-core/link';\nimport { cn } from '@fumadocs/ui/cn';\nimport {\n  type LinkItemType,\n  type NavOptions,\n  renderTitleNav,\n  resolveLinkItems,\n} from '@/layouts/shared';\nimport { LinkItem } from '@fumadocs/ui/link-item';\nimport {\n  NavigationMenuRoot,\n  NavigationMenuContent,\n  NavigationMenuItem,\n  NavigationMenuLink,\n  NavigationMenuList,\n  NavigationMenuTrigger,\n} from '@/components/ui/navigation-menu';\nimport { buttonVariants } from '@/components/ui/button';\nimport type { HomeLayoutProps } from '.';\nimport { LargeSearchToggle, SearchToggle } from '@/layouts/shared/search-toggle';\nimport { ThemeToggle } from '@/layouts/shared/theme-toggle';\nimport { LanguageToggle, LanguageToggleText } from '@/layouts/shared/language-toggle';\nimport { ChevronDown, Languages } from 'lucide-react';\nimport { useIsScrollTop } from '@fumadocs/ui/hooks/use-is-scroll-top';\nimport { NavigationMenu } from '@base-ui/react';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/components/ui/collapsible';\n\nconst MobileMenuContext = createContext<{\n  open: boolean;\n  setOpen: (open: boolean) => void;\n} | null>(null);\n\nexport const navItemVariants = cva('[&_svg]:size-4', {\n  variants: {\n    variant: {\n      main: 'inline-flex items-center gap-1 p-2 text-fd-muted-foreground transition-colors hover:text-fd-accent-foreground data-[active=true]:text-fd-primary data-[popup-open]:text-fd-primary',\n      button: buttonVariants({\n        color: 'secondary',\n        className: 'gap-1.5',\n      }),\n      icon: buttonVariants({\n        color: 'ghost',\n        size: 'icon',\n      }),\n    },\n  },\n  defaultVariants: {\n    variant: 'main',\n  },\n});\n\nexport function Header({\n  nav = {},\n  i18n = false,\n  links,\n  githubUrl,\n  themeSwitch = {},\n  searchToggle = {},\n}: HomeLayoutProps) {\n  const { navItems, menuItems } = useMemo(() => {\n    const navItems: LinkItemType[] = [];\n    const menuItems: LinkItemType[] = [];\n\n    for (const item of resolveLinkItems({ links, githubUrl })) {\n      switch (item.on ?? 'all') {\n        case 'menu':\n          menuItems.push(item);\n          break;\n        case 'nav':\n          navItems.push(item);\n          break;\n        default:\n          navItems.push(item);\n          menuItems.push(item);\n      }\n    }\n\n    return { navItems, menuItems };\n  }, [links, githubUrl]);\n\n  return (\n    <MobileMenuCollapsible\n      render={(_, s) => (\n        <HeaderRoot\n          transparentMode={nav.transparentMode}\n          className={cn(s.open && 'shadow-lg rounded-b-2xl')}\n        >\n          <NavigationMenuList className=\"flex h-14 w-full items-center px-4\">\n            {renderTitleNav(nav, {\n              className: 'inline-flex items-center gap-2.5 font-semibold',\n            })}\n            {nav.children}\n            <ul className=\"flex flex-row items-center gap-2 px-6 max-sm:hidden\">\n              {navItems\n                .filter((item) => !isSecondary(item))\n                .map((item, i) => (\n                  <NavigationMenuLinkItem key={i} item={item} className=\"text-sm\" />\n                ))}\n            </ul>\n            <div className=\"flex flex-row items-center justify-end gap-1.5 flex-1 max-lg:hidden\">\n              {searchToggle.enabled !== false &&\n                (searchToggle.components?.lg ?? (\n                  <LargeSearchToggle\n                    className=\"w-full rounded-full ps-2.5 max-w-[240px]\"\n                    hideIfDisabled\n                  />\n                ))}\n              {themeSwitch.enabled !== false &&\n                (themeSwitch.component ?? <ThemeToggle mode={themeSwitch?.mode} />)}\n              {i18n && (\n                <LanguageToggle>\n                  <Languages className=\"size-5\" />\n                </LanguageToggle>\n              )}\n              <ul className=\"flex flex-row gap-2 items-center empty:hidden\">\n                {navItems.filter(isSecondary).map((item, i) => (\n                  <NavigationMenuLinkItem\n                    key={i}\n                    className={cn(item.type === 'icon' && '-mx-1 first:ms-0 last:me-0')}\n                    item={item}\n                  />\n                ))}\n              </ul>\n            </div>\n            <ul className=\"flex flex-row items-center ms-auto -me-1.5 lg:hidden\">\n              {searchToggle.enabled !== false &&\n                (searchToggle.components?.sm ?? <SearchToggle className=\"p-2\" hideIfDisabled />)}\n              <CollapsibleTrigger\n                aria-label=\"Toggle Menu\"\n                className={cn(\n                  buttonVariants({\n                    size: 'icon',\n                    color: 'ghost',\n                    className: 'group [&_svg]:size-5.5',\n                  }),\n                )}\n              >\n                <ChevronDown className=\"transition-transform duration-300 group-data-[panel-open]:rotate-180\" />\n              </CollapsibleTrigger>\n            </ul>\n          </NavigationMenuList>\n          <CollapsibleContent className=\"flex flex-col px-4\">\n            {menuItems\n              .filter((item) => !isSecondary(item))\n              .map((item, i) => (\n                <MobileMenuLinkItem key={i} item={item} className=\"first:mt-4 sm:hidden\" />\n              ))}\n            <div className=\"-ms-1.5 flex flex-row pt-2 pb-4 items-center justify-end gap-2\">\n              {menuItems.filter(isSecondary).map((item, i) => (\n                <MobileMenuLinkItem\n                  key={i}\n                  item={item}\n                  className={cn(item.type === 'icon' && '-mx-1 first:ms-0')}\n                />\n              ))}\n              <div role=\"separator\" className=\"flex-1 sm:hidden\" />\n              {i18n && (\n                <LanguageToggle>\n                  <Languages className=\"size-5\" />\n                  <LanguageToggleText />\n                  <ChevronDown className=\"size-3 text-fd-muted-foreground\" />\n                </LanguageToggle>\n              )}\n              {themeSwitch.enabled !== false &&\n                (themeSwitch.component ?? <ThemeToggle mode={themeSwitch?.mode} />)}\n            </div>\n          </CollapsibleContent>\n          <NavigationMenu.Portal>\n            <NavigationMenu.Positioner\n              sideOffset={10}\n              className=\"z-20 h-(--positioner-height) w-(--positioner-width) max-w-(--available-width) transition-[left,right] duration-(--duration) ease-(--easing) data-[instant]:transition-none\"\n              style={{\n                ['--duration' as string]: '0.35s',\n                ['--easing' as string]: 'cubic-bezier(0.22, 1, 0.36, 1)',\n              }}\n            >\n              <NavigationMenu.Popup className=\"relative w-(--popup-width) h-(--popup-height) max-w-(--fd-layout-width,1400px) origin-(--transform-origin) rounded-xl bg-fd-background/80  border backdrop-blur-lg shadow-lg transition-[opacity,transform,width,height,scale,translate] duration-(--duration) ease-(--easing) data-[ending-style]:scale-90 data-[ending-style]:opacity-0 data-[ending-style]:duration-150 data-[starting-style]:scale-90 data-[starting-style]:opacity-0\">\n                <NavigationMenu.Viewport className=\"relative size-full overflow-hidden\" />\n              </NavigationMenu.Popup>\n            </NavigationMenu.Positioner>\n          </NavigationMenu.Portal>\n        </HeaderRoot>\n      )}\n    />\n  );\n}\n\nfunction MobileMenuCollapsible(props: ComponentProps<typeof Collapsible>) {\n  const [open, setOpen] = useState(false);\n\n  const onClick = useEffectEvent((e: Event) => {\n    if (!open) return;\n    const header = document.getElementById('nd-nav');\n    if (header && !header.contains(e.target as HTMLElement)) setOpen(false);\n  });\n\n  useEffect(() => {\n    window.addEventListener('click', onClick);\n\n    return () => {\n      window.removeEventListener('click', onClick);\n    };\n  }, []);\n\n  return (\n    <MobileMenuContext\n      value={useMemo(\n        () => ({\n          open,\n          setOpen,\n        }),\n        [open],\n      )}\n    >\n      <Collapsible open={open} onOpenChange={setOpen} {...props} />\n    </MobileMenuContext>\n  );\n}\n\nfunction isSecondary(item: LinkItemType): boolean {\n  if ('secondary' in item && item.secondary != null) return item.secondary;\n\n  return item.type === 'icon';\n}\n\nfunction HeaderRoot({\n  transparentMode = 'none',\n  children,\n  className,\n  ...props\n}: ComponentProps<'div'> & {\n  transparentMode?: NavOptions['transparentMode'];\n}) {\n  const isTop = useIsScrollTop({ enabled: transparentMode === 'top' }) ?? true;\n  const isTransparent = transparentMode === 'top' ? isTop : transparentMode === 'always';\n\n  return (\n    <header id=\"nd-nav\" className=\"sticky h-14 top-0 z-40\">\n      <NavigationMenuRoot\n        render={(_, s) => (\n          <nav\n            className={cn(\n              'w-full backdrop-blur-lg border-b transition-colors mx-auto max-w-(--fd-layout-width)',\n              (!isTransparent || s.open) && 'bg-fd-background/80',\n              className,\n            )}\n            {...props}\n          >\n            {children}\n          </nav>\n        )}\n      />\n    </header>\n  );\n}\n\nfunction NavigationMenuLinkItem({ item, ...props }: { item: LinkItemType; className?: string }) {\n  if (item.type === 'custom') return <div {...props}>{item.children}</div>;\n\n  if (item.type === 'menu') {\n    const children = item.items.map((child, j) => {\n      if (child.type === 'custom') {\n        return <Fragment key={j}>{child.children}</Fragment>;\n      }\n\n      const {\n        banner = child.icon ? (\n          <div className=\"w-fit rounded-md border bg-fd-muted p-1 [&_svg]:size-4\">{child.icon}</div>\n        ) : null,\n        ...rest\n      } = child.menu ?? {};\n\n      return (\n        <NavigationMenuLink\n          key={`${j}-${child.url}`}\n          render={\n            <Link\n              href={child.url}\n              external={child.external}\n              {...rest}\n              className={cn(\n                'flex flex-col gap-2 rounded-lg border bg-fd-card p-3 transition-colors hover:bg-fd-accent/80 hover:text-fd-accent-foreground',\n                rest.className,\n              )}\n            >\n              {rest.children ?? (\n                <>\n                  {banner}\n                  <p className=\"text-base font-medium\">{child.text}</p>\n                  <p className=\"text-sm text-fd-muted-foreground empty:hidden\">\n                    {child.description}\n                  </p>\n                </>\n              )}\n            </Link>\n          }\n        />\n      );\n    });\n\n    return (\n      <NavigationMenuItem {...props}>\n        <NavigationMenuTrigger className={cn(navItemVariants(), 'rounded-md')}>\n          {item.url ? (\n            <Link href={item.url} external={item.external}>\n              {item.text}\n            </Link>\n          ) : (\n            item.text\n          )}\n        </NavigationMenuTrigger>\n        <NavigationMenuContent className=\"grid grid-cols-1 gap-2 p-4 md:grid-cols-2 lg:grid-cols-3\">\n          {children}\n        </NavigationMenuContent>\n      </NavigationMenuItem>\n    );\n  }\n\n  return (\n    <NavigationMenuItem {...props}>\n      <NavigationMenuLink\n        render={\n          <LinkItem\n            item={item}\n            aria-label={item.type === 'icon' ? item.label : undefined}\n            className={cn(navItemVariants({ variant: item.type }))}\n          >\n            {item.type === 'icon' ? item.icon : item.text}\n          </LinkItem>\n        }\n      />\n    </NavigationMenuItem>\n  );\n}\n\nfunction MobileMenuLinkItem({ item, className }: { item: LinkItemType; className?: string }) {\n  if (item.type === 'custom') return <div className={cn('grid', className)}>{item.children}</div>;\n  const { setOpen } = use(MobileMenuContext)!;\n\n  if (item.type === 'menu') {\n    const header = (\n      <>\n        {item.icon}\n        {item.text}\n      </>\n    );\n\n    return (\n      <div className={cn('mb-4 flex flex-col', className)}>\n        <p className=\"mb-1 text-sm text-fd-muted-foreground\">\n          {item.url ? (\n            <Link href={item.url} external={item.external} onClick={() => setOpen(false)}>\n              {header}\n            </Link>\n          ) : (\n            header\n          )}\n        </p>\n        {item.items.map((child, i) => (\n          <MobileMenuLinkItem key={i} item={child} />\n        ))}\n      </div>\n    );\n  }\n\n  return (\n    <LinkItem\n      item={item}\n      className={cn(\n        (!item.type || item.type === 'main') &&\n          'inline-flex items-center gap-2 py-1.5 transition-colors hover:text-fd-popover-foreground/50 data-[active=true]:font-medium data-[active=true]:text-fd-primary [&_svg]:size-4',\n        item.type === 'icon' &&\n          buttonVariants({\n            size: 'icon',\n            color: 'ghost',\n          }),\n        item.type === 'button' &&\n          buttonVariants({\n            color: 'secondary',\n            className: 'gap-1.5 [&_svg]:size-4',\n          }),\n        className,\n      )}\n      aria-label={item.type === 'icon' ? item.label : undefined}\n      onClick={() => setOpen(false)}\n    >\n      {item.icon}\n      {item.type !== 'icon' && item.text}\n    </LinkItem>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"client.js","names":["Fragment"],"sources":["../../../src/layouts/home/client.tsx"],"sourcesContent":["'use client';\nimport {\n  type ComponentProps,\n  createContext,\n  Fragment,\n  use,\n  useEffect,\n  useEffectEvent,\n  useMemo,\n  useState,\n} from 'react';\nimport { cva } from 'class-variance-authority';\nimport Link from 'fumadocs-core/link';\nimport { cn } from '@fumadocs/ui/cn';\nimport { type LinkItemType, type NavOptions, renderTitleNav, useLinkItems } from '@/layouts/shared';\nimport { LinkItem } from '@fumadocs/ui/link-item';\nimport {\n  NavigationMenuRoot,\n  NavigationMenuContent,\n  NavigationMenuItem,\n  NavigationMenuLink,\n  NavigationMenuList,\n  NavigationMenuTrigger,\n} from '@/components/ui/navigation-menu';\nimport { buttonVariants } from '@/components/ui/button';\nimport type { HomeLayoutProps } from '.';\nimport { LargeSearchToggle, SearchToggle } from '@/layouts/shared/search-toggle';\nimport { ThemeToggle } from '@/layouts/shared/theme-toggle';\nimport { LanguageToggle, LanguageToggleText } from '@/layouts/shared/language-toggle';\nimport { ChevronDown, Languages } from 'lucide-react';\nimport { useIsScrollTop } from '@fumadocs/ui/hooks/use-is-scroll-top';\nimport { NavigationMenu } from '@base-ui/react';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/components/ui/collapsible';\n\nconst MobileMenuContext = createContext<{\n  open: boolean;\n  setOpen: (open: boolean) => void;\n} | null>(null);\n\nexport const navItemVariants = cva('[&_svg]:size-4', {\n  variants: {\n    variant: {\n      main: 'inline-flex items-center gap-1 p-2 text-fd-muted-foreground transition-colors hover:text-fd-accent-foreground data-[active=true]:text-fd-primary data-popup-open:text-fd-primary',\n      button: buttonVariants({\n        color: 'secondary',\n        className: 'gap-1.5',\n      }),\n      icon: buttonVariants({\n        color: 'ghost',\n        size: 'icon',\n      }),\n    },\n  },\n  defaultVariants: {\n    variant: 'main',\n  },\n});\n\nexport function Header({\n  nav = {},\n  i18n = false,\n  links,\n  githubUrl,\n  themeSwitch = {},\n  searchToggle = {},\n}: HomeLayoutProps) {\n  const { menuItems, navItems } = useLinkItems({ links, githubUrl });\n\n  return (\n    <MobileMenuCollapsible\n      render={(_, s) => (\n        <HeaderRoot\n          transparentMode={nav.transparentMode}\n          className={cn(s.open && 'shadow-lg rounded-b-2xl')}\n        >\n          <NavigationMenuList className=\"flex h-14 w-full items-center px-4\">\n            {renderTitleNav(nav, {\n              className: 'inline-flex items-center gap-2.5 font-semibold',\n            })}\n            {nav.children}\n            <ul className=\"flex flex-row items-center gap-2 px-6 max-sm:hidden\">\n              {navItems\n                .filter((item) => !isSecondary(item))\n                .map((item, i) => (\n                  <NavigationMenuLinkItem key={i} item={item} className=\"text-sm\" />\n                ))}\n            </ul>\n            <div className=\"flex flex-row items-center justify-end gap-1.5 flex-1 max-lg:hidden\">\n              {searchToggle.enabled !== false &&\n                (searchToggle.components?.lg ?? (\n                  <LargeSearchToggle\n                    className=\"w-full rounded-full ps-2.5 max-w-[240px]\"\n                    hideIfDisabled\n                  />\n                ))}\n              {themeSwitch.enabled !== false &&\n                (themeSwitch.component ?? <ThemeToggle mode={themeSwitch?.mode} />)}\n              {i18n && (\n                <LanguageToggle>\n                  <Languages className=\"size-5\" />\n                </LanguageToggle>\n              )}\n              <ul className=\"flex flex-row gap-2 items-center empty:hidden\">\n                {navItems.filter(isSecondary).map((item, i) => (\n                  <NavigationMenuLinkItem\n                    key={i}\n                    className={cn(item.type === 'icon' && '-mx-1 first:ms-0 last:me-0')}\n                    item={item}\n                  />\n                ))}\n              </ul>\n            </div>\n            <ul className=\"flex flex-row items-center ms-auto -me-1.5 lg:hidden\">\n              {searchToggle.enabled !== false &&\n                (searchToggle.components?.sm ?? <SearchToggle className=\"p-2\" hideIfDisabled />)}\n              <CollapsibleTrigger\n                aria-label=\"Toggle Menu\"\n                className={cn(\n                  buttonVariants({\n                    size: 'icon',\n                    color: 'ghost',\n                    className: 'group [&_svg]:size-5.5',\n                  }),\n                )}\n              >\n                <ChevronDown className=\"transition-transform duration-300 group-data-panel-open:rotate-180\" />\n              </CollapsibleTrigger>\n            </ul>\n          </NavigationMenuList>\n          <CollapsibleContent className=\"flex flex-col px-4\">\n            {menuItems\n              .filter((item) => !isSecondary(item))\n              .map((item, i) => (\n                <MobileMenuLinkItem key={i} item={item} className=\"first:mt-4 sm:hidden\" />\n              ))}\n            <div className=\"-ms-1.5 flex flex-row pt-2 pb-4 items-center justify-end gap-2\">\n              {menuItems.filter(isSecondary).map((item, i) => (\n                <MobileMenuLinkItem\n                  key={i}\n                  item={item}\n                  className={cn(item.type === 'icon' && '-mx-1 first:ms-0')}\n                />\n              ))}\n              <div role=\"separator\" className=\"flex-1 sm:hidden\" />\n              {i18n && (\n                <LanguageToggle>\n                  <Languages className=\"size-5\" />\n                  <LanguageToggleText />\n                  <ChevronDown className=\"size-3 text-fd-muted-foreground\" />\n                </LanguageToggle>\n              )}\n              {themeSwitch.enabled !== false &&\n                (themeSwitch.component ?? <ThemeToggle mode={themeSwitch?.mode} />)}\n            </div>\n          </CollapsibleContent>\n          <NavigationMenu.Portal>\n            <NavigationMenu.Positioner\n              sideOffset={10}\n              className=\"z-20 h-(--positioner-height) w-(--positioner-width) max-w-(--available-width) transition-[left,right] duration-(--duration) ease-(--easing) data-instant:transition-none\"\n              style={{\n                ['--duration' as string]: '0.35s',\n                ['--easing' as string]: 'cubic-bezier(0.22, 1, 0.36, 1)',\n              }}\n            >\n              <NavigationMenu.Popup className=\"relative w-(--popup-width) h-(--popup-height) max-w-(--fd-layout-width,1400px) origin-(--transform-origin) rounded-xl bg-fd-background/80  border backdrop-blur-lg shadow-lg transition-[opacity,transform,width,height,scale,translate] duration-(--duration) ease-(--easing) data-ending-style:scale-90 data-ending-style:opacity-0 data-ending-style:duration-150 data-starting-style:scale-90 data-starting-style:opacity-0\">\n                <NavigationMenu.Viewport className=\"relative size-full overflow-hidden\" />\n              </NavigationMenu.Popup>\n            </NavigationMenu.Positioner>\n          </NavigationMenu.Portal>\n        </HeaderRoot>\n      )}\n    />\n  );\n}\n\nfunction MobileMenuCollapsible(props: ComponentProps<typeof Collapsible>) {\n  const [open, setOpen] = useState(false);\n\n  const onClick = useEffectEvent((e: Event) => {\n    if (!open) return;\n    const header = document.getElementById('nd-nav');\n    if (header && !header.contains(e.target as HTMLElement)) setOpen(false);\n  });\n\n  useEffect(() => {\n    window.addEventListener('click', onClick);\n\n    return () => {\n      window.removeEventListener('click', onClick);\n    };\n  }, []);\n\n  return (\n    <MobileMenuContext\n      value={useMemo(\n        () => ({\n          open,\n          setOpen,\n        }),\n        [open],\n      )}\n    >\n      <Collapsible open={open} onOpenChange={setOpen} {...props} />\n    </MobileMenuContext>\n  );\n}\n\nfunction isSecondary(item: LinkItemType): boolean {\n  if ('secondary' in item && item.secondary != null) return item.secondary;\n\n  return item.type === 'icon';\n}\n\nfunction HeaderRoot({\n  transparentMode = 'none',\n  children,\n  className,\n  ...props\n}: ComponentProps<'div'> & {\n  transparentMode?: NavOptions['transparentMode'];\n}) {\n  const isTop = useIsScrollTop({ enabled: transparentMode === 'top' }) ?? true;\n  const isTransparent = transparentMode === 'top' ? isTop : transparentMode === 'always';\n\n  return (\n    <header id=\"nd-nav\" className=\"sticky h-14 top-0 z-40\">\n      <NavigationMenuRoot\n        render={(_, s) => (\n          <nav\n            className={cn(\n              'w-full backdrop-blur-lg border-b transition-colors mx-auto max-w-(--fd-layout-width)',\n              (!isTransparent || s.open) && 'bg-fd-background/80',\n              className,\n            )}\n            {...props}\n          >\n            {children}\n          </nav>\n        )}\n      />\n    </header>\n  );\n}\n\nfunction NavigationMenuLinkItem({ item, ...props }: { item: LinkItemType; className?: string }) {\n  if (item.type === 'custom') return <div {...props}>{item.children}</div>;\n\n  if (item.type === 'menu') {\n    const children = item.items.map((child, j) => {\n      if (child.type === 'custom') {\n        return <Fragment key={j}>{child.children}</Fragment>;\n      }\n\n      const {\n        banner = child.icon ? (\n          <div className=\"w-fit rounded-md border bg-fd-muted p-1 [&_svg]:size-4\">{child.icon}</div>\n        ) : null,\n        ...rest\n      } = child.menu ?? {};\n\n      return (\n        <NavigationMenuLink\n          key={`${j}-${child.url}`}\n          render={\n            <Link\n              href={child.url}\n              external={child.external}\n              {...rest}\n              className={cn(\n                'flex flex-col gap-2 rounded-lg border bg-fd-card p-3 transition-colors hover:bg-fd-accent/80 hover:text-fd-accent-foreground',\n                rest.className,\n              )}\n            >\n              {rest.children ?? (\n                <>\n                  {banner}\n                  <p className=\"text-base font-medium\">{child.text}</p>\n                  <p className=\"text-sm text-fd-muted-foreground empty:hidden\">\n                    {child.description}\n                  </p>\n                </>\n              )}\n            </Link>\n          }\n        />\n      );\n    });\n\n    return (\n      <NavigationMenuItem {...props}>\n        <NavigationMenuTrigger className={cn(navItemVariants(), 'rounded-md')}>\n          {item.url ? (\n            <Link href={item.url} external={item.external}>\n              {item.text}\n            </Link>\n          ) : (\n            item.text\n          )}\n        </NavigationMenuTrigger>\n        <NavigationMenuContent className=\"grid grid-cols-1 gap-2 p-4 md:grid-cols-2 lg:grid-cols-3\">\n          {children}\n        </NavigationMenuContent>\n      </NavigationMenuItem>\n    );\n  }\n\n  return (\n    <NavigationMenuItem {...props}>\n      <NavigationMenuLink\n        render={\n          <LinkItem\n            item={item}\n            aria-label={item.type === 'icon' ? item.label : undefined}\n            className={cn(navItemVariants({ variant: item.type }))}\n          >\n            {item.type === 'icon' ? item.icon : item.text}\n          </LinkItem>\n        }\n      />\n    </NavigationMenuItem>\n  );\n}\n\nfunction MobileMenuLinkItem({ item, className }: { item: LinkItemType; className?: string }) {\n  if (item.type === 'custom') return <div className={cn('grid', className)}>{item.children}</div>;\n  const { setOpen } = use(MobileMenuContext)!;\n\n  if (item.type === 'menu') {\n    const header = (\n      <>\n        {item.icon}\n        {item.text}\n      </>\n    );\n\n    return (\n      <div className={cn('mb-4 flex flex-col', className)}>\n        <p className=\"mb-1 text-sm text-fd-muted-foreground\">\n          {item.url ? (\n            <Link href={item.url} external={item.external} onClick={() => setOpen(false)}>\n              {header}\n            </Link>\n          ) : (\n            header\n          )}\n        </p>\n        {item.items.map((child, i) => (\n          <MobileMenuLinkItem key={i} item={child} />\n        ))}\n      </div>\n    );\n  }\n\n  return (\n    <LinkItem\n      item={item}\n      className={cn(\n        (!item.type || item.type === 'main') &&\n          'inline-flex items-center gap-2 py-1.5 transition-colors hover:text-fd-popover-foreground/50 data-[active=true]:font-medium data-[active=true]:text-fd-primary [&_svg]:size-4',\n        item.type === 'icon' &&\n          buttonVariants({\n            size: 'icon',\n            color: 'ghost',\n          }),\n        item.type === 'button' &&\n          buttonVariants({\n            color: 'secondary',\n            className: 'gap-1.5 [&_svg]:size-4',\n          }),\n        className,\n      )}\n      aria-label={item.type === 'icon' ? item.label : undefined}\n      onClick={() => setOpen(false)}\n    >\n      {item.icon}\n      {item.type !== 'icon' && item.text}\n    </LinkItem>\n  );\n}\n"],"mappings":"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"}

package/dist/layouts/home/index.d.ts

@@ -1,12 +1,12 @@
 import { BaseLayoutProps, NavOptions } from "../shared/index.js";
-import * as react_jsx_runtime112 from "react/jsx-runtime";
+import * as react_jsx_runtime67 from "react/jsx-runtime";
 import { ComponentProps } from "react";
 
 //#region src/layouts/home/index.d.ts
 interface HomeLayoutProps extends BaseLayoutProps {
   nav?: Partial<NavOptions>;
 }
-declare function HomeLayout(props: HomeLayoutProps & ComponentProps<'main'>): react_jsx_runtime112.JSX.Element;
+declare function HomeLayout(props: HomeLayoutProps & ComponentProps<'main'>): react_jsx_runtime67.JSX.Element;
 //#endregion
 export { HomeLayout, HomeLayoutProps };
 //# sourceMappingURL=index.d.ts.map

package/dist/layouts/home/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/layouts/home/index.tsx"],"sourcesContent":[],"mappings":";;;;;UAKiB,eAAA,SAAwB;QACjC,QAAQ;;AADC,iBAID,UAAA,CAJiB,KAAA,EAIC,eAJD,GAImB,cAJnB,CAAA,MAAA,CAAA,CAAA,EAIyC,oBAAA,CAAA,GAAA,CAAA,OAJzC"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/layouts/home/index.tsx"],"sourcesContent":[],"mappings":";;;;;UAKiB,eAAA,SAAwB;QACjC,QAAQ;;AADC,iBAID,UAAA,CAJiB,KAAA,EAIC,eAJD,GAImB,cAJnB,CAAA,MAAA,CAAA,CAAA,EAIyC,mBAAA,CAAA,GAAA,CAAA,OAJzC"}

package/dist/layouts/home/navbar.d.ts

@@ -1,20 +1,20 @@
 import { NavigationMenuContentProps, NavigationMenuTriggerProps } from "../../components/ui/navigation-menu.js";
 import { LinkProps } from "fumadocs-core/link";
-import * as react_jsx_runtime37 from "react/jsx-runtime";
-import * as react1 from "react";
-import * as _base_ui_react1 from "@base-ui/react";
+import * as react_jsx_runtime128 from "react/jsx-runtime";
+import * as react11 from "react";
+import * as _base_ui_react17 from "@base-ui/react";
 
 //#region src/layouts/home/navbar.d.ts
-declare const NavbarMenu: react1.ForwardRefExoticComponent<Omit<Omit<_base_ui_react1.NavigationMenuItemProps, "ref"> & react1.RefAttributes<HTMLDivElement>, "ref"> & react1.RefAttributes<HTMLDivElement>>;
+declare const NavbarMenu: react11.ForwardRefExoticComponent<Omit<Omit<_base_ui_react17.NavigationMenuItemProps, "ref"> & react11.RefAttributes<HTMLDivElement>, "ref"> & react11.RefAttributes<HTMLDivElement>>;
 declare function NavbarMenuContent({
   className,
   ...props
-}: NavigationMenuContentProps): react_jsx_runtime37.JSX.Element;
+}: NavigationMenuContentProps): react_jsx_runtime128.JSX.Element;
 declare function NavbarMenuTrigger({
   className,
   ...props
-}: NavigationMenuTriggerProps): react_jsx_runtime37.JSX.Element;
-declare function NavbarMenuLink(props: LinkProps): react_jsx_runtime37.JSX.Element;
+}: NavigationMenuTriggerProps): react_jsx_runtime128.JSX.Element;
+declare function NavbarMenuLink(props: LinkProps): react_jsx_runtime128.JSX.Element;
 //#endregion
 export { NavbarMenu, NavbarMenuContent, NavbarMenuLink, NavbarMenuTrigger };
 //# sourceMappingURL=navbar.d.ts.map

package/dist/layouts/home/navbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navbar.d.ts","names":[],"sources":["../../../src/layouts/home/navbar.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAaa,YAAU,MAAA,CAAA,0BAAA,KAAA,KAAqB,eAAA,CAArB,uBAAA,WAAA,MAAA,CAAA,cAAA,0BAAA,MAAA,CAAA,cAAA;iBAEP,iBAAA;;;GAA2C,6BAA0B,mBAAA,CAAA,GAAA,CAAA;iBAgBrE,iBAAA;;;GAA2C,6BAA0B,mBAAA,CAAA,GAAA,CAAA;iBAiBrE,cAAA,QAAsB,YAAS,mBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"navbar.d.ts","names":[],"sources":["../../../src/layouts/home/navbar.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAaa,YAAU,OAAA,CAAA,0BAAA,KAAA,KAAqB,gBAAA,CAArB,uBAAA,WAAA,OAAA,CAAA,cAAA,0BAAA,OAAA,CAAA,cAAA;iBAEP,iBAAA;;;GAA2C,6BAA0B,oBAAA,CAAA,GAAA,CAAA;iBAgBrE,iBAAA;;;GAA2C,6BAA0B,oBAAA,CAAA,GAAA,CAAA;iBAiBrE,cAAA,QAAsB,YAAS,oBAAA,CAAA,GAAA,CAAA"}

package/dist/layouts/notebook/client.d.ts

@@ -1,11 +1,11 @@
 import { SidebarTabWithProps } from "../../components/sidebar/tabs/dropdown.js";
-import * as react_jsx_runtime114 from "react/jsx-runtime";
-import * as react10 from "react";
+import * as react_jsx_runtime136 from "react/jsx-runtime";
+import * as react17 from "react";
 import { ComponentProps, HTMLAttributes, ReactNode } from "react";
 import { LinkItemType } from "@fumadocs/ui/link-item";
 
 //#region src/layouts/notebook/client.d.ts
-declare const LayoutContext: react10.Context<(LayoutInfo & {
+declare const LayoutContext: react17.Context<(LayoutInfo & {
   isNavTransparent: boolean;
 }) | null>;
 interface LayoutInfo {
@@ -20,28 +20,28 @@ declare function LayoutContextProvider({
 }: LayoutInfo & {
   navTransparentMode?: 'always' | 'top' | 'none';
   children: ReactNode;
-}): react_jsx_runtime114.JSX.Element;
-declare function LayoutHeader(props: ComponentProps<'header'>): react_jsx_runtime114.JSX.Element;
+}): react_jsx_runtime136.JSX.Element;
+declare function LayoutHeader(props: ComponentProps<'header'>): react_jsx_runtime136.JSX.Element;
 declare function LayoutBody({
   className,
   style,
   children,
   ...props
-}: ComponentProps<'div'>): react_jsx_runtime114.JSX.Element;
+}: ComponentProps<'div'>): react_jsx_runtime136.JSX.Element;
 declare function LayoutHeaderTabs({
   options,
   className,
   ...props
 }: ComponentProps<'div'> & {
   options: SidebarTabWithProps[];
-}): react_jsx_runtime114.JSX.Element;
+}): react_jsx_runtime136.JSX.Element;
 declare function NavbarLinkItem({
   item,
   className,
   ...props
 }: {
   item: LinkItemType;
-} & HTMLAttributes<HTMLElement>): string | number | bigint | boolean | react_jsx_runtime114.JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react10.ReactPortal | react10.ReactElement<unknown, string | react10.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null | undefined;
+} & HTMLAttributes<HTMLElement>): string | number | bigint | boolean | react_jsx_runtime136.JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react17.ReactPortal | react17.ReactElement<unknown, string | react17.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null | undefined;
 //#endregion
 export { LayoutBody, LayoutContext, LayoutContextProvider, LayoutHeader, LayoutHeaderTabs, LayoutInfo, NavbarLinkItem };
 //# sourceMappingURL=client.d.ts.map

package/dist/layouts/notebook/index.d.ts

@@ -3,7 +3,7 @@ import { GetSidebarTabsOptions } from "../../components/sidebar/tabs/index.js";
 import { SidebarTabWithProps } from "../../components/sidebar/tabs/dropdown.js";
 import { BaseLayoutProps } from "../shared/index.js";
 import { Sidebar } from "./sidebar.js";
-import * as react_jsx_runtime13 from "react/jsx-runtime";
+import * as react_jsx_runtime141 from "react/jsx-runtime";
 import { ComponentProps, FC, HTMLAttributes, ReactNode } from "react";
 import * as PageTree from "fumadocs-core/page-tree";
 
@@ -32,7 +32,7 @@ interface SidebarOptions extends ComponentProps<'aside'>, Pick<ComponentProps<ty
    */
   collapsible?: boolean;
 }
-declare function DocsLayout(props: DocsLayoutProps): react_jsx_runtime13.JSX.Element;
+declare function DocsLayout(props: DocsLayoutProps): react_jsx_runtime141.JSX.Element;
 //#endregion
 export { DocsLayout, DocsLayoutProps };
 //# sourceMappingURL=index.d.ts.map

package/dist/layouts/notebook/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/layouts/notebook/index.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;UAgCiB,eAAA,SAAwB;QACjC,QAAA,CAAS;;EADA,GAAA,CAAA,EAIT,eAJyB,CAAA,KAAA,CAAA,GAAA;IACzB,IAAS,CAAA,EAAA,KAAA,GAAA,MAAA;EAGT,CAAA;EAII,OAAA,CAAA,EAAA,cAAA;EAEsB,cAAA,CAAA,EAAf,cAAe,CAAA,cAAA,CAAA;;UAGxB,cAAA,SAEN,cAfqC,CAAA,OAAA,CAAA,EAgBrC,IAhBqC,CAgBhC,cAhBgC,CAAA,OAgBV,OAhBU,CAAA,EAAA,kBAAA,GAAA,UAAA,CAAA,CAAA;EAAe,UAAA,CAAA,EAiBzC,OAjByC,CAiBjC,yBAjBiC,CAAA;EAa9C;;;EAIa,IAAA,CAAA,EAKd,mBALc,EAAA,GAKU,qBALV,GAAA,KAAA;EAAR,MAAA,CAAA,EAOJ,SAPI,GAOQ,EAPR,CAOW,cAPX,CAAA,KAAA,CAAA,CAAA;EAKN,MAAA,CAAA,EAGE,SAHF,GAGc,EAHd,CAGiB,cAHjB,CAAA,KAAA,CAAA,CAAA;EAAwB;;;;;EAGP,WAAA,CAAA,EAAA,OAAA;;AAVtB,iBAoBY,UAAA,CApBZ,KAAA,EAoB8B,eApB9B,CAAA,EAoB6C,mBAAA,CAAA,GAAA,CAAA,OApB7C"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/layouts/notebook/index.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;UAgCiB,eAAA,SAAwB;QACjC,QAAA,CAAS;;EADA,GAAA,CAAA,EAIT,eAJyB,CAAA,KAAA,CAAA,GAAA;IACzB,IAAS,CAAA,EAAA,KAAA,GAAA,MAAA;EAGT,CAAA;EAII,OAAA,CAAA,EAAA,cAAA;EAEsB,cAAA,CAAA,EAAf,cAAe,CAAA,cAAA,CAAA;;UAGxB,cAAA,SAEN,cAfqC,CAAA,OAAA,CAAA,EAgBrC,IAhBqC,CAgBhC,cAhBgC,CAAA,OAgBV,OAhBU,CAAA,EAAA,kBAAA,GAAA,UAAA,CAAA,CAAA;EAAe,UAAA,CAAA,EAiBzC,OAjByC,CAiBjC,yBAjBiC,CAAA;EAa9C;;;EAIa,IAAA,CAAA,EAKd,mBALc,EAAA,GAKU,qBALV,GAAA,KAAA;EAAR,MAAA,CAAA,EAOJ,SAPI,GAOQ,EAPR,CAOW,cAPX,CAAA,KAAA,CAAA,CAAA;EAKN,MAAA,CAAA,EAGE,SAHF,GAGc,EAHd,CAGiB,cAHjB,CAAA,KAAA,CAAA,CAAA;EAAwB;;;;;EAGP,WAAA,CAAA,EAAA,OAAA;;AAVtB,iBAoBY,UAAA,CApBZ,KAAA,EAoB8B,eApB9B,CAAA,EAoB6C,oBAAA,CAAA,GAAA,CAAA,OApB7C"}

package/dist/layouts/notebook/index.js

@@ -3,7 +3,7 @@ import { tree_exports } from "../../contexts/tree.js";
 import { SidebarTabsDropdown } from "../../components/sidebar/tabs/dropdown.js";
 import { LayoutBody, LayoutContextProvider, LayoutHeader, LayoutHeaderTabs, NavbarLinkItem } from "./client.js";
 import { LargeSearchToggle, SearchToggle } from "../shared/search-toggle.js";
-import { renderTitleNav, resolveLinkItems } from "../shared/index.js";
+import { renderTitleNav, useLinkItems } from "../shared/index.js";
 import { LanguageToggle } from "../shared/language-toggle.js";
 import { ThemeToggle } from "../shared/theme-toggle.js";
 import { getSidebarTabs } from "../../components/sidebar/tabs/index.js";
@@ -18,7 +18,7 @@ import { LinkItem } from "@fumadocs/ui/link-item";
 function DocsLayout(props) {
 	const { tabMode = "sidebar", nav = {}, sidebar: { tabs: tabOptions, defaultOpenLevel, prefetch, ...sidebarProps } = {}, i18n = false, themeSwitch = {}, tree } = props;
 	const navMode = nav.mode ?? "auto";
-	const links = resolveLinkItems(props);
+	const { menuItems, navItems } = useLinkItems(props);
 	const tabs = useMemo(() => {
 		if (Array.isArray(tabOptions)) return tabOptions;
 		if (typeof tabOptions === "object") return getSidebarTabs(tree, tabOptions);
@@ -27,7 +27,7 @@ function DocsLayout(props) {
 	}, [tabOptions, tree]);
 	function sidebar() {
 		const { banner, footer, components, collapsible = true, ...rest } = sidebarProps;
-		const iconLinks = links.filter((item) => item.type === "icon");
+		const iconLinks = menuItems.filter((item) => item.type === "icon");
 		const Header = typeof banner === "function" ? banner : ({ className, ...props$1 }) => /* @__PURE__ */ jsxs("div", {
 			className: cn("flex flex-col gap-3 p-4 pb-2 empty:hidden", className),
 			...props$1,
@@ -38,7 +38,7 @@ function DocsLayout(props) {
 			...props$1,
 			children: [props$1.children, footer]
 		});
-		const viewport = /* @__PURE__ */ jsxs(SidebarViewport, { children: [links.filter((item) => item.type !== "icon").map((item, i, arr) => /* @__PURE__ */ jsx(SidebarLinkItem, {
+		const viewport = /* @__PURE__ */ jsxs(SidebarViewport, { children: [menuItems.filter((item) => item.type !== "icon").map((item, i, arr) => /* @__PURE__ */ jsx(SidebarLinkItem, {
 			item,
 			className: cn("lg:hidden", i === arr.length - 1 && "mb-4")
 		}, i)), /* @__PURE__ */ jsx(SidebarPageTree, { ...components })] });
@@ -117,7 +117,7 @@ function DocsLayout(props) {
 						sidebar(),
 						/* @__PURE__ */ jsx(DocsNavbar, {
 							...props,
-							links,
+							links: navItems,
 							tabs
 						}),
 						props.children

package/dist/layouts/notebook/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["props","SidebarIcon","TreeContextProvider","Sidebar"],"sources":["../../../src/layouts/notebook/index.tsx"],"sourcesContent":["import { type ComponentProps, type FC, type HTMLAttributes, type ReactNode, useMemo } from 'react';\nimport { type BaseLayoutProps, renderTitleNav, resolveLinkItems } from '@/layouts/shared';\nimport {\n  Sidebar,\n  SidebarCollapseTrigger,\n  SidebarContent,\n  SidebarDrawer,\n  SidebarLinkItem,\n  SidebarPageTree,\n  SidebarTrigger,\n  SidebarViewport,\n} from './sidebar';\nimport { TreeContextProvider } from '@/contexts/tree';\nimport { cn } from '@fumadocs/ui/cn';\nimport { buttonVariants } from '@/components/ui/button';\nimport { Languages, Sidebar as SidebarIcon, X } from 'lucide-react';\nimport { LanguageToggle } from '@/layouts/shared/language-toggle';\nimport { ThemeToggle } from '@/layouts/shared/theme-toggle';\nimport type * as PageTree from 'fumadocs-core/page-tree';\nimport {\n  LayoutBody,\n  LayoutContextProvider,\n  LayoutHeader,\n  LayoutHeaderTabs,\n  NavbarLinkItem,\n} from '@/layouts/notebook/client';\nimport { LargeSearchToggle, SearchToggle } from '@/layouts/shared/search-toggle';\nimport { LinkItem, type LinkItemType } from '@fumadocs/ui/link-item';\nimport type { SidebarPageTreeComponents } from '@/components/sidebar/page-tree';\nimport { getSidebarTabs, type GetSidebarTabsOptions } from '@/components/sidebar/tabs';\nimport { SidebarTabsDropdown, type SidebarTabWithProps } from '@/components/sidebar/tabs/dropdown';\n\nexport interface DocsLayoutProps extends BaseLayoutProps {\n  tree: PageTree.Root;\n  tabMode?: 'sidebar' | 'navbar';\n\n  nav?: BaseLayoutProps['nav'] & {\n    mode?: 'top' | 'auto';\n  };\n\n  sidebar?: SidebarOptions;\n\n  containerProps?: HTMLAttributes<HTMLDivElement>;\n}\n\ninterface SidebarOptions\n  extends\n    ComponentProps<'aside'>,\n    Pick<ComponentProps<typeof Sidebar>, 'defaultOpenLevel' | 'prefetch'> {\n  components?: Partial<SidebarPageTreeComponents>;\n\n  /**\n   * Root Toggle options\n   */\n  tabs?: SidebarTabWithProps[] | GetSidebarTabsOptions | false;\n\n  banner?: ReactNode | FC<ComponentProps<'div'>>;\n  footer?: ReactNode | FC<ComponentProps<'div'>>;\n\n  /**\n   * Support collapsing the sidebar on desktop mode\n   *\n   * @defaultValue true\n   */\n  collapsible?: boolean;\n}\n\nexport function DocsLayout(props: DocsLayoutProps) {\n  const {\n    tabMode = 'sidebar',\n    nav = {},\n    sidebar: { tabs: tabOptions, defaultOpenLevel, prefetch, ...sidebarProps } = {},\n    i18n = false,\n    themeSwitch = {},\n    tree,\n  } = props;\n\n  const navMode = nav.mode ?? 'auto';\n  const links = resolveLinkItems(props);\n  const tabs = useMemo(() => {\n    if (Array.isArray(tabOptions)) {\n      return tabOptions;\n    }\n\n    if (typeof tabOptions === 'object') {\n      return getSidebarTabs(tree, tabOptions);\n    }\n\n    if (tabOptions !== false) {\n      return getSidebarTabs(tree);\n    }\n\n    return [];\n  }, [tabOptions, tree]);\n\n  function sidebar() {\n    const { banner, footer, components, collapsible = true, ...rest } = sidebarProps;\n\n    const iconLinks = links.filter((item) => item.type === 'icon');\n    const Header =\n      typeof banner === 'function'\n        ? banner\n        : ({ className, ...props }: ComponentProps<'div'>) => (\n            <div className={cn('flex flex-col gap-3 p-4 pb-2 empty:hidden', className)} {...props}>\n              {props.children}\n              {banner}\n            </div>\n          );\n    const Footer =\n      typeof footer === 'function'\n        ? footer\n        : ({ className, ...props }: ComponentProps<'div'>) => (\n            <div\n              className={cn(\n                'hidden flex-row text-fd-muted-foreground items-center border-t p-4 pt-2',\n                iconLinks.length > 0 && 'max-lg:flex',\n                className,\n              )}\n              {...props}\n            >\n              {props.children}\n              {footer}\n            </div>\n          );\n    const viewport = (\n      <SidebarViewport>\n        {links\n          .filter((item) => item.type !== 'icon')\n          .map((item, i, arr) => (\n            <SidebarLinkItem\n              key={i}\n              item={item}\n              className={cn('lg:hidden', i === arr.length - 1 && 'mb-4')}\n            />\n          ))}\n\n        <SidebarPageTree {...components} />\n      </SidebarViewport>\n    );\n\n    return (\n      <>\n        <SidebarContent {...rest}>\n          <Header>\n            {navMode === 'auto' && (\n              <div className=\"flex justify-between\">\n                {renderTitleNav(nav, {\n                  className: 'inline-flex items-center gap-2.5 font-medium',\n                })}\n                {collapsible && (\n                  <SidebarCollapseTrigger\n                    className={cn(\n                      buttonVariants({\n                        color: 'ghost',\n                        size: 'icon-sm',\n                        className: 'mt-px mb-auto text-fd-muted-foreground',\n                      }),\n                    )}\n                  >\n                    <SidebarIcon />\n                  </SidebarCollapseTrigger>\n                )}\n              </div>\n            )}\n            {tabs.length > 0 && (\n              <SidebarTabsDropdown\n                options={tabs}\n                className={cn(tabMode === 'navbar' && 'lg:hidden')}\n              />\n            )}\n          </Header>\n          {viewport}\n          <Footer>\n            {iconLinks.map((item, i) => (\n              <LinkItem\n                key={i}\n                item={item}\n                className={cn(\n                  buttonVariants({\n                    size: 'icon-sm',\n                    color: 'ghost',\n                    className: 'lg:hidden',\n                  }),\n                )}\n                aria-label={item.label}\n              >\n                {item.icon}\n              </LinkItem>\n            ))}\n          </Footer>\n        </SidebarContent>\n        <SidebarDrawer {...rest}>\n          <Header>\n            <SidebarTrigger\n              className={cn(\n                buttonVariants({\n                  size: 'icon-sm',\n                  color: 'ghost',\n                  className: 'ms-auto text-fd-muted-foreground',\n                }),\n              )}\n            >\n              <X />\n            </SidebarTrigger>\n            {tabs.length > 0 && <SidebarTabsDropdown options={tabs} />}\n          </Header>\n          {viewport}\n          <Footer\n            className={cn(\n              'hidden flex-row items-center justify-end',\n              (i18n || themeSwitch.enabled !== false) && 'flex',\n              iconLinks.length > 0 && 'max-lg:flex',\n            )}\n          >\n            {iconLinks.map((item, i) => (\n              <LinkItem\n                key={i}\n                item={item}\n                className={cn(\n                  buttonVariants({\n                    size: 'icon-sm',\n                    color: 'ghost',\n                  }),\n                  'text-fd-muted-foreground lg:hidden',\n                  i === iconLinks.length - 1 && 'me-auto',\n                )}\n                aria-label={item.label}\n              >\n                {item.icon}\n              </LinkItem>\n            ))}\n            {i18n && (\n              <LanguageToggle>\n                <Languages className=\"size-4.5 text-fd-muted-foreground\" />\n              </LanguageToggle>\n            )}\n            {themeSwitch.enabled !== false &&\n              (themeSwitch.component ?? (\n                <ThemeToggle mode={themeSwitch.mode ?? 'light-dark-system'} />\n              ))}\n          </Footer>\n        </SidebarDrawer>\n      </>\n    );\n  }\n\n  return (\n    <TreeContextProvider tree={tree}>\n      <LayoutContextProvider\n        navMode={nav.mode ?? 'auto'}\n        tabMode={tabMode}\n        navTransparentMode={nav.transparentMode}\n      >\n        <Sidebar defaultOpenLevel={defaultOpenLevel} prefetch={prefetch}>\n          <LayoutBody {...props.containerProps}>\n            {sidebar()}\n            <DocsNavbar {...props} links={links} tabs={tabs} />\n            {props.children}\n          </LayoutBody>\n        </Sidebar>\n      </LayoutContextProvider>\n    </TreeContextProvider>\n  );\n}\n\nfunction DocsNavbar({\n  links,\n  tabs,\n  tabMode = 'sidebar',\n  sidebar: { collapsible: sidebarCollapsible = true } = {},\n  searchToggle = {},\n  themeSwitch = {},\n  nav = {},\n  i18n,\n}: DocsLayoutProps & {\n  links: LinkItemType[];\n  tabs: SidebarTabWithProps[];\n}) {\n  const navMode = nav.mode ?? 'auto';\n  const showLayoutTabs = tabMode === 'navbar' && tabs.length > 0;\n\n  return (\n    <LayoutHeader\n      id=\"nd-subnav\"\n      className={cn(\n        'sticky [grid-area:header] flex flex-col top-(--fd-docs-row-1) z-10 backdrop-blur-sm transition-colors data-[transparent=false]:bg-fd-background/80 layout:[--fd-header-height:--spacing(14)]',\n        showLayoutTabs && 'lg:layout:[--fd-header-height:--spacing(24)]',\n      )}\n    >\n      <div data-header-body=\"\" className=\"flex border-b px-4 gap-2 h-14 md:px-6\">\n        <div\n          className={cn(\n            'items-center',\n            navMode === 'top' && 'flex flex-1',\n            navMode === 'auto' && 'hidden has-data-[collapsed=true]:md:flex max-md:flex',\n          )}\n        >\n          {sidebarCollapsible && navMode === 'auto' && (\n            <SidebarCollapseTrigger\n              className={cn(\n                buttonVariants({\n                  color: 'ghost',\n                  size: 'icon-sm',\n                }),\n                'text-fd-muted-foreground data-[collapsed=false]:hidden max-md:hidden',\n              )}\n            >\n              <SidebarIcon />\n            </SidebarCollapseTrigger>\n          )}\n          {renderTitleNav(nav, {\n            className: cn(\n              'inline-flex items-center gap-2.5 font-semibold',\n              navMode === 'auto' && 'md:hidden',\n            ),\n          })}\n          {nav.children}\n        </div>\n        {searchToggle.enabled !== false &&\n          (searchToggle.components?.lg ? (\n            <div\n              className={cn(\n                'w-full my-auto max-md:hidden',\n                navMode === 'top' ? 'rounded-xl max-w-sm' : 'max-w-[240px]',\n              )}\n            >\n              {searchToggle.components.lg}\n            </div>\n          ) : (\n            <LargeSearchToggle\n              hideIfDisabled\n              className={cn(\n                'w-full my-auto max-md:hidden',\n                navMode === 'top' ? 'rounded-xl max-w-sm ps-2.5' : 'max-w-[240px]',\n              )}\n            />\n          ))}\n        <div className=\"flex flex-1 items-center justify-end md:gap-2\">\n          <div className=\"flex items-center gap-6 empty:hidden max-lg:hidden\">\n            {links\n              .filter((item) => item.type !== 'icon')\n              .map((item, i) => (\n                <NavbarLinkItem key={i} item={item} />\n              ))}\n          </div>\n          {links\n            .filter((item) => item.type === 'icon')\n            .map((item, i) => (\n              <LinkItem\n                key={i}\n                item={item}\n                className={cn(\n                  buttonVariants({ size: 'icon-sm', color: 'ghost' }),\n                  'text-fd-muted-foreground max-lg:hidden',\n                )}\n                aria-label={item.label}\n              >\n                {item.icon}\n              </LinkItem>\n            ))}\n\n          <div className=\"flex items-center md:hidden\">\n            {searchToggle.enabled !== false &&\n              (searchToggle.components?.sm ?? <SearchToggle hideIfDisabled className=\"p-2\" />)}\n            <SidebarTrigger\n              className={cn(\n                buttonVariants({\n                  color: 'ghost',\n                  size: 'icon-sm',\n                  className: 'p-2 -me-1.5',\n                }),\n              )}\n            >\n              <SidebarIcon />\n            </SidebarTrigger>\n          </div>\n\n          <div className=\"flex items-center gap-2 max-md:hidden\">\n            {i18n && (\n              <LanguageToggle>\n                <Languages className=\"size-4.5 text-fd-muted-foreground\" />\n              </LanguageToggle>\n            )}\n            {themeSwitch.enabled !== false &&\n              (themeSwitch.component ?? (\n                <ThemeToggle mode={themeSwitch.mode ?? 'light-dark-system'} />\n              ))}\n            {sidebarCollapsible && navMode === 'top' && (\n              <SidebarCollapseTrigger\n                className={cn(\n                  buttonVariants({\n                    color: 'secondary',\n                    size: 'icon-sm',\n                  }),\n                  'text-fd-muted-foreground rounded-full -me-1.5',\n                )}\n              >\n                <SidebarIcon />\n              </SidebarCollapseTrigger>\n            )}\n          </div>\n        </div>\n      </div>\n      {showLayoutTabs && (\n        <LayoutHeaderTabs\n          data-header-tabs=\"\"\n          className=\"overflow-x-auto border-b px-6 h-10 max-lg:hidden\"\n          options={tabs}\n        />\n      )}\n    </LayoutHeader>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["props","SidebarIcon","TreeContextProvider","Sidebar"],"sources":["../../../src/layouts/notebook/index.tsx"],"sourcesContent":["import { type ComponentProps, type FC, type HTMLAttributes, type ReactNode, useMemo } from 'react';\nimport { type BaseLayoutProps, renderTitleNav, useLinkItems } from '@/layouts/shared';\nimport {\n  Sidebar,\n  SidebarCollapseTrigger,\n  SidebarContent,\n  SidebarDrawer,\n  SidebarLinkItem,\n  SidebarPageTree,\n  SidebarTrigger,\n  SidebarViewport,\n} from './sidebar';\nimport { TreeContextProvider } from '@/contexts/tree';\nimport { cn } from '@fumadocs/ui/cn';\nimport { buttonVariants } from '@/components/ui/button';\nimport { Languages, Sidebar as SidebarIcon, X } from 'lucide-react';\nimport { LanguageToggle } from '@/layouts/shared/language-toggle';\nimport { ThemeToggle } from '@/layouts/shared/theme-toggle';\nimport type * as PageTree from 'fumadocs-core/page-tree';\nimport {\n  LayoutBody,\n  LayoutContextProvider,\n  LayoutHeader,\n  LayoutHeaderTabs,\n  NavbarLinkItem,\n} from '@/layouts/notebook/client';\nimport { LargeSearchToggle, SearchToggle } from '@/layouts/shared/search-toggle';\nimport { LinkItem, type LinkItemType } from '@fumadocs/ui/link-item';\nimport type { SidebarPageTreeComponents } from '@/components/sidebar/page-tree';\nimport { getSidebarTabs, type GetSidebarTabsOptions } from '@/components/sidebar/tabs';\nimport { SidebarTabsDropdown, type SidebarTabWithProps } from '@/components/sidebar/tabs/dropdown';\n\nexport interface DocsLayoutProps extends BaseLayoutProps {\n  tree: PageTree.Root;\n  tabMode?: 'sidebar' | 'navbar';\n\n  nav?: BaseLayoutProps['nav'] & {\n    mode?: 'top' | 'auto';\n  };\n\n  sidebar?: SidebarOptions;\n\n  containerProps?: HTMLAttributes<HTMLDivElement>;\n}\n\ninterface SidebarOptions\n  extends\n    ComponentProps<'aside'>,\n    Pick<ComponentProps<typeof Sidebar>, 'defaultOpenLevel' | 'prefetch'> {\n  components?: Partial<SidebarPageTreeComponents>;\n\n  /**\n   * Root Toggle options\n   */\n  tabs?: SidebarTabWithProps[] | GetSidebarTabsOptions | false;\n\n  banner?: ReactNode | FC<ComponentProps<'div'>>;\n  footer?: ReactNode | FC<ComponentProps<'div'>>;\n\n  /**\n   * Support collapsing the sidebar on desktop mode\n   *\n   * @defaultValue true\n   */\n  collapsible?: boolean;\n}\n\nexport function DocsLayout(props: DocsLayoutProps) {\n  const {\n    tabMode = 'sidebar',\n    nav = {},\n    sidebar: { tabs: tabOptions, defaultOpenLevel, prefetch, ...sidebarProps } = {},\n    i18n = false,\n    themeSwitch = {},\n    tree,\n  } = props;\n\n  const navMode = nav.mode ?? 'auto';\n  const { menuItems, navItems } = useLinkItems(props);\n  const tabs = useMemo(() => {\n    if (Array.isArray(tabOptions)) {\n      return tabOptions;\n    }\n\n    if (typeof tabOptions === 'object') {\n      return getSidebarTabs(tree, tabOptions);\n    }\n\n    if (tabOptions !== false) {\n      return getSidebarTabs(tree);\n    }\n\n    return [];\n  }, [tabOptions, tree]);\n\n  function sidebar() {\n    const { banner, footer, components, collapsible = true, ...rest } = sidebarProps;\n\n    const iconLinks = menuItems.filter((item) => item.type === 'icon');\n    const Header =\n      typeof banner === 'function'\n        ? banner\n        : ({ className, ...props }: ComponentProps<'div'>) => (\n            <div className={cn('flex flex-col gap-3 p-4 pb-2 empty:hidden', className)} {...props}>\n              {props.children}\n              {banner}\n            </div>\n          );\n    const Footer =\n      typeof footer === 'function'\n        ? footer\n        : ({ className, ...props }: ComponentProps<'div'>) => (\n            <div\n              className={cn(\n                'hidden flex-row text-fd-muted-foreground items-center border-t p-4 pt-2',\n                iconLinks.length > 0 && 'max-lg:flex',\n                className,\n              )}\n              {...props}\n            >\n              {props.children}\n              {footer}\n            </div>\n          );\n    const viewport = (\n      <SidebarViewport>\n        {menuItems\n          .filter((item) => item.type !== 'icon')\n          .map((item, i, arr) => (\n            <SidebarLinkItem\n              key={i}\n              item={item}\n              className={cn('lg:hidden', i === arr.length - 1 && 'mb-4')}\n            />\n          ))}\n\n        <SidebarPageTree {...components} />\n      </SidebarViewport>\n    );\n\n    return (\n      <>\n        <SidebarContent {...rest}>\n          <Header>\n            {navMode === 'auto' && (\n              <div className=\"flex justify-between\">\n                {renderTitleNav(nav, {\n                  className: 'inline-flex items-center gap-2.5 font-medium',\n                })}\n                {collapsible && (\n                  <SidebarCollapseTrigger\n                    className={cn(\n                      buttonVariants({\n                        color: 'ghost',\n                        size: 'icon-sm',\n                        className: 'mt-px mb-auto text-fd-muted-foreground',\n                      }),\n                    )}\n                  >\n                    <SidebarIcon />\n                  </SidebarCollapseTrigger>\n                )}\n              </div>\n            )}\n            {tabs.length > 0 && (\n              <SidebarTabsDropdown\n                options={tabs}\n                className={cn(tabMode === 'navbar' && 'lg:hidden')}\n              />\n            )}\n          </Header>\n          {viewport}\n          <Footer>\n            {iconLinks.map((item, i) => (\n              <LinkItem\n                key={i}\n                item={item}\n                className={cn(\n                  buttonVariants({\n                    size: 'icon-sm',\n                    color: 'ghost',\n                    className: 'lg:hidden',\n                  }),\n                )}\n                aria-label={item.label}\n              >\n                {item.icon}\n              </LinkItem>\n            ))}\n          </Footer>\n        </SidebarContent>\n        <SidebarDrawer {...rest}>\n          <Header>\n            <SidebarTrigger\n              className={cn(\n                buttonVariants({\n                  size: 'icon-sm',\n                  color: 'ghost',\n                  className: 'ms-auto text-fd-muted-foreground',\n                }),\n              )}\n            >\n              <X />\n            </SidebarTrigger>\n            {tabs.length > 0 && <SidebarTabsDropdown options={tabs} />}\n          </Header>\n          {viewport}\n          <Footer\n            className={cn(\n              'hidden flex-row items-center justify-end',\n              (i18n || themeSwitch.enabled !== false) && 'flex',\n              iconLinks.length > 0 && 'max-lg:flex',\n            )}\n          >\n            {iconLinks.map((item, i) => (\n              <LinkItem\n                key={i}\n                item={item}\n                className={cn(\n                  buttonVariants({\n                    size: 'icon-sm',\n                    color: 'ghost',\n                  }),\n                  'text-fd-muted-foreground lg:hidden',\n                  i === iconLinks.length - 1 && 'me-auto',\n                )}\n                aria-label={item.label}\n              >\n                {item.icon}\n              </LinkItem>\n            ))}\n            {i18n && (\n              <LanguageToggle>\n                <Languages className=\"size-4.5 text-fd-muted-foreground\" />\n              </LanguageToggle>\n            )}\n            {themeSwitch.enabled !== false &&\n              (themeSwitch.component ?? (\n                <ThemeToggle mode={themeSwitch.mode ?? 'light-dark-system'} />\n              ))}\n          </Footer>\n        </SidebarDrawer>\n      </>\n    );\n  }\n\n  return (\n    <TreeContextProvider tree={tree}>\n      <LayoutContextProvider\n        navMode={nav.mode ?? 'auto'}\n        tabMode={tabMode}\n        navTransparentMode={nav.transparentMode}\n      >\n        <Sidebar defaultOpenLevel={defaultOpenLevel} prefetch={prefetch}>\n          <LayoutBody {...props.containerProps}>\n            {sidebar()}\n            <DocsNavbar {...props} links={navItems} tabs={tabs} />\n            {props.children}\n          </LayoutBody>\n        </Sidebar>\n      </LayoutContextProvider>\n    </TreeContextProvider>\n  );\n}\n\nfunction DocsNavbar({\n  links,\n  tabs,\n  tabMode = 'sidebar',\n  sidebar: { collapsible: sidebarCollapsible = true } = {},\n  searchToggle = {},\n  themeSwitch = {},\n  nav = {},\n  i18n,\n}: DocsLayoutProps & {\n  links: LinkItemType[];\n  tabs: SidebarTabWithProps[];\n}) {\n  const navMode = nav.mode ?? 'auto';\n  const showLayoutTabs = tabMode === 'navbar' && tabs.length > 0;\n\n  return (\n    <LayoutHeader\n      id=\"nd-subnav\"\n      className={cn(\n        'sticky [grid-area:header] flex flex-col top-(--fd-docs-row-1) z-10 backdrop-blur-sm transition-colors data-[transparent=false]:bg-fd-background/80 layout:[--fd-header-height:--spacing(14)]',\n        showLayoutTabs && 'lg:layout:[--fd-header-height:--spacing(24)]',\n      )}\n    >\n      <div data-header-body=\"\" className=\"flex border-b px-4 gap-2 h-14 md:px-6\">\n        <div\n          className={cn(\n            'items-center',\n            navMode === 'top' && 'flex flex-1',\n            navMode === 'auto' && 'hidden has-data-[collapsed=true]:md:flex max-md:flex',\n          )}\n        >\n          {sidebarCollapsible && navMode === 'auto' && (\n            <SidebarCollapseTrigger\n              className={cn(\n                buttonVariants({\n                  color: 'ghost',\n                  size: 'icon-sm',\n                }),\n                'text-fd-muted-foreground data-[collapsed=false]:hidden max-md:hidden',\n              )}\n            >\n              <SidebarIcon />\n            </SidebarCollapseTrigger>\n          )}\n          {renderTitleNav(nav, {\n            className: cn(\n              'inline-flex items-center gap-2.5 font-semibold',\n              navMode === 'auto' && 'md:hidden',\n            ),\n          })}\n          {nav.children}\n        </div>\n        {searchToggle.enabled !== false &&\n          (searchToggle.components?.lg ? (\n            <div\n              className={cn(\n                'w-full my-auto max-md:hidden',\n                navMode === 'top' ? 'rounded-xl max-w-sm' : 'max-w-[240px]',\n              )}\n            >\n              {searchToggle.components.lg}\n            </div>\n          ) : (\n            <LargeSearchToggle\n              hideIfDisabled\n              className={cn(\n                'w-full my-auto max-md:hidden',\n                navMode === 'top' ? 'rounded-xl max-w-sm ps-2.5' : 'max-w-[240px]',\n              )}\n            />\n          ))}\n        <div className=\"flex flex-1 items-center justify-end md:gap-2\">\n          <div className=\"flex items-center gap-6 empty:hidden max-lg:hidden\">\n            {links\n              .filter((item) => item.type !== 'icon')\n              .map((item, i) => (\n                <NavbarLinkItem key={i} item={item} />\n              ))}\n          </div>\n          {links\n            .filter((item) => item.type === 'icon')\n            .map((item, i) => (\n              <LinkItem\n                key={i}\n                item={item}\n                className={cn(\n                  buttonVariants({ size: 'icon-sm', color: 'ghost' }),\n                  'text-fd-muted-foreground max-lg:hidden',\n                )}\n                aria-label={item.label}\n              >\n                {item.icon}\n              </LinkItem>\n            ))}\n\n          <div className=\"flex items-center md:hidden\">\n            {searchToggle.enabled !== false &&\n              (searchToggle.components?.sm ?? <SearchToggle hideIfDisabled className=\"p-2\" />)}\n            <SidebarTrigger\n              className={cn(\n                buttonVariants({\n                  color: 'ghost',\n                  size: 'icon-sm',\n                  className: 'p-2 -me-1.5',\n                }),\n              )}\n            >\n              <SidebarIcon />\n            </SidebarTrigger>\n          </div>\n\n          <div className=\"flex items-center gap-2 max-md:hidden\">\n            {i18n && (\n              <LanguageToggle>\n                <Languages className=\"size-4.5 text-fd-muted-foreground\" />\n              </LanguageToggle>\n            )}\n            {themeSwitch.enabled !== false &&\n              (themeSwitch.component ?? (\n                <ThemeToggle mode={themeSwitch.mode ?? 'light-dark-system'} />\n              ))}\n            {sidebarCollapsible && navMode === 'top' && (\n              <SidebarCollapseTrigger\n                className={cn(\n                  buttonVariants({\n                    color: 'secondary',\n                    size: 'icon-sm',\n                  }),\n                  'text-fd-muted-foreground rounded-full -me-1.5',\n                )}\n              >\n                <SidebarIcon />\n              </SidebarCollapseTrigger>\n            )}\n          </div>\n        </div>\n      </div>\n      {showLayoutTabs && (\n        <LayoutHeaderTabs\n          data-header-tabs=\"\"\n          className=\"overflow-x-auto border-b px-6 h-10 max-lg:hidden\"\n          options={tabs}\n        />\n      )}\n    </LayoutHeader>\n  );\n}\n"],"mappings":"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"}

package/dist/layouts/notebook/page/client.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime121 from "react/jsx-runtime";
+import * as react_jsx_runtime109 from "react/jsx-runtime";
 import { ComponentProps } from "react";
 import { BreadcrumbOptions } from "fumadocs-core/breadcrumb";
 import * as PageTree from "fumadocs-core/page-tree";
@@ -8,18 +8,18 @@ declare function PageTOCPopover({
   className,
   children,
   ...rest
-}: ComponentProps<'div'>): react_jsx_runtime121.JSX.Element;
+}: ComponentProps<'div'>): react_jsx_runtime109.JSX.Element;
 declare function PageTOCPopoverTrigger({
   className,
   ...props
-}: ComponentProps<'button'>): react_jsx_runtime121.JSX.Element;
-declare function PageTOCPopoverContent(props: ComponentProps<'div'>): react_jsx_runtime121.JSX.Element;
+}: ComponentProps<'button'>): react_jsx_runtime109.JSX.Element;
+declare function PageTOCPopoverContent(props: ComponentProps<'div'>): react_jsx_runtime109.JSX.Element;
 declare function PageLastUpdate({
   date: value,
   ...props
 }: Omit<ComponentProps<'p'>, 'children'> & {
   date: Date;
-}): react_jsx_runtime121.JSX.Element;
+}): react_jsx_runtime109.JSX.Element;
 type Item = Pick<PageTree.Item, 'name' | 'description' | 'url'>;
 interface FooterProps extends ComponentProps<'div'> {
   /**
@@ -35,14 +35,14 @@ declare function PageFooter({
   children,
   className,
   ...props
-}: FooterProps): react_jsx_runtime121.JSX.Element;
+}: FooterProps): react_jsx_runtime109.JSX.Element;
 type BreadcrumbProps = BreadcrumbOptions & ComponentProps<'div'>;
 declare function PageBreadcrumb({
   includeRoot,
   includeSeparator,
   includePage,
   ...props
-}: BreadcrumbProps): react_jsx_runtime121.JSX.Element | null;
+}: BreadcrumbProps): react_jsx_runtime109.JSX.Element | null;
 //#endregion
 export { BreadcrumbProps, FooterProps, PageBreadcrumb, PageFooter, PageLastUpdate, PageTOCPopover, PageTOCPopoverContent, PageTOCPopoverTrigger };
 //# sourceMappingURL=client.d.ts.map

package/dist/layouts/notebook/page/index.d.ts

@@ -1,5 +1,5 @@
 import { BreadcrumbProps, FooterProps, PageBreadcrumb, PageLastUpdate } from "./client.js";
-import * as react_jsx_runtime59 from "react/jsx-runtime";
+import * as react_jsx_runtime115 from "react/jsx-runtime";
 import { ComponentProps, ReactNode } from "react";
 import { AnchorProviderProps, TOCItemType } from "fumadocs-core/toc";
 
@@ -81,7 +81,7 @@ declare function DocsPage({
   children,
   className
 }: DocsPageProps): ReactNode;
-declare function EditOnGitHub(props: ComponentProps<'a'>): react_jsx_runtime59.JSX.Element;
+declare function EditOnGitHub(props: ComponentProps<'a'>): react_jsx_runtime115.JSX.Element;
 /**
  * Add typography styles
  */
@@ -89,17 +89,17 @@ declare function DocsBody({
   children,
   className,
   ...props
-}: ComponentProps<'div'>): react_jsx_runtime59.JSX.Element;
+}: ComponentProps<'div'>): react_jsx_runtime115.JSX.Element;
 declare function DocsDescription({
   children,
   className,
   ...props
-}: ComponentProps<'p'>): react_jsx_runtime59.JSX.Element | null;
+}: ComponentProps<'p'>): react_jsx_runtime115.JSX.Element | null;
 declare function DocsTitle({
   children,
   className,
   ...props
-}: ComponentProps<'h1'>): react_jsx_runtime59.JSX.Element;
+}: ComponentProps<'h1'>): react_jsx_runtime115.JSX.Element;
 //#endregion
 export { DocsBody, DocsDescription, DocsPage, DocsPageProps, DocsTitle, EditOnGitHub, PageBreadcrumb, PageLastUpdate };
 //# sourceMappingURL=index.d.ts.map

package/dist/layouts/notebook/page/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/layouts/notebook/page/index.tsx"],"sourcesContent":[],"mappings":";;;;;;UAmBU,iBAAA,SAA0B;;aAEvB;AAP6D;AAKvB,UAKzC,aAAA,SAAsB,WAAA,CAAA;EAKf,OAAA,EAAA,OAAa;EACtB,SAAA,EAJK,SAIL;;AACW,UAFF,aAAA,CAEE;EACe,GAAA,CAAA,EAF1B,WAE0B,EAAA;EAAR,cAAA,CAAA,EADP,OACO,CADC,qBACD,CAAA;EAYH,qBAAA,CAAA,EAZG,OAYH,CAZW,4BAYX,CAAA;EAAR;;;;;EAiBV,IAAA,CAAA,EAAA,OAAA;EAA6B;;;EASvB,UAAA,CAAA,EA1BI,OA0BJ,CA1BY,iBA0BZ,CAAA;EAGE;;AAAS;AAUtB;;EAC8D,MAAA,CAAA,EAjCnD,OAiCmD,CAjC3C,aAiC2C,CAAA;EACzC,QAAA,CAAA,EAhCR,SAgCQ;EAA0B;;;EAIhC,SAAA,CAAA,EAAA,MAAA;;KA5BV,qBAAA,GAAwB,IA+BuB,CA/BlB,mBA+BkB,EAAA,QAAA,CAAA,GAAA;EAClD;;;EAGC,MAAA,CAAA,EA/BQ,SA+BR;EAAa;;AA4EhB;EA4BgB,MAAA,CAAA,EAlIL,SAkIa;EAAG,OAAA,EAAA,OAAA;EAAU,SAAA,EA/HxB,SA+HwB;EAAuB;;;EAQ5C,KAAA,CAAA,EAAA,QAAA,GAAe,OAAA;CAAG;KA/H7B,4BAAA,GAA+B,IA+HQ,CA/HH,qBA+HG,EAAA,QAAA,CAAA;AAAuB,iBA7HnD,QAAA,CA6HmD;EAAA,UAAA,EAAA;IAAA,OAAA,EA5H1C,iBA4H0C;IAAA,SAAA,EA5HL,UA4HK;IAAA,GAAA;EAAA,CAAA;EAAA,MAAA,EAAA;IAAA,OAAA,EA3H9C,aA2H8C;IAAA,SAAA,EA3HpB,aA2HoB;IAAA,GAAA;EAAA,CAAA;EAAA,IAAA;EAAA,qBAAA,EAAA;IAAA,OAAA,EAxHtD,iBAwHsD;IAAA,SAAA,EAvHpD,UAuHoD;IAAA,GAAA;EAAA,CAAA;EAAA,cAAA,EAAA;IAAA,OAAA,EApHtC,UAoHsC;IAAA,SAAA,EApHf,UAoHe;IAAA,GAAA;EAAA,CAAA;EAAA,GAAA;EAAA,QAAA;EAAA;AAAA,CAAA,EAhHhE,aAgHgE,CAAA,EAhHnD,SAgHmD;AAAmB,iBApCtE,YAAA,CAoCsE,KAAA,EApClD,cAoCkD,CAAA,GAAA,CAAA,CAAA,EApC/B,mBAAA,CAAA,GAAA,CAAA,OAoC+B;;AAWtF;;AAAsC,iBAnBtB,QAAA,CAmBsB;EAAA,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAnBsB,cAmBtB,CAAA,KAAA,CAAA,CAAA,EAnB2C,mBAAA,CAAA,GAAA,CAAA,OAmB3C;AAAuB,iBAX7C,eAAA,CAW6C;EAAA,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAXM,cAWN,CAAA,GAAA,CAAA,CAAA,EAXyB,mBAAA,CAAA,GAAA,CAAA,OAAA,GAWzB,IAAA;AAAoB,iBAAjE,SAAA,CAAiE;EAAA,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAApB,cAAoB,CAAA,IAAA,CAAA,CAAA,EAAA,mBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/layouts/notebook/page/index.tsx"],"sourcesContent":[],"mappings":";;;;;;UAmBU,iBAAA,SAA0B;;aAEvB;AAP6D;AAKvB,UAKzC,aAAA,SAAsB,WAEnB,CAFmB;EAKf,OAAA,EAAA,OAAa;EACtB,SAAA,EAJK,SAIL;;AACW,UAFF,aAAA,CAEE;EACe,GAAA,CAAA,EAF1B,WAE0B,EAAA;EAAR,cAAA,CAAA,EADP,OACO,CADC,qBACD,CAAA;EAYH,qBAAA,CAAA,EAZG,OAYH,CAZW,4BAYX,CAAA;EAAR;;;;;EAiBV,IAAA,CAAA,EAAA,OAAA;EAA6B;;;EASvB,UAAA,CAAA,EA1BI,OA0BJ,CA1BY,iBA0BZ,CAAA;EAGE;;AAAS;AAUtB;;EAC8D,MAAA,CAAA,EAjCnD,OAiCmD,CAjC3C,aAiC2C,CAAA;EACzC,QAAA,CAAA,EAhCR,SAgCQ;EAA0B;;;EAIhC,SAAA,CAAA,EAAA,MAAA;;KA5BV,qBAAA,GAAwB,IA+BuB,CA/BlB,mBA+BkB,EAAA,QAAA,CAAA,GAAA;EAClD;;;EAGC,MAAA,CAAA,EA/BQ,SA+BR;EAAa;;AA4EhB;EA4BgB,MAAA,CAAA,EAlIL,SAkIa;EAAG,OAAA,EAAA,OAAA;EAAU,SAAA,EA/HxB,SA+HwB;EAAuB;;;EAQ5C,KAAA,CAAA,EAAA,QAAA,GAAe,OAAA;CAAG;KA/H7B,4BAAA,GAA+B,IA+HQ,CA/HH,qBA+HG,EAAA,QAAA,CAAA;AAAuB,iBA7HnD,QAAA,CA6HmD;EAAA,UAAA,EAAA;IAAA,OAAA,EA5H1C,iBA4H0C;IAAA,SAAA,EA5HL,UA4HK;IAAA,GAAA;EAAA,CAAA;EAAA,MAAA,EAAA;IAAA,OAAA,EA3H9C,aA2H8C;IAAA,SAAA,EA3HpB,aA2HoB;IAAA,GAAA;EAAA,CAAA;EAAA,IAAA;EAAA,qBAAA,EAAA;IAAA,OAAA,EAxHtD,iBAwHsD;IAAA,SAAA,EAvHpD,UAuHoD;IAAA,GAAA;EAAA,CAAA;EAAA,cAAA,EAAA;IAAA,OAAA,EApHtC,UAoHsC;IAAA,SAAA,EApHf,UAoHe;IAAA,GAAA;EAAA,CAAA;EAAA,GAAA;EAAA,QAAA;EAAA;AAAA,CAAA,EAhHhE,aAgHgE,CAAA,EAhHnD,SAgHmD;AAAmB,iBApCtE,YAAA,CAoCsE,KAAA,EApClD,cAoCkD,CAAA,GAAA,CAAA,CAAA,EApC/B,oBAAA,CAAA,GAAA,CAAA,OAoC+B;;AAWtF;;AAAsC,iBAnBtB,QAAA,CAmBsB;EAAA,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAnBsB,cAmBtB,CAAA,KAAA,CAAA,CAAA,EAnB2C,oBAAA,CAAA,GAAA,CAAA,OAmB3C;AAAuB,iBAX7C,eAAA,CAW6C;EAAA,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAXM,cAWN,CAAA,GAAA,CAAA,CAAA,EAXyB,oBAAA,CAAA,GAAA,CAAA,OAAA,GAWzB,IAAA;AAAoB,iBAAjE,SAAA,CAAiE;EAAA,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAApB,cAAoB,CAAA,IAAA,CAAA,CAAA,EAAA,oBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/layouts/notebook/sidebar.d.ts

@@ -1,7 +1,7 @@
 import { SidebarCollapseTrigger as SidebarCollapseTrigger$1, SidebarDrawerContent, SidebarFolder as SidebarFolder$1, SidebarFolderContent as SidebarFolderContent$1, SidebarFolderLink as SidebarFolderLink$1, SidebarFolderTrigger as SidebarFolderTrigger$1, SidebarItem as SidebarItem$1, SidebarProvider, SidebarTrigger as SidebarTrigger$1, SidebarViewport as SidebarViewport$1 } from "../../components/sidebar/base.js";
 import { SidebarPageTreeComponents } from "../../components/sidebar/page-tree.js";
-import * as react_jsx_runtime40 from "react/jsx-runtime";
-import * as react4 from "react";
+import * as react_jsx_runtime119 from "react/jsx-runtime";
+import * as react10 from "react";
 import { ComponentProps } from "react";
 import * as _fumadocs_ui_link_item0 from "@fumadocs/ui/link-item";
 
@@ -12,48 +12,48 @@ declare function SidebarContent({
   className,
   children,
   ...props
-}: ComponentProps<'aside'>): react_jsx_runtime40.JSX.Element;
+}: ComponentProps<'aside'>): react_jsx_runtime119.JSX.Element;
 declare function SidebarDrawer({
   children,
   className,
   ...props
-}: ComponentProps<typeof SidebarDrawerContent>): react_jsx_runtime40.JSX.Element;
+}: ComponentProps<typeof SidebarDrawerContent>): react_jsx_runtime119.JSX.Element;
 declare function SidebarSeparator({
   className,
   style,
   children,
   ...props
-}: ComponentProps<'p'>): react_jsx_runtime40.JSX.Element;
+}: ComponentProps<'p'>): react_jsx_runtime119.JSX.Element;
 declare function SidebarItem({
   className,
   style,
   children,
   ...props
-}: ComponentProps<typeof SidebarItem$1>): react_jsx_runtime40.JSX.Element;
+}: ComponentProps<typeof SidebarItem$1>): react_jsx_runtime119.JSX.Element;
 declare function SidebarFolderTrigger({
   className,
   style,
   ...props
-}: ComponentProps<typeof SidebarFolderTrigger$1>): react_jsx_runtime40.JSX.Element;
+}: ComponentProps<typeof SidebarFolderTrigger$1>): react_jsx_runtime119.JSX.Element;
 declare function SidebarFolderLink({
   className,
   style,
   ...props
-}: ComponentProps<typeof SidebarFolderLink$1>): react_jsx_runtime40.JSX.Element;
+}: ComponentProps<typeof SidebarFolderLink$1>): react_jsx_runtime119.JSX.Element;
 declare function SidebarFolderContent({
   className,
   children,
   ...props
-}: ComponentProps<typeof SidebarFolderContent$1>): react_jsx_runtime40.JSX.Element;
-declare const SidebarPageTree: (components: Partial<SidebarPageTreeComponents>) => react_jsx_runtime40.JSX.Element;
+}: ComponentProps<typeof SidebarFolderContent$1>): react_jsx_runtime119.JSX.Element;
+declare const SidebarPageTree: (components: Partial<SidebarPageTreeComponents>) => react_jsx_runtime119.JSX.Element;
 declare const SidebarLinkItem: ({
   item,
   ...props
-}: react4.HTMLAttributes<HTMLElement> & {
+}: react10.HTMLAttributes<HTMLElement> & {
   item: Exclude<_fumadocs_ui_link_item0.LinkItemType, {
     type: "icon";
   }>;
-}) => react_jsx_runtime40.JSX.Element;
+}) => react_jsx_runtime119.JSX.Element;
 //#endregion
 export { Sidebar, SidebarCollapseTrigger, SidebarContent, SidebarDrawer, SidebarFolder, SidebarFolderContent, SidebarFolderLink, SidebarFolderTrigger, SidebarItem, SidebarLinkItem, SidebarPageTree, SidebarSeparator, SidebarTrigger, SidebarViewport };
 //# sourceMappingURL=sidebar.d.ts.map

package/dist/layouts/notebook/sidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.d.ts","names":[],"sources":["../../../src/layouts/notebook/sidebar.tsx"],"sourcesContent":[],"mappings":";;;;;;;;cA+BmB,gBAAO,uCACX,gDACS,kDACP,0CACD;iBAGA,cAAA;OACT;;;;GAIJ,0BAAuB,mBAAA,CAAA,GAAA,CAAA;iBA+CV,aAAA;;;;GAIb,sBAAsB,wBAA0B,mBAAA,CAAA,GAAA,CAAA;iBAiBnC,gBAAA;;;;;GAA2D,sBAAmB,mBAAA,CAAA,GAAA,CAAA;iBAiB9E,WAAA;;;;;GAKb,sBAAsB,iBAAiB,mBAAA,CAAA,GAAA,CAAA;iBAiB1B,oBAAA;;;;GAIb,sBAAsB,0BAA0B,mBAAA,CAAA,GAAA,CAAA;AA3HhC,iBAkJH,iBAAA,CAlJU;EAAA,SAAA;EAAA,KAAA;EAAA,GAAA;AAAA,CAAA,EAsJvB,cAtJuB,CAAA,OAsJD,mBAtJC,CAAA,CAAA,EAsJsB,mBAAA,CAAA,GAAA,CAAA,OAtJtB;AAAA,iBAuKV,oBAAA,CAvKU;EAAA,SAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EA2KvB,cA3KuB,CAAA,OA2KD,sBA3KC,CAAA,CAAA,EA2KyB,mBAAA,CAAA,GAAA,CAAA,OA3KzB;AACX,cA6LF,eA7LE,EAAA,CAAA,UAAA,EA6La,OA7Lb,CAoMb,yBAAA,CApMa,EAAA,GA6La,mBAAA,CAAA,GAAA,CAAA,OA7Lb;AACS,cAqMX,eArMW,EAAA,CAAA;EAAA,IAAA;EAAA,GAAA;CAAA,EAqMI,MAAA,CAAA,cArMJ,CAqMI,WArMJ,CAAA,GAAA;EACP,IAAA,SAAA,CAoMW,uBAAA,CAAA,YAAA,EApMX;IACD,IAAA,EAAA,MAAA;EACR,CAAA,CAAA;qCAJN"}
+{"version":3,"file":"sidebar.d.ts","names":[],"sources":["../../../src/layouts/notebook/sidebar.tsx"],"sourcesContent":[],"mappings":";;;;;;;;cA+BmB,gBAAO,uCACX,gDACS,kDACP,0CACD;iBAGA,cAAA;OACT;;;;GAIJ,0BAAuB,oBAAA,CAAA,GAAA,CAAA;iBA+CV,aAAA;;;;GAIb,sBAAsB,wBAA0B,oBAAA,CAAA,GAAA,CAAA;iBAiBnC,gBAAA;;;;;GAA2D,sBAAmB,oBAAA,CAAA,GAAA,CAAA;iBAiB9E,WAAA;;;;;GAKb,sBAAsB,iBAAiB,oBAAA,CAAA,GAAA,CAAA;iBAiB1B,oBAAA;;;;GAIb,sBAAsB,0BAA0B,oBAAA,CAAA,GAAA,CAAA;AA3HhC,iBAkJH,iBAAA,CAlJU;EAAA,SAAA;EAAA,KAAA;EAAA,GAAA;AAAA,CAAA,EAsJvB,cAtJuB,CAAA,OAsJD,mBAtJC,CAAA,CAAA,EAsJsB,oBAAA,CAAA,GAAA,CAAA,OAtJtB;AAAA,iBAuKV,oBAAA,CAvKU;EAAA,SAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EA2KvB,cA3KuB,CAAA,OA2KD,sBA3KC,CAAA,CAAA,EA2KyB,oBAAA,CAAA,GAAA,CAAA,OA3KzB;AACX,cA6LF,eA7LE,EAAA,CAAA,UAAA,EA6La,OA7Lb,CAoMb,yBAAA,CApMa,EAAA,GA6La,oBAAA,CAAA,GAAA,CAAA,OA7Lb;AACS,cAqMX,eArMW,EAAA,CAAA;EAAA,IAAA;EAAA,GAAA;CAAA,EAqMI,OAAA,CAAA,cArMJ,CAqMI,WArMJ,CAAA,GAAA;EACP,IAAA,SAAA,CAoMW,uBAAA,CAAA,YAAA,EApMX;IACD,IAAA,EAAA,MAAA;EACR,CAAA,CAAA;sCAJN"}