@hanzo/docs-radix-ui 16.4.3

package/dist/layouts/home/client.js

@@ -0,0 +1,262 @@
+'use client';
+
+import { buttonVariants } from "../../components/ui/button.js";
+import { NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport } from "../../components/ui/navigation-menu.js";
+import { renderTitleNav, resolveLinkItems } from "../shared/index.js";
+import { LanguageToggle, LanguageToggleText } from "../shared/language-toggle.js";
+import { ThemeToggle } from "../shared/theme-toggle.js";
+import { LargeSearchToggle, SearchToggle } from "../shared/search-toggle.js";
+import Link from "@hanzo/docs-core/link";
+import { cn } from "@hanzo/docs-ui/cn";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { ChevronDown, Languages } from "lucide-react";
+import { Fragment as Fragment$1, useMemo, useState } from "react";
+import { cva } from "class-variance-authority";
+import { useIsScrollTop } from "@hanzo/docs-ui/hooks/use-is-scroll-top";
+import { LinkItem } from "@hanzo/docs-ui/link-item";
+
+//#region src/layouts/home/client.tsx
+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",
+		button: buttonVariants({
+			color: "secondary",
+			className: "gap-1.5"
+		}),
+		icon: buttonVariants({
+			color: "ghost",
+			size: "icon"
+		})
+	} },
+	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]);
+	return /* @__PURE__ */ jsxs(HeaderNavigationMenu, {
+		transparentMode: nav.transparentMode,
+		children: [
+			renderTitleNav(nav, { className: "inline-flex items-center gap-2.5 font-semibold" }),
+			nav.children,
+			/* @__PURE__ */ jsx("ul", {
+				className: "flex flex-row items-center gap-2 px-6 max-sm:hidden",
+				children: navItems.filter((item) => !isSecondary(item)).map((item, i) => /* @__PURE__ */ jsx(NavigationMenuLinkItem, {
+					item,
+					className: "text-sm"
+				}, i))
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex flex-row items-center justify-end gap-1.5 flex-1 max-lg:hidden",
+				children: [
+					searchToggle.enabled !== false && (searchToggle.components?.lg ?? /* @__PURE__ */ jsx(LargeSearchToggle, {
+						className: "w-full rounded-full ps-2.5 max-w-[240px]",
+						hideIfDisabled: true
+					})),
+					themeSwitch.enabled !== false && (themeSwitch.component ?? /* @__PURE__ */ jsx(ThemeToggle, { mode: themeSwitch?.mode })),
+					i18n && /* @__PURE__ */ jsx(LanguageToggle, { children: /* @__PURE__ */ jsx(Languages, { className: "size-5" }) }),
+					/* @__PURE__ */ jsx("ul", {
+						className: "flex flex-row gap-2 items-center empty:hidden",
+						children: navItems.filter(isSecondary).map((item, i) => /* @__PURE__ */ jsx(NavigationMenuLinkItem, {
+							className: cn(item.type === "icon" && "-mx-1 first:ms-0 last:me-0"),
+							item
+						}, i))
+					})
+				]
+			}),
+			/* @__PURE__ */ jsxs("ul", {
+				className: "flex flex-row items-center ms-auto -me-1.5 lg:hidden",
+				children: [searchToggle.enabled !== false && (searchToggle.components?.sm ?? /* @__PURE__ */ jsx(SearchToggle, {
+					className: "p-2",
+					hideIfDisabled: true
+				})), /* @__PURE__ */ jsxs(NavigationMenuItem, { children: [/* @__PURE__ */ jsx(NavigationMenuTrigger, {
+					"aria-label": "Toggle Menu",
+					className: cn(buttonVariants({
+						size: "icon",
+						color: "ghost",
+						className: "group [&_svg]:size-5.5"
+					})),
+					onPointerMove: nav.enableHoverToOpen ? void 0 : (e) => e.preventDefault(),
+					children: /* @__PURE__ */ jsx(ChevronDown, { className: "transition-transform duration-300 group-data-[state=open]:rotate-180" })
+				}), /* @__PURE__ */ jsxs(NavigationMenuContent, {
+					className: "flex flex-col p-4 sm:flex-row sm:items-center sm:justify-end",
+					children: [menuItems.filter((item) => !isSecondary(item)).map((item, i) => /* @__PURE__ */ jsx(MobileNavigationMenuLinkItem, {
+						item,
+						className: "sm:hidden"
+					}, i)), /* @__PURE__ */ jsxs("div", {
+						className: "-ms-1.5 flex flex-row items-center gap-2 max-sm:mt-2",
+						children: [
+							menuItems.filter(isSecondary).map((item, i) => /* @__PURE__ */ jsx(MobileNavigationMenuLinkItem, {
+								item,
+								className: cn(item.type === "icon" && "-mx-1 first:ms-0")
+							}, i)),
+							/* @__PURE__ */ jsx("div", {
+								role: "separator",
+								className: "flex-1"
+							}),
+							i18n && /* @__PURE__ */ jsxs(LanguageToggle, { children: [
+								/* @__PURE__ */ jsx(Languages, { className: "size-5" }),
+								/* @__PURE__ */ jsx(LanguageToggleText, {}),
+								/* @__PURE__ */ jsx(ChevronDown, { className: "size-3 text-fd-muted-foreground" })
+							] }),
+							themeSwitch.enabled !== false && (themeSwitch.component ?? /* @__PURE__ */ jsx(ThemeToggle, { mode: themeSwitch?.mode }))
+						]
+					})]
+				})] })]
+			})
+		]
+	});
+}
+function isSecondary(item) {
+	if ("secondary" in item && item.secondary != null) return item.secondary;
+	return item.type === "icon";
+}
+function HeaderNavigationMenu({ transparentMode = "none", ...props }) {
+	const [value, setValue] = useState("");
+	const isTop = useIsScrollTop({ enabled: transparentMode === "top" }) ?? true;
+	const isTransparent = transparentMode === "top" ? isTop : transparentMode === "always";
+	return /* @__PURE__ */ jsx(NavigationMenu, {
+		value,
+		onValueChange: setValue,
+		asChild: true,
+		children: /* @__PURE__ */ jsx("header", {
+			id: "nd-nav",
+			...props,
+			className: cn("sticky h-14 top-0 z-40", props.className),
+			children: /* @__PURE__ */ jsxs("div", {
+				className: cn("backdrop-blur-lg border-b transition-colors *:mx-auto *:max-w-(--fd-layout-width)", value.length > 0 && "max-lg:shadow-lg max-lg:rounded-b-2xl", (!isTransparent || value.length > 0) && "bg-fd-background/80"),
+				children: [/* @__PURE__ */ jsx(NavigationMenuList, {
+					className: "flex h-14 w-full items-center px-4",
+					asChild: true,
+					children: /* @__PURE__ */ jsx("nav", { children: props.children })
+				}), /* @__PURE__ */ jsx(NavigationMenuViewport, {})]
+			})
+		})
+	});
+}
+function NavigationMenuLinkItem({ item, ...props }) {
+	if (item.type === "custom") return /* @__PURE__ */ jsx("div", {
+		...props,
+		children: item.children
+	});
+	if (item.type === "menu") {
+		const children = item.items.map((child, j) => {
+			if (child.type === "custom") return /* @__PURE__ */ jsx(Fragment$1, { children: child.children }, j);
+			const { banner = child.icon ? /* @__PURE__ */ jsx("div", {
+				className: "w-fit rounded-md border bg-fd-muted p-1 [&_svg]:size-4",
+				children: child.icon
+			}) : null, ...rest } = child.menu ?? {};
+			return /* @__PURE__ */ jsx(NavigationMenuLink, {
+				asChild: true,
+				children: /* @__PURE__ */ jsx(Link, {
+					href: child.url,
+					external: child.external,
+					...rest,
+					className: cn("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", rest.className),
+					children: rest.children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
+						banner,
+						/* @__PURE__ */ jsx("p", {
+							className: "text-base font-medium",
+							children: child.text
+						}),
+						/* @__PURE__ */ jsx("p", {
+							className: "text-sm text-fd-muted-foreground empty:hidden",
+							children: child.description
+						})
+					] })
+				})
+			}, `${j}-${child.url}`);
+		});
+		return /* @__PURE__ */ jsxs(NavigationMenuItem, {
+			...props,
+			children: [/* @__PURE__ */ jsx(NavigationMenuTrigger, {
+				className: cn(navItemVariants(), "rounded-md"),
+				children: item.url ? /* @__PURE__ */ jsx(Link, {
+					href: item.url,
+					external: item.external,
+					children: item.text
+				}) : item.text
+			}), /* @__PURE__ */ jsx(NavigationMenuContent, {
+				className: "grid grid-cols-1 gap-2 p-4 md:grid-cols-2 lg:grid-cols-3",
+				children
+			})]
+		});
+	}
+	return /* @__PURE__ */ jsx(NavigationMenuItem, {
+		...props,
+		children: /* @__PURE__ */ jsx(NavigationMenuLink, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx(LinkItem, {
+				item,
+				"aria-label": item.type === "icon" ? item.label : void 0,
+				className: cn(navItemVariants({ variant: item.type })),
+				children: item.type === "icon" ? item.icon : item.text
+			})
+		})
+	});
+}
+function MobileNavigationMenuLinkItem({ item, ...props }) {
+	if (item.type === "custom") return /* @__PURE__ */ jsx("div", {
+		className: cn("grid", props.className),
+		children: item.children
+	});
+	if (item.type === "menu") {
+		const header = /* @__PURE__ */ jsxs(Fragment, { children: [item.icon, item.text] });
+		return /* @__PURE__ */ jsxs("div", {
+			className: cn("mb-4 flex flex-col", props.className),
+			children: [/* @__PURE__ */ jsx("p", {
+				className: "mb-1 text-sm text-fd-muted-foreground",
+				children: item.url ? /* @__PURE__ */ jsx(NavigationMenuLink, {
+					asChild: true,
+					children: /* @__PURE__ */ jsx(Link, {
+						href: item.url,
+						external: item.external,
+						children: header
+					})
+				}) : header
+			}), item.items.map((child, i) => /* @__PURE__ */ jsx(MobileNavigationMenuLinkItem, { item: child }, i))]
+		});
+	}
+	return /* @__PURE__ */ jsx(NavigationMenuLink, {
+		asChild: true,
+		children: /* @__PURE__ */ jsxs(LinkItem, {
+			item,
+			className: cn({
+				main: "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",
+				icon: buttonVariants({
+					size: "icon",
+					color: "ghost"
+				}),
+				button: buttonVariants({
+					color: "secondary",
+					className: "gap-1.5 [&_svg]:size-4"
+				})
+			}[item.type ?? "main"], props.className),
+			"aria-label": item.type === "icon" ? item.label : void 0,
+			children: [item.icon, item.type === "icon" ? void 0 : item.text]
+		})
+	});
+}
+
+//#endregion
+export { Header, navItemVariants };
+//# sourceMappingURL=client.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"client.js","names":["navItems: LinkItemType[]","menuItems: LinkItemType[]","Fragment"],"sources":["../../../src/layouts/home/client.tsx"],"sourcesContent":["'use client';\nimport { type ComponentProps, Fragment, useMemo, useState } from 'react';\nimport { cva } from 'class-variance-authority';\nimport Link from '@hanzo/docs-core/link';\nimport { cn } from '@hanzo/docs-ui/cn';\nimport {\n  type LinkItemType,\n  type NavOptions,\n  renderTitleNav,\n  resolveLinkItems,\n} from '@/layouts/shared';\nimport { LinkItem } from '@hanzo/docs-ui/link-item';\nimport {\n  NavigationMenu,\n  NavigationMenuContent,\n  NavigationMenuItem,\n  NavigationMenuLink,\n  NavigationMenuList,\n  NavigationMenuTrigger,\n  NavigationMenuViewport,\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 '@hanzo/docs-ui/hooks/use-is-scroll-top';\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',\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    <HeaderNavigationMenu transparentMode={nav.transparentMode}>\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        <NavigationMenuItem>\n          <NavigationMenuTrigger\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            onPointerMove={nav.enableHoverToOpen ? undefined : (e) => e.preventDefault()}\n          >\n            <ChevronDown className=\"transition-transform duration-300 group-data-[state=open]:rotate-180\" />\n          </NavigationMenuTrigger>\n          <NavigationMenuContent className=\"flex flex-col p-4 sm:flex-row sm:items-center sm:justify-end\">\n            {menuItems\n              .filter((item) => !isSecondary(item))\n              .map((item, i) => (\n                <MobileNavigationMenuLinkItem key={i} item={item} className=\"sm:hidden\" />\n              ))}\n            <div className=\"-ms-1.5 flex flex-row items-center gap-2 max-sm:mt-2\">\n              {menuItems.filter(isSecondary).map((item, i) => (\n                <MobileNavigationMenuLinkItem\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\" />\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          </NavigationMenuContent>\n        </NavigationMenuItem>\n      </ul>\n    </HeaderNavigationMenu>\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 HeaderNavigationMenu({\n  transparentMode = 'none',\n  ...props\n}: ComponentProps<'div'> & {\n  transparentMode?: NavOptions['transparentMode'];\n}) {\n  const [value, setValue] = useState('');\n  const isTop = useIsScrollTop({ enabled: transparentMode === 'top' }) ?? true;\n  const isTransparent = transparentMode === 'top' ? isTop : transparentMode === 'always';\n\n  return (\n    <NavigationMenu value={value} onValueChange={setValue} asChild>\n      <header id=\"nd-nav\" {...props} className={cn('sticky h-14 top-0 z-40', props.className)}>\n        <div\n          className={cn(\n            'backdrop-blur-lg border-b transition-colors *:mx-auto *:max-w-(--fd-layout-width)',\n            value.length > 0 && 'max-lg:shadow-lg max-lg:rounded-b-2xl',\n            (!isTransparent || value.length > 0) && 'bg-fd-background/80',\n          )}\n        >\n          <NavigationMenuList className=\"flex h-14 w-full items-center px-4\" asChild>\n            <nav>{props.children}</nav>\n          </NavigationMenuList>\n\n          <NavigationMenuViewport />\n        </div>\n      </header>\n    </NavigationMenu>\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 key={`${j}-${child.url}`} asChild>\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\">{child.description}</p>\n              </>\n            )}\n          </Link>\n        </NavigationMenuLink>\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 asChild>\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      </NavigationMenuLink>\n    </NavigationMenuItem>\n  );\n}\n\nfunction MobileNavigationMenuLinkItem({\n  item,\n  ...props\n}: {\n  item: LinkItemType;\n  className?: string;\n}) {\n  if (item.type === 'custom')\n    return <div className={cn('grid', props.className)}>{item.children}</div>;\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', props.className)}>\n        <p className=\"mb-1 text-sm text-fd-muted-foreground\">\n          {item.url ? (\n            <NavigationMenuLink asChild>\n              <Link href={item.url} external={item.external}>\n                {header}\n              </Link>\n            </NavigationMenuLink>\n          ) : (\n            header\n          )}\n        </p>\n        {item.items.map((child, i) => (\n          <MobileNavigationMenuLinkItem key={i} item={child} />\n        ))}\n      </div>\n    );\n  }\n\n  return (\n    <NavigationMenuLink asChild>\n      <LinkItem\n        item={item}\n        className={cn(\n          {\n            main: '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            icon: buttonVariants({\n              size: 'icon',\n              color: 'ghost',\n            }),\n            button: buttonVariants({\n              color: 'secondary',\n              className: 'gap-1.5 [&_svg]:size-4',\n            }),\n          }[item.type ?? 'main'],\n          props.className,\n        )}\n        aria-label={item.type === 'icon' ? item.label : undefined}\n      >\n        {item.icon}\n        {item.type === 'icon' ? undefined : item.text}\n      </LinkItem>\n    </NavigationMenuLink>\n  );\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,17 @@
+import { BaseLayoutProps, NavOptions } from "../shared/index.js";
+import * as react_jsx_runtime86 from "react/jsx-runtime";
+import { ComponentProps } from "react";
+
+//#region src/layouts/home/index.d.ts
+interface HomeLayoutProps extends BaseLayoutProps {
+  nav?: Partial<NavOptions & {
+    /**
+     * Open mobile menu when hovering the trigger
+     */
+    enableHoverToOpen?: boolean;
+  }>;
+}
+declare function HomeLayout(props: HomeLayoutProps & ComponentProps<'main'>): react_jsx_runtime86.JSX.Element;
+//#endregion
+export { HomeLayout, HomeLayoutProps };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/layouts/home/index.tsx"],"sourcesContent":[],"mappings":";;;;;UAKiB,eAAA,SAAwB;QACjC,QACJ;;AAFJ;;IACQ,iBAAA,CAAA,EAAA,OAAA;EADiC,CAAA,CAAA;;AAWzB,iBAAA,UAAA,CAAU,KAAA,EAAQ,eAAR,GAA0B,cAA1B,CAAA,MAAA,CAAA,CAAA,EAAgD,mBAAA,CAAA,GAAA,CAAA,OAAhD"}

