fumadocs-ui 14.5.5 → 14.6.0

package/dist/components/codeblock.js

@@ -27,7 +27,7 @@ export const CodeBlock = forwardRef(({ title, allowCopy = true, keepBackground =
                             ? {
                                 __html: icon,
                             }
-                            : undefined, children: typeof icon !== 'string' ? icon : null })) : null, _jsx("figcaption", { className: "flex-1 truncate text-fd-muted-foreground", children: title }), allowCopy ? (_jsx(CopyButton, { className: "-me-2", onCopy: onCopy })) : null] })) : (allowCopy && (_jsx(CopyButton, { className: "absolute right-2 top-2 z-[2] backdrop-blur-md", onCopy: onCopy }))), _jsxs(ScrollArea, { ref: areaRef, dir: "ltr", children: [_jsx(ScrollViewport, { ...viewportProps, className: cn('max-h-[400px]', viewportProps?.className), children: props.children }), _jsx(ScrollBar, { orientation: "horizontal" })] })] }));
+                            : undefined, children: typeof icon !== 'string' ? icon : null })) : null, _jsx("figcaption", { className: "flex-1 truncate text-fd-muted-foreground", children: title }), allowCopy ? (_jsx(CopyButton, { className: "-me-2", onCopy: onCopy })) : null] })) : (allowCopy && (_jsx(CopyButton, { className: "absolute right-2 top-2 z-[2] backdrop-blur-md", onCopy: onCopy }))), _jsxs(ScrollArea, { ref: areaRef, dir: "ltr", children: [_jsx(ScrollViewport, { ...viewportProps, className: cn('max-h-[600px]', viewportProps?.className), children: props.children }), _jsx(ScrollBar, { orientation: "horizontal" })] })] }));
 });
 CodeBlock.displayName = 'CodeBlock';
 function CopyButton({ className, onCopy, ...props }) {

package/dist/components/dialog/search.js

@@ -46,8 +46,7 @@ function SearchList({ items, hideResults = false }) {
         (!active || items.every((item) => item.id !== active))) {
         setActive(items[0].id);
     }
-    const listenerRef = useRef();
-    listenerRef.current = (e) => {
+    function onKey(e) {
         if (e.key === 'ArrowDown' || e.key == 'ArrowUp') {
             setActive((cur) => {
                 const idx = items.findIndex((item) => item.id === cur);
@@ -63,11 +62,11 @@ function SearchList({ items, hideResults = false }) {
                 onOpen(selected.url);
             e.preventDefault();
         }
-    };
+    }
+    const listenerRef = useRef(onKey);
+    listenerRef.current = onKey;
     useEffect(() => {
-        const listener = (e) => {
-            listenerRef.current?.(e);
-        };
+        const listener = (e) => listenerRef.current?.(e);
         window.addEventListener('keydown', listener);
         return () => {
             window.removeEventListener('keydown', listener);

package/dist/components/dynamic-codeblock.d.ts

@@ -0,0 +1,7 @@
+import type { HighlightOptions } from 'fumadocs-core/server';
+export declare function DynamicCodeBlock({ lang, code, options, }: {
+    lang: string;
+    code: string;
+    options?: Omit<HighlightOptions, 'lang'>;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=dynamic-codeblock.d.ts.map

package/dist/components/dynamic-codeblock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dynamic-codeblock.d.ts","sourceRoot":"","sources":["../../src/components/dynamic-codeblock.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAc7D,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,IAAI,EACJ,OAAO,GACR,EAAE;IACD,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,IAAI,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC;CAC1C,2CAuBA"}

package/dist/components/dynamic-codeblock.js

@@ -0,0 +1,24 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { CodeBlock, Pre } from '../components/codeblock';
+import { PrerenderScript, useShiki } from 'fumadocs-core/utils/use-shiki';
+import { useId } from 'react';
+const components = {
+    pre(props) {
+        return (_jsx(CodeBlock, { ...props, children: _jsx(Pre, { children: props.children }) }));
+    },
+};
+export function DynamicCodeBlock({ lang, code, options, }) {
+    const scriptKey = useId();
+    const shikiOptions = {
+        lang,
+        scriptKey,
+        ...options,
+        components: {
+            ...components,
+            ...options?.components,
+        },
+    };
+    const children = useShiki(code, shikiOptions);
+    return (_jsxs(_Fragment, { children: [_jsx(PrerenderScript, { scriptKey: scriptKey, code: code, options: shikiOptions }), children] }));
+}

package/dist/components/layout/root-toggle.d.ts

@@ -1,5 +1,4 @@
 import { type HTMLAttributes, type ReactNode } from 'react';
-import type { PageTree } from 'fumadocs-core/server';
 export interface Option {
     /**
      * Redirect URL of the folder, usually the index page
@@ -9,12 +8,13 @@ export interface Option {
     title: ReactNode;
     description?: ReactNode;
     /**
-     * Detect from page tree nodes
+     * Detect from a list of urls
      */
-    folder?: PageTree.Folder;
+    urls?: string[];
     props?: HTMLAttributes<HTMLElement>;
 }
-export declare function RootToggle({ options, ...props }: {
+export declare function RootToggle({ options, placeholder, ...props }: {
+    placeholder?: ReactNode;
     options: Option[];
 } & HTMLAttributes<HTMLButtonElement>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=root-toggle.d.ts.map

package/dist/components/layout/root-toggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"root-toggle.d.ts","sourceRoot":"","sources":["../../../src/components/layout/root-toggle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAqB,MAAM,OAAO,CAAC;AAO/E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAGrD,MAAM,WAAW,MAAM;IACrB;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IAEZ,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;OAEG;IACH,MAAM,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;IAEzB,KAAK,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;CACrC;AAED,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,GAAG,KAAK,EACT,EAAE;IACD,OAAO,EAAE,MAAM,EAAE,CAAC;CACnB,GAAG,cAAc,CAAC,iBAAiB,CAAC,2CAqDpC"}
+{"version":3,"file":"root-toggle.d.ts","sourceRoot":"","sources":["../../../src/components/layout/root-toggle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAqB,MAAM,OAAO,CAAC;AAQ/E,MAAM,WAAW,MAAM;IACrB;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IAEZ,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAEhB,KAAK,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;CACrC;AAED,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,WAAW,EACX,GAAG,KAAK,EACT,EAAE;IACD,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,OAAO,EAAE,MAAM,EAAE,CAAC;CACnB,GAAG,cAAc,CAAC,iBAAiB,CAAC,2CAuDpC"}

package/dist/components/layout/root-toggle.js

@@ -8,22 +8,21 @@ import { cn } from '../../utils/cn';
 import { isActive } from '../../utils/is-active';
 import { useSidebar } from '../../contexts/sidebar';
 import { Popover, PopoverContent, PopoverTrigger } from '../ui/popover';
-import { useTreePath } from '../../contexts/tree';
-export function RootToggle({ options, ...props }) {
+export function RootToggle({ options, placeholder, ...props }) {
     const [open, setOpen] = useState(false);
     const { closeOnRedirect } = useSidebar();
     const pathname = usePathname();
-    const path = useTreePath();
     const selected = useMemo(() => {
-        return options.findLast((item) => item.folder
-            ? path.includes(item.folder)
+        return options.findLast((item) => item.urls
+            ? item.urls.includes(pathname)
             : isActive(item.url, pathname, true));
-    }, [path, options, pathname]);
+    }, [options, pathname]);
     const onClick = () => {
         closeOnRedirect.current = false;
         setOpen(false);
     };
-    return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsxs(PopoverTrigger, { ...props, className: cn('flex flex-row items-center gap-2 rounded-lg px-2 py-1.5 hover:bg-fd-accent/50 hover:text-fd-accent-foreground', props.className), children: [selected ? _jsx(Item, { ...selected }) : null, _jsx(ChevronDown, { className: "me-1.5 size-4 text-fd-muted-foreground" })] }), _jsx(PopoverContent, { className: "w-[var(--radix-popover-trigger-width)] overflow-hidden p-0", children: options.map((item) => (_jsx(Link, { href: item.url, onClick: onClick, ...item.props, className: cn('flex w-full flex-row items-center gap-2 px-2 py-1.5', selected === item
+    const item = selected ? _jsx(Item, { ...selected }) : placeholder;
+    return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [item ? (_jsxs(PopoverTrigger, { ...props, className: cn('flex flex-row items-center gap-2 rounded-lg px-2 py-1.5 hover:bg-fd-accent/50 hover:text-fd-accent-foreground', props.className), children: [item, _jsx(ChevronDown, { className: "me-1.5 size-4 text-fd-muted-foreground" })] })) : null, _jsx(PopoverContent, { className: "w-[var(--radix-popover-trigger-width)] overflow-hidden p-0", children: options.map((item) => (_jsx(Link, { href: item.url, onClick: onClick, ...item.props, className: cn('flex w-full flex-row items-center gap-2 px-2 py-1.5', selected === item
                         ? 'bg-fd-accent text-fd-accent-foreground'
                         : 'hover:bg-fd-accent/50', item.props?.className), children: _jsx(Item, { ...item }) }, item.url))) })] }));
 }

package/dist/components/layout/toc-thumb.d.ts

@@ -1,6 +1,6 @@
 import { type HTMLAttributes, type ReactNode, type RefObject } from 'react';
 export type TOCThumb = [top: number, height: number];
 export declare function TocThumb({ containerRef, ...props }: HTMLAttributes<HTMLDivElement> & {
-    containerRef: RefObject<HTMLElement>;
+    containerRef: RefObject<HTMLElement | null>;
 }): ReactNode;
 //# sourceMappingURL=toc-thumb.d.ts.map

package/dist/components/layout/toc-thumb.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toc-thumb.d.ts","sourceRoot":"","sources":["../../../src/components/layout/toc-thumb.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,SAAS,EAGf,MAAM,OAAO,CAAC;AAIf,MAAM,MAAM,QAAQ,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AAgCrD,wBAAgB,QAAQ,CAAC,EACvB,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,cAAc,CAAC,GAAG;IAClC,YAAY,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;CACtC,GAAG,SAAS,CAgCZ"}
+{"version":3,"file":"toc-thumb.d.ts","sourceRoot":"","sources":["../../../src/components/layout/toc-thumb.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,SAAS,EAGf,MAAM,OAAO,CAAC;AAIf,MAAM,MAAM,QAAQ,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AAgCrD,wBAAgB,QAAQ,CAAC,EACvB,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,cAAc,CAAC,GAAG;IAClC,YAAY,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CAC7C,GAAG,SAAS,CAgCZ"}

package/dist/components/tabs.d.ts

@@ -21,5 +21,11 @@ export interface TabsProps extends BaseProps {
     updateAnchor?: boolean;
 }
 export declare function Tabs({ groupId, items, persist, defaultIndex, updateAnchor, ...props }: TabsProps): import("react/jsx-runtime").JSX.Element;
-export declare function Tab({ value, className, ...props }: TabsContentProps): import("react/jsx-runtime").JSX.Element;
+export type TabProps = Omit<TabsContentProps, 'value'> & {
+    /**
+     * Value of tab, detect from index if unspecified.
+     */
+    value?: TabsContentProps['value'];
+};
+export declare function Tab({ value, className, ...props }: TabProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=tabs.d.ts.map

package/dist/components/tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../src/components/tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,gBAAgB,EAChB,SAAS,IAAI,SAAS,EACvB,MAAM,sBAAsB,CAAC;AAW9B,OAAO,KAAK,SAAS,MAAM,WAAW,CAAC;AAEvC,OAAO,EAAE,SAAS,EAAE,CAAC;AAmBrB,MAAM,WAAW,SAAU,SAAQ,SAAS;IAC1C;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IAEjB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAMD,wBAAgB,IAAI,CAAC,EACnB,OAAO,EACP,KAAU,EACV,OAAe,EACf,YAAgB,EAChB,YAAoB,EACpB,GAAG,KAAK,EACT,EAAE,SAAS,2CA+EX;AAMD,wBAAgB,GAAG,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAkBnE"}
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../src/components/tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,gBAAgB,EAChB,SAAS,IAAI,SAAS,EACvB,MAAM,sBAAsB,CAAC;AAY9B,OAAO,KAAK,SAAS,MAAM,WAAW,CAAC;AAEvC,OAAO,EAAE,SAAS,EAAE,CAAC;AAmBrB,MAAM,WAAW,SAAU,SAAQ,SAAS;IAC1C;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IAEjB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAQD,wBAAgB,IAAI,CAAC,EACnB,OAAO,EACP,KAAU,EACV,OAAe,EACf,YAAgB,EAChB,YAAoB,EACpB,GAAG,KAAK,EACT,EAAE,SAAS,2CAqFX;AAMD,MAAM,MAAM,QAAQ,GAAG,IAAI,CAAC,gBAAgB,EAAE,OAAO,CAAC,GAAG;IACvD;;OAEG;IACH,KAAK,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;CACnC,CAAC;AAEF,wBAAgB,GAAG,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,QAAQ,2CA6B3D"}

package/dist/components/tabs.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo, useState, useCallback, createContext, useContext, useRef, useLayoutEffect, } from 'react';
+import { useMemo, useState, createContext, useContext, useRef, useLayoutEffect, useId, useEffect, } from 'react';
 import { cn } from '../utils/cn';
 import * as Primitive from './ui/tabs';
 export { Primitive };
@@ -14,20 +14,23 @@ function removeChangeListener(id, listener) {
     const list = listeners.get(id) ?? [];
     listeners.set(id, list.filter((item) => item !== listener));
 }
-const ValueToMapContext = createContext(undefined);
+const TabsContext = createContext(null);
 export function Tabs({ groupId, items = [], persist = false, defaultIndex = 0, updateAnchor = false, ...props }) {
     const values = useMemo(() => items.map((item) => toValue(item)), [items]);
     const [value, setValue] = useState(values[defaultIndex]);
-    const valueToIdMapRef = useRef(new Map());
-    const onChangeRef = useRef();
-    onChangeRef.current = (v) => {
+    const valueToIdMap = useMemo(() => new Map(), []);
+    // eslint-disable-next-line react-hooks/exhaustive-deps -- re-reconstruct the collection if items changed
+    const collection = useMemo(() => createCollection(), [items]);
+    const onChange = (v) => {
         if (values.includes(v))
             setValue(v);
     };
+    const onChangeRef = useRef(onChange);
+    onChangeRef.current = onChange;
     useLayoutEffect(() => {
         if (!groupId)
             return;
-        const onUpdate = (v) => onChangeRef.current?.(v);
+        const onUpdate = (v) => onChangeRef.current(v);
         const previous = persist
             ? localStorage.getItem(groupId)
             : sessionStorage.getItem(groupId);
@@ -42,40 +45,83 @@ export function Tabs({ groupId, items = [], persist = false, defaultIndex = 0, u
         const hash = window.location.hash.slice(1);
         if (!hash)
             return;
-        const entry = Array.from(valueToIdMapRef.current.entries()).find(([_, id]) => id === hash);
-        if (entry)
-            setValue(entry[0]);
-    }, []);
-    const onValueChange = useCallback((v) => {
-        if (updateAnchor) {
-            const id = valueToIdMapRef.current.get(v);
-            if (id) {
-                window.history.replaceState(null, '', `#${id}`);
+        for (const [value, id] of valueToIdMap.entries()) {
+            if (id === hash) {
+                setValue(value);
+                break;
             }
         }
-        if (groupId) {
-            listeners.get(groupId)?.forEach((item) => {
-                item(v);
-            });
-            if (persist)
-                localStorage.setItem(groupId, v);
-            else
-                sessionStorage.setItem(groupId, v);
-        }
-        else {
-            setValue(v);
-        }
-    }, [groupId, persist, updateAnchor]);
-    return (_jsxs(Primitive.Tabs, { value: value, onValueChange: onValueChange, ...props, className: cn('my-4', props.className), children: [_jsx(Primitive.TabsList, { children: values.map((v, i) => (_jsx(Primitive.TabsTrigger, { value: v, children: items[i] }, v))) }), _jsx(ValueToMapContext.Provider, { value: valueToIdMapRef.current, children: props.children })] }));
+    }, [valueToIdMap]);
+    return (_jsxs(Primitive.Tabs, { value: value, onValueChange: (v) => {
+            if (updateAnchor) {
+                const id = valueToIdMap.get(v);
+                if (id) {
+                    window.history.replaceState(null, '', `#${id}`);
+                }
+            }
+            if (groupId) {
+                listeners.get(groupId)?.forEach((item) => {
+                    item(v);
+                });
+                if (persist)
+                    localStorage.setItem(groupId, v);
+                else
+                    sessionStorage.setItem(groupId, v);
+            }
+            else {
+                setValue(v);
+            }
+        }, ...props, className: cn('my-4', props.className), children: [_jsx(Primitive.TabsList, { children: values.map((v, i) => (_jsx(Primitive.TabsTrigger, { value: v, children: items[i] }, v))) }), _jsx(TabsContext.Provider, { value: useMemo(() => ({ items, valueToIdMap, collection }), [valueToIdMap, collection, items]), children: props.children })] }));
 }
 function toValue(v) {
     return v.toLowerCase().replace(/\s/, '-');
 }
 export function Tab({ value, className, ...props }) {
-    const v = toValue(value);
-    const valueToIdMap = useContext(ValueToMapContext);
-    if (props.id) {
-        valueToIdMap?.set(v, props.id);
+    const ctx = useContext(TabsContext);
+    const resolvedValue = value ??
+        // eslint-disable-next-line react-hooks/rules-of-hooks -- `value` is not supposed to change
+        ctx?.items.at(useCollectionIndex());
+    if (!resolvedValue)
+        throw new Error('Failed to resolve tab `value`, please pass a `value` prop to the Tab component.');
+    const v = toValue(resolvedValue);
+    if (props.id && ctx) {
+        ctx.valueToIdMap.set(v, props.id);
+    }
+    return (_jsx(Primitive.TabsContent, { value: v, className: cn('prose-no-margin [&>figure:only-child]:-m-4 [&>figure:only-child]:rounded-none [&>figure:only-child]:border-none', className), ...props, children: props.children }));
+}
+function createCollection() {
+    return [];
+}
+/**
+ * Inspired by Headless UI.
+ *
+ * Return the index of children, this is made possible by registering the order of render from children using React context.
+ * This is supposed by work with pre-rendering & pure client-side rendering.
+ */
+function useCollectionIndex() {
+    const key = useId();
+    const ctx = useContext(TabsContext);
+    if (!ctx)
+        throw new Error('You must wrap your component in <Tabs>');
+    const list = ctx.collection;
+    function register() {
+        if (!list.includes(key))
+            list.push(key);
+    }
+    function unregister() {
+        const idx = list.indexOf(key);
+        if (idx !== -1)
+            list.splice(idx, 1);
     }
-    return (_jsx(Primitive.TabsContent, { value: v, className: cn('prose-no-margin [&>figure:only-child]:-m-4 [&>figure:only-child]:rounded-none [&>figure:only-child]:border-none', className), ...props }));
+    useMemo(() => {
+        // re-order the item to the bottom if registered
+        unregister();
+        register();
+        // eslint-disable-next-line -- register
+    }, [list]);
+    useEffect(() => {
+        return unregister;
+        // eslint-disable-next-line -- clean up only
+    }, []);
+    return list.indexOf(key);
 }

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

@@ -36,6 +36,6 @@ export interface SidebarComponents {
 }
 export declare function SidebarLinkItem({ item }: {
     item: LinkItemType;
-}): string | number | bigint | boolean | Iterable<ReactNode> | Promise<import("react").AwaitedReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
+}): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
 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 +1 @@
-{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../../src/layouts/docs/shared.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAClE,OAAO,EAML,KAAK,YAAY,EAClB,MAAM,wBAAwB,CAAC;AAGhC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAkB,KAAK,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAC3E,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AAE9D,MAAM,WAAW,cAAe,SAAQ,YAAY;IAClD,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,SAAS,CAAC;IAErB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;IAExC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,EAAE,GAAG,UAAU,GAAG,KAAK,CAAC;IAErC,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,EAAE,CAAC;QAAE,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAA;KAAE,CAAC,CAAC;IAClC,MAAM,EAAE,EAAE,CAAC;QAAE,IAAI,EAAE,QAAQ,CAAC,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACrD,SAAS,EAAE,EAAE,CAAC;QAAE,IAAI,EAAE,QAAQ,CAAC,SAAS,CAAA;KAAE,CAAC,CAAC;CAC7C;AAED,wBAAgB,eAAe,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,YAAY,CAAA;CAAE,qKA+C/D;AAED,wBAAgB,yBAAyB,CACvC,OAAO,EAAE,cAAc,CAAC,MAAM,CAAC,EAC/B,IAAI,EAAE,QAAQ,CAAC,IAAI,wBASpB"}
+{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../../src/layouts/docs/shared.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAClE,OAAO,EAML,KAAK,YAAY,EAClB,MAAM,wBAAwB,CAAC;AAGhC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAkB,KAAK,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAC3E,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AAE9D,MAAM,WAAW,cAAe,SAAQ,YAAY;IAClD,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,SAAS,CAAC;IAErB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;IAExC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,EAAE,GAAG,UAAU,GAAG,KAAK,CAAC;IAErC,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,EAAE,CAAC;QAAE,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAA;KAAE,CAAC,CAAC;IAClC,MAAM,EAAE,EAAE,CAAC;QAAE,IAAI,EAAE,QAAQ,CAAC,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACrD,SAAS,EAAE,EAAE,CAAC;QAAE,IAAI,EAAE,QAAQ,CAAC,SAAS,CAAA;KAAE,CAAC,CAAC;CAC7C;AAED,wBAAgB,eAAe,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,YAAY,CAAA;CAAE,2UA+C/D;AAED,wBAAgB,yBAAyB,CACvC,OAAO,EAAE,cAAc,CAAC,MAAM,CAAC,EAC/B,IAAI,EAAE,QAAQ,CAAC,IAAI,wBASpB"}

package/dist/style.css

@@ -105,7 +105,7 @@
   --tw-contain-paint:  ;
   --tw-contain-style:  ;
 }/*
-! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com
+! tailwindcss v3.4.16 | MIT License | https://tailwindcss.com
 *//*
 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
@@ -1250,6 +1250,9 @@ body {
 .max-h-\[460px\] {
   max-height: 460px;
 }
+.max-h-\[600px\] {
+  max-height: 600px;
+}
 .max-h-\[var\(--radix-popover-content-available-height\)\] {
   max-height: var(--radix-popover-content-available-height);
 }

package/dist/utils/get-sidebar-tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"get-sidebar-tabs.d.ts","sourceRoot":"","sources":["../../src/utils/get-sidebar-tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AAE9D,MAAM,WAAW,UAAU;IACzB,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,CAAC,MAAM,KAAK,MAAM,GAAG,IAAI,CAAC;CACtE;AAED,wBAAgB,cAAc,CAC5B,QAAQ,EAAE,QAAQ,CAAC,IAAI,EACvB,EAAE,SAAS,EAAE,GAAE,UAAe,GAC7B,MAAM,EAAE,CA0BV"}
+{"version":3,"file":"get-sidebar-tabs.d.ts","sourceRoot":"","sources":["../../src/utils/get-sidebar-tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AAE9D,MAAM,WAAW,UAAU;IACzB,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,CAAC,MAAM,KAAK,MAAM,GAAG,IAAI,CAAC;CACtE;AAED,wBAAgB,cAAc,CAC5B,QAAQ,EAAE,QAAQ,CAAC,IAAI,EACvB,EAAE,SAAS,EAAE,GAAE,UAAe,GAC7B,MAAM,EAAE,CA8BV"}

package/dist/utils/get-sidebar-tabs.js

@@ -1,24 +1,38 @@
 export function getSidebarTabs(pageTree, { transform } = {}) {
-    const options = [];
-    function traverse(node) {
-        if (node.type === 'folder' && node.root) {
+    function findOptions(node) {
+        const results = [];
+        if (node.root) {
             const index = node.index ?? node.children.at(0);
             if (index?.type === 'page') {
                 const option = {
                     url: index.url,
                     title: node.name,
                     icon: node.icon,
-                    folder: node,
                     description: node.description,
+                    urls: getFolderUrls(node),
                 };
                 const mapped = transform ? transform(option, node) : option;
                 if (mapped)
-                    options.push(mapped);
+                    results.push(mapped);
             }
         }
-        if (node.type === 'folder')
-            node.children.forEach(traverse);
+        for (const child of node.children) {
+            if (child.type === 'folder')
+                results.push(...findOptions(child));
+        }
+        return results;
+    }
+    return findOptions(pageTree);
+}
+function getFolderUrls(folder) {
+    const results = [];
+    if (folder.index)
+        results.push(folder.index.url);
+    for (const child of folder.children) {
+        if (child.type === 'page')
+            results.push(child.url);
+        if (child.type === 'folder')
+            results.push(...getFolderUrls(child));
     }
-    pageTree.children.forEach(traverse);
-    return options;
+    return results;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fumadocs-ui",
-  "version": "14.5.5",
+  "version": "14.6.0",
   "description": "The framework for building a documentation website in Next.js",
   "keywords": [
     "NextJs",
@@ -63,23 +63,23 @@
     "@radix-ui/react-tabs": "^1.1.1",
     "class-variance-authority": "^0.7.1",
     "lodash.merge": "^4.6.2",
-    "lucide-react": "^0.462.0",
-    "next-themes": "^0.4.3",
+    "lucide-react": "^0.468.0",
+    "next-themes": "^0.4.4",
     "postcss-selector-parser": "^7.0.0",
-    "react-medium-image-zoom": "^5.2.11",
+    "react-medium-image-zoom": "^5.2.12",
     "tailwind-merge": "^2.5.5",
-    "fumadocs-core": "14.5.5"
+    "fumadocs-core": "14.6.0"
   },
   "devDependencies": {
-    "@next/eslint-plugin-next": "^15.0.3",
+    "@next/eslint-plugin-next": "^15.0.4",
     "@types/lodash.merge": "^4.6.9",
-    "@types/react": "^18.3.12",
-    "@types/react-dom": "^18.3.1",
+    "@types/react": "^19.0.1",
+    "@types/react-dom": "^19.0.2",
     "autoprefixer": "^10.4.20",
-    "next": "15.0.3",
+    "next": "15.0.4",
     "postcss": "^8.4.49",
     "postcss-cli": "^11.0.0",
-    "tailwindcss": "^3.4.15",
+    "tailwindcss": "^3.4.16",
     "tsc-alias": "^1.8.10",
     "@fumadocs/cli": "0.0.4",
     "eslint-config-custom": "0.0.0",
@@ -87,8 +87,8 @@
   },
   "peerDependencies": {
     "next": "14.x.x || 15.x.x",
-    "react": ">= 18",
-    "react-dom": ">= 18",
+    "react": "18.x.x || 19.x.x",
+    "react-dom": "18.x.x || 19.x.x",
     "tailwindcss": "^3.4.14"
   },
   "peerDependenciesMeta": {