fumadocs-ui 16.4.1 → 16.4.2

package/dist/layouts/notebook/index.js

@@ -1,92 +1,218 @@
-import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { useMemo, } from 'react';
-import { renderTitleNav, resolveLinkItems, } from '../../layouts/shared/index.js';
-import { Sidebar, SidebarCollapseTrigger, SidebarContent, SidebarDrawer, SidebarLinkItem, SidebarPageTree, SidebarTrigger, SidebarViewport, } from './sidebar.js';
-import { TreeContextProvider } from '../../contexts/tree.js';
-import { cn } from '@fumadocs/ui/cn';
-import { buttonVariants } from '../../components/ui/button.js';
-import { Languages, Sidebar as SidebarIcon, X } from '@fumadocs/ui/icons';
-import { LanguageToggle } from '../../layouts/shared/language-toggle.js';
-import { ThemeToggle } from '../../layouts/shared/theme-toggle.js';
-import { LayoutBody, LayoutContextProvider, LayoutHeader, LayoutHeaderTabs, NavbarLinkItem, } from '../../layouts/notebook/client.js';
-import { LargeSearchToggle, SearchToggle, } from '../../layouts/shared/search-toggle.js';
-import { LinkItem } from '@fumadocs/ui/link-item';
-import { getSidebarTabs, } from '../../components/sidebar/tabs/index.js';
-import { SidebarTabsDropdown, } from '../../components/sidebar/tabs/dropdown.js';
-export 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 tabs = useMemo(() => {
-        if (Array.isArray(tabOptions)) {
-            return tabOptions;
-        }
-        if (typeof tabOptions === 'object') {
-            return getSidebarTabs(tree, tabOptions);
-        }
-        if (tabOptions !== false) {
-            return getSidebarTabs(tree);
-        }
-        return [];
-    }, [tabOptions, tree]);
-    function sidebar() {
-        const { banner, footer, components, collapsible = true, ...rest } = sidebarProps;
-        const iconLinks = links.filter((item) => item.type === 'icon');
-        const Header = typeof banner === 'function'
-            ? banner
-            : ({ className, ...props }) => (_jsxs("div", { className: cn('flex flex-col gap-3 p-4 pb-2 empty:hidden', className), ...props, children: [props.children, banner] }));
-        const Footer = typeof footer === 'function'
-            ? footer
-            : ({ className, ...props }) => (_jsxs("div", { className: cn('hidden flex-row text-fd-muted-foreground items-center border-t p-4 pt-2', iconLinks.length > 0 && 'max-lg:flex', className), ...props, children: [props.children, footer] }));
-        const viewport = (_jsxs(SidebarViewport, { children: [links
-                    .filter((item) => item.type !== 'icon')
-                    .map((item, i, arr) => (_jsx(SidebarLinkItem, { item: item, className: cn('lg:hidden', i === arr.length - 1 && 'mb-4') }, i))), _jsx(SidebarPageTree, { ...components })] }));
-        return (_jsxs(_Fragment, { children: [_jsxs(SidebarContent, { ...rest, children: [_jsxs(Header, { children: [navMode === 'auto' && (_jsxs("div", { className: "flex justify-between", children: [renderTitleNav(nav, {
-                                            className: 'inline-flex items-center gap-2.5 font-medium',
-                                        }), collapsible && (_jsx(SidebarCollapseTrigger, { className: cn(buttonVariants({
-                                                color: 'ghost',
-                                                size: 'icon-sm',
-                                                className: 'mt-px mb-auto text-fd-muted-foreground',
-                                            })), children: _jsx(SidebarIcon, {}) }))] })), nav.children, tabs.length > 0 && (_jsx(SidebarTabsDropdown, { options: tabs, className: cn(tabMode === 'navbar' && 'lg:hidden') }))] }), viewport, _jsx(Footer, { children: iconLinks.map((item, i) => (_jsx(LinkItem, { item: item, className: cn(buttonVariants({
-                                    size: 'icon-sm',
-                                    color: 'ghost',
-                                    className: 'lg:hidden',
-                                })), "aria-label": item.label, children: item.icon }, i))) })] }), _jsxs(SidebarDrawer, { ...rest, children: [_jsxs(Header, { children: [_jsx(SidebarTrigger, { className: cn(buttonVariants({
-                                        size: 'icon-sm',
-                                        color: 'ghost',
-                                        className: 'ms-auto text-fd-muted-foreground',
-                                    })), children: _jsx(X, {}) }), tabs.length > 0 && _jsx(SidebarTabsDropdown, { options: tabs })] }), viewport, _jsxs(Footer, { className: cn('hidden flex-row items-center justify-end', (i18n || themeSwitch.enabled !== false) && 'flex', iconLinks.length > 0 && 'max-lg:flex'), children: [iconLinks.map((item, i) => (_jsx(LinkItem, { item: item, className: cn(buttonVariants({
-                                        size: 'icon-sm',
-                                        color: 'ghost',
-                                    }), 'text-fd-muted-foreground lg:hidden', i === iconLinks.length - 1 && 'me-auto'), "aria-label": item.label, children: item.icon }, i))), i18n && (_jsx(LanguageToggle, { children: _jsx(Languages, { className: "size-4.5 text-fd-muted-foreground" }) })), themeSwitch.enabled !== false &&
-                                    (themeSwitch.component ?? (_jsx(ThemeToggle, { mode: themeSwitch.mode ?? 'light-dark-system' })))] })] })] }));
-    }
-    return (_jsx(TreeContextProvider, { tree: tree, children: _jsx(LayoutContextProvider, { navMode: nav.mode ?? 'auto', tabMode: tabMode, navTransparentMode: nav.transparentMode, children: _jsx(Sidebar, { defaultOpenLevel: defaultOpenLevel, prefetch: prefetch, children: _jsxs(LayoutBody, { ...props.containerProps, children: [sidebar(), _jsx(DocsNavbar, { ...props, links: links, tabs: tabs }), props.children] }) }) }) }));
+import { buttonVariants } from "../../components/ui/button.js";
+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 { LanguageToggle } from "../shared/language-toggle.js";
+import { ThemeToggle } from "../shared/theme-toggle.js";
+import { getSidebarTabs } from "../../components/sidebar/tabs/index.js";
+import { Sidebar as Sidebar$1, SidebarCollapseTrigger, SidebarContent, SidebarDrawer, SidebarLinkItem, SidebarPageTree, SidebarTrigger, SidebarViewport } from "./sidebar.js";
+import { cn } from "@fumadocs/ui/cn";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Languages, Sidebar, X } from "lucide-react";
+import { useMemo } from "react";
+import { LinkItem } from "@fumadocs/ui/link-item";
+
+//#region src/layouts/notebook/index.tsx
+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 tabs = useMemo(() => {
+		if (Array.isArray(tabOptions)) return tabOptions;
+		if (typeof tabOptions === "object") return getSidebarTabs(tree, tabOptions);
+		if (tabOptions !== false) return getSidebarTabs(tree);
+		return [];
+	}, [tabOptions, tree]);
+	function sidebar() {
+		const { banner, footer, components, collapsible = true, ...rest } = sidebarProps;
+		const iconLinks = links.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,
+			children: [props$1.children, banner]
+		});
+		const Footer = typeof footer === "function" ? footer : ({ className, ...props$1 }) => /* @__PURE__ */ jsxs("div", {
+			className: cn("hidden flex-row text-fd-muted-foreground items-center border-t p-4 pt-2", iconLinks.length > 0 && "max-lg:flex", className),
+			...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, {
+			item,
+			className: cn("lg:hidden", i === arr.length - 1 && "mb-4")
+		}, i)), /* @__PURE__ */ jsx(SidebarPageTree, { ...components })] });
+		return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(SidebarContent, {
+			...rest,
+			children: [
+				/* @__PURE__ */ jsxs(Header, { children: [navMode === "auto" && /* @__PURE__ */ jsxs("div", {
+					className: "flex justify-between",
+					children: [renderTitleNav(nav, { className: "inline-flex items-center gap-2.5 font-medium" }), collapsible && /* @__PURE__ */ jsx(SidebarCollapseTrigger, {
+						className: cn(buttonVariants({
+							color: "ghost",
+							size: "icon-sm",
+							className: "mt-px mb-auto text-fd-muted-foreground"
+						})),
+						children: /* @__PURE__ */ jsx(Sidebar, {})
+					})]
+				}), tabs.length > 0 && /* @__PURE__ */ jsx(SidebarTabsDropdown, {
+					options: tabs,
+					className: cn(tabMode === "navbar" && "lg:hidden")
+				})] }),
+				viewport,
+				/* @__PURE__ */ jsx(Footer, { children: iconLinks.map((item, i) => /* @__PURE__ */ jsx(LinkItem, {
+					item,
+					className: cn(buttonVariants({
+						size: "icon-sm",
+						color: "ghost",
+						className: "lg:hidden"
+					})),
+					"aria-label": item.label,
+					children: item.icon
+				}, i)) })
+			]
+		}), /* @__PURE__ */ jsxs(SidebarDrawer, {
+			...rest,
+			children: [
+				/* @__PURE__ */ jsxs(Header, { children: [/* @__PURE__ */ jsx(SidebarTrigger, {
+					className: cn(buttonVariants({
+						size: "icon-sm",
+						color: "ghost",
+						className: "ms-auto text-fd-muted-foreground"
+					})),
+					children: /* @__PURE__ */ jsx(X, {})
+				}), tabs.length > 0 && /* @__PURE__ */ jsx(SidebarTabsDropdown, { options: tabs })] }),
+				viewport,
+				/* @__PURE__ */ jsxs(Footer, {
+					className: cn("hidden flex-row items-center justify-end", (i18n || themeSwitch.enabled !== false) && "flex", iconLinks.length > 0 && "max-lg:flex"),
+					children: [
+						iconLinks.map((item, i) => /* @__PURE__ */ jsx(LinkItem, {
+							item,
+							className: cn(buttonVariants({
+								size: "icon-sm",
+								color: "ghost"
+							}), "text-fd-muted-foreground lg:hidden", i === iconLinks.length - 1 && "me-auto"),
+							"aria-label": item.label,
+							children: item.icon
+						}, i)),
+						i18n && /* @__PURE__ */ jsx(LanguageToggle, { children: /* @__PURE__ */ jsx(Languages, { className: "size-4.5 text-fd-muted-foreground" }) }),
+						themeSwitch.enabled !== false && (themeSwitch.component ?? /* @__PURE__ */ jsx(ThemeToggle, { mode: themeSwitch.mode ?? "light-dark-system" }))
+					]
+				})
+			]
+		})] });
+	}
+	return /* @__PURE__ */ jsx(tree_exports.TreeContextProvider, {
+		tree,
+		children: /* @__PURE__ */ jsx(LayoutContextProvider, {
+			navMode: nav.mode ?? "auto",
+			tabMode,
+			navTransparentMode: nav.transparentMode,
+			children: /* @__PURE__ */ jsx(Sidebar$1, {
+				defaultOpenLevel,
+				prefetch,
+				children: /* @__PURE__ */ jsxs(LayoutBody, {
+					...props.containerProps,
+					children: [
+						sidebar(),
+						/* @__PURE__ */ jsx(DocsNavbar, {
+							...props,
+							links,
+							tabs
+						}),
+						props.children
+					]
+				})
+			})
+		})
+	});
 }