package/dist/layouts/home/index.js

@@ -0,0 +1,25 @@
+import { Header } from "./client.js";
+import { cn } from "@hanzo/docs-ui/cn";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/layouts/home/index.tsx
+function HomeLayout(props) {
+	const { nav = {}, links, githubUrl, i18n, themeSwitch = {}, searchToggle, ...rest } = props;
+	return /* @__PURE__ */ jsxs("main", {
+		id: "nd-home-layout",
+		...rest,
+		className: cn("flex flex-1 flex-col [--fd-layout-width:1400px]", rest.className),
+		children: [nav.enabled !== false && (nav.component ?? /* @__PURE__ */ jsx(Header, {
+			links,
+			nav,
+			themeSwitch,
+			searchToggle,
+			i18n,
+			githubUrl
+		})), props.children]
+	});
+}
+
+//#endregion
+export { HomeLayout };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/layouts/home/index.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\nimport { cn } from '@hanzo/docs-ui/cn';\nimport { type BaseLayoutProps, type NavOptions } from '@/layouts/shared';\nimport { Header } from '@/layouts/home/client';\n\nexport interface HomeLayoutProps extends BaseLayoutProps {\n  nav?: Partial<\n    NavOptions & {\n      /**\n       * Open mobile menu when hovering the trigger\n       */\n      enableHoverToOpen?: boolean;\n    }\n  >;\n}\n\nexport function HomeLayout(props: HomeLayoutProps & ComponentProps<'main'>) {\n  const { nav = {}, links, githubUrl, i18n, themeSwitch = {}, searchToggle, ...rest } = props;\n\n  return (\n    <main\n      id=\"nd-home-layout\"\n      {...rest}\n      className={cn('flex flex-1 flex-col [--fd-layout-width:1400px]', rest.className)}\n    >\n      {nav.enabled !== false &&\n        (nav.component ?? (\n          <Header\n            links={links}\n            nav={nav}\n            themeSwitch={themeSwitch}\n            searchToggle={searchToggle}\n            i18n={i18n}\n            githubUrl={githubUrl}\n          />\n        ))}\n      {props.children}\n    </main>\n  );\n}\n"],"mappings":";;;;;AAgBA,SAAgB,WAAW,OAAiD;CAC1E,MAAM,EAAE,MAAM,EAAE,EAAE,OAAO,WAAW,MAAM,cAAc,EAAE,EAAE,cAAc,GAAG,SAAS;AAEtF,QACE,qBAAC;EACC,IAAG;EACH,GAAI;EACJ,WAAW,GAAG,mDAAmD,KAAK,UAAU;aAE/E,IAAI,YAAY,UACd,IAAI,aACH,oBAAC;GACQ;GACF;GACQ;GACC;GACR;GACK;IACX,GAEL,MAAM;GACF"}

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

