fumadocs-ui 16.1.0 → 16.2.0

package/dist/components/sidebar/page-tree.d.ts

@@ -0,0 +1,19 @@
+import { type FC, type ReactNode } from 'react';
+import type * as PageTree from 'fumadocs-core/page-tree';
+import type * as Base from './base.js';
+export interface SidebarPageTreeComponents {
+    Item: FC<{
+        item: PageTree.Item;
+    }>;
+    Folder: FC<{
+        item: PageTree.Folder;
+        children: ReactNode;
+    }>;
+    Separator: FC<{
+        item: PageTree.Separator;
+    }>;
+}
+type InternalComponents = Pick<typeof Base, 'SidebarSeparator' | 'SidebarFolder' | 'SidebarFolderLink' | 'SidebarFolderContent' | 'SidebarFolderTrigger' | 'SidebarItem'>;
+export declare function createPageTreeRenderer({ SidebarFolder, SidebarFolderContent, SidebarFolderLink, SidebarFolderTrigger, SidebarSeparator, SidebarItem, }: InternalComponents): (components: Partial<SidebarPageTreeComponents>) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=page-tree.d.ts.map

package/dist/components/sidebar/page-tree.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-tree.d.ts","sourceRoot":"","sources":["../../../src/components/sidebar/page-tree.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,SAAS,EAAqB,MAAM,OAAO,CAAC;AACnE,OAAO,KAAK,KAAK,QAAQ,MAAM,yBAAyB,CAAC;AACzD,OAAO,KAAK,KAAK,IAAI,MAAM,QAAQ,CAAC;AAEpC,MAAM,WAAW,yBAAyB;IACxC,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,QAAQ,EAAE,SAAS,CAAA;KAAE,CAAC,CAAC;IAC3D,SAAS,EAAE,EAAE,CAAC;QAAE,IAAI,EAAE,QAAQ,CAAC,SAAS,CAAA;KAAE,CAAC,CAAC;CAC7C;AAED,KAAK,kBAAkB,GAAG,IAAI,CAC5B,OAAO,IAAI,EACT,kBAAkB,GAClB,eAAe,GACf,mBAAmB,GACnB,sBAAsB,GACtB,sBAAsB,GACtB,aAAa,CAChB,CAAC;AAEF,wBAAgB,sBAAsB,CAAC,EACrC,aAAa,EACb,oBAAoB,EACpB,iBAAiB,EACjB,oBAAoB,EACpB,gBAAgB,EAChB,WAAW,GACZ,EAAE,kBAAkB,IAuCjB,YAAY,OAAO,CAAC,yBAAyB,CAAC,6CA6CjD"}

package/dist/components/sidebar/page-tree.js

@@ -0,0 +1,34 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useTreeContext, useTreePath } from '../../contexts/tree.js';
+import { useMemo, Fragment } from 'react';
+export function createPageTreeRenderer({ SidebarFolder, SidebarFolderContent, SidebarFolderLink, SidebarFolderTrigger, SidebarSeparator, SidebarItem, }) {
+    function PageTreeFolder({ item, children, }) {
+        const path = useTreePath();
+        return (_jsxs(SidebarFolder, { defaultOpen: (value) => (item.defaultOpen ?? value) || path.includes(item), children: [item.index ? (_jsxs(SidebarFolderLink, { href: item.index.url, external: item.index.external, children: [item.icon, item.name] })) : (_jsxs(SidebarFolderTrigger, { children: [item.icon, item.name] })), _jsx(SidebarFolderContent, { children: children })] }));
+    }
+    /**
+     * Render sidebar items from page tree
+     */
+    return function SidebarPageTree(components) {
+        const { root } = useTreeContext();
+        const { Separator, Item, Folder = PageTreeFolder } = components;
+        return useMemo(() => {
+            function renderSidebarList(items) {
+                return items.map((item, i) => {
+                    if (item.type === 'separator') {
+                        if (Separator)
+                            return _jsx(Separator, { item: item }, i);
+                        return (_jsxs(SidebarSeparator, { children: [item.icon, item.name] }, i));
+                    }
+                    if (item.type === 'folder') {
+                        return (_jsx(Folder, { item: item, children: renderSidebarList(item.children) }, i));
+                    }
+                    if (Item)
+                        return _jsx(Item, { item: item }, item.url);
+                    return (_jsx(SidebarItem, { href: item.url, external: item.external, icon: item.icon, children: item.name }, item.url));
+                });
+            }
+            return (_jsx(Fragment, { children: renderSidebarList(root.children) }, root.$id));
+        }, [Folder, Item, Separator, root]);
+    };
+}

package/dist/components/{layout/root-toggle.d.ts → sidebar/tabs.d.ts}

@@ -1,10 +1,10 @@
 import { type ComponentProps, type ReactNode } from 'react';
 import type { SidebarTab } from '../../utils/get-sidebar-tabs.js';