-function DocsNavbar({ links, tabs, tabMode = 'sidebar', sidebar: { collapsible: sidebarCollapsible = true } = {}, searchToggle = {}, themeSwitch = {}, nav = {}, i18n, }) {
-    const navMode = nav.mode ?? 'auto';
-    const showLayoutTabs = tabMode === 'navbar' && tabs.length > 0;
-    return (_jsxs(LayoutHeader, { id: "nd-subnav", className: cn('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)]', showLayoutTabs && 'lg:layout:[--fd-header-height:--spacing(24)]'), children: [_jsxs("div", { "data-header-body": "", className: "flex border-b px-4 gap-2 h-14 md:px-6", children: [_jsxs("div", { className: cn('items-center', navMode === 'top' && 'flex flex-1', navMode === 'auto' &&
-                            'hidden has-data-[collapsed=true]:md:flex max-md:flex'), children: [sidebarCollapsible && navMode === 'auto' && (_jsx(SidebarCollapseTrigger, { className: cn(buttonVariants({
-                                    color: 'ghost',
-                                    size: 'icon-sm',
-                                }), 'text-fd-muted-foreground data-[collapsed=false]:hidden max-md:hidden'), children: _jsx(SidebarIcon, {}) })), renderTitleNav(nav, {
-                                className: cn('inline-flex items-center gap-2.5 font-semibold', navMode === 'auto' && 'md:hidden'),
-                            })] }), searchToggle.enabled !== false &&
-                        (searchToggle.components?.lg ? (_jsx("div", { className: cn('w-full my-auto max-md:hidden', navMode === 'top' ? 'rounded-xl max-w-sm' : 'max-w-[240px]'), children: searchToggle.components.lg })) : (_jsx(LargeSearchToggle, { hideIfDisabled: true, className: cn('w-full my-auto max-md:hidden', navMode === 'top'
-                                ? 'rounded-xl max-w-sm ps-2.5'
-                                : 'max-w-[240px]') }))), _jsxs("div", { className: "flex flex-1 items-center justify-end md:gap-2", children: [_jsx("div", { className: "flex items-center gap-6 empty:hidden max-lg:hidden", children: links
-                                    .filter((item) => item.type !== 'icon')
-                                    .map((item, i) => (_jsx(NavbarLinkItem, { item: item }, i))) }), nav.children, links
-                                .filter((item) => item.type === 'icon')
-                                .map((item, i) => (_jsx(LinkItem, { item: item, className: cn(buttonVariants({ size: 'icon-sm', color: 'ghost' }), 'text-fd-muted-foreground max-lg:hidden'), "aria-label": item.label, children: item.icon }, i))), _jsxs("div", { className: "flex items-center md:hidden", children: [searchToggle.enabled !== false &&
-                                        (searchToggle.components?.sm ?? (_jsx(SearchToggle, { hideIfDisabled: true, className: "p-2" }))), _jsx(SidebarTrigger, { className: cn(buttonVariants({
-                                            color: 'ghost',
-                                            size: 'icon-sm',
-                                            className: 'p-2 -me-1.5',
-                                        })), children: _jsx(SidebarIcon, {}) })] }), _jsxs("div", { className: "flex items-center gap-2 max-md:hidden", children: [i18n && (_jsx(LanguageToggle, { children: _jsx(Languages, { className: "size-4.5 text-fd-muted-foreground" }) })), themeSwitch.enabled !== false &&
-                                        (themeSwitch.component ?? (_jsx(ThemeToggle, { mode: themeSwitch.mode ?? 'light-dark-system' }))), sidebarCollapsible && navMode === 'top' && (_jsx(SidebarCollapseTrigger, { className: cn(buttonVariants({
-                                            color: 'secondary',
-                                            size: 'icon-sm',
-                                        }), 'text-fd-muted-foreground rounded-full -me-1.5'), children: _jsx(SidebarIcon, {}) }))] })] })] }), showLayoutTabs && (_jsx(LayoutHeaderTabs, { "data-header-tabs": "", className: "overflow-x-auto border-b px-6 h-10 max-lg:hidden", options: tabs }))] }));
+function DocsNavbar({ links, tabs, tabMode = "sidebar", sidebar: { collapsible: sidebarCollapsible = true } = {}, searchToggle = {}, themeSwitch = {}, nav = {}, i18n }) {
+	const navMode = nav.mode ?? "auto";
+	const showLayoutTabs = tabMode === "navbar" && tabs.length > 0;
+	return /* @__PURE__ */ jsxs(LayoutHeader, {
+		id: "nd-subnav",
+		className: cn("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)]", showLayoutTabs && "lg:layout:[--fd-header-height:--spacing(24)]"),
+		children: [/* @__PURE__ */ jsxs("div", {
+			"data-header-body": "",
+			className: "flex border-b px-4 gap-2 h-14 md:px-6",
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: cn("items-center", navMode === "top" && "flex flex-1", navMode === "auto" && "hidden has-data-[collapsed=true]:md:flex max-md:flex"),
+					children: [
+						sidebarCollapsible && navMode === "auto" && /* @__PURE__ */ jsx(SidebarCollapseTrigger, {
+							className: cn(buttonVariants({
+								color: "ghost",
+								size: "icon-sm"
+							}), "text-fd-muted-foreground data-[collapsed=false]:hidden max-md:hidden"),
+							children: /* @__PURE__ */ jsx(Sidebar, {})
+						}),
+						renderTitleNav(nav, { className: cn("inline-flex items-center gap-2.5 font-semibold", navMode === "auto" && "md:hidden") }),
+						nav.children
+					]
+				}),
+				searchToggle.enabled !== false && (searchToggle.components?.lg ? /* @__PURE__ */ jsx("div", {
+					className: cn("w-full my-auto max-md:hidden", navMode === "top" ? "rounded-xl max-w-sm" : "max-w-[240px]"),
+					children: searchToggle.components.lg
+				}) : /* @__PURE__ */ jsx(LargeSearchToggle, {
+					hideIfDisabled: true,
+					className: cn("w-full my-auto max-md:hidden", navMode === "top" ? "rounded-xl max-w-sm ps-2.5" : "max-w-[240px]")
+				})),
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex flex-1 items-center justify-end md:gap-2",
+					children: [
+						/* @__PURE__ */ jsx("div", {
+							className: "flex items-center gap-6 empty:hidden max-lg:hidden",
+							children: links.filter((item) => item.type !== "icon").map((item, i) => /* @__PURE__ */ jsx(NavbarLinkItem, { item }, i))
+						}),
+						links.filter((item) => item.type === "icon").map((item, i) => /* @__PURE__ */ jsx(LinkItem, {
+							item,
+							className: cn(buttonVariants({
+								size: "icon-sm",
+								color: "ghost"
+							}), "text-fd-muted-foreground max-lg:hidden"),
+							"aria-label": item.label,
+							children: item.icon
+						}, i)),
+						/* @__PURE__ */ jsxs("div", {
+							className: "flex items-center md:hidden",
+							children: [searchToggle.enabled !== false && (searchToggle.components?.sm ?? /* @__PURE__ */ jsx(SearchToggle, {
+								hideIfDisabled: true,
+								className: "p-2"
+							})), /* @__PURE__ */ jsx(SidebarTrigger, {
+								className: cn(buttonVariants({
+									color: "ghost",
+									size: "icon-sm",
+									className: "p-2 -me-1.5"
+								})),
+								children: /* @__PURE__ */ jsx(Sidebar, {})
+							})]
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "flex items-center gap-2 max-md:hidden",
+							children: [
+								i18n && /* @__PURE__ */ jsx(LanguageToggle, { children: /* @__PURE__ */ jsx(Languages, { className: "size-4.5 text-fd-muted-foreground" }) }),
+								themeSwitch.enabled !== false && (themeSwitch.component ?? /* @__PURE__ */ jsx(ThemeToggle, { mode: themeSwitch.mode ?? "light-dark-system" })),
+								sidebarCollapsible && navMode === "top" && /* @__PURE__ */ jsx(SidebarCollapseTrigger, {
+									className: cn(buttonVariants({
+										color: "secondary",
+										size: "icon-sm"
+									}), "text-fd-muted-foreground rounded-full -me-1.5"),
+									children: /* @__PURE__ */ jsx(Sidebar, {})
+								})
+							]
+						})
+					]
+				})
+			]
+		}), showLayoutTabs && /* @__PURE__ */ jsx(LayoutHeaderTabs, {
+			"data-header-tabs": "",
+			className: "overflow-x-auto border-b px-6 h-10 max-lg:hidden",
+			options: tabs
+		})]
+	});
 }