@@ -0,0 +1,14 @@
+import { NavigationMenuContentProps, NavigationMenuTriggerProps } from "../../components/ui/navigation-menu.js";
+import { LinkProps } from "@hanzo/docs-core/link";
+import * as react_jsx_runtime73 from "react/jsx-runtime";
+import * as react13 from "react";
+import * as _radix_ui_react_navigation_menu0 from "@radix-ui/react-navigation-menu";
+
+//#region src/layouts/home/navbar.d.ts
+declare const NavbarMenu: react13.ForwardRefExoticComponent<Omit<_radix_ui_react_navigation_menu0.NavigationMenuItemProps & react13.RefAttributes<HTMLLIElement>, "ref"> & react13.RefAttributes<HTMLLIElement>>;
+declare function NavbarMenuContent(props: NavigationMenuContentProps): react_jsx_runtime73.JSX.Element;
+declare function NavbarMenuTrigger(props: NavigationMenuTriggerProps): react_jsx_runtime73.JSX.Element;
+declare function NavbarMenuLink(props: LinkProps): react_jsx_runtime73.JSX.Element;
+//#endregion
+export { NavbarMenu, NavbarMenuContent, NavbarMenuLink, NavbarMenuTrigger };
+//# sourceMappingURL=navbar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"navbar.d.ts","names":[],"sources":["../../../src/layouts/home/navbar.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAaa,YAAU,OAAA,CAAA,0BAAA,KAAqB,gCAAA,CAArB,uBAAA,GAAA,OAAA,CAAA,cAAA,yBAAA,OAAA,CAAA,cAAA;iBAEP,iBAAA,QAAyB,6BAA0B,mBAAA,CAAA,GAAA,CAAA;iBAWnD,iBAAA,QAAyB,6BAA0B,mBAAA,CAAA,GAAA,CAAA;iBAWnD,cAAA,QAAsB,YAAS,mBAAA,CAAA,GAAA,CAAA"}

