fumadocs-ui 15.7.1 → 15.7.3

package/dist/components/layout/sidebar.js

@@ -91,7 +91,7 @@ export function SidebarFooter(props) {
     return (_jsx("div", { ...props, className: cn('flex flex-col border-t px-4 py-3', props.className), children: props.children }));
 }
 export function SidebarViewport(props) {
-    return (_jsx(ScrollArea, { ...props, className: cn('h-full', props.className), children: _jsx(ScrollViewport, { className: "p-4", style: {
+    return (_jsx(ScrollArea, { ...props, className: cn('h-full', props.className), children: _jsx(ScrollViewport, { className: "p-4 overscroll-contain", style: {
                 '--sidebar-item-offset': 'calc(var(--spacing) * 2)',
                 maskImage: 'linear-gradient(to bottom, transparent, white 12px, white calc(100% - 12px), transparent)',
             }, children: props.children }) }));

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

@@ -1,21 +1,35 @@
 import type { PageTree } from 'fumadocs-core/server';
 import { type ComponentProps, type HTMLAttributes, type ReactNode } from 'react';
-import { SidebarTrigger } from '../../components/layout/sidebar.js';
-import { type LinkItemType } from '../../layouts/links.js';
-import { type BaseLayoutProps } from '../../layouts/shared.js';
+import { type SidebarComponents, type SidebarProps, SidebarTrigger } from '../../components/layout/sidebar.js';
+import { type Option } from '../../components/layout/root-toggle.js';
+import { type BaseLayoutProps, type LinkItemType } from '../../layouts/shared/index.js';
 import { CollapsibleControl, Navbar } from '../../layouts/docs/client.js';
-import { type SidebarOptions } from '../../layouts/docs/shared.js';
+import { type GetSidebarTabsOptions } from '../../utils/get-sidebar-tabs.js';
 export interface DocsLayoutProps extends BaseLayoutProps {
     tree: PageTree.Root;
-    sidebar?: SidebarOptions & ComponentProps<'aside'> & {
-        enabled?: boolean;
-        component?: ReactNode;
-    };
+    sidebar?: SidebarOptions;
     /**
      * Props for the `div` container
      */
     containerProps?: HTMLAttributes<HTMLDivElement>;
 }
+interface SidebarOptions extends ComponentProps<'aside'>, Pick<SidebarProps, 'defaultOpenLevel' | 'prefetch'> {
+    enabled?: boolean;
+    component?: ReactNode;
+    components?: Partial<SidebarComponents>;
+    /**
+     * Root Toggle options
+     */
+    tabs?: Option[] | GetSidebarTabsOptions | false;
+    banner?: ReactNode;
+    footer?: ReactNode;
+    /**
+     * Support collapsing the sidebar on desktop mode
+     *
+     * @defaultValue true
+     */
+    collapsible?: boolean;
+}
 export declare function DocsLayout({ nav: { transparentMode, ...nav }, sidebar: { tabs: sidebarTabs, enabled: sidebarEnabled, ...sidebarProps }, searchToggle, disableThemeSwitch, themeSwitch, i18n, children, ...props }: DocsLayoutProps): import("react/jsx-runtime").JSX.Element;
 export { CollapsibleControl, Navbar, SidebarTrigger, type LinkItemType };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layouts/docs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,cAAc,EACnB,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AAIf,OAAO,EAQL,cAAc,EAEf,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAGL,KAAK,YAAY,EAClB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAAE,KAAK,eAAe,EAAY,MAAM,kBAAkB,CAAC;AAKlE,OAAO,EAAE,kBAAkB,EAAc,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAG/E,OAAO,EAGL,KAAK,cAAc,EACpB,MAAM,uBAAuB,CAAC;AAS/B,MAAM,WAAW,eAAgB,SAAQ,eAAe;IACtD,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC;IAEpB,OAAO,CAAC,EAAE,cAAc,GACtB,cAAc,CAAC,OAAO,CAAC,GAAG;QACxB,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,SAAS,CAAC,EAAE,SAAS,CAAC;KACvB,CAAC;IAEJ;;OAEG;IACH,cAAc,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;CACjD;AAED,wBAAgB,UAAU,CAAC,EACzB,GAAG,EAAE,EAAE,eAAe,EAAE,GAAG,GAAG,EAAO,EACrC,OAAO,EAAE,EACP,IAAI,EAAE,WAAW,EACjB,OAAO,EAAE,cAAqB,EAC9B,GAAG,YAAY,EACX,EACN,YAAiB,EACjB,kBAA0B,EAC1B,WAA8C,EAC9C,IAAY,EACZ,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,eAAe,2CA6NjB;AAED,OAAO,EAAE,kBAAkB,EAAE,MAAM,EAAE,cAAc,EAAE,KAAK,YAAY,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layouts/docs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,cAAc,EACnB,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AAIf,OAAO,EAGL,KAAK,iBAAiB,EAWtB,KAAK,YAAY,EACjB,cAAc,EAEf,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,KAAK,MAAM,EAAc,MAAM,iCAAiC,CAAC;AAC1E,OAAO,EACL,KAAK,eAAe,EAIpB,KAAK,YAAY,EAClB,MAAM,kBAAkB,CAAC;AAK1B,OAAO,EAAE,kBAAkB,EAAc,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAU/E,OAAO,EAEL,KAAK,qBAAqB,EAC3B,MAAM,0BAA0B,CAAC;AAElC,MAAM,WAAW,eAAgB,SAAQ,eAAe;IACtD,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC;IAEpB,OAAO,CAAC,EAAE,cAAc,CAAC;IAEzB;;OAEG;IACH,cAAc,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;CACjD;AAED,UAAU,cACR,SAAQ,cAAc,CAAC,OAAO,CAAC,EAC7B,IAAI,CAAC,YAAY,EAAE,kBAAkB,GAAG,UAAU,CAAC;IACrD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;IAExC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,EAAE,GAAG,qBAAqB,GAAG,KAAK,CAAC;IAEhD,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,UAAU,CAAC,EACzB,GAAG,EAAE,EAAE,eAAe,EAAE,GAAG,GAAG,EAAO,EACrC,OAAO,EAAE,EACP,IAAI,EAAE,WAAW,EACjB,OAAO,EAAE,cAAqB,EAC9B,GAAG,YAAY,EACX,EACN,YAAiB,EACjB,kBAA0B,EAC1B,WAA8C,EAC9C,IAAY,EACZ,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,eAAe,2CAqOjB;AA6CD,OAAO,EAAE,kBAAkB,EAAE,MAAM,EAAE,cAAc,EAAE,KAAK,YAAY,EAAE,CAAC"}

package/dist/layouts/docs/index.js

@@ -3,21 +3,31 @@ import { useMemo, } from 'react';
 import { Languages, Sidebar as SidebarIcon } from '../../icons.js';
 import { cn } from '../../utils/cn.js';
 import { buttonVariants } from '../../components/ui/button.js';
-import { Sidebar, SidebarCollapseTrigger, SidebarContent, SidebarContentMobile, SidebarFooter, SidebarHeader, SidebarPageTree, SidebarTrigger, SidebarViewport, } from '../../components/layout/sidebar.js';
-import { BaseLinkItem, } from '../../layouts/links.js';
+import { Sidebar, SidebarCollapseTrigger, SidebarContent, SidebarContentMobile, SidebarFolder, SidebarFolderContent, SidebarFolderLink, SidebarFolderTrigger, SidebarFooter, SidebarHeader, SidebarItem, SidebarPageTree, SidebarTrigger, SidebarViewport, } from '../../components/layout/sidebar.js';
 import { RootToggle } from '../../components/layout/root-toggle.js';
-import { getLinks } from '../../layouts/shared.js';
+import { BaseLinkItem, getLinks, } from '../../layouts/shared/index.js';
 import { LanguageToggle, LanguageToggleText, } from '../../components/layout/language-toggle.js';
 import { CollapsibleControl, LayoutBody, Navbar } from '../../layouts/docs/client.js';
 import { TreeContextProvider } from '../../contexts/tree.js';
 import { ThemeToggle } from '../../components/layout/theme-toggle.js';
-import { getSidebarTabsFromOptions, SidebarLinkItem, } from '../../layouts/docs/shared.js';
 import { NavProvider } from '../../contexts/layout.js';
 import Link from 'fumadocs-core/link';
 import { LargeSearchToggle, SearchToggle, } from '../../components/layout/search-toggle.js';
 import { HideIfEmpty } from 'fumadocs-core/hide-if-empty';
+import { getSidebarTabs, } from '../../utils/get-sidebar-tabs.js';
 export function DocsLayout({ nav: { transparentMode, ...nav } = {}, sidebar: { tabs: sidebarTabs, enabled: sidebarEnabled = true, ...sidebarProps } = {}, searchToggle = {}, disableThemeSwitch = false, themeSwitch = { enabled: !disableThemeSwitch }, i18n = false, children, ...props }) {
-    const tabs = useMemo(() => getSidebarTabsFromOptions(sidebarTabs, props.tree) ?? [], [sidebarTabs, props.tree]);
+    const tabs = useMemo(() => {
+        if (Array.isArray(sidebarTabs)) {
+            return sidebarTabs;
+        }
+        if (typeof sidebarTabs === 'object') {
+            return getSidebarTabs(props.tree, sidebarTabs);
+        }
+        if (sidebarTabs !== false) {
+            return getSidebarTabs(props.tree);
+        }
+        return [];
+    }, [sidebarTabs, props.tree]);
     const links = getLinks(props.links ?? [], props.githubUrl);
     const sidebarVariables = cn('md:[--fd-sidebar-width:268px] lg:[--fd-sidebar-width:286px]');
     function sidebar() {
@@ -57,4 +67,11 @@ export function DocsLayout({ nav: { transparentMode, ...nav } = {}, sidebar: { t
                         nav.enabled !== false &&
                         '[--fd-nav-height:56px] md:[--fd-nav-height:0px]', props.containerProps?.className), children: [sidebarEnabled && sidebar(), children] })] }) }));
 }
+function SidebarLinkItem({ item, ...props }) {
+    if (item.type === 'menu')
+        return (_jsxs(SidebarFolder, { ...props, children: [item.url ? (_jsxs(SidebarFolderLink, { href: item.url, children: [item.icon, item.text] })) : (_jsxs(SidebarFolderTrigger, { children: [item.icon, item.text] })), _jsx(SidebarFolderContent, { children: item.items.map((child, i) => (_jsx(SidebarLinkItem, { item: child }, i))) })] }));
+    if (item.type === 'custom')
+        return _jsx("div", { ...props, children: item.children });
+    return (_jsx(SidebarItem, { href: item.url, icon: item.icon, external: item.external, ...props, children: item.text }));
+}
 export { CollapsibleControl, Navbar, SidebarTrigger };

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

@@ -1,5 +1,5 @@
 import { type HTMLAttributes } from 'react';
-import { type BaseLayoutProps, type NavOptions } from '../../layouts/shared.js';
+import { type BaseLayoutProps, type NavOptions } from '../../layouts/shared/index.js';
 export interface HomeLayoutProps extends BaseLayoutProps {
     nav?: Partial<NavOptions & {
         /**

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layouts/home/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,cAAc,EAAW,MAAM,OAAO,CAAC;AAE/D,OAAO,EACL,KAAK,eAAe,EAEpB,KAAK,UAAU,EAChB,MAAM,kBAAkB,CAAC;AA8B1B,MAAM,WAAW,eAAgB,SAAQ,eAAe;IACtD,GAAG,CAAC,EAAE,OAAO,CACX,UAAU,GAAG;QACX;;WAEG;QACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;KAC7B,CACF,CAAC;CACH;AAED,wBAAgB,UAAU,CACxB,KAAK,EAAE,eAAe,GAAG,cAAc,CAAC,WAAW,CAAC,2CAmCrD;AAED,wBAAgB,MAAM,CAAC,EACrB,GAAQ,EACR,IAAY,EACZ,KAAK,EACL,SAAS,EACT,WAAgB,EAChB,YAAiB,GAClB,EAAE,eAAe,2CAiGjB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layouts/home/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,cAAc,EAAW,MAAM,OAAO,CAAC;AAE/D,OAAO,EACL,KAAK,eAAe,EAGpB,KAAK,UAAU,EAChB,MAAM,kBAAkB,CAAC;AA6B1B,MAAM,WAAW,eAAgB,SAAQ,eAAe;IACtD,GAAG,CAAC,EAAE,OAAO,CACX,UAAU,GAAG;QACX;;WAEG;QACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;KAC7B,CACF,CAAC;CACH;AAED,wBAAgB,UAAU,CACxB,KAAK,EAAE,eAAe,GAAG,cAAc,CAAC,WAAW,CAAC,2CAmCrD;AAED,wBAAgB,MAAM,CAAC,EACrB,GAAQ,EACR,IAAY,EACZ,KAAK,EACL,SAAS,EACT,WAAgB,EAChB,YAAiB,GAClB,EAAE,eAAe,2CAiGjB"}

package/dist/layouts/home/index.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Fragment, useMemo } from 'react';
 import { cn } from '../../utils/cn.js';
-import { getLinks, } from '../../layouts/shared.js';
+import { getLinks, } from '../../layouts/shared/index.js';
 import { NavProvider } from '../../contexts/layout.js';
 import { Navbar, NavbarLink, NavbarMenu, NavbarMenuContent, NavbarMenuLink, NavbarMenuTrigger, } from '../../layouts/home/navbar.js';
 import { LargeSearchToggle, SearchToggle, } from '../../components/layout/search-toggle.js';

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

@@ -1,4 +1,4 @@
-import { type LinkItemType } from '../../layouts/links.js';
+import { type LinkItemType } from '../../layouts/shared/index.js';
 import { NavigationMenuContent, NavigationMenuTrigger } from '../../components/ui/navigation-menu.js';
 import type { ComponentPropsWithoutRef } from 'react';
 export declare function MenuLinkItem({ item, ...props }: {

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

@@ -1 +1 @@
-{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../src/layouts/home/menu.tsx"],"names":[],"mappings":"AACA,OAAO,EAAgB,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAElE,OAAO,EACL,qBAAqB,EAGrB,qBAAqB,EACtB,MAAM,iCAAiC,CAAC;AAIzC,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAqBtD,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,GAAG,KAAK,EACT,EAAE;IACD,IAAI,EAAE,YAAY,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CA6CA;AAED,eAAO,MAAM,IAAI,yNAAqB,CAAC;AAEvC,wBAAgB,WAAW,CAAC,EAC1B,WAAmB,EACnB,GAAG,KAAK,EACT,EAAE,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,GAAG;IAC1D;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,2CASA;AAED,wBAAgB,WAAW,CACzB,KAAK,EAAE,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,2CAU9D"}
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../src/layouts/home/menu.tsx"],"names":[],"mappings":"AACA,OAAO,EAAgB,KAAK,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEnE,OAAO,EACL,qBAAqB,EAGrB,qBAAqB,EACtB,MAAM,iCAAiC,CAAC;AAIzC,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAqBtD,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,GAAG,KAAK,EACT,EAAE;IACD,IAAI,EAAE,YAAY,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CA6CA;AAED,eAAO,MAAM,IAAI,yNAAqB,CAAC;AAEvC,wBAAgB,WAAW,CAAC,EAC1B,WAAmB,EACnB,GAAG,KAAK,EACT,EAAE,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,GAAG;IAC1D;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,2CASA;AAED,wBAAgB,WAAW,CACzB,KAAK,EAAE,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,2CAU9D"}

package/dist/layouts/home/menu.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { BaseLinkItem } from '../../layouts/links.js';
+import { BaseLinkItem } from '../../layouts/shared/index.js';
 import { cn } from '../../utils/cn.js';
 import { NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuTrigger, } from '../../components/ui/navigation-menu.js';
 import Link from 'fumadocs-core/link';

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

@@ -1,7 +1,7 @@
 import { type ComponentProps } from 'react';
 import { type VariantProps } from 'class-variance-authority';
 import { type LinkProps } from 'fumadocs-core/link';
-import { BaseLinkItem } from '../../layouts/links.js';
+import { BaseLinkItem } from '../../layouts/shared/index.js';
 import type { NavigationMenuContentProps, NavigationMenuTriggerProps } from '@radix-ui/react-navigation-menu';
 export declare function Navbar(props: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
 export declare const NavbarMenu: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-navigation-menu").NavigationMenuItemProps & import("react").RefAttributes<HTMLLIElement>, "ref"> & import("react").RefAttributes<HTMLLIElement>>;

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

@@ -1 +1 @@
-{"version":3,"file":"navbar.d.ts","sourceRoot":"","sources":["../../../src/layouts/home/navbar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAY,MAAM,OAAO,CAAC;AACtD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAa,EAAE,KAAK,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE1D,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAW/C,OAAO,KAAK,EACV,0BAA0B,EAC1B,0BAA0B,EAC3B,MAAM,iCAAiC,CAAC;AAOzC,wBAAgB,MAAM,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,2CA8BlD;AAED,eAAO,MAAM,UAAU,yNAAqB,CAAC;AAE7C,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,0BAA0B,2CAYlE;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,0BAA0B,2CASlE;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,SAAS,2CAc9C;AAED,QAAA,MAAM,YAAY;;8EAiBhB,CAAC;AAEH,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,OAAO,EACP,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,YAAY,CAAC,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,2CAczE"}
+{"version":3,"file":"navbar.d.ts","sourceRoot":"","sources":["../../../src/layouts/home/navbar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAY,MAAM,OAAO,CAAC;AACtD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAa,EAAE,KAAK,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE1D,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAWhD,OAAO,KAAK,EACV,0BAA0B,EAC1B,0BAA0B,EAC3B,MAAM,iCAAiC,CAAC;AAOzC,wBAAgB,MAAM,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,2CA8BlD;AAED,eAAO,MAAM,UAAU,yNAAqB,CAAC;AAE7C,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,0BAA0B,2CAYlE;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,0BAA0B,2CASlE;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,SAAS,2CAc9C;AAED,QAAA,MAAM,YAAY;;8EAiBhB,CAAC;AAEH,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,OAAO,EACP,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,YAAY,CAAC,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,2CAczE"}

package/dist/layouts/home/navbar.js

@@ -4,7 +4,7 @@ import { useState } from 'react';
 import { cva } from 'class-variance-authority';
 import Link from 'fumadocs-core/link';
 import { cn } from '../../utils/cn.js';
-import { BaseLinkItem } from '../../layouts/links.js';
+import { BaseLinkItem } from '../../layouts/shared/index.js';
 import { NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, } from '../../components/ui/navigation-menu.js';
 import { useNav } from '../../contexts/layout.js';
 import { buttonVariants } from '../../components/ui/button.js';

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

@@ -1,17 +1,34 @@
-import { type ComponentProps, type HTMLAttributes } from 'react';
-import { type BaseLayoutProps } from '../../layouts/shared.js';
-import { type SidebarOptions } from '../../layouts/docs/shared.js';
+import { type ComponentProps, type HTMLAttributes, type ReactNode } from 'react';
+import { type BaseLayoutProps } from '../../layouts/shared/index.js';
+import { type SidebarComponents, type SidebarProps } from '../../components/layout/sidebar.js';
 import type { PageTree } from 'fumadocs-core/server';
 import { Navbar, NavbarSidebarTrigger } from '../../layouts/notebook/client.js';
+import { type Option } from '../../components/layout/root-toggle.js';
+import { type GetSidebarTabsOptions } from '../../utils/get-sidebar-tabs.js';
 export interface DocsLayoutProps extends BaseLayoutProps {
     tree: PageTree.Root;
     tabMode?: 'sidebar' | 'navbar';
     nav?: BaseLayoutProps['nav'] & {
         mode?: 'top' | 'auto';
     };
-    sidebar?: SidebarOptions & ComponentProps<'aside'>;
+    sidebar?: SidebarOptions;
     containerProps?: HTMLAttributes<HTMLDivElement>;
 }
+interface SidebarOptions extends ComponentProps<'aside'>, Pick<SidebarProps, 'defaultOpenLevel' | 'prefetch'> {
+    components?: Partial<SidebarComponents>;
+    /**
+     * Root Toggle options
+     */
+    tabs?: Option[] | GetSidebarTabsOptions | false;
+    banner?: ReactNode;
+    footer?: ReactNode;
+    /**
+     * Support collapsing the sidebar on desktop mode
+     *
+     * @defaultValue true
+     */
+    collapsible?: boolean;
+}
 export declare function DocsLayout(props: DocsLayoutProps): import("react/jsx-runtime").JSX.Element;
 export { Navbar, NavbarSidebarTrigger };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layouts/notebook/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAEnB,KAAK,cAAc,EAEpB,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,KAAK,eAAe,EAAY,MAAM,kBAAkB,CAAC;AA6BlE,OAAO,EAGL,KAAK,cAAc,EACpB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAGL,MAAM,EACN,oBAAoB,EACrB,MAAM,2BAA2B,CAAC;AAUnC,MAAM,WAAW,eAAgB,SAAQ,eAAe;IACtD,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAE/B,GAAG,CAAC,EAAE,eAAe,CAAC,KAAK,CAAC,GAAG;QAC7B,IAAI,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;KACvB,CAAC;IAEF,OAAO,CAAC,EAAE,cAAc,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;IAEnD,cAAc,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;CACjD;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,2CAgNhD;AAsMD,OAAO,EAAE,MAAM,EAAE,oBAAoB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layouts/notebook/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAEnB,KAAK,cAAc,EACnB,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AACf,OAAO,EACL,KAAK,eAAe,EAIrB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAGL,KAAK,iBAAiB,EAWtB,KAAK,YAAY,EAGlB,MAAM,6BAA6B,CAAC;AAiBrC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAGL,MAAM,EACN,oBAAoB,EACrB,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EAAE,KAAK,MAAM,EAAc,MAAM,iCAAiC,CAAC;AAO1E,OAAO,EAEL,KAAK,qBAAqB,EAC3B,MAAM,0BAA0B,CAAC;AAElC,MAAM,WAAW,eAAgB,SAAQ,eAAe;IACtD,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAE/B,GAAG,CAAC,EAAE,eAAe,CAAC,KAAK,CAAC,GAAG;QAC7B,IAAI,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;KACvB,CAAC;IAEF,OAAO,CAAC,EAAE,cAAc,CAAC;IAEzB,cAAc,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;CACjD;AAED,UAAU,cACR,SAAQ,cAAc,CAAC,OAAO,CAAC,EAC7B,IAAI,CAAC,YAAY,EAAE,kBAAkB,GAAG,UAAU,CAAC;IACrD,UAAU,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;IAExC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,EAAE,GAAG,qBAAqB,GAAG,KAAK,CAAC;IAEhD,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,2CA2NhD;AAiPD,OAAO,EAAE,MAAM,EAAE,oBAAoB,EAAE,CAAC"}

package/dist/layouts/notebook/index.js

@@ -1,27 +1,37 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment, useMemo, } from 'react';
-import { getLinks } from '../../layouts/shared.js';
-import { Sidebar, SidebarCollapseTrigger, SidebarContent, SidebarContentMobile, SidebarFooter, SidebarHeader, SidebarPageTree, SidebarTrigger, SidebarViewport, } from '../../components/layout/sidebar.js';
+import { BaseLinkItem, getLinks, } from '../../layouts/shared/index.js';
+import { Sidebar, SidebarCollapseTrigger, SidebarContent, SidebarContentMobile, SidebarFolder, SidebarFolderContent, SidebarFolderLink, SidebarFolderTrigger, SidebarFooter, SidebarHeader, SidebarItem, SidebarPageTree, SidebarTrigger, SidebarViewport, } from '../../components/layout/sidebar.js';
 import { TreeContextProvider } from '../../contexts/tree.js';
 import { cn } from '../../utils/cn.js';
 import { buttonVariants } from '../../components/ui/button.js';
 import { ChevronDown, Languages, Sidebar as SidebarIcon, X, } from '../../icons.js';
-import { BaseLinkItem } from '../../layouts/links.js';
 import { LanguageToggle } from '../../components/layout/language-toggle.js';
 import { ThemeToggle } from '../../components/layout/theme-toggle.js';
 import { Popover, PopoverContent, PopoverTrigger, } from '../../components/ui/popover.js';
-import { getSidebarTabsFromOptions, SidebarLinkItem, } from '../../layouts/docs/shared.js';
 import { LayoutBody, LayoutTabs, Navbar, NavbarSidebarTrigger, } from '../../layouts/notebook/client.js';
 import { NavProvider } from '../../contexts/layout.js';
 import { RootToggle } from '../../components/layout/root-toggle.js';
 import Link from 'fumadocs-core/link';
 import { LargeSearchToggle, SearchToggle, } from '../../components/layout/search-toggle.js';
 import { HideIfEmpty } from 'fumadocs-core/hide-if-empty';
+import { getSidebarTabs, } from '../../utils/get-sidebar-tabs.js';
 export function DocsLayout(props) {
     const { tabMode = 'sidebar', nav: { transparentMode, ...nav } = {}, sidebar: { tabs: tabOptions, ...sidebarProps } = {}, i18n = false, disableThemeSwitch = false, themeSwitch = { enabled: !disableThemeSwitch }, } = props;
     const navMode = nav.mode ?? 'auto';
     const links = getLinks(props.links ?? [], props.githubUrl);
-    const tabs = useMemo(() => getSidebarTabsFromOptions(tabOptions, props.tree) ?? [], [tabOptions, props.tree]);
+    const tabs = useMemo(() => {
+        if (Array.isArray(tabOptions)) {
+            return tabOptions;
+        }
+        if (typeof tabOptions === 'object') {
+            return getSidebarTabs(props.tree, tabOptions);
+        }
+        if (tabOptions !== false) {
+            return getSidebarTabs(props.tree);
+        }
+        return [];
+    }, [tabOptions, props.tree]);
     const variables = cn('[--fd-nav-height:56px] md:[--fd-sidebar-width:286px] md:[--fd-nav-height:64px] xl:[--fd-toc-width:286px]', tabs.length > 0 && tabMode === 'navbar' && 'lg:[--fd-nav-height:104px]');
     function sidebar() {
         const { banner, footer, components, collapsible = true, prefetch, defaultOpenLevel, ...rest } = sidebarProps;
@@ -90,4 +100,11 @@ function NavbarLinkItem({ item, ...props }) {
         return item.children;
     return (_jsx(BaseLinkItem, { item: item, ...props, children: item.text }));
 }
+function SidebarLinkItem({ item, ...props }) {
+    if (item.type === 'menu')
+        return (_jsxs(SidebarFolder, { ...props, children: [item.url ? (_jsxs(SidebarFolderLink, { href: item.url, children: [item.icon, item.text] })) : (_jsxs(SidebarFolderTrigger, { children: [item.icon, item.text] })), _jsx(SidebarFolderContent, { children: item.items.map((child, i) => (_jsx(SidebarLinkItem, { item: child }, i))) })] }));
+    if (item.type === 'custom')
+        return _jsx("div", { ...props, children: item.children });
+    return (_jsx(SidebarItem, { href: item.url, icon: item.icon, external: item.external, ...props, children: item.text }));
+}
 export { Navbar, NavbarSidebarTrigger };

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

@@ -0,0 +1,6 @@
+import type { ComponentProps } from 'react';
+import type { BaseLinkType } from '../../layouts/shared/index.js';
+export declare function BaseLinkItem({ ref, item, ...props }: Omit<ComponentProps<'a'>, 'href'> & {
+    item: BaseLinkType;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=client.d.ts.map

package/dist/layouts/shared/client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../../../src/layouts/shared/client.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAErD,wBAAgB,YAAY,CAAC,EAC3B,GAAG,EACH,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC,GAAG;IAAE,IAAI,EAAE,YAAY,CAAA;CAAE,2CAkB5D"}

package/dist/layouts/{links.js → shared/client.js}

@@ -1,14 +1,12 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import Link from 'fumadocs-core/link';
 import { usePathname } from 'fumadocs-core/framework';
-import { forwardRef, } from 'react';
-import { isActive } from '../utils/is-active.js';
-export const BaseLinkItem = forwardRef(({ item, ...props }, ref) => {
+import { isActive } from '../../utils/is-active.js';
+import Link from 'fumadocs-core/link';
+export function BaseLinkItem({ ref, item, ...props }) {
     const pathname = usePathname();
     const activeType = item.active ?? 'url';
     const active = activeType !== 'none' &&
         isActive(item.url, pathname, activeType === 'nested-url');
     return (_jsx(Link, { ref: ref, href: item.url, external: item.external, ...props, "data-active": active, children: props.children }));
-});
-BaseLinkItem.displayName = 'BaseLinkItem';
+}

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

@@ -0,0 +1,129 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+import type { NavProviderProps } from '../../contexts/layout.js';
+import type { I18nConfig } from 'fumadocs-core/i18n';
+export interface NavOptions extends NavProviderProps {
+    enabled: boolean;
+    component: ReactNode;
+    title?: ReactNode;
+    /**
+     * Redirect url of title
+     * @defaultValue '/'
+     */
+    url?: string;
+    children?: ReactNode;
+}
+export interface BaseLayoutProps {
+    themeSwitch?: {
+        enabled?: boolean;
+        component?: ReactNode;
+        mode?: 'light-dark' | 'light-dark-system';
+    };
+    searchToggle?: Partial<{
+        enabled: boolean;
+        components: Partial<{
+            sm: ReactNode;
+            lg: ReactNode;
+        }>;
+    }>;
+    /**
+     * Remove theme switcher component
+     *
+     * @deprecated Use `themeSwitch.enabled` instead.
+     */
+    disableThemeSwitch?: boolean;
+    /**
+     * I18n options
+     *
+     * @defaultValue false
+     */
+    i18n?: boolean | I18nConfig;
+    /**
+     * GitHub url
+     */
+    githubUrl?: string;
+    links?: LinkItemType[];
+    /**
+     * Replace or disable navbar
+     */
+    nav?: Partial<NavOptions>;
+    children?: ReactNode;
+}
+interface BaseItem {
+    /**
+     * Restrict where the item is displayed
+     *
+     * @defaultValue 'all'
+     */
+    on?: 'menu' | 'nav' | 'all';
+}
+export interface BaseLinkType extends BaseItem {
+    url: string;
+    /**
+     * When the item is marked as active
+     *
+     * @defaultValue 'url'
+     */
+    active?: 'url' | 'nested-url' | 'none';
+    external?: boolean;
+}
+export interface MainItemType extends BaseLinkType {
+    type?: 'main';
+    icon?: ReactNode;
+    text: ReactNode;
+    description?: ReactNode;
+}
+export interface IconItemType extends BaseLinkType {
+    type: 'icon';
+    /**
+     * `aria-label` of icon button
+     */
+    label?: string;
+    icon: ReactNode;
+    text: ReactNode;
+    /**
+     * @defaultValue true
+     */
+    secondary?: boolean;
+}
+export interface ButtonItemType extends BaseLinkType {
+    type: 'button';
+    icon?: ReactNode;
+    text: ReactNode;
+    /**
+     * @defaultValue false
+     */
+    secondary?: boolean;
+}
+export interface MenuItemType extends BaseItem {
+    type: 'menu';
+    icon?: ReactNode;
+    text: ReactNode;
+    url?: string;
+    items: ((MainItemType & {
+        /**
+         * Options when displayed on navigation menu
+         */
+        menu?: HTMLAttributes<HTMLElement> & {
+            banner?: ReactNode;
+        };
+    }) | CustomItemType)[];
+    /**
+     * @defaultValue false
+     */
+    secondary?: boolean;
+}
+export interface CustomItemType extends BaseItem {
+    type: 'custom';
+    /**
+     * @defaultValue false
+     */
+    secondary?: boolean;
+    children: ReactNode;
+}
+export type LinkItemType = MainItemType | IconItemType | ButtonItemType | MenuItemType | CustomItemType;
+/**
+ * Get Links Items with shortcuts
+ */
+export declare function getLinks(links?: LinkItemType[], githubUrl?: string): LinkItemType[];
+export { BaseLinkItem } from './client.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layouts/shared/index.tsx"],"names":[],"mappings":"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"}

package/dist/layouts/{shared.js → shared/index.js}

@@ -18,3 +18,4 @@ export function getLinks(links = [], githubUrl) {
         ];
     return result;
 }
+export { BaseLinkItem } from './client.js';

package/dist/style.css

@@ -1243,6 +1243,9 @@
   .overflow-y-auto {
     overflow-y: auto;
   }
+  .overscroll-contain {
+    overscroll-behavior: contain;
+  }
   .rounded-2xl {
     border-radius: var(--radius-2xl);
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fumadocs-ui",
-  "version": "15.7.1",
+  "version": "15.7.3",
   "description": "The framework for building a documentation website in Next.js",
   "keywords": [
     "NextJs",
@@ -53,12 +53,12 @@
       "types": "./dist/layouts/notebook/client.d.ts"
     },
     "./layouts/links": {
-      "import": "./dist/layouts/links.js",
-      "types": "./dist/layouts/links.d.ts"
+      "import": "./dist/layouts/shared/index.js",
+      "types": "./dist/layouts/shared/index.d.ts"
     },
     "./layouts/shared": {
-      "import": "./dist/layouts/shared.js",
-      "types": "./dist/layouts/shared.d.ts"
+      "import": "./dist/layouts/shared/index.js",
+      "types": "./dist/layouts/shared/index.d.ts"
     },
     "./page": {
       "node": "./dist/page.server.js",
@@ -121,21 +121,21 @@
     "react-medium-image-zoom": "^5.3.0",
     "scroll-into-view-if-needed": "^3.1.0",
     "tailwind-merge": "^3.3.1",
-    "fumadocs-core": "15.7.1"
+    "fumadocs-core": "15.7.3"
   },
   "devDependencies": {
     "@next/eslint-plugin-next": "^15.5.0",
     "@tailwindcss/cli": "^4.1.12",
     "@types/lodash.merge": "^4.6.9",
-    "@types/react": "^19.1.10",
+    "@types/react": "^19.1.11",
     "@types/react-dom": "^19.1.7",
     "next": "15.5.0",
     "tailwindcss": "^4.1.12",
     "tsc-alias": "^1.8.16",
+    "@fumadocs/cli": "1.0.0",
     "eslint-config-custom": "0.0.0",
-    "tsconfig": "0.0.0",
-    "fumadocs-core": "15.7.1",
-    "@fumadocs/cli": "1.0.0"
+    "fumadocs-core": "15.7.3",
+    "tsconfig": "0.0.0"
   },
   "peerDependencies": {
     "@types/react": "*",

package/dist/layouts/docs/shared.d.ts

@@ -1,27 +0,0 @@
-import type { LinkItemType } from '../../layouts/links.js';
-import { type SidebarComponents, type SidebarProps } from '../../components/layout/sidebar.js';
-import type { PageTree } from 'fumadocs-core/server';
-import type { ReactNode } from 'react';
-import type { Option } from '../../components/layout/root-toggle.js';
-import { type GetSidebarTabsOptions } from '../../utils/get-sidebar-tabs.js';
-export interface SidebarOptions extends Pick<SidebarProps, 'defaultOpenLevel' | 'prefetch'> {
-    components?: Partial<SidebarComponents>;
-    /**
-     * Root Toggle options
-     */
-    tabs?: Option[] | GetSidebarTabsOptions | false;
-    banner?: ReactNode;
-    footer?: ReactNode;
-    /**
-     * Support collapsing the sidebar on desktop mode
-     *
-     * @defaultValue true
-     */
-    collapsible?: boolean;
-}
-export declare function SidebarLinkItem({ item, ...props }: {
-    item: LinkItemType;
-    className?: string;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function getSidebarTabsFromOptions(options: SidebarOptions['tabs'], tree: PageTree.Root): Option[] | undefined;
-//# sourceMappingURL=shared.d.ts.map

package/dist/layouts/docs/shared.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../../src/layouts/docs/shared.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EACL,KAAK,iBAAiB,EAMtB,KAAK,YAAY,EAClB,MAAM,6BAA6B,CAAC;AACrC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAEL,KAAK,qBAAqB,EAC3B,MAAM,0BAA0B,CAAC;AAElC,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,YAAY,EAAE,kBAAkB,GAAG,UAAU,CAAC;IAC3D,UAAU,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;IAExC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,EAAE,GAAG,qBAAqB,GAAG,KAAK,CAAC;IAEhD,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,GAAG,KAAK,EACT,EAAE;IACD,IAAI,EAAE,YAAY,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CAmCA;AAED,wBAAgB,yBAAyB,CACvC,OAAO,EAAE,cAAc,CAAC,MAAM,CAAC,EAC/B,IAAI,EAAE,QAAQ,CAAC,IAAI,wBASpB"}

package/dist/layouts/docs/shared.js

@@ -1,21 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { SidebarFolder, SidebarFolderContent, SidebarFolderLink, SidebarFolderTrigger, SidebarItem, } from '../../components/layout/sidebar.js';
-import { getSidebarTabs, } from '../../utils/get-sidebar-tabs.js';
-export function SidebarLinkItem({ item, ...props }) {
-    if (item.type === 'menu')
-        return (_jsxs(SidebarFolder, { ...props, children: [item.url ? (_jsxs(SidebarFolderLink, { href: item.url, children: [item.icon, item.text] })) : (_jsxs(SidebarFolderTrigger, { children: [item.icon, item.text] })), _jsx(SidebarFolderContent, { children: item.items.map((child, i) => (_jsx(SidebarLinkItem, { item: child }, i))) })] }));
-    if (item.type === 'custom')
-        return _jsx("div", { ...props, children: item.children });
-    return (_jsx(SidebarItem, { href: item.url, icon: item.icon, external: item.external, ...props, children: item.text }));
-}
-export function getSidebarTabsFromOptions(options, tree) {
-    if (Array.isArray(options)) {
-        return options;
-    }
-    else if (typeof options === 'object') {
-        return getSidebarTabs(tree, options);
-    }
-    else if (options !== false) {
-        return getSidebarTabs(tree);
-    }
-}

package/dist/layouts/links.d.ts

@@ -1,79 +0,0 @@
-import { type AnchorHTMLAttributes, type HTMLAttributes, type ReactNode } from 'react';
-interface BaseItem {
-    /**
-     * Restrict where the item is displayed
-     *
-     * @defaultValue 'all'
-     */
-    on?: 'menu' | 'nav' | 'all';
-}
-export interface BaseLinkType extends BaseItem {
-    url: string;
-    /**
-     * When the item is marked as active
-     *
-     * @defaultValue 'url'
-     */
-    active?: 'url' | 'nested-url' | 'none';
-    external?: boolean;
-}
-export interface MainItemType extends BaseLinkType {
-    type?: 'main';
-    icon?: ReactNode;
-    text: ReactNode;
-    description?: ReactNode;
-}
-export interface IconItemType extends BaseLinkType {
-    type: 'icon';
-    /**
-     * `aria-label` of icon button
-     */
-    label?: string;
-    icon: ReactNode;
-    text: ReactNode;
-    /**
-     * @defaultValue true
-     */
-    secondary?: boolean;
-}
-interface ButtonItem extends BaseLinkType {
-    type: 'button';
-    icon?: ReactNode;
-    text: ReactNode;
-    /**
-     * @defaultValue false
-     */
-    secondary?: boolean;
-}
-export interface MenuItemType extends BaseItem {
-    type: 'menu';
-    icon?: ReactNode;
-    text: ReactNode;
-    url?: string;
-    items: ((MainItemType & {
-        /**
-         * Options when displayed on navigation menu
-         */
-        menu?: HTMLAttributes<HTMLElement> & {
-            banner?: ReactNode;
-        };
-    }) | CustomItem)[];
-    /**
-     * @defaultValue false
-     */
-    secondary?: boolean;
-}
-interface CustomItem extends BaseItem {
-    type: 'custom';
-    /**
-     * @defaultValue false
-     */
-    secondary?: boolean;
-    children: ReactNode;
-}
-export type LinkItemType = MainItemType | IconItemType | ButtonItem | MenuItemType | CustomItem;
-export declare const BaseLinkItem: import("react").ForwardRefExoticComponent<Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "href"> & {
-    item: BaseLinkType;
-} & import("react").RefAttributes<HTMLAnchorElement>>;
-export {};
-//# sourceMappingURL=links.d.ts.map

package/dist/layouts/links.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"links.d.ts","sourceRoot":"","sources":["../../src/layouts/links.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,oBAAoB,EAEzB,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,UAAU,QAAQ;IAChB;;;;OAIG;IACH,EAAE,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,KAAK,CAAC;CAC7B;AAED,MAAM,WAAW,YAAa,SAAQ,QAAQ;IAC5C,GAAG,EAAE,MAAM,CAAC;IACZ;;;;OAIG;IACH,MAAM,CAAC,EAAE,KAAK,GAAG,YAAY,GAAG,MAAM,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,YAAa,SAAQ,YAAY;IAChD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,EAAE,SAAS,CAAC;IAChB,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB;AAED,MAAM,WAAW,YAAa,SAAQ,YAAY;IAChD,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,SAAS,CAAC;IAChB,IAAI,EAAE,SAAS,CAAC;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,UAAU,UAAW,SAAQ,YAAY;IACvC,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,EAAE,SAAS,CAAC;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,YAAa,SAAQ,QAAQ;IAC5C,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,EAAE,SAAS,CAAC;IAEhB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,CACH,CAAC,YAAY,GAAG;QACd;;WAEG;QACH,IAAI,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,GAAG;YACnC,MAAM,CAAC,EAAE,SAAS,CAAC;SACpB,CAAC;KACH,CAAC,GACF,UAAU,CACb,EAAE,CAAC;IAEJ;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,UAAU,UAAW,SAAQ,QAAQ;IACnC,IAAI,EAAE,QAAQ,CAAC;IACf;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,MAAM,YAAY,GACpB,YAAY,GACZ,YAAY,GACZ,UAAU,GACV,YAAY,GACZ,UAAU,CAAC;AAEf,eAAO,MAAM,YAAY;UAEyC,YAAY;qDAmB5E,CAAC"}

package/dist/layouts/shared.d.ts

@@ -1,57 +0,0 @@
-import type { ReactNode } from 'react';
-import type { LinkItemType } from '../layouts/links.js';
-import type { NavProviderProps } from '../contexts/layout.js';
-import type { I18nConfig } from 'fumadocs-core/i18n';
-export interface NavOptions extends NavProviderProps {
-    enabled: boolean;
-    component: ReactNode;
-    title?: ReactNode;
-    /**
-     * Redirect url of title
-     * @defaultValue '/'
-     */
-    url?: string;
-    children?: ReactNode;
-}
-export interface BaseLayoutProps {
-    themeSwitch?: {
-        enabled?: boolean;
-        component?: ReactNode;
-        mode?: 'light-dark' | 'light-dark-system';
-    };
-    searchToggle?: Partial<{
-        enabled: boolean;
-        components: Partial<{
-            sm: ReactNode;
-            lg: ReactNode;
-        }>;
-    }>;
-    /**
-     * Remove theme switcher component
-     *
-     * @deprecated Use `themeSwitch.enabled` instead.
-     */
-    disableThemeSwitch?: boolean;
-    /**
-     * I18n options
-     *
-     * @defaultValue false
-     */
-    i18n?: boolean | I18nConfig;
-    /**
-     * GitHub url
-     */
-    githubUrl?: string;
-    links?: LinkItemType[];
-    /**
-     * Replace or disable navbar
-     */
-    nav?: Partial<NavOptions>;
-    children?: ReactNode;
-}
-export { type LinkItemType };
-/**
- * Get Links Items with shortcuts
- */
-export declare function getLinks(links?: LinkItemType[], githubUrl?: string): LinkItemType[];
-//# sourceMappingURL=shared.d.ts.map

package/dist/layouts/shared.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../src/layouts/shared.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,MAAM,WAAW,UAAW,SAAQ,gBAAgB;IAClD,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,SAAS,CAAC;IAErB,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,eAAe;IAC9B,WAAW,CAAC,EAAE;QACZ,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,SAAS,CAAC,EAAE,SAAS,CAAC;QACtB,IAAI,CAAC,EAAE,YAAY,GAAG,mBAAmB,CAAC;KAC3C,CAAC;IAEF,YAAY,CAAC,EAAE,OAAO,CAAC;QACrB,OAAO,EAAE,OAAO,CAAC;QACjB,UAAU,EAAE,OAAO,CAAC;YAClB,EAAE,EAAE,SAAS,CAAC;YACd,EAAE,EAAE,SAAS,CAAC;SACf,CAAC,CAAC;KACJ,CAAC,CAAC;IAEH;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IAE5B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,KAAK,CAAC,EAAE,YAAY,EAAE,CAAC;IACvB;;OAEG;IACH,GAAG,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IAE1B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,OAAO,EAAE,KAAK,YAAY,EAAE,CAAC;AAE7B;;GAEG;AACH,wBAAgB,QAAQ,CACtB,KAAK,GAAE,YAAY,EAAO,EAC1B,SAAS,CAAC,EAAE,MAAM,GACjB,YAAY,EAAE,CAqBhB"}