-export interface Option extends SidebarTab {
+export interface SidebarTabWithProps extends SidebarTab {
     props?: ComponentProps<'a'>;
 }
-export declare function RootToggle({ options, placeholder, ...props }: {
+export declare function SidebarTabTrigger({ options, placeholder, ...props }: {
     placeholder?: ReactNode;
-    options: Option[];
+    options: SidebarTabWithProps[];
 } & ComponentProps<'button'>): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=root-toggle.d.ts.map
+//# sourceMappingURL=tabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/components/sidebar/tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAqB,MAAM,OAAO,CAAC;AAW/E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAE3D,MAAM,WAAW,mBAAoB,SAAQ,UAAU;IACrD,KAAK,CAAC,EAAE,cAAc,CAAC,GAAG,CAAC,CAAC;CAC7B;AAED,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,WAAW,EACX,GAAG,KAAK,EACT,EAAE;IACD,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,OAAO,EAAE,mBAAmB,EAAE,CAAC;CAChC,GAAG,cAAc,CAAC,QAAQ,CAAC,2CAkF3B"}

package/dist/components/{layout/root-toggle.js → sidebar/tabs.js}

@@ -6,9 +6,9 @@ import Link from 'fumadocs-core/link';
 import { usePathname } from 'fumadocs-core/framework';
 import { cn } from '../../utils/cn.js';
 import { isTabActive } from '../../utils/is-active.js';
-import { useSidebar } from '../../contexts/sidebar.js';
-import { Popover, PopoverContent, PopoverTrigger } from '../ui/popover.js';
-export function RootToggle({ options, placeholder, ...props }) {
+import { useSidebar } from '../../components/sidebar/base.js';
+import { Popover, PopoverContent, PopoverTrigger, } from '../../components/ui/popover.js';
+export function SidebarTabTrigger({ options, placeholder, ...props }) {
     const [open, setOpen] = useState(false);
     const { closeOnRedirect } = useSidebar();
     const pathname = usePathname();

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

@@ -16,9 +16,6 @@ export interface TabsProps extends ComponentProps<typeof Primitive.Tabs> {
 }
 export declare const TabsList: import("react").ForwardRefExoticComponent<Primitive.TabsListProps & import("react").RefAttributes<HTMLDivElement>>;
 export declare const TabsTrigger: import("react").ForwardRefExoticComponent<Primitive.TabsTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
-/**
- * @internal You better not use it
- */
 export declare function Tabs({ ref, groupId, persist, updateAnchor, defaultValue, value: _value, onValueChange: _onValueChange, ...props }: TabsProps): import("react/jsx-runtime").JSX.Element;
 export declare function TabsContent({ value, ...props }: ComponentProps<typeof Primitive.TabsContent>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=tabs.unstyled.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"tabs.unstyled.d.ts","sourceRoot":"","sources":["../../src/components/tabs.unstyled.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,cAAc,EAQpB,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,SAAS,MAAM,sBAAsB,CAAC;AAoBlD,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,OAAO,SAAS,CAAC,IAAI,CAAC;IACtE;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAYD,eAAO,MAAM,QAAQ,oHAAqB,CAAC;AAE3C,eAAO,MAAM,WAAW,0HAAwB,CAAC;AAEjD;;GAEG;AACH,wBAAgB,IAAI,CAAC,EACnB,GAAG,EACH,OAAO,EACP,OAAe,EACf,YAAoB,EACpB,YAAY,EACZ,KAAK,EAAE,MAAM,EACb,aAAa,EAAE,cAAc,EAC7B,GAAG,KAAK,EACT,EAAE,SAAS,2CAsEX;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,SAAS,CAAC,WAAW,CAAC,2CAY9C"}
+{"version":3,"file":"tabs.unstyled.d.ts","sourceRoot":"","sources":["../../src/components/tabs.unstyled.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,cAAc,EAQpB,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,SAAS,MAAM,sBAAsB,CAAC;AAMlD,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,OAAO,SAAS,CAAC,IAAI,CAAC;IACtE;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAYD,eAAO,MAAM,QAAQ,oHAAqB,CAAC;AAE3C,eAAO,MAAM,WAAW,0HAAwB,CAAC;AAEjD,wBAAgB,IAAI,CAAC,EACnB,GAAG,EACH,OAAO,EACP,OAAe,EACf,YAAoB,EACpB,YAAY,EACZ,KAAK,EAAE,MAAM,EACb,aAAa,EAAE,cAAc,EAC7B,GAAG,KAAK,EACT,EAAE,SAAS,2CAqEX;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,SAAS,CAAC,WAAW,CAAC,2CAY9C"}

package/dist/components/tabs.unstyled.js

@@ -1,63 +1,53 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useContext, useEffectEvent, useLayoutEffect, useMemo, useRef, useState, } from 'react';
+import { createContext, use, useEffectEvent, useLayoutEffect, useMemo, useRef, useState, } from 'react';
 import * as Primitive from '@radix-ui/react-tabs';
 import { mergeRefs } from '../utils/merge-refs.js';
 const listeners = new Map();
-function addChangeListener(id, listener) {
-    const list = listeners.get(id) ?? [];
-    list.push(listener);
-    listeners.set(id, list);
-}
-function removeChangeListener(id, listener) {
-    const list = listeners.get(id) ?? [];
-    listeners.set(id, list.filter((item) => item !== listener));
-}
 const TabsContext = createContext(null);
 function useTabContext() {
-    const ctx = useContext(TabsContext);
+    const ctx = use(TabsContext);
     if (!ctx)
         throw new Error('You must wrap your component in <Tabs>');
     return ctx;
 }
 export const TabsList = Primitive.TabsList;
 export const TabsTrigger = Primitive.TabsTrigger;
-/**
- * @internal You better not use it
- */
 export function Tabs({ ref, groupId, persist = false, updateAnchor = false, defaultValue, value: _value, onValueChange: _onValueChange, ...props }) {
     const tabsRef = useRef(null);
+    const valueToIdMap = useMemo(() => new Map(), []);
     const [value, setValue] = _value === undefined
         ? // eslint-disable-next-line react-hooks/rules-of-hooks -- not supposed to change controlled/uncontrolled
             useState(defaultValue)
-        : [_value, _onValueChange ?? (() => undefined)];
-    const onChange = useEffectEvent((v) => setValue(v));
-    const valueToIdMap = useMemo(() => new Map(), []);
+        : // eslint-disable-next-line react-hooks/rules-of-hooks -- not supposed to change controlled/uncontrolled
+            [_value, useEffectEvent((v) => _onValueChange?.(v))];
     useLayoutEffect(() => {
         if (!groupId)
             return;
-        const previous = persist
-            ? localStorage.getItem(groupId)
-            : sessionStorage.getItem(groupId);
+        let previous = sessionStorage.getItem(groupId);
+        if (persist)
+            previous ?? (previous = localStorage.getItem(groupId));
         if (previous)
-            onChange(previous);
-        addChangeListener(groupId, onChange);
+            setValue(previous);
+        const groupListeners = listeners.get(groupId) ?? new Set();
+        groupListeners.add(setValue);
+        listeners.set(groupId, groupListeners);
         return () => {
-            removeChangeListener(groupId, onChange);
+            groupListeners.delete(setValue);
         };
-    }, [groupId, persist]);
+    }, [groupId, persist, setValue]);
     useLayoutEffect(() => {
         const hash = window.location.hash.slice(1);
         if (!hash)
             return;
         for (const [value, id] of valueToIdMap.entries()) {
             if (id === hash) {
-                onChange(value);
+                setValue(value);
                 tabsRef.current?.scrollIntoView();
                 break;
             }
         }
-    }, [valueToIdMap]);
+    }, [setValue, valueToIdMap]);
     return (_jsx(Primitive.Tabs, { ref: mergeRefs(ref, tabsRef), value: value, onValueChange: (v) => {
             if (updateAnchor) {
                 const id = valueToIdMap.get(v);
@@ -66,18 +56,19 @@ export function Tabs({ ref, groupId, persist = false, updateAnchor = false, defa
                 }
             }
             if (groupId) {
-                listeners.get(groupId)?.forEach((item) => {
-                    item(v);
-                });
+                const groupListeners = listeners.get(groupId);
+                if (groupListeners) {
+                    for (const listener of groupListeners)
+                        listener(v);
+                }
+                sessionStorage.setItem(groupId, v);
                 if (persist)
                     localStorage.setItem(groupId, v);
-                else
-                    sessionStorage.setItem(groupId, v);
             }
             else {
                 setValue(v);
             }
-        }, ...props, children: _jsx(TabsContext.Provider, { value: useMemo(() => ({ valueToIdMap }), [valueToIdMap]), children: props.children }) }));
+        }, ...props, children: _jsx(TabsContext, { value: useMemo(() => ({ valueToIdMap }), [valueToIdMap]), children: props.children }) }));
 }
 export function TabsContent({ value, ...props }) {
     const { valueToIdMap } = useTabContext();

package/dist/components/toc/clerk.d.ts

@@ -0,0 +1,3 @@
+import { type ComponentProps } from 'react';
+export declare function TOCItems({ ref, className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=clerk.d.ts.map

package/dist/components/toc/clerk.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"clerk.d.ts","sourceRoot":"","sources":["../../../src/components/toc/clerk.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAA+B,MAAM,OAAO,CAAC;AAMzE,wBAAgB,QAAQ,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,2CAsG3E"}

package/dist/components/{layout/toc-clerk.js → toc/clerk.js}

@@ -3,11 +3,10 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import * as Primitive from 'fumadocs-core/toc';
 import { useEffect, useRef, useState } from 'react';
 import { cn } from '../../utils/cn.js';
-import { TocThumb } from '../../components/layout/toc-thumb.js';
-import { useTOCItems } from '../../components/layout/toc.js';
+import { useTOCItems, TocThumb } from './index.js';
 import { mergeRefs } from '../../utils/merge-refs.js';
 import { useI18n } from '../../contexts/i18n.js';
-export default function ClerkTOCItems({ ref, className, ...props }) {
+export function TOCItems({ ref, className, ...props }) {
     const containerRef = useRef(null);
     const items = useTOCItems();
     const { text } = useI18n();
@@ -49,13 +48,13 @@ export default function ClerkTOCItems({ ref, className, ...props }) {
     }, [items]);
     if (items.length === 0)
         return (_jsx("div", { className: "rounded-lg border bg-fd-card p-3 text-xs text-fd-muted-foreground", children: text.tocNoHeadings }));
-    return (_jsxs(_Fragment, { children: [svg ? (_jsx("div", { className: "absolute start-0 top-0 rtl:-scale-x-100", style: {
+    return (_jsxs(_Fragment, { children: [svg && (_jsx("div", { className: "absolute start-0 top-0 rtl:-scale-x-100", style: {
                     width: svg.width,
                     height: svg.height,
                     maskImage: `url("data:image/svg+xml,${
                     // Inline SVG
                     encodeURIComponent(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${svg.width} ${svg.height}"><path d="${svg.path}" stroke="black" stroke-width="1" fill="none" /></svg>`)}")`,
-                }, children: _jsx(TocThumb, { containerRef: containerRef, className: "mt-(--fd-top) h-(--fd-height) bg-fd-primary transition-all" }) })) : null, _jsx("div", { ref: mergeRefs(containerRef, ref), className: cn('flex flex-col', className), ...props, children: items.map((item, i) => (_jsx(TOCItem, { item: item, upper: items[i - 1]?.depth, lower: items[i + 1]?.depth }, item.url))) })] }));
+                }, children: _jsx(TocThumb, { containerRef: containerRef, className: "mt-(--fd-top) h-(--fd-height) bg-fd-primary transition-all" }) })), _jsx("div", { ref: mergeRefs(containerRef, ref), className: cn('flex flex-col', className), ...props, children: items.map((item, i) => (_jsx(TOCItem, { item: item, upper: items[i - 1]?.depth, lower: items[i + 1]?.depth }, item.url))) })] }));
 }
 function getItemOffset(depth) {
     if (depth <= 2)
@@ -71,7 +70,7 @@ function TOCItem({ item, upper = item.depth, lower = item.depth, }) {
     const offset = getLineOffset(item.depth), upperOffset = getLineOffset(upper), lowerOffset = getLineOffset(lower);
     return (_jsxs(Primitive.TOCItem, { href: item.url, style: {
             paddingInlineStart: getItemOffset(item.depth),
-        }, className: "prose relative py-1.5 text-sm text-fd-muted-foreground hover:text-fd-accent-foreground transition-colors [overflow-wrap:anywhere] first:pt-0 last:pb-0 data-[active=true]:text-fd-primary", children: [offset !== upperOffset ? (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", className: "absolute -top-1.5 start-0 size-4 rtl:-scale-x-100", children: _jsx("line", { x1: upperOffset, y1: "0", x2: offset, y2: "12", className: "stroke-fd-foreground/10", strokeWidth: "1" }) })) : null, _jsx("div", { className: cn('absolute inset-y-0 w-px bg-fd-foreground/10', offset !== upperOffset && 'top-1.5', offset !== lowerOffset && 'bottom-1.5'), style: {
+        }, className: "prose relative py-1.5 text-sm text-fd-muted-foreground hover:text-fd-accent-foreground transition-colors wrap-anywhere first:pt-0 last:pb-0 data-[active=true]:text-fd-primary", children: [offset !== upperOffset && (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", className: "absolute -top-1.5 start-0 size-4 rtl:-scale-x-100", children: _jsx("line", { x1: upperOffset, y1: "0", x2: offset, y2: "12", className: "stroke-fd-foreground/10", strokeWidth: "1" }) })), _jsx("div", { className: cn('absolute inset-y-0 w-px bg-fd-foreground/10', offset !== upperOffset && 'top-1.5', offset !== lowerOffset && 'bottom-1.5'), style: {
                     insetInlineStart: offset,
                 } }), item.title] }));
 }

package/dist/components/toc/default.d.ts

@@ -0,0 +1,3 @@
+import { type ComponentProps } from 'react';
+export declare function TOCItems({ ref, className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=default.d.ts.map

package/dist/components/toc/default.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../src/components/toc/default.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,cAAc,EAAU,MAAM,OAAO,CAAC;AAIpD,wBAAgB,QAAQ,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,2CAgC3E"}

package/dist/components/{layout/toc.js → toc/default.js}

@@ -1,22 +1,11 @@
 'use client';
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import * as Primitive from 'fumadocs-core/toc';
-import { createContext, useContext, useRef } from 'react';
-import { cn } from '../../utils/cn.js';
 import { useI18n } from '../../contexts/i18n.js';
-import { TocThumb } from '../../components/layout/toc-thumb.js';
+import { cn } from '../../utils/cn.js';
 import { mergeRefs } from '../../utils/merge-refs.js';
-const TOCContext = createContext([]);
-export function useTOCItems() {
-    return useContext(TOCContext);
-}
-export function TOCProvider({ toc, children, ...props }) {
-    return (_jsx(TOCContext, { value: toc, children: _jsx(Primitive.AnchorProvider, { toc: toc, ...props, children: children }) }));
-}
-export function TOCScrollArea({ ref, className, ...props }) {
-    const viewRef = useRef(null);
-    return (_jsx("div", { ref: mergeRefs(viewRef, ref), className: cn('relative min-h-0 text-sm ms-px overflow-auto [scrollbar-width:none] [mask-image:linear-gradient(to_bottom,transparent,white_16px,white_calc(100%-16px),transparent)] py-3', className), ...props, children: _jsx(Primitive.ScrollProvider, { containerRef: viewRef, children: props.children }) }));
-}
+import { useRef } from 'react';
+import { useTOCItems, TocThumb } from './index.js';
+import * as Primitive from 'fumadocs-core/toc';
 export function TOCItems({ ref, className, ...props }) {
     const containerRef = useRef(null);
     const items = useTOCItems();
@@ -26,5 +15,5 @@ export function TOCItems({ ref, className, ...props }) {
     return (_jsxs(_Fragment, { children: [_jsx(TocThumb, { containerRef: containerRef, className: "absolute top-(--fd-top) h-(--fd-height) w-px bg-fd-primary transition-all" }), _jsx("div", { ref: mergeRefs(ref, containerRef), className: cn('flex flex-col border-s border-fd-foreground/10', className), ...props, children: items.map((item) => (_jsx(TOCItem, { item: item }, item.url))) })] }));
 }
 function TOCItem({ item }) {
-    return (_jsx(Primitive.TOCItem, { href: item.url, className: cn('prose py-1.5 text-sm text-fd-muted-foreground transition-colors [overflow-wrap:anywhere] first:pt-0 last:pb-0 data-[active=true]:text-fd-primary', item.depth <= 2 && 'ps-3', item.depth === 3 && 'ps-6', item.depth >= 4 && 'ps-8'), children: item.title }));
+    return (_jsx(Primitive.TOCItem, { href: item.url, className: cn('prose py-1.5 text-sm text-fd-muted-foreground transition-colors wrap-anywhere first:pt-0 last:pb-0 data-[active=true]:text-fd-primary', item.depth <= 2 && 'ps-3', item.depth === 3 && 'ps-6', item.depth >= 4 && 'ps-8'), children: item.title }));
 }

package/dist/components/{layout/toc.d.ts → toc/index.d.ts}

@@ -1,7 +1,11 @@
 import * as Primitive from 'fumadocs-core/toc';
-import { type ComponentProps } from 'react';
+import { type ComponentProps, type RefObject } from 'react';
 export declare function useTOCItems(): Primitive.TOCItemType[];
 export declare function TOCProvider({ toc, children, ...props }: ComponentProps<typeof Primitive.AnchorProvider>): import("react/jsx-runtime").JSX.Element;
 export declare function TOCScrollArea({ ref, className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-export declare function TOCItems({ ref, className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=toc.d.ts.map
+interface RefProps {
+    containerRef: RefObject<HTMLElement | null>;
+}
+export declare function TocThumb({ containerRef, ...props }: ComponentProps<'div'> & RefProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/toc/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/toc/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,SAAS,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EACL,KAAK,cAAc,EAGnB,KAAK,SAAS,EAIf,MAAM,OAAO,CAAC;AAMf,wBAAgB,WAAW,IAAI,SAAS,CAAC,WAAW,EAAE,CAErD;AAED,wBAAgB,WAAW,CAAC,EAC1B,GAAG,EACH,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,SAAS,CAAC,cAAc,CAAC,2CAQjD;AAED,wBAAgB,aAAa,CAAC,EAC5B,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,KAAK,CAAC,2CAiBvB;AAID,UAAU,QAAQ;IAChB,YAAY,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CAC7C;AAED,wBAAgB,QAAQ,CAAC,EACvB,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,QAAQ,2CASlC"}

package/dist/components/{layout/toc-thumb.js → toc/index.js}

@@ -1,12 +1,26 @@
+'use client';
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useEffectEvent, useRef, } from 'react';
-import { useActiveAnchors } from 'fumadocs-core/toc';
+import * as Primitive from 'fumadocs-core/toc';
+import { createContext, use, useEffect, useEffectEvent, useRef, } from 'react';
+import { cn } from '../../utils/cn.js';
+import { mergeRefs } from '../../utils/merge-refs.js';
+const TOCContext = createContext([]);
+export function useTOCItems() {
+    return use(TOCContext);
+}
+export function TOCProvider({ toc, children, ...props }) {
+    return (_jsx(TOCContext, { value: toc, children: _jsx(Primitive.AnchorProvider, { toc: toc, ...props, children: children }) }));
+}
+export function TOCScrollArea({ ref, className, ...props }) {
+    const viewRef = useRef(null);
+    return (_jsx("div", { ref: mergeRefs(viewRef, ref), className: cn('relative min-h-0 text-sm ms-px overflow-auto [scrollbar-width:none] mask-[linear-gradient(to_bottom,transparent,white_16px,white_calc(100%-16px),transparent)] py-3', className), ...props, children: _jsx(Primitive.ScrollProvider, { containerRef: viewRef, children: props.children }) }));
+}
 export function TocThumb({ containerRef, ...props }) {
     const thumbRef = useRef(null);
     return (_jsxs(_Fragment, { children: [_jsx("div", { ref: thumbRef, role: "none", ...props }), _jsx(Updater, { containerRef: containerRef, thumbRef: thumbRef })] }));
 }
 function Updater({ containerRef, thumbRef, }) {
-    const active = useActiveAnchors();
+    const active = Primitive.useActiveAnchors();
     const onPrint = useEffectEvent(() => {
         if (!containerRef.current || !thumbRef.current)
             return;

package/dist/contexts/search.js

@@ -31,7 +31,7 @@ export function SearchProvider({ SearchDialog, children, preload = true, options
     const [isOpen, setIsOpen] = useState(preload ? false : undefined);
     const onKeyDown = useEffectEvent((e) => {
         if (hotKey.every((v) => typeof v.key === 'string' ? e.key === v.key : v.key(e))) {
-            setIsOpen(true);
+            setIsOpen((open) => !open);
             e.preventDefault();
         }
     });

package/dist/contexts/tree.d.ts

@@ -5,7 +5,7 @@ interface TreeContextType {
     root: MakeRequired<PageTree.Root | PageTree.Folder, '$id'>;
     full: PageTree.Root;
 }
-export declare function TreeContextProvider(props: {
+export declare function TreeContextProvider({ tree: rawTree, children, }: {
     tree: PageTree.Root;
     children: ReactNode;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/contexts/tree.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["../../src/contexts/tree.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,QAAQ,MAAM,yBAAyB,CAAC;AAEzD,OAAO,EAAE,KAAK,SAAS,EAAuC,MAAM,OAAO,CAAC;AAG5E,KAAK,YAAY,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAE5E,UAAU,eAAe;IACvB,IAAI,EAAE,YAAY,CAAC,QAAQ,CAAC,IAAI,GAAG,QAAQ,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IAC3D,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC;CACrB;AAKD,wBAAgB,mBAAmB,CAAC,KAAK,EAAE;IACzC,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;CACrB,2CA8BA;AAED,wBAAgB,WAAW,IAAI,QAAQ,CAAC,IAAI,EAAE,CAE7C;AAED,wBAAgB,cAAc,IAAI,eAAe,CAMhD"}
+{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["../../src/contexts/tree.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,QAAQ,MAAM,yBAAyB,CAAC;AAEzD,OAAO,EAAE,KAAK,SAAS,EAAuC,MAAM,OAAO,CAAC;AAG5E,KAAK,YAAY,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAE5E,UAAU,eAAe;IACvB,IAAI,EAAE,YAAY,CAAC,QAAQ,CAAC,IAAI,GAAG,QAAQ,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IAC3D,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC;CACrB;AAKD,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EAAE,OAAO,EACb,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;CACrB,2CA8BA;AAED,wBAAgB,WAAW,IAAI,QAAQ,CAAC,IAAI,EAAE,CAE7C;AAED,wBAAgB,cAAc,IAAI,eAAe,CAMhD"}

package/dist/contexts/tree.js

@@ -5,13 +5,13 @@ import { useMemo, useRef, createContext, use } from 'react';
 import { searchPath } from 'fumadocs-core/breadcrumb';
 const TreeContext = createContext(null);
 const PathContext = createContext([]);
-export function TreeContextProvider(props) {
+export function TreeContextProvider({ tree: rawTree, children, }) {
     const nextIdRef = useRef(0);
     const pathname = usePathname();
     // I found that object-typed props passed from a RSC will be re-constructed, hence breaking all hooks' dependencies
     // using the id here to make sure this never happens
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    const tree = useMemo(() => props.tree, [props.tree.$id ?? props.tree]);
+    const tree = useMemo(() => rawTree, [rawTree.$id ?? rawTree]);
     const path = useMemo(() => {
         return (searchPath(tree.children, pathname) ??
             (tree.fallback ? searchPath(tree.fallback.children, pathname) : null) ??
@@ -19,7 +19,7 @@ export function TreeContextProvider(props) {
     }, [tree, pathname]);
     const root = path.findLast((item) => item.type === 'folder' && item.root) ?? tree;
     root.$id ?? (root.$id = String(nextIdRef.current++));
-    return (_jsx(TreeContext, { value: useMemo(() => ({ root, full: tree }), [root, tree]), children: _jsx(PathContext, { value: path, children: props.children }) }));
+    return (_jsx(TreeContext, { value: useMemo(() => ({ root, full: tree }), [root, tree]), children: _jsx(PathContext, { value: path, children: children }) }));
 }
 export function useTreePath() {
     return use(PathContext);

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

@@ -1,9 +1,16 @@
-import { type ComponentProps } from 'react';
-import type { Option } from '../../components/layout/root-toggle.js';
-export declare function Navbar(props: ComponentProps<'header'>): import("react/jsx-runtime").JSX.Element;
-export declare function LayoutBody(props: ComponentProps<'main'>): import("react/jsx-runtime").JSX.Element;
+import { type ComponentProps, type ReactNode } from 'react';
+import type { SidebarTab } from '../../utils/get-sidebar-tabs.js';
+export declare const LayoutContext: import("react").Context<{
+    isNavTransparent: boolean;
+} | null>;
+export declare function LayoutContextProvider({ navTransparentMode, children, }: {
+    navTransparentMode?: 'always' | 'top' | 'none';
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function LayoutHeader(props: ComponentProps<'header'>): import("react/jsx-runtime").JSX.Element;
+export declare function LayoutBody({ className, style, children, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
 export declare function CollapsibleControl(): import("react/jsx-runtime").JSX.Element;
 export declare function LayoutTabs({ options, ...props }: ComponentProps<'div'> & {
-    options: Option[];
+    options: SidebarTab[];
 }): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=client.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../../../src/layouts/docs/client.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,cAAc,EAAW,MAAM,OAAO,CAAC;AAOrD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AAK9D,wBAAgB,MAAM,CAAC,KAAK,EAAE,cAAc,CAAC,QAAQ,CAAC,2CAgBrD;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,cAAc,CAAC,MAAM,CAAC,2CAsBvD;AAED,wBAAgB,kBAAkB,4CA2BjC;AAED,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG;IACzB,OAAO,EAAE,MAAM,EAAE,CAAC;CACnB,2CAuBA"}
+{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../../../src/layouts/docs/client.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,cAAc,EAEnB,KAAK,SAAS,EAGf,MAAM,OAAO,CAAC;AASf,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAG3D,eAAO,MAAM,aAAa;sBACN,OAAO;SACZ,CAAC;AAEhB,wBAAgB,qBAAqB,CAAC,EACpC,kBAA2B,EAC3B,QAAQ,GACT,EAAE;IACD,kBAAkB,CAAC,EAAE,QAAQ,GAAG,KAAK,GAAG,MAAM,CAAC;IAC/C,QAAQ,EAAE,SAAS,CAAC;CACrB,2CAkBA;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,cAAc,CAAC,QAAQ,CAAC,2CAQ3D;AAED,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,KAAK,CAAC,2CAgCvB;AAED,wBAAgB,kBAAkB,4CAwBjC;AAED,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG;IACzB,OAAO,EAAE,UAAU,EAAE,CAAC;CACvB,2CA6BA"}

package/dist/layouts/docs/client.js

@@ -1,34 +1,46 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Sidebar as SidebarIcon } from '../../icons.js';
-import { useMemo } from 'react';
+import { createContext, use, useMemo, } from 'react';
 import { cn } from '../../utils/cn.js';
 import { buttonVariants } from '../../components/ui/button.js';
-import { useSidebar } from '../../contexts/sidebar.js';
-import { useNav } from '../../contexts/layout.js';
-import { SidebarCollapseTrigger } from '../../components/layout/sidebar.js';
-import { SearchToggle } from '../../components/layout/search-toggle.js';
+import { useSidebar } from '../../components/sidebar/base.js';
+import { SidebarCollapseTrigger } from './sidebar.js';
+import { SearchToggle } from '../shared/search-toggle.js';
 import { usePathname } from 'fumadocs-core/framework';
 import { isTabActive } from '../../utils/is-active.js';
 import Link from 'fumadocs-core/link';
-export function Navbar(props) {
-    const { isTransparent } = useNav();
-    return (_jsx("header", { id: "nd-subnav", ...props, className: cn('fixed top-(--fd-banner-height) left-0 right-(--removed-body-scroll-bar-size,0) z-30 flex items-center ps-4 pe-2.5 border-b transition-colors backdrop-blur-sm', !isTransparent && 'bg-fd-background/80', props.className), children: props.children }));
+import { useIsScrollTop } from '../../utils/use-is-scroll-top.js';
+export const LayoutContext = createContext(null);
+export function LayoutContextProvider({ navTransparentMode = 'none', children, }) {
+    const isTop = useIsScrollTop({ enabled: navTransparentMode === 'top' }) ?? true;
+    const isNavTransparent = navTransparentMode === 'top' ? isTop : navTransparentMode === 'always';
+    return (_jsx(LayoutContext, { value: useMemo(() => ({
+            isNavTransparent,
+        }), [isNavTransparent]), children: children }));
 }
-export function LayoutBody(props) {
+export function LayoutHeader(props) {
+    const { isNavTransparent } = use(LayoutContext);
+    return (_jsx("header", { "data-transparent": isNavTransparent, ...props, children: props.children }));
+}
+export function LayoutBody({ className, style, children, ...props }) {
     const { collapsed } = useSidebar();
-    return (_jsx("main", { id: "nd-docs-layout", ...props, className: cn('flex flex-1 flex-col pt-(--fd-nav-height) transition-[padding] fd-default-layout', !collapsed && 'mx-(--fd-layout-offset)', props.className), style: {
-            ...props.style,
-            paddingInlineStart: collapsed
-                ? 'min(calc(100vw - var(--fd-page-width)), var(--fd-sidebar-width))'
-                : 'var(--fd-sidebar-width)',
-        }, children: props.children }));
+    return (_jsx("div", { id: "nd-docs-layout", className: cn('grid transition-[grid-template-columns] overflow-x-clip min-h-(--fd-docs-height) [--fd-docs-height:100dvh] [--fd-header-height:0px] [--fd-toc-popover-height:0px] [--fd-sidebar-width:0px] [--fd-toc-width:0px]', className), "data-sidebar-collapsed": collapsed, style: {
+            gridTemplate: `"sidebar header toc"
+        "sidebar toc-popover toc"
+        "sidebar main toc" 1fr / minmax(var(--fd-sidebar-col), 1fr) minmax(0, calc(var(--fd-layout-width,97rem) - var(--fd-sidebar-width) - var(--fd-toc-width))) minmax(min-content, 1fr)`,
+            '--fd-docs-row-1': 'var(--fd-banner-height, 0px)',
+            '--fd-docs-row-2': 'calc(var(--fd-docs-row-1) + var(--fd-header-height))',
+            '--fd-docs-row-3': 'calc(var(--fd-docs-row-2) + var(--fd-toc-popover-height))',
+            '--fd-sidebar-col': collapsed ? '0px' : 'var(--fd-sidebar-width)',
+            gridAutoColumns: 'auto',
+            gridAutoRows: 'auto',
+            ...style,
+        }, ...props, children: children }));
 }
 export function CollapsibleControl() {
     const { collapsed } = useSidebar();
-    return (_jsxs("div", { className: cn('fixed flex shadow-lg transition-opacity rounded-xl p-0.5 border bg-fd-muted text-fd-muted-foreground z-10 max-md:hidden xl:start-4 max-xl:end-4', !collapsed && 'pointer-events-none opacity-0'), style: {
-            top: 'calc(var(--fd-banner-height) + var(--fd-tocnav-height) + var(--spacing) * 4)',
-        }, children: [_jsx(SidebarCollapseTrigger, { className: cn(buttonVariants({
+    return (_jsxs("div", { className: cn('fixed flex top-16 shadow-lg transition-opacity rounded-xl p-0.5 border bg-fd-muted text-fd-muted-foreground z-10 max-md:hidden xl:top-4 xl:start-4 max-xl:end-4', !collapsed && 'pointer-events-none opacity-0'), children: [_jsx(SidebarCollapseTrigger, { className: cn(buttonVariants({
                     color: 'ghost',
                     size: 'icon-sm',
                     className: 'rounded-lg',
@@ -39,8 +51,5 @@ export function LayoutTabs({ options, ...props }) {
     const selected = useMemo(() => {
         return options.findLast((option) => isTabActive(option, pathname));
     }, [options, pathname]);
-    return (_jsx("div", { ...props, className: cn('flex flex-row items-end gap-6 overflow-auto', props.className), children: options.map((option) => (_jsx(LayoutTab, { selected: selected === option, option: option }, option.url))) }));
-}
-function LayoutTab({ option: { title, url, unlisted, props }, selected = false, }) {
-    return (_jsx(Link, { href: url, ...props, className: cn('inline-flex border-b-2 border-transparent transition-colors items-center pb-1.5 font-medium gap-2 text-fd-muted-foreground text-sm text-nowrap hover:text-fd-accent-foreground', unlisted && !selected && 'hidden', selected && 'border-fd-primary text-fd-primary', props?.className), children: title }));
+    return (_jsx("div", { ...props, className: cn('flex flex-row items-end gap-6 overflow-auto [grid-area:main]', props.className), children: options.map((option, i) => (_jsx(Link, { href: option.url, className: cn('inline-flex border-b-2 border-transparent transition-colors items-center pb-1.5 font-medium gap-2 text-fd-muted-foreground text-sm text-nowrap hover:text-fd-accent-foreground', option.unlisted && selected !== option && 'hidden', selected === option && 'border-fd-primary text-fd-primary'), children: option.title }, i))) }));
 }

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

@@ -1,10 +1,10 @@
 import type * as PageTree from 'fumadocs-core/page-tree';
 import { type ComponentProps, type HTMLAttributes, type ReactNode } from 'react';
-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 { Sidebar } from './sidebar.js';
+import { type BaseLayoutProps } from '../../layouts/shared/index.js';
 import { type GetSidebarTabsOptions } from '../../utils/get-sidebar-tabs.js';
+import type { SidebarPageTreeComponents } from '../../components/sidebar/page-tree.js';
+import { type SidebarTabWithProps } from '../../components/sidebar/tabs.js';
 export interface DocsLayoutProps extends BaseLayoutProps {
     tree: PageTree.Root;
     sidebar?: SidebarOptions;
@@ -14,14 +14,14 @@ export interface DocsLayoutProps extends BaseLayoutProps {
      */
     containerProps?: HTMLAttributes<HTMLDivElement>;
 }
-interface SidebarOptions extends ComponentProps<'aside'>, Pick<SidebarProps, 'defaultOpenLevel' | 'prefetch'> {
+interface SidebarOptions extends ComponentProps<'aside'>, Pick<ComponentProps<typeof Sidebar>, 'defaultOpenLevel' | 'prefetch'> {
     enabled?: boolean;
     component?: ReactNode;
-    components?: Partial<SidebarComponents>;
+    components?: Partial<SidebarPageTreeComponents>;
     /**
      * Root Toggle options
      */
-    tabs?: Option[] | GetSidebarTabsOptions | false;
+    tabs?: SidebarTabWithProps[] | GetSidebarTabsOptions | false;
     banner?: ReactNode;
     footer?: ReactNode;
     /**
@@ -31,6 +31,6 @@ interface SidebarOptions extends ComponentProps<'aside'>, Pick<SidebarProps, 'de
      */
     collapsible?: boolean;
 }
-export declare function DocsLayout({ nav: { transparentMode, ...nav }, sidebar: { tabs: sidebarTabs, enabled: sidebarEnabled, ...sidebarProps }, searchToggle, themeSwitch, tabMode, i18n, children, tree, ...props }: DocsLayoutProps): import("react/jsx-runtime").JSX.Element;
-export { CollapsibleControl, Navbar, SidebarTrigger, type LinkItemType };
+export declare function DocsLayout({ nav: { transparentMode, ...nav }, sidebar: { tabs: sidebarTabs, enabled: sidebarEnabled, defaultOpenLevel, prefetch, ...sidebarProps }, searchToggle, themeSwitch, tabMode, i18n, children, tree, ...props }: DocsLayoutProps): import("react/jsx-runtime").JSX.Element;
+export {};
 //# 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,KAAK,QAAQ,MAAM,yBAAyB,CAAC;AACzD,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,EAGpB,KAAK,YAAY,EAClB,MAAM,kBAAkB,CAAC;AAK1B,OAAO,EACL,kBAAkB,EAGlB,MAAM,EACP,MAAM,uBAAuB,CAAC;AAS/B,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,OAAO,CAAC,EAAE,KAAK,GAAG,MAAM,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,WAAgB,EAChB,OAAgB,EAChB,IAAY,EACZ,QAAQ,EACR,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,eAAe,2CA+OjB;AA6CD,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,KAAK,QAAQ,MAAM,yBAAyB,CAAC;AACzD,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,cAAc,EACnB,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AAIf,OAAO,EACL,OAAO,EAQR,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,KAAK,eAAe,EAAoB,MAAM,kBAAkB,CAAC;AAoB1E,OAAO,EAEL,KAAK,qBAAqB,EAC3B,MAAM,0BAA0B,CAAC;AAClC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAChF,OAAO,EAEL,KAAK,mBAAmB,EACzB,MAAM,2BAA2B,CAAC;AAEnC,MAAM,WAAW,eAAgB,SAAQ,eAAe;IACtD,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC;IAEpB,OAAO,CAAC,EAAE,cAAc,CAAC;IAEzB,OAAO,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IAEzB;;OAEG;IACH,cAAc,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;CACjD;AAED,UAAU,cACR,SAAQ,cAAc,CAAC,OAAO,CAAC,EAC7B,IAAI,CAAC,cAAc,CAAC,OAAO,OAAO,CAAC,EAAE,kBAAkB,GAAG,UAAU,CAAC;IACvE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC,yBAAyB,CAAC,CAAC;IAEhD;;OAEG;IACH,IAAI,CAAC,EAAE,mBAAmB,EAAE,GAAG,qBAAqB,GAAG,KAAK,CAAC;IAE7D,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,gBAAgB,EAChB,QAAQ,EACR,GAAG,YAAY,EACX,EACN,YAAiB,EACjB,WAAgB,EAChB,OAAgB,EAChB,IAAY,EACZ,QAAQ,EACR,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,eAAe,2CA2NjB"}