package/dist/layouts/home/navbar.js

@@ -0,0 +1,38 @@
+'use client';
+
+import { NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuTrigger } from "../../components/ui/navigation-menu.js";
+import { navItemVariants } from "./client.js";
+import Link from "@hanzo/docs-core/link";
+import { cn } from "@hanzo/docs-ui/cn";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/layouts/home/navbar.tsx
+const NavbarMenu = NavigationMenuItem;
+function NavbarMenuContent(props) {
+	return /* @__PURE__ */ jsx(NavigationMenuContent, {
+		...props,
+		className: cn("grid grid-cols-1 gap-2 p-4 md:grid-cols-2 lg:grid-cols-3", props.className),
+		children: props.children
+	});
+}
+function NavbarMenuTrigger(props) {
+	return /* @__PURE__ */ jsx(NavigationMenuTrigger, {
+		...props,
+		className: cn(navItemVariants(), "rounded-md", props.className),
+		children: props.children
+	});
+}
+function NavbarMenuLink(props) {
+	return /* @__PURE__ */ jsx(NavigationMenuLink, {
+		asChild: true,
+		children: /* @__PURE__ */ jsx(Link, {
+			...props,
+			className: cn("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", props.className),
+			children: props.children
+		})
+	});
+}
+
+//#endregion
+export { NavbarMenu, NavbarMenuContent, NavbarMenuLink, NavbarMenuTrigger };
+//# sourceMappingURL=navbar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"navbar.js","names":[],"sources":["../../../src/layouts/home/navbar.tsx"],"sourcesContent":["'use client';\nimport Link, { type LinkProps } from '@hanzo/docs-core/link';\nimport { cn } from '@hanzo/docs-ui/cn';\nimport {\n  NavigationMenuContent,\n  type NavigationMenuContentProps,\n  NavigationMenuItem,\n  NavigationMenuLink,\n  NavigationMenuTrigger,\n  type NavigationMenuTriggerProps,\n} from '@/components/ui/navigation-menu';\nimport { navItemVariants } from './client';\n\nexport const NavbarMenu = NavigationMenuItem;\n\nexport function NavbarMenuContent(props: NavigationMenuContentProps) {\n  return (\n    <NavigationMenuContent\n      {...props}\n      className={cn('grid grid-cols-1 gap-2 p-4 md:grid-cols-2 lg:grid-cols-3', props.className)}\n    >\n      {props.children}\n    </NavigationMenuContent>\n  );\n}\n\nexport function NavbarMenuTrigger(props: NavigationMenuTriggerProps) {\n  return (\n    <NavigationMenuTrigger\n      {...props}\n      className={cn(navItemVariants(), 'rounded-md', props.className)}\n    >\n      {props.children}\n    </NavigationMenuTrigger>\n  );\n}\n\nexport function NavbarMenuLink(props: LinkProps) {\n  return (\n    <NavigationMenuLink asChild>\n      <Link\n        {...props}\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          props.className,\n        )}\n      >\n        {props.children}\n      </Link>\n    </NavigationMenuLink>\n  );\n}\n"],"mappings":";;;;;;;;;AAaA,MAAa,aAAa;AAE1B,SAAgB,kBAAkB,OAAmC;AACnE,QACE,oBAAC;EACC,GAAI;EACJ,WAAW,GAAG,4DAA4D,MAAM,UAAU;YAEzF,MAAM;GACe;;AAI5B,SAAgB,kBAAkB,OAAmC;AACnE,QACE,oBAAC;EACC,GAAI;EACJ,WAAW,GAAG,iBAAiB,EAAE,cAAc,MAAM,UAAU;YAE9D,MAAM;GACe;;AAI5B,SAAgB,eAAe,OAAkB;AAC/C,QACE,oBAAC;EAAmB;YAClB,oBAAC;GACC,GAAI;GACJ,WAAW,GACT,gIACA,MAAM,UACP;aAEA,MAAM;IACF;GACY"}

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