+
+//#endregion
+export { DocsLayout };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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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"}

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

@@ -1,24 +1,46 @@
-import { type ComponentProps } from 'react';
-import type * as PageTree from 'fumadocs-core/page-tree';
-import { type BreadcrumbOptions } from 'fumadocs-core/breadcrumb';
-export declare function PageTOCPopover({ className, children, ...rest }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-export declare function PageTOCPopoverTrigger({ className, ...props }: ComponentProps<'button'>): import("react/jsx-runtime").JSX.Element;
-export declare function PageTOCPopoverContent(props: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-export declare function PageLastUpdate({ date: value, ...props }: Omit<ComponentProps<'p'>, 'children'> & {
-    date: Date;
-}): import("react/jsx-runtime").JSX.Element;
+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";
+
+//#region src/layouts/notebook/page/client.d.ts
+declare function PageTOCPopover({
+  className,
+  children,
+  ...rest
+}: ComponentProps<'div'>): react_jsx_runtime109.JSX.Element;
+declare function PageTOCPopoverTrigger({
+  className,
+  ...props
+}: 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_runtime109.JSX.Element;
 type Item = Pick<PageTree.Item, 'name' | 'description' | 'url'>;
-export interface FooterProps extends ComponentProps<'div'> {
-    /**
-     * Items including information for the next and previous page
-     */
-    items?: {
-        previous?: Item;
-        next?: Item;
-    };
+interface FooterProps extends ComponentProps<'div'> {
+  /**
+   * Items including information for the next and previous page
+   */
+  items?: {
+    previous?: Item;
+    next?: Item;
+  };
 }
-export declare function PageFooter({ items, ...props }: FooterProps): import("react/jsx-runtime").JSX.Element;
-export type BreadcrumbProps = BreadcrumbOptions & ComponentProps<'div'>;
-export declare function PageBreadcrumb({ includeRoot, includeSeparator, includePage, ...props }: BreadcrumbProps): import("react/jsx-runtime").JSX.Element | null;
-export {};
+declare function PageFooter({
+  items,
+  ...props
+}: FooterProps): react_jsx_runtime109.JSX.Element;
+type BreadcrumbProps = BreadcrumbOptions & ComponentProps<'div'>;
+declare function PageBreadcrumb({
+  includeRoot,
+  includeSeparator,
+  includePage,
+  ...props
+}: 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/client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../../../../src/layouts/notebook/page/client.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,cAAc,EASpB,MAAM,OAAO,CAAC;AAMf,OAAO,KAAK,KAAK,QAAQ,MAAM,yBAAyB,CAAC;AAEzD,OAAO,EACL,KAAK,iBAAiB,EAEvB,MAAM,0BAA0B,CAAC;AAiBlC,wBAAgB,cAAc,CAAC,EAC7B,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,cAAc,CAAC,KAAK,CAAC,2CAqDvB;AAED,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,QAAQ,CAAC,2CAqD1B;AA8DD,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,2CAUjE;AAED,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EAAE,KAAK,EACX,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,UAAU,CAAC,GAAG;IAAE,IAAI,EAAE,IAAI,CAAA;CAAE,2CAiBxD;AAED,KAAK,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,aAAa,GAAG,KAAK,CAAC,CAAC;AAChE,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,KAAK,CAAC;IACxD;;OAEG;IACH,KAAK,CAAC,EAAE;QACN,QAAQ,CAAC,EAAE,IAAI,CAAC;QAChB,IAAI,CAAC,EAAE,IAAI,CAAC;KACb,CAAC;CACH;AAED,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,2CA8B1D;AA8BD,MAAM,MAAM,eAAe,GAAG,iBAAiB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAExE,wBAAgB,cAAc,CAAC,EAC7B,WAAW,EACX,gBAAgB,EAChB,WAAW,EACX,GAAG,KAAK,EACT,EAAE,eAAe,kDA6CjB"}
+{"version":3,"file":"client.d.ts","names":[],"sources":["../../../../src/layouts/notebook/page/client.tsx"],"sourcesContent":[],"mappings":";;;;;;iBAiCgB,cAAA;;;;GAAiD,wBAAqB,oBAAA,CAAA,GAAA,CAAA;iBAsDtE,qBAAA;;;GAA+C,2BAAwB,oBAAA,CAAA,GAAA,CAAA;iBA2GvE,qBAAA,QAA6B,wBAAqB,oBAAA,CAAA,GAAA,CAAA;AAjKlD,iBA6KA,cAAA,CA7Kc;EAAA,IAAA,EA8KtB,KA9KsB;EAAA,GAAA;CAAA,EAgL3B,IAhL2B,CAgLtB,cAhLsB,CAAA,GAAA,CAAA,EAAA,UAAA,CAAA,GAAA;EAAG,IAAA,EAgLkB,IAhLlB;CAAW,CAAA,EAgLa,oBAAA,CAAA,GAAA,CAAA,OAhLb;KAgMvC,IAAA,GAAO,IAhMqD,CAgMhD,QAAA,CAAS,IAhMuC,EAAA,MAAA,GAAA,aAAA,GAAA,KAAA,CAAA;AAAqB,UAiMrE,WAAA,SAAoB,cAjMiD,CAAA,KAAA,CAAA,CAAA;EAAA;AAsDtF;;EAA+D,KAAA,CAAA,EAAA;IAAwB,QAAA,CAAA,EAgJxE,IAhJwE;IAAA,IAAA,CAAA,EAiJ5E,IAjJ4E;EA2GvE,CAAA;AAYhB;AACQ,iBA6BQ,UAAA,CA7BR;EAAA,KAAA;EAAA,GAAA;AAAA,CAAA,EA6BwC,WA7BxC,CAAA,EA6BmD,oBAAA,CAAA,GAAA,CAAA,OA7BnD;AAEA,KAqFI,eAAA,GAAkB,iBArFtB,GAqF0C,cArF1C,CAAA,KAAA,CAAA;AAAL,iBAuFa,cAAA,CAvFb;EAAA,WAAA;EAAA,gBAAA;EAAA,WAAA;EAAA,GAAA;AAAA,CAAA,EA4FA,eA5FA,CAAA,EA4Fe,oBAAA,CAAA,GAAA,CAAA,OAAA,GA5Ff,IAAA"}