fumadocs-ui 16.4.1 → 16.4.2

package/dist/layouts/docs/index.js

@@ -1,69 +1,179 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useMemo, } from 'react';
-import { Languages, Sidebar as SidebarIcon } from '@fumadocs/ui/icons';
-import { cn } from '@fumadocs/ui/cn';
-import { buttonVariants } from '../../components/ui/button.js';
-import { Sidebar, SidebarCollapseTrigger, SidebarContent, SidebarDrawer, SidebarLinkItem, SidebarPageTree, SidebarTrigger, SidebarViewport, } from './sidebar.js';
-import { renderTitleNav, resolveLinkItems, } from '../../layouts/shared/index.js';
-import { LinkItem } from '@fumadocs/ui/link-item';
-import { LanguageToggle, LanguageToggleText, } from '../../layouts/shared/language-toggle.js';
-import { LayoutBody, LayoutContextProvider, LayoutHeader, LayoutTabs, } from './client.js';
-import { TreeContextProvider } from '../../contexts/tree.js';
-import { ThemeToggle } from '../shared/theme-toggle.js';
-import { LargeSearchToggle, SearchToggle, } from '../../layouts/shared/search-toggle.js';
-import { getSidebarTabs, } from '../../components/sidebar/tabs/index.js';
-import { SidebarTabsDropdown, } from '../../components/sidebar/tabs/dropdown.js';
-export function DocsLayout({ nav: { transparentMode, ...nav } = {}, sidebar: { tabs: sidebarTabs, enabled: sidebarEnabled = true, defaultOpenLevel, prefetch, ...sidebarProps } = {}, searchToggle = {}, themeSwitch = {}, tabMode = 'auto', i18n = false, children, tree, ...props }) {
-    const tabs = useMemo(() => {
-        if (Array.isArray(sidebarTabs)) {
-            return sidebarTabs;
-        }
-        if (typeof sidebarTabs === 'object') {
-            return getSidebarTabs(tree, sidebarTabs);
-        }
-        if (sidebarTabs !== false) {
-            return getSidebarTabs(tree);
-        }
-        return [];
-    }, [tree, sidebarTabs]);
-    const links = resolveLinkItems(props);
-    function sidebar() {
-        const { footer, banner, collapsible = true, component, components, ...rest } = sidebarProps;
-        if (component)
-            return component;
-        const iconLinks = links.filter((item) => item.type === 'icon');
-        const viewport = (_jsxs(SidebarViewport, { children: [links
-                    .filter((v) => v.type !== 'icon')
-                    .map((item, i, list) => (_jsx(SidebarLinkItem, { item: item, className: cn(i === list.length - 1 && 'mb-4') }, i))), _jsx(SidebarPageTree, { ...components })] }));
-        return (_jsxs(_Fragment, { children: [_jsxs(SidebarContent, { ...rest, children: [_jsxs("div", { className: "flex flex-col gap-3 p-4 pb-2", children: [_jsxs("div", { className: "flex", children: [renderTitleNav(nav, {
-                                            className: 'inline-flex text-[0.9375rem] items-center gap-2.5 font-medium me-auto',
-                                        }), nav.children, collapsible && (_jsx(SidebarCollapseTrigger, { className: cn(buttonVariants({
-                                                color: 'ghost',
-                                                size: 'icon-sm',
-                                                className: 'mb-auto text-fd-muted-foreground',
-                                            })), children: _jsx(SidebarIcon, {}) }))] }), searchToggle.enabled !== false &&
-                                    (searchToggle.components?.lg ?? (_jsx(LargeSearchToggle, { hideIfDisabled: true }))), tabs.length > 0 && tabMode === 'auto' && (_jsx(SidebarTabsDropdown, { options: tabs })), banner] }), viewport, (i18n ||
-                            iconLinks.length > 0 ||
-                            themeSwitch?.enabled !== false ||
-                            footer) && (_jsxs("div", { className: "flex flex-col border-t p-4 pt-2 empty:hidden", children: [_jsxs("div", { className: "flex text-fd-muted-foreground items-center empty:hidden", children: [i18n && (_jsx(LanguageToggle, { children: _jsx(Languages, { className: "size-4.5" }) })), iconLinks.map((item, i) => (_jsx(LinkItem, { item: item, className: cn(buttonVariants({ size: 'icon-sm', color: 'ghost' })), "aria-label": item.label, children: item.icon }, i))), themeSwitch.enabled !== false &&
-                                            (themeSwitch.component ?? (_jsx(ThemeToggle, { className: "ms-auto p-0", mode: themeSwitch.mode })))] }), footer] }))] }), _jsxs(SidebarDrawer, { children: [_jsxs("div", { className: "flex flex-col gap-3 p-4 pb-2", children: [_jsxs("div", { className: "flex text-fd-muted-foreground items-center gap-1.5", children: [_jsx("div", { className: "flex flex-1", children: iconLinks.map((item, i) => (_jsx(LinkItem, { item: item, className: cn(buttonVariants({
-                                                    size: 'icon-sm',
-                                                    color: 'ghost',
-                                                    className: 'p-2',
-                                                })), "aria-label": item.label, children: item.icon }, i))) }), i18n && (_jsxs(LanguageToggle, { children: [_jsx(Languages, { className: "size-4.5" }), _jsx(LanguageToggleText, {})] })), themeSwitch.enabled !== false &&
-                                            (themeSwitch.component ?? (_jsx(ThemeToggle, { className: "p-0", mode: themeSwitch.mode }))), _jsx(SidebarTrigger, { className: cn(buttonVariants({
-                                                color: 'ghost',
-                                                size: 'icon-sm',
-                                                className: 'p-2',
-                                            })), children: _jsx(SidebarIcon, {}) })] }), tabs.length > 0 && _jsx(SidebarTabsDropdown, { options: tabs }), banner] }), viewport, _jsx("div", { className: "flex flex-col border-t p-4 pt-2 empty:hidden", children: footer })] })] }));
-    }
-    return (_jsx(TreeContextProvider, { tree: tree, children: _jsx(LayoutContextProvider, { navTransparentMode: transparentMode, children: _jsx(Sidebar, { defaultOpenLevel: defaultOpenLevel, prefetch: prefetch, children: _jsxs(LayoutBody, { ...props.containerProps, children: [nav.enabled !== false &&
-                            (nav.component ?? (_jsxs(LayoutHeader, { id: "nd-subnav", className: "[grid-area:header] sticky top-(--fd-docs-row-1) z-30 flex items-center ps-4 pe-2.5 border-b transition-colors backdrop-blur-sm h-(--fd-header-height) md:hidden max-md:layout:[--fd-header-height:--spacing(14)] data-[transparent=false]:bg-fd-background/80", children: [renderTitleNav(nav, {
-                                        className: 'inline-flex items-center gap-2.5 font-semibold',
-                                    }), _jsx("div", { className: "flex-1", children: nav.children }), searchToggle.enabled !== false &&
-                                        (searchToggle.components?.sm ?? (_jsx(SearchToggle, { className: "p-2", hideIfDisabled: true }))), sidebarEnabled && (_jsx(SidebarTrigger, { className: cn(buttonVariants({
-                                            color: 'ghost',
-                                            size: 'icon-sm',
-                                            className: 'p-2',
-                                        })), children: _jsx(SidebarIcon, {}) }))] }))), sidebarEnabled && sidebar(), tabMode === 'top' && tabs.length > 0 && (_jsx(LayoutTabs, { options: tabs, className: "z-10 bg-fd-background border-b px-6 pt-3 xl:px-8 max-md:hidden" })), children] }) }) }) }));
+import { buttonVariants } from "../../components/ui/button.js";
+import { tree_exports } from "../../contexts/tree.js";
+import { SidebarCollapseTrigger, SidebarProvider, SidebarTrigger, SidebarViewport } from "../../components/sidebar/base.js";
+import { SidebarTabsDropdown } from "../../components/sidebar/tabs/dropdown.js";
+import { LayoutBody, LayoutContextProvider, LayoutHeader, LayoutTabs } from "./client.js";
+import { LargeSearchToggle, SearchToggle } from "../shared/search-toggle.js";
+import { SidebarContent, SidebarDrawer, SidebarLinkItem, SidebarPageTree } from "./sidebar.js";
+import { renderTitleNav, resolveLinkItems } from "../shared/index.js";
+import { LanguageToggle, LanguageToggleText } from "../shared/language-toggle.js";
+import { ThemeToggle } from "../shared/theme-toggle.js";
+import { getSidebarTabs } from "../../components/sidebar/tabs/index.js";
+import { cn } from "@fumadocs/ui/cn";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Languages, Sidebar } from "lucide-react";
+import { useMemo } from "react";
+import { LinkItem } from "@fumadocs/ui/link-item";
+
+//#region src/layouts/docs/index.tsx
+function DocsLayout({ nav: { transparentMode, ...nav } = {}, sidebar: { tabs: sidebarTabs, enabled: sidebarEnabled = true, defaultOpenLevel, prefetch, ...sidebarProps } = {}, searchToggle = {}, themeSwitch = {}, tabMode = "auto", i18n = false, children, tree, ...props }) {
+	const tabs = useMemo(() => {
+		if (Array.isArray(sidebarTabs)) return sidebarTabs;
+		if (typeof sidebarTabs === "object") return getSidebarTabs(tree, sidebarTabs);
+		if (sidebarTabs !== false) return getSidebarTabs(tree);
+		return [];
+	}, [tree, sidebarTabs]);
+	const links = resolveLinkItems(props);
+	function sidebar() {
+		const { footer, banner, collapsible = true, component, components, ...rest } = sidebarProps;
+		if (component) return component;
+		const iconLinks = links.filter((item) => item.type === "icon");
+		const viewport = /* @__PURE__ */ jsxs(SidebarViewport, { children: [links.filter((v) => v.type !== "icon").map((item, i, list) => /* @__PURE__ */ jsx(SidebarLinkItem, {
+			item,
+			className: cn(i === list.length - 1 && "mb-4")
+		}, i)), /* @__PURE__ */ jsx(SidebarPageTree, { ...components })] });
+		return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(SidebarContent, {
+			...rest,
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex flex-col gap-3 p-4 pb-2",
+					children: [
+						/* @__PURE__ */ jsxs("div", {
+							className: "flex",
+							children: [
+								renderTitleNav(nav, { className: "inline-flex text-[0.9375rem] items-center gap-2.5 font-medium me-auto" }),
+								nav.children,
+								collapsible && /* @__PURE__ */ jsx(SidebarCollapseTrigger, {
+									className: cn(buttonVariants({
+										color: "ghost",
+										size: "icon-sm",
+										className: "mb-auto text-fd-muted-foreground"
+									})),
+									children: /* @__PURE__ */ jsx(Sidebar, {})
+								})
+							]
+						}),
+						searchToggle.enabled !== false && (searchToggle.components?.lg ?? /* @__PURE__ */ jsx(LargeSearchToggle, { hideIfDisabled: true })),
+						tabs.length > 0 && tabMode === "auto" && /* @__PURE__ */ jsx(SidebarTabsDropdown, { options: tabs }),
+						banner
+					]
+				}),
+				viewport,
+				(i18n || iconLinks.length > 0 || themeSwitch?.enabled !== false || footer) && /* @__PURE__ */ jsxs("div", {
+					className: "flex flex-col border-t p-4 pt-2 empty:hidden",
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "flex text-fd-muted-foreground items-center empty:hidden",
+						children: [
+							i18n && /* @__PURE__ */ jsx(LanguageToggle, { children: /* @__PURE__ */ jsx(Languages, { className: "size-4.5" }) }),
+							iconLinks.map((item, i) => /* @__PURE__ */ jsx(LinkItem, {
+								item,
+								className: cn(buttonVariants({
+									size: "icon-sm",
+									color: "ghost"
+								})),
+								"aria-label": item.label,
+								children: item.icon
+							}, i)),
+							themeSwitch.enabled !== false && (themeSwitch.component ?? /* @__PURE__ */ jsx(ThemeToggle, {
+								className: "ms-auto p-0",
+								mode: themeSwitch.mode
+							}))
+						]
+					}), footer]
+				})
+			]
+		}), /* @__PURE__ */ jsxs(SidebarDrawer, { children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col gap-3 p-4 pb-2",
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex text-fd-muted-foreground items-center gap-1.5",
+						children: [
+							/* @__PURE__ */ jsx("div", {
+								className: "flex flex-1",
+								children: iconLinks.map((item, i) => /* @__PURE__ */ jsx(LinkItem, {
+									item,
+									className: cn(buttonVariants({
+										size: "icon-sm",
+										color: "ghost",
+										className: "p-2"
+									})),
+									"aria-label": item.label,
+									children: item.icon
+								}, i))
+							}),
+							i18n && /* @__PURE__ */ jsxs(LanguageToggle, { children: [/* @__PURE__ */ jsx(Languages, { className: "size-4.5" }), /* @__PURE__ */ jsx(LanguageToggleText, {})] }),
+							themeSwitch.enabled !== false && (themeSwitch.component ?? /* @__PURE__ */ jsx(ThemeToggle, {
+								className: "p-0",
+								mode: themeSwitch.mode
+							})),
+							/* @__PURE__ */ jsx(SidebarTrigger, {
+								className: cn(buttonVariants({
+									color: "ghost",
+									size: "icon-sm",
+									className: "p-2"
+								})),
+								children: /* @__PURE__ */ jsx(Sidebar, {})
+							})
+						]
+					}),
+					tabs.length > 0 && /* @__PURE__ */ jsx(SidebarTabsDropdown, { options: tabs }),
+					banner
+				]
+			}),
+			viewport,
+			/* @__PURE__ */ jsx("div", {
+				className: "flex flex-col border-t p-4 pt-2 empty:hidden",
+				children: footer
+			})
+		] })] });
+	}
+	return /* @__PURE__ */ jsx(tree_exports.TreeContextProvider, {
+		tree,
+		children: /* @__PURE__ */ jsx(LayoutContextProvider, {
+			navTransparentMode: transparentMode,
+			children: /* @__PURE__ */ jsx(SidebarProvider, {
+				defaultOpenLevel,
+				prefetch,
+				children: /* @__PURE__ */ jsxs(LayoutBody, {
+					...props.containerProps,
+					children: [
+						nav.enabled !== false && (nav.component ?? /* @__PURE__ */ jsxs(LayoutHeader, {
+							id: "nd-subnav",
+							className: "[grid-area:header] sticky top-(--fd-docs-row-1) z-30 flex items-center ps-4 pe-2.5 border-b transition-colors backdrop-blur-sm h-(--fd-header-height) md:hidden max-md:layout:[--fd-header-height:--spacing(14)] data-[transparent=false]:bg-fd-background/80",
+							children: [
+								renderTitleNav(nav, { className: "inline-flex items-center gap-2.5 font-semibold" }),
+								/* @__PURE__ */ jsx("div", {
+									className: "flex-1",
+									children: nav.children
+								}),
+								searchToggle.enabled !== false && (searchToggle.components?.sm ?? /* @__PURE__ */ jsx(SearchToggle, {
+									className: "p-2",
+									hideIfDisabled: true
+								})),
+								sidebarEnabled && /* @__PURE__ */ jsx(SidebarTrigger, {
+									className: cn(buttonVariants({
+										color: "ghost",
+										size: "icon-sm",
+										className: "p-2"
+									})),
+									children: /* @__PURE__ */ jsx(Sidebar, {})
+								})
+							]
+						})),
+						sidebarEnabled && sidebar(),
+						tabMode === "top" && tabs.length > 0 && /* @__PURE__ */ jsx(LayoutTabs, {
+							options: tabs,
+							className: "z-10 bg-fd-background border-b px-6 pt-3 xl:px-8 max-md:hidden"
+						}),
+						children
+					]
+				})
+			})
+		})
+	});
 }