@@ -0,0 +1,47 @@
+import { SidebarTabWithProps } from "../../components/sidebar/tabs/dropdown.js";
+import * as react_jsx_runtime127 from "react/jsx-runtime";
+import * as react20 from "react";
+import { ComponentProps, HTMLAttributes, ReactNode } from "react";
+import { LinkItemType } from "@hanzo/docs-ui/link-item";
+
+//#region src/layouts/notebook/client.d.ts
+declare const LayoutContext: react20.Context<(LayoutInfo & {
+  isNavTransparent: boolean;
+}) | null>;
+interface LayoutInfo {
+  tabMode: 'sidebar' | 'navbar';
+  navMode: 'top' | 'auto';
+}
+declare function LayoutContextProvider({
+  navTransparentMode,
+  navMode,
+  tabMode,
+  children
+}: LayoutInfo & {
+  navTransparentMode?: 'always' | 'top' | 'none';
+  children: ReactNode;
+}): react_jsx_runtime127.JSX.Element;
+declare function LayoutHeader(props: ComponentProps<'header'>): react_jsx_runtime127.JSX.Element;
+declare function LayoutBody({
+  className,
+  style,
+  children,
+  ...props
+}: ComponentProps<'div'>): react_jsx_runtime127.JSX.Element;
+declare function LayoutHeaderTabs({
+  options,
+  className,
+  ...props
+}: ComponentProps<'div'> & {
+  options: SidebarTabWithProps[];
+}): react_jsx_runtime127.JSX.Element;
+declare function NavbarLinkItem({
+  item,
+  className,
+  ...props
+}: {
+  item: LinkItemType;
+} & HTMLAttributes<HTMLElement>): string | number | bigint | boolean | react_jsx_runtime127.JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react20.ReactPortal | react20.ReactElement<unknown, string | react20.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/client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"client.d.ts","names":[],"sources":["../../../src/layouts/notebook/client.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAuBa,eAAa,OAAA,CAAA,SAAA;;;UAOT,UAAA;EAPJ,OAAA,EAAA,SAKN,GAAA,QALmB;EAOT,OAAA,EAAA,KAAU,GAAA,MAAA;AAK3B;AACE,iBADc,qBAAA,CACd;EAAA,kBAAA;EAAA,OAAA;EAAA,OAAA;EAAA;CAAA,EAIC,UAJD,GAAA;EACA,kBAAA,CAAA,EAAA,QAAA,GAAA,KAAA,GAAA,MAAA;EACA,QAAA,EAIU,SAJV;CACA,CAAA,EAID,oBAAA,CAAA,GAAA,CAAA,OAJC;AACC,iBAuBa,YAAA,CAvBb,KAAA,EAuBiC,cAvBjC,CAAA,QAAA,CAAA,CAAA,EAuByD,oBAAA,CAAA,GAAA,CAAA,OAvBzD;AAES,iBAgCI,UAAA,CAhCJ;EAAA,SAAA;EAAA,KAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAgCyD,cAhCzD,CAAA,KAAA,CAAA,CAAA,EAgC8E,oBAAA,CAAA,GAAA,CAAA,OAhC9E;AACX,iBAoEe,gBAAA,CApEf;EAAA,OAAA;EAAA,SAAA;EAAA,GAAA;AAoBD,CApBC,EAwEE,cAxEF,CAAA,KAAA,CAAA,GAAA;EAAA,OAAA,EAyEU,mBAzEV,EAAA;AAoBD,CAAA,CAAA,EAsDC,oBAAA,CAAA,GAAA,CAAA,OAtDmC;AAWpB,iBA2EA,cAAA,CA3EU;EAAA,IAAA;EAAA,SAAA;EAAA,GAAA;AAAc,CAAd,EAAA;EAAG,IAAA,EA+ElB,YA/EkB;CAAW,GA+EZ,cA/EY,CA+EG,WA/EH,CAAA,CAAA,EAAA,MAAA,GAAA,MAAA,GAAA,MAAA,GAAA,OAAA,GA+Ee,oBAAA,CAAA,GAAA,CAAA,OAAA,GAAA,QA/Ef,CA+Ee,SA/Ef,CAAA,GA+Ee,OA/Ef,CAAA,MAAA,GAAA,MAAA,GAAA,MAAA,GAAA,OAAA,GA+Ee,OAAA,CAAA,WAAA,GAAA,OAAA,CAAA,YA/Ef,CAAA,OAAA,EAAA,MAAA,GA+Ee,OAAA,CAAA,qBA/Ef,CAAA,GAAA,CAAA,CAAA,GA+Ee,QA/Ef,CA+Ee,SA/Ef,CAAA,GAAA,IAAA,GAAA,SAAA,CAAA,GAAA,IAAA,GAAA,SAAA"}

package/dist/layouts/notebook/client.js

@@ -0,0 +1,159 @@
+'use client';
+
+import { useSidebar } from "../../components/sidebar/base.js";
+import { Popover, PopoverContent, PopoverTrigger } from "../../components/ui/popover.js";
+import { isTabActive } from "../../components/sidebar/tabs/dropdown.js";
+import Link from "@hanzo/docs-core/link";
+import { usePathname } from "@hanzo/docs-core/framework";
+import { cn } from "@hanzo/docs-ui/cn";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronDown } from "lucide-react";
+import { Fragment as Fragment$1, createContext, use, useMemo, useRef, useState } from "react";
+import { useIsScrollTop } from "@hanzo/docs-ui/hooks/use-is-scroll-top";
+import { LinkItem } from "@hanzo/docs-ui/link-item";
+
+//#region src/layouts/notebook/client.tsx
+const LayoutContext = createContext(null);
+function LayoutContextProvider({ navTransparentMode = "none", navMode, tabMode, children }) {
+	const isTop = useIsScrollTop({ enabled: navTransparentMode === "top" }) ?? true;
+	const isNavTransparent = navTransparentMode === "top" ? isTop : navTransparentMode === "always";
+	return /* @__PURE__ */ jsx(LayoutContext, {
+		value: useMemo(() => ({
+			isNavTransparent,
+			navMode,
+			tabMode
+		}), [
+			isNavTransparent,
+			navMode,
+			tabMode
+		]),
+		children
+	});
+}
+function LayoutHeader(props) {
+	const { open } = useSidebar();
+	const { isNavTransparent } = use(LayoutContext);
+	return /* @__PURE__ */ jsx("header", {
+		"data-transparent": isNavTransparent && !open,
+		...props,
+		children: props.children
+	});
+}
+function LayoutBody({ className, style, children, ...props }) {
+	const { navMode } = use(LayoutContext);
+	const { collapsed } = useSidebar();
+	const pageCol = "calc(var(--fd-layout-width,97rem) - var(--fd-sidebar-col) - var(--fd-toc-width))";
+	return /* @__PURE__ */ jsx("div", {
+		id: "nd-notebook-layout",
+		className: cn("grid overflow-x-clip min-h-(--fd-docs-height) transition-[grid-template-columns] auto-cols-auto auto-rows-auto [--fd-docs-height:100dvh] [--fd-header-height:0px] [--fd-toc-popover-height:0px] [--fd-sidebar-width:0px] [--fd-toc-width:0px]", className),
+		style: {
+			gridTemplate: navMode === "top" ? `". header header header ."
+        "sidebar sidebar toc-popover toc-popover ."
+        "sidebar sidebar main toc ." 1fr / minmax(min-content, 1fr) var(--fd-sidebar-col) minmax(0, ${pageCol}) var(--fd-toc-width) minmax(min-content, 1fr)` : `"sidebar sidebar header header ."
+        "sidebar sidebar toc-popover toc-popover ."
+        "sidebar sidebar main toc ." 1fr / minmax(min-content, 1fr) var(--fd-sidebar-col) minmax(0, ${pageCol}) var(--fd-toc-width) minmax(min-content, 1fr)`,
+			"--fd-docs-row-1": "var(--fd-banner-height, 0px)",
+			"--fd-docs-row-2": "calc(var(--fd-docs-row-1) + var(--fd-header-height))",
+			"--fd-docs-row-3": "calc(var(--fd-docs-row-2) + var(--fd-toc-popover-height))",
+			"--fd-sidebar-col": collapsed ? "0px" : "var(--fd-sidebar-width)",
+			...style
+		},
+		...props,
+		children
+	});
+}
+function LayoutHeaderTabs({ options, className, ...props }) {
+	const pathname = usePathname();
+	const selectedIdx = useMemo(() => {
+		return options.findLastIndex((option) => isTabActive(option, pathname));
+	}, [options, pathname]);
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex flex-row items-end gap-6", className),
+		...props,
+		children: options.map((option, i) => {
+			const { title, url, unlisted, props: { className: className$1, ...rest } = {} } = option;
+			const isSelected = selectedIdx === i;
+			return /* @__PURE__ */ jsx(Link, {
+				href: url,
+				className: cn("inline-flex border-b-2 border-transparent transition-colors items-center pb-1.5 font-medium gap-2 text-fd-muted-foreground text-sm text-nowrap hover:text-fd-accent-foreground", unlisted && !isSelected && "hidden", isSelected && "border-fd-primary text-fd-primary", className$1),
+				...rest,
+				children: title
+			}, i);
+		})
+	});
+}
+function NavbarLinkItem({ item, className, ...props }) {
+	if (item.type === "custom") return item.children;
+	if (item.type === "menu") return /* @__PURE__ */ jsx(NavbarLinkItemMenu, {
+		item,
+		className,
+		...props
+	});
+	return /* @__PURE__ */ jsx(LinkItem, {
+		item,
+		className: cn("text-sm text-fd-muted-foreground transition-colors hover:text-fd-accent-foreground data-[active=true]:text-fd-primary", className),
+		...props,
+		children: item.text
+	});
+}
+function NavbarLinkItemMenu({ item, hoverDelay = 50, className, ...props }) {
+	const [open, setOpen] = useState(false);
+	const timeoutRef = useRef(null);
+	const freezeUntil = useRef(null);
+	const delaySetOpen = (value) => {
+		if (timeoutRef.current) {
+			clearTimeout(timeoutRef.current);
+			timeoutRef.current = null;
+		}
+		timeoutRef.current = window.setTimeout(() => {
+			setOpen(value);
+			freezeUntil.current = Date.now() + 300;
+		}, hoverDelay);
+	};
+	const onPointerEnter = (e) => {
+		if (e.pointerType === "touch") return;
+		delaySetOpen(true);
+	};
+	const onPointerLeave = (e) => {
+		if (e.pointerType === "touch") return;
+		delaySetOpen(false);
+	};
+	function isTouchDevice() {
+		return "ontouchstart" in window || navigator.maxTouchPoints > 0;
+	}
+	return /* @__PURE__ */ jsxs(Popover, {
+		open,
+		onOpenChange: (value) => {
+			if (freezeUntil.current === null || Date.now() >= freezeUntil.current) setOpen(value);
+		},
+		children: [/* @__PURE__ */ jsxs(PopoverTrigger, {
+			className: cn("inline-flex items-center gap-1.5 p-1 text-sm text-fd-muted-foreground transition-colors has-data-[active=true]:text-fd-primary data-[state=open]:text-fd-accent-foreground focus-visible:outline-none", className),
+			onPointerEnter,
+			onPointerLeave,
+			...props,
+			children: [item.url ? /* @__PURE__ */ jsx(LinkItem, {
+				item,
+				children: item.text
+			}) : item.text, /* @__PURE__ */ jsx(ChevronDown, { className: "size-3" })]
+		}), /* @__PURE__ */ jsx(PopoverContent, {
+			className: "flex flex-col p-1 text-fd-muted-foreground text-start",
+			onPointerEnter,
+			onPointerLeave,
+			children: item.items.map((child, i) => {
+				if (child.type === "custom") return /* @__PURE__ */ jsx(Fragment$1, { children: child.children }, i);
+				return /* @__PURE__ */ jsxs(LinkItem, {
+					item: child,
+					className: "inline-flex items-center gap-2 rounded-md p-2 transition-colors hover:bg-fd-accent hover:text-fd-accent-foreground data-[active=true]:text-fd-primary [&_svg]:size-4",
+					onClick: () => {
+						if (isTouchDevice()) setOpen(false);
+					},
+					children: [child.icon, child.text]
+				}, i);
+			})
+		})]
+	});
+}
+
+//#endregion
+export { LayoutBody, LayoutContext, LayoutContextProvider, LayoutHeader, LayoutHeaderTabs, NavbarLinkItem };
+//# sourceMappingURL=client.js.map