+
+//#endregion
+export { DocsLayout };
+//# sourceMappingURL=index.js.map

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

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

package/dist/layouts/docs/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_runtime99 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/docs/page/client.d.ts
+declare function PageTOCPopover({
+  className,
+  children,
+  ...rest
+}: ComponentProps<'div'>): react_jsx_runtime99.JSX.Element;
+declare function PageTOCPopoverTrigger({
+  className,
+  ...props
+}: ComponentProps<'button'>): react_jsx_runtime99.JSX.Element;
+declare function PageTOCPopoverContent(props: ComponentProps<'div'>): react_jsx_runtime99.JSX.Element;
+declare function PageLastUpdate({
+  date: value,
+  ...props
+}: Omit<ComponentProps<'p'>, 'children'> & {
+  date: Date;
+}): react_jsx_runtime99.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_runtime99.JSX.Element;
+type BreadcrumbProps = BreadcrumbOptions & ComponentProps<'div'>;
+declare function PageBreadcrumb({
+  includeRoot,
+  includeSeparator,
+  includePage,
+  ...props
+}: BreadcrumbProps): react_jsx_runtime99.JSX.Element | null;
+//#endregion
+export { BreadcrumbProps, FooterProps, PageBreadcrumb, PageFooter, PageLastUpdate, PageTOCPopover, PageTOCPopoverContent, PageTOCPopoverTrigger };
 //# sourceMappingURL=client.d.ts.map

package/dist/layouts/docs/page/client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../../../../src/layouts/docs/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,2CA+B1D;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/docs/page/client.tsx"],"sourcesContent":[],"mappings":";;;;;;iBAiCgB,cAAA;;;;GAAiD,wBAAqB,mBAAA,CAAA,GAAA,CAAA;iBAsDtE,qBAAA;;;GAA+C,2BAAwB,mBAAA,CAAA,GAAA,CAAA;iBA2GvE,qBAAA,QAA6B,wBAAqB,mBAAA,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,mBAAA,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,mBAAA,CAAA,GAAA,CAAA,OA7BnD;AAEA,KAsFI,eAAA,GAAkB,iBAtFtB,GAsF0C,cAtF1C,CAAA,KAAA,CAAA;AAAL,iBAwFa,cAAA,CAxFb;EAAA,WAAA;EAAA,gBAAA;EAAA,WAAA;EAAA,GAAA;AAAA,CAAA,EA6FA,eA7FA,CAAA,EA6Fe,mBAAA,CAAA,GAAA,CAAA,OAAA,GA7Ff,IAAA"}