fumadocs-ui 16.1.0 → 16.2.0

package/dist/utils/use-footer-items.js

@@ -0,0 +1,27 @@
+import { useTreeContext } from '../contexts/tree.js';
+const footerCache = new Map();
+/**
+ * @returns a list of page tree items (linear), that you can obtain footer items
+ */
+export function useFooterItems() {
+    const { root } = useTreeContext();
+    const cached = footerCache.get(root.$id);
+    if (cached)
+        return cached;
+    const list = [];
+    function onNode(node) {
+        if (node.type === 'folder') {
+            if (node.index)
+                onNode(node.index);
+            for (const child of node.children)
+                onNode(child);
+        }
+        else if (node.type === 'page' && !node.external) {
+            list.push(node);
+        }
+    }
+    for (const child of root.children)
+        onNode(child);
+    footerCache.set(root.$id, list);
+    return list;
+}

package/dist/utils/use-is-scroll-top.d.ts

@@ -0,0 +1,4 @@
+export declare function useIsScrollTop({ enabled }: {
+    enabled?: boolean;
+}): boolean | undefined;
+//# sourceMappingURL=use-is-scroll-top.d.ts.map

package/dist/utils/use-is-scroll-top.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-is-scroll-top.d.ts","sourceRoot":"","sources":["../../src/utils/use-is-scroll-top.ts"],"names":[],"mappings":"AAEA,wBAAgB,cAAc,CAAC,EAAE,OAAc,EAAE,EAAE;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,uBAkBvE"}

package/dist/utils/use-is-scroll-top.js

@@ -0,0 +1,17 @@
+import { useEffect, useState } from 'react';
+export function useIsScrollTop({ enabled = true }) {
+    const [isTop, setIsTop] = useState();
+    useEffect(() => {
+        if (!enabled)
+            return;
+        const listener = () => {
+            setIsTop(window.scrollY < 10);
+        };
+        listener();
+        window.addEventListener('scroll', listener);
+        return () => {
+            window.removeEventListener('scroll', listener);
+        };
+    }, [enabled]);
+    return isTop;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fumadocs-ui",
-  "version": "16.1.0",
+  "version": "16.2.0",
   "description": "The React.js documentation framework",
   "keywords": [
     "NextJs",
@@ -37,38 +37,25 @@
       "types": "./dist/layouts/docs/index.d.ts"
     },
     "./layouts/docs/page": {
-      "import": "./dist/layouts/docs/page.js",
-      "types": "./dist/layouts/docs/page.d.ts"
-    },
-    "./layouts/docs-client": {
-      "import": "./dist/layouts/docs/client.js",
-      "types": "./dist/layouts/docs/client.d.ts"
+      "import": "./dist/layouts/docs/page/index.js",
+      "types": "./dist/layouts/docs/page/index.d.ts"
     },
     "./layouts/notebook": {
       "import": "./dist/layouts/notebook/index.js",
       "types": "./dist/layouts/notebook/index.d.ts"
     },
-    "./layouts/notebook-client": {
-      "import": "./dist/layouts/notebook/client.js",
-      "types": "./dist/layouts/notebook/client.d.ts"
-    },
-    "./layouts/links": {
-      "import": "./dist/layouts/shared/index.js",
-      "types": "./dist/layouts/shared/index.d.ts"
+    "./layouts/notebook/page": {
+      "import": "./dist/layouts/notebook/page/index.js",
+      "types": "./dist/layouts/notebook/page/index.d.ts"
     },
     "./layouts/shared": {
       "import": "./dist/layouts/shared/index.js",
       "types": "./dist/layouts/shared/index.d.ts"
     },
     "./page": {
-      "node": "./dist/page.js",
       "import": "./dist/page.js",
       "types": "./dist/page.d.ts"
     },
-    "./provider": {
-      "import": "./dist/provider/index.js",
-      "types": "./dist/provider/index.d.ts"
-    },
     "./provider/*": {
       "import": "./dist/provider/*.js",
       "types": "./dist/provider/*.d.ts"
@@ -121,7 +108,7 @@
     "react-medium-image-zoom": "^5.4.0",
     "scroll-into-view-if-needed": "^3.1.0",
     "tailwind-merge": "^3.4.0",
-    "fumadocs-core": "16.1.0"
+    "fumadocs-core": "16.2.0"
   },
   "devDependencies": {
     "@next/eslint-plugin-next": "16.0.3",
@@ -133,10 +120,10 @@
     "next": "16.0.3",
     "tailwindcss": "^4.1.17",
     "tsc-alias": "^1.8.16",
-    "@fumadocs/cli": "1.0.3",
-    "tsconfig": "0.0.0",
-    "fumadocs-core": "16.1.0",
-    "eslint-config-custom": "0.0.0"
+    "@fumadocs/cli": "1.1.0",
+    "eslint-config-custom": "0.0.0",
+    "fumadocs-core": "16.2.0",
+    "tsconfig": "0.0.0"
   },
   "peerDependencies": {
     "@types/react": "*",

package/css/default.css

@@ -1,34 +0,0 @@
-/**
-The default theme of Fumadocs
- */
-@theme {
-  --color-fd-background: transparent;
-  --color-fd-foreground: transparent;
-  --color-fd-muted: transparent;
-  --color-fd-muted-foreground: transparent;
-  --color-fd-popover: transparent;
-  --color-fd-popover-foreground: transparent;
-  --color-fd-card: transparent;
-  --color-fd-card-foreground: transparent;
-  --color-fd-border: transparent;
-  --color-fd-primary: transparent;
-  --color-fd-primary-foreground: transparent;
-  --color-fd-secondary: transparent;
-  --color-fd-secondary-foreground: transparent;
-  --color-fd-accent: transparent;
-  --color-fd-accent-foreground: transparent;
-  --color-fd-ring: transparent;
-  --color-fd-overlay: transparent;
-}
-
-@theme static {
-  --color-fd-info: oklch(62.3% 0.214 259.815);
-  --color-fd-warning: oklch(76.9% 0.188 70.08);
-  --color-fd-error: oklch(63.7% 0.237 25.331);
-  --color-fd-success: oklch(72.3% 0.219 149.579);
-  --color-fd-idea: oklch(70.5% 0.209 60.849);
-  --color-fd-diff-remove: rgba(200, 10, 100, 0.12);
-  --color-fd-diff-remove-symbol: rgb(230, 10, 100);
-  --color-fd-diff-add: rgba(14, 180, 100, 0.1);
-  --color-fd-diff-add-symbol: rgb(10, 200, 100);
-}

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

@@ -1,5 +0,0 @@
-import { type ButtonHTMLAttributes, type HTMLAttributes } from 'react';
-export type LanguageSelectProps = ButtonHTMLAttributes<HTMLButtonElement>;
-export declare function LanguageToggle(props: LanguageSelectProps): React.ReactElement;
-export declare function LanguageToggleText(props: HTMLAttributes<HTMLSpanElement>): React.ReactElement;
-//# sourceMappingURL=language-toggle.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"language-toggle.d.ts","sourceRoot":"","sources":["../../../src/components/layout/language-toggle.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,oBAAoB,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAUvE,MAAM,MAAM,mBAAmB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE1E,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,KAAK,CAAC,YAAY,CA2C7E;AAED,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,cAAc,CAAC,eAAe,CAAC,GACrC,KAAK,CAAC,YAAY,CAOpB"}

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

@@ -1 +0,0 @@
-{"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,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAE3D,MAAM,WAAW,MAAO,SAAQ,UAAU;IACxC,KAAK,CAAC,EAAE,cAAc,CAAC,GAAG,CAAC,CAAC;CAC7B;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,QAAQ,CAAC,2CAkF3B"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"search-toggle.d.ts","sourceRoot":"","sources":["../../../src/components/layout/search-toggle.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAK5C,OAAO,EAAE,KAAK,WAAW,EAAkB,MAAM,wBAAwB,CAAC;AAE1E,UAAU,iBACR,SAAQ,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC,EAC7C,WAAW;IACb,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,wBAAgB,YAAY,CAAC,EAC3B,cAAc,EACd,IAAgB,EAChB,KAAe,EACf,GAAG,KAAK,EACT,EAAE,iBAAiB,kDAuBnB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,cAAc,EACd,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,QAAQ,CAAC,GAAG;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,kDA6BA"}

package/dist/components/layout/sidebar.d.ts

@@ -1,66 +0,0 @@
-import { type ComponentProps, type FC, type ReactNode } from 'react';
-import { type LinkProps } from 'fumadocs-core/link';
-import { type ScrollAreaProps } from '@radix-ui/react-scroll-area';
-import type { CollapsibleContentProps, CollapsibleTriggerProps } from '@radix-ui/react-collapsible';
-import type * as PageTree from 'fumadocs-core/page-tree';
-export interface SidebarProps {
-    /**
-     * Open folders by default if their level is lower or equal to a specific level
-     * (Starting from 1)
-     *
-     * @defaultValue 0
-     */
-    defaultOpenLevel?: number;
-    /**
-     * Prefetch links
-     *
-     * @defaultValue true
-     */
-    prefetch?: boolean;
-    /**
-     * Children to render
-     */
-    Content: ReactNode;
-    /**
-     * Alternative children for mobile
-     */
-    Mobile?: ReactNode;
-}
-export declare function Sidebar({ defaultOpenLevel, prefetch, Mobile, Content, }: SidebarProps): import("react/jsx-runtime").JSX.Element;
-export declare function SidebarContent(props: ComponentProps<'aside'>): import("react/jsx-runtime").JSX.Element;
-export declare function SidebarContentMobile({ className, children, ...props }: ComponentProps<'aside'>): import("react/jsx-runtime").JSX.Element;
-export declare function SidebarHeader(props: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-export declare function SidebarFooter(props: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-export declare function SidebarViewport(props: ScrollAreaProps): import("react/jsx-runtime").JSX.Element;
-export declare function SidebarSeparator(props: ComponentProps<'p'>): import("react/jsx-runtime").JSX.Element;
-export declare function SidebarItem({ icon, ...props }: LinkProps & {
-    icon?: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function SidebarFolder({ defaultOpen, ...props }: ComponentProps<'div'> & {
-    defaultOpen?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function SidebarFolderTrigger({ className, ...props }: CollapsibleTriggerProps): import("react/jsx-runtime").JSX.Element;
-export declare function SidebarFolderLink(props: LinkProps): import("react/jsx-runtime").JSX.Element;
-export declare function SidebarFolderContent(props: CollapsibleContentProps): import("react/jsx-runtime").JSX.Element;
-export declare function SidebarTrigger({ children, ...props }: ComponentProps<'button'>): import("react/jsx-runtime").JSX.Element;
-export declare function SidebarCollapseTrigger(props: ComponentProps<'button'>): import("react/jsx-runtime").JSX.Element;
-export interface SidebarComponents {
-    Item: FC<{
-        item: PageTree.Item;
-    }>;
-    Folder: FC<{
-        item: PageTree.Folder;
-        level: number;
-        children: ReactNode;
-    }>;
-    Separator: FC<{
-        item: PageTree.Separator;
-    }>;
-}
-/**
- * Render sidebar items from page tree
- */
-export declare function SidebarPageTree(props: {
-    components?: Partial<SidebarComponents>;
-}): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=sidebar.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/layout/sidebar.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,cAAc,EAEnB,KAAK,EAAE,EAEP,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AACf,OAAa,EAAE,KAAK,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAU1D,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAGnE,OAAO,KAAK,EACV,uBAAuB,EACvB,uBAAuB,EACxB,MAAM,6BAA6B,CAAC;AACrC,OAAO,KAAK,KAAK,QAAQ,MAAM,yBAAyB,CAAC;AAKzD,MAAM,WAAW,YAAY;IAC3B;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,OAAO,EAAE,SAAS,CAAC;IAEnB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AA2BD,wBAAgB,OAAO,CAAC,EACtB,gBAAoB,EACpB,QAAe,EACf,MAAM,EACN,OAAO,GACR,EAAE,YAAY,2CAed;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,CAAC,2CAiE5D;AAED,wBAAgB,oBAAoB,CAAC,EACnC,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,CAAC,2CA+BzB;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,2CASzD;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,2CASzD;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,eAAe,2CAiBrD;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,cAAc,CAAC,GAAG,CAAC,2CAY1D;AAED,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,SAAS,GAAG;IACb,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,2CAiBA;AAED,wBAAgB,aAAa,CAAC,EAC5B,WAAmB,EACnB,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,2CAgBA;AAED,wBAAgB,oBAAoB,CAAC,EACnC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,uBAAuB,2CAezB;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,SAAS,2CAiCjD;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,uBAAuB,2CAkClE;AAED,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,QAAQ,CAAC,2CAY1B;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,cAAc,CAAC,QAAQ,CAAC,2CAgBrE;AAgBD,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,CAAC;QAAC,QAAQ,EAAE,SAAS,CAAA;KAAE,CAAC,CAAC;IAC1E,SAAS,EAAE,EAAE,CAAC;QAAE,IAAI,EAAE,QAAQ,CAAC,SAAS,CAAA;KAAE,CAAC,CAAC;CAC7C;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;CACzC,2CAuDA"}

package/dist/components/layout/sidebar.js

@@ -1,200 +0,0 @@
-'use client';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { ChevronDown, ExternalLink } from '../../icons.js';
-import { usePathname } from 'fumadocs-core/framework';
-import { createContext, Fragment, useContext, useMemo, useRef, useState, } from 'react';
-import Link from 'fumadocs-core/link';
-import { useOnChange } from 'fumadocs-core/utils/use-on-change';
-import { cn } from '../../utils/cn.js';
-import { ScrollArea, ScrollViewport } from '../../components/ui/scroll-area.js';
-import { isActive } from '../../utils/is-active.js';
-import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from '../../components/ui/collapsible.js';
-import { useSidebar } from '../../contexts/sidebar.js';
-import { cva } from 'class-variance-authority';
-import { useTreeContext, useTreePath } from '../../contexts/tree.js';
-import { useMediaQuery } from 'fumadocs-core/utils/use-media-query';
-import { Presence } from '@radix-ui/react-presence';
-const itemVariants = cva('relative flex flex-row items-center gap-2 rounded-lg p-2 ps-(--sidebar-item-offset) text-start text-fd-muted-foreground [overflow-wrap:anywhere] [&_svg]:size-4 [&_svg]:shrink-0', {
-    variants: {
-        active: {
-            true: 'bg-fd-primary/10 text-fd-primary',
-            false: 'transition-colors hover:bg-fd-accent/50 hover:text-fd-accent-foreground/80 hover:transition-none',
-        },
-    },
-});
-const Context = createContext(null);
-const FolderContext = createContext(null);
-export function Sidebar({ defaultOpenLevel = 0, prefetch = true, Mobile, Content, }) {
-    const isMobile = useMediaQuery('(width < 768px)') ?? false;
-    const context = useMemo(() => {
-        return {
-            defaultOpenLevel,
-            prefetch,
-            level: 1,
-        };
-    }, [defaultOpenLevel, prefetch]);
-    return (_jsx(Context.Provider, { value: context, children: isMobile && Mobile != null ? Mobile : Content }));
-}
-export function SidebarContent(props) {
-    const { collapsed } = useSidebar();
-    const [hover, setHover] = useState(false);
-    const timerRef = useRef(0);
-    const closeTimeRef = useRef(0);
-    useOnChange(collapsed, () => {
-        setHover(false);
-        closeTimeRef.current = Date.now() + 150;
-    });
-    return (_jsx("aside", { id: "nd-sidebar", ...props, "data-collapsed": collapsed, className: cn('fixed left-0 rtl:left-auto rtl:right-(--removed-body-scroll-bar-size,0) flex flex-col items-end top-(--fd-sidebar-top) bottom-(--fd-sidebar-margin) z-20 bg-fd-card text-sm border-e transition-[top,opacity,translate,width] duration-200 max-md:hidden *:w-(--fd-sidebar-width)', collapsed && [
-            'rounded-xl border translate-x-(--fd-sidebar-offset) rtl:-translate-x-(--fd-sidebar-offset)',
-            hover ? 'z-50 shadow-lg' : 'opacity-0',
-        ], props.className), style: {
-            ...props.style,
-            '--fd-sidebar-offset': hover
-                ? 'calc(var(--spacing) * 2)'
-                : 'calc(16px - 100%)',
-            '--fd-sidebar-margin': collapsed ? '0.5rem' : '0px',
-            '--fd-sidebar-top': `calc(var(--fd-banner-height) + var(--fd-nav-height) + var(--fd-sidebar-margin))`,
-            width: collapsed
-                ? 'var(--fd-sidebar-width)'
-                : 'calc(var(--spacing) + var(--fd-sidebar-width) + var(--fd-layout-offset))',
-        }, onPointerEnter: (e) => {
-            if (!collapsed ||
-                e.pointerType === 'touch' ||
-                closeTimeRef.current > Date.now())
-                return;
-            window.clearTimeout(timerRef.current);
-            setHover(true);
-        }, onPointerLeave: (e) => {
-            if (!collapsed || e.pointerType === 'touch')
-                return;
-            window.clearTimeout(timerRef.current);
-            timerRef.current = window.setTimeout(() => {
-                setHover(false);
-                closeTimeRef.current = Date.now() + 150;
-            }, Math.min(e.clientX, document.body.clientWidth - e.clientX) > 100
-                ? 0
-                : 500);
-        }, children: props.children }));
-}
-export function SidebarContentMobile({ className, children, ...props }) {
-    const { open, setOpen } = useSidebar();
-    const state = open ? 'open' : 'closed';
-    return (_jsxs(_Fragment, { children: [_jsx(Presence, { present: open, children: _jsx("div", { "data-state": state, className: "fixed z-40 inset-0 backdrop-blur-xs data-[state=open]:animate-fd-fade-in data-[state=closed]:animate-fd-fade-out", onClick: () => setOpen(false) }) }), _jsx(Presence, { present: open, children: ({ present }) => (_jsx("aside", { id: "nd-sidebar-mobile", ...props, "data-state": state, className: cn('fixed text-[0.9375rem] flex flex-col shadow-lg border-s end-0 inset-y-0 w-[85%] max-w-[380px] z-40 bg-fd-background data-[state=open]:animate-fd-sidebar-in data-[state=closed]:animate-fd-sidebar-out', !present && 'invisible', className), children: children })) })] }));
-}
-export function SidebarHeader(props) {
-    return (_jsx("div", { ...props, className: cn('flex flex-col gap-3 p-4 pb-2', props.className), children: props.children }));
-}
-export function SidebarFooter(props) {
-    return (_jsx("div", { ...props, className: cn('flex flex-col border-t p-4 pt-2', 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 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 }) }));
-}
-export function SidebarSeparator(props) {
-    return (_jsx("p", { ...props, className: cn('inline-flex items-center gap-2 mb-1.5 px-2 ps-(--sidebar-item-offset) empty:mb-0 [&_svg]:size-4 [&_svg]:shrink-0', props.className), children: props.children }));
-}
-export function SidebarItem({ icon, ...props }) {
-    const pathname = usePathname();
-    const active = props.href !== undefined && isActive(props.href, pathname, false);
-    const { prefetch } = useInternalContext();
-    return (_jsxs(Link, { ...props, "data-active": active, className: cn(itemVariants({ active }), props.className), prefetch: prefetch, children: [icon ?? (props.external ? _jsx(ExternalLink, {}) : null), props.children] }));
-}
-export function SidebarFolder({ defaultOpen = false, ...props }) {
-    const [open, setOpen] = useState(defaultOpen);
-    useOnChange(defaultOpen, (v) => {
-        if (v)
-            setOpen(v);
-    });
-    return (_jsx(Collapsible, { open: open, onOpenChange: setOpen, ...props, children: _jsx(FolderContext.Provider, { value: useMemo(() => ({ open, setOpen }), [open]), children: props.children }) }));
-}
-export function SidebarFolderTrigger({ className, ...props }) {
-    const { open } = useFolderContext();
-    return (_jsxs(CollapsibleTrigger, { className: cn(itemVariants({ active: false }), 'w-full', className), ...props, children: [props.children, _jsx(ChevronDown, { "data-icon": true, className: cn('ms-auto transition-transform', !open && '-rotate-90') })] }));
-}
-export function SidebarFolderLink(props) {
-    const { open, setOpen } = useFolderContext();
-    const { prefetch } = useInternalContext();
-    const pathname = usePathname();
-    const active = props.href !== undefined && isActive(props.href, pathname, false);
-    return (_jsxs(Link, { ...props, "data-active": active, className: cn(itemVariants({ active }), 'w-full', props.className), onClick: (e) => {
-            if (e.target instanceof Element &&
-                e.target.matches('[data-icon], [data-icon] *')) {
-                setOpen(!open);
-                e.preventDefault();
-            }
-            else {
-                setOpen(active ? !open : true);
-            }
-        }, prefetch: prefetch, children: [props.children, _jsx(ChevronDown, { "data-icon": true, className: cn('ms-auto transition-transform', !open && '-rotate-90') })] }));
-}
-export function SidebarFolderContent(props) {
-    const { level, ...ctx } = useInternalContext();
-    return (_jsx(CollapsibleContent, { ...props, className: cn('relative', level === 1 && [
-            "before:content-[''] before:absolute before:w-px before:inset-y-1 before:bg-fd-border before:start-2.5",
-            "**:data-[active=true]:before:content-[''] **:data-[active=true]:before:bg-fd-primary **:data-[active=true]:before:absolute **:data-[active=true]:before:w-px **:data-[active=true]:before:inset-y-2.5 **:data-[active=true]:before:start-2.5",
-        ], props.className), style: {
-            '--sidebar-item-offset': `calc(var(--spacing) * ${(level + 1) * 3})`,
-            ...props.style,
-        }, children: _jsx(Context.Provider, { value: useMemo(() => ({
-                ...ctx,
-                level: level + 1,
-            }), [ctx, level]), children: props.children }) }));
-}
-export function SidebarTrigger({ children, ...props }) {
-    const { setOpen } = useSidebar();
-    return (_jsx("button", { ...props, "aria-label": "Open Sidebar", onClick: () => setOpen((prev) => !prev), children: children }));
-}
-export function SidebarCollapseTrigger(props) {
-    const { collapsed, setCollapsed } = useSidebar();
-    return (_jsx("button", { type: "button", "aria-label": "Collapse Sidebar", "data-collapsed": collapsed, ...props, onClick: () => {
-            setCollapsed((prev) => !prev);
-        }, children: props.children }));
-}
-function useFolderContext() {
-    const ctx = useContext(FolderContext);
-    if (!ctx)
-        throw new Error('Missing sidebar folder');
-    return ctx;
-}
-function useInternalContext() {
-    const ctx = useContext(Context);
-    if (!ctx)
-        throw new Error('<Sidebar /> component required.');
-    return ctx;
-}
-/**
- * Render sidebar items from page tree
- */
-export function SidebarPageTree(props) {
-    const { root } = useTreeContext();
-    return useMemo(() => {
-        const { Separator, Item, Folder } = props.components ?? {};
-        function renderSidebarList(items, level) {
-            return items.map((item, i) => {
-                if (item.type === 'separator') {
-                    if (Separator)
-                        return _jsx(Separator, { item: item }, i);
-                    return (_jsxs(SidebarSeparator, { className: cn(i !== 0 && 'mt-6'), children: [item.icon, item.name] }, i));
-                }
-                if (item.type === 'folder') {
-                    const children = renderSidebarList(item.children, level + 1);
-                    if (Folder)
-                        return (_jsx(Folder, { item: item, level: level, children: children }, i));
-                    return (_jsx(PageTreeFolder, { item: item, children: 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, 1) }, root.$id));
-    }, [props.components, root]);
-}
-function PageTreeFolder({ item, ...props }) {
-    const { defaultOpenLevel, level } = useInternalContext();
-    const path = useTreePath();
-    return (_jsxs(SidebarFolder, { defaultOpen: (item.defaultOpen ?? defaultOpenLevel >= level) || path.includes(item), children: [item.index ? (_jsxs(SidebarFolderLink, { href: item.index.url, external: item.index.external, ...props, children: [item.icon, item.name] })) : (_jsxs(SidebarFolderTrigger, { ...props, children: [item.icon, item.name] })), _jsx(SidebarFolderContent, { children: props.children })] }));
-}

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

@@ -1 +0,0 @@
-{"version":3,"file":"theme-toggle.d.ts","sourceRoot":"","sources":["../../../src/components/layout/theme-toggle.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,cAAc,EAA6B,MAAM,OAAO,CAAC;AAqBvE,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,IAAmB,EACnB,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,WAAW,CAAC,GAAG;IAC/B,IAAI,CAAC,EAAE,YAAY,GAAG,mBAAmB,CAAC;CAC3C,2CAuDA"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"toc-clerk.d.ts","sourceRoot":"","sources":["../../../src/components/layout/toc-clerk.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAA+B,MAAM,OAAO,CAAC;AAOzE,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,KAAK,CAAC,2CAsGvB"}

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

@@ -1,7 +0,0 @@
-import { type HTMLAttributes, type RefObject } from 'react';
-interface RefProps {
-    containerRef: RefObject<HTMLElement | null>;
-}
-export declare function TocThumb({ containerRef, ...props }: HTMLAttributes<HTMLDivElement> & RefProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=toc-thumb.d.ts.map

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

@@ -1 +0,0 @@
-{"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,EAIf,MAAM,OAAO,CAAC;AAKf,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,cAAc,CAAC,GAAG,QAAQ,2CAS3C"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"toc.d.ts","sourceRoot":"","sources":["../../../src/components/layout/toc.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,SAAS,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,KAAK,cAAc,EAAqC,MAAM,OAAO,CAAC;AAQ/E,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;AAED,wBAAgB,QAAQ,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,2CAgC3E"}

package/dist/contexts/layout.d.ts

@@ -1,28 +0,0 @@
-import { type ReactNode } from 'react';
-export interface PageStyles {
-    tocNav?: string;
-    toc?: string;
-    page?: string;
-    article?: string;
-}
-export declare function usePageStyles(): PageStyles;
-export declare function StylesProvider({ children, ...value }: PageStyles & {
-    children: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
-export interface NavProviderProps {
-    /**
-     * Use transparent background
-     *
-     * @defaultValue none
-     */
-    transparentMode?: 'always' | 'top' | 'none';
-}
-interface NavContextType {
-    isTransparent: boolean;
-}
-export declare function NavProvider({ transparentMode, children, }: NavProviderProps & {
-    children: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function useNav(): NavContextType;
-export {};
-//# sourceMappingURL=layout.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../src/contexts/layout.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,SAAS,EAMf,MAAM,OAAO,CAAC;AAEf,MAAM,WAAW,UAAU;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAUD,wBAAgB,aAAa,eAE5B;AAED,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,UAAU,GAAG;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAItC;AAED,MAAM,WAAW,gBAAgB;IAC/B;;;;OAIG;IACH,eAAe,CAAC,EAAE,QAAQ,GAAG,KAAK,GAAG,MAAM,CAAC;CAC7C;AAED,UAAU,cAAc;IACtB,aAAa,EAAE,OAAO,CAAC;CACxB;AAMD,wBAAgB,WAAW,CAAC,EAC1B,eAAwB,EACxB,QAAQ,GACT,EAAE,gBAAgB,GAAG;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAwB5C;AAED,wBAAgB,MAAM,IAAI,cAAc,CAEvC"}

package/dist/contexts/layout.js

@@ -1,38 +0,0 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useMemo, useState, createContext, use, } from 'react';
-/**
- * applied styles to different layout components in `Page` from layouts
- */
-const StylesContext = createContext({
-    tocNav: 'xl:hidden',
-    toc: 'max-xl:hidden',
-});
-export function usePageStyles() {
-    return use(StylesContext);
-}
-export function StylesProvider({ children, ...value }) {
-    return (_jsx(StylesContext.Provider, { value: value, children: children }));
-}
-const NavContext = createContext({
-    isTransparent: false,
-});
-export function NavProvider({ transparentMode = 'none', children, }) {
-    const [transparent, setTransparent] = useState(transparentMode !== 'none');
-    useEffect(() => {
-        if (transparentMode !== 'top')
-            return;
-        const listener = () => {
-            setTransparent(window.scrollY < 10);
-        };
-        listener();
-        window.addEventListener('scroll', listener);
-        return () => {
-            window.removeEventListener('scroll', listener);
-        };
-    }, [transparentMode]);
-    return (_jsx(NavContext, { value: useMemo(() => ({ isTransparent: transparent }), [transparent]), children: children }));
-}
-export function useNav() {
-    return use(NavContext);
-}

package/dist/contexts/sidebar.d.ts

@@ -1,18 +0,0 @@
-import { type ReactNode, type RefObject } from 'react';
-interface SidebarContext {
-    open: boolean;
-    setOpen: React.Dispatch<React.SetStateAction<boolean>>;
-    collapsed: boolean;
-    setCollapsed: React.Dispatch<React.SetStateAction<boolean>>;
-    /**
-     * When set to false, don't close the sidebar when navigate to another page
-     */
-    closeOnRedirect: RefObject<boolean>;
-}
-declare const SidebarContext: import("react").Context<SidebarContext | null>;
-export declare function useSidebar(): SidebarContext;
-export declare function SidebarProvider({ children, }: {
-    children: ReactNode;
-}): ReactNode;
-export {};
-//# sourceMappingURL=sidebar.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../src/contexts/sidebar.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,SAAS,EACd,KAAK,SAAS,EAMf,MAAM,OAAO,CAAC;AAIf,UAAU,cAAc;IACtB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACvD,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAE5D;;OAEG;IACH,eAAe,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;CACrC;AAED,QAAA,MAAM,cAAc,gDAA6C,CAAC;AAElE,wBAAgB,UAAU,IAAI,cAAc,CAQ3C;AAED,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,SAAS,CA6BZ"}

package/dist/contexts/sidebar.js

@@ -1,31 +0,0 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useMemo, useRef, useState, createContext, use, } from 'react';
-import { usePathname } from 'fumadocs-core/framework';
-import { useOnChange } from 'fumadocs-core/utils/use-on-change';
-const SidebarContext = createContext(null);
-export function useSidebar() {
-    const ctx = use(SidebarContext);
-    if (!ctx)
-        throw new Error('Missing SidebarContext, make sure you have wrapped the component in <RootProvider /> and the context is available.');
-    return ctx;
-}
-export function SidebarProvider({ children, }) {
-    const closeOnRedirect = useRef(true);
-    const [open, setOpen] = useState(false);
-    const [collapsed, setCollapsed] = useState(false);
-    const pathname = usePathname();
-    useOnChange(pathname, () => {
-        if (closeOnRedirect.current) {
-            setOpen(false);
-        }
-        closeOnRedirect.current = true;
-    });
-    return (_jsx(SidebarContext, { value: useMemo(() => ({
-            open,
-            setOpen,
-            collapsed,
-            setCollapsed,
-            closeOnRedirect,
-        }), [open, collapsed]), children: children }));
-}

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

@@ -1 +0,0 @@
-{"version":3,"file":"page-client.d.ts","sourceRoot":"","sources":["../../../src/layouts/docs/page-client.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,cAAc,EASpB,MAAM,OAAO,CAAC;AAMf,OAAO,KAAK,KAAK,QAAQ,MAAM,yBAAyB,CAAC;AAEzD,OAAO,EACL,KAAK,iBAAiB,EAEvB,MAAM,0BAA0B,CAAC;AAiBlC,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,cAAc,CAAC,QAAQ,CAAC,2CAoDpE;AA4DD,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,2CAUjE;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,2CAwD1D;AAED,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EAAE,KAAK,EACX,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,UAAU,CAAC,GAAG;IAAE,IAAI,EAAE,IAAI,CAAA;CAAE,2CAiBxD;AAED,KAAK,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,aAAa,GAAG,KAAK,CAAC,CAAC;AAChE,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,KAAK,CAAC;IACxD;;OAEG;IACH,KAAK,CAAC,EAAE;QACN,QAAQ,CAAC,EAAE,IAAI,CAAC;QAChB,IAAI,CAAC,EAAE,IAAI,CAAC;KACb,CAAC;CACH;AAyBD,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,2CAiC1D;AA8BD,MAAM,MAAM,eAAe,GAAG,iBAAiB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAExE,wBAAgB,cAAc,CAAC,EAC7B,WAAW,EACX,gBAAgB,EAChB,WAAW,EACX,GAAG,KAAK,EACT,EAAE,eAAe,kDA6CjB;AAED,wBAAgB,OAAO,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,2CAuBnD"}

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

@@ -1,17 +0,0 @@
-import { type ComponentProps } from 'react';
-import { type BreadcrumbProps, type FooterProps, PageBreadcrumb, PageFooter, PageLastUpdate, PageTOC, PageTOCPopover, PageTOCPopoverContent, PageTOCPopoverTrigger } from './page-client.js';
-import type { AnchorProviderProps } from 'fumadocs-core/toc';
-export declare function PageTOCTitle(props: ComponentProps<'h2'>): import("react/jsx-runtime").JSX.Element;
-export declare function PageTOCItems({ variant, ...props }: ComponentProps<'div'> & {
-    variant?: 'clerk' | 'normal';
-}): import("react/jsx-runtime").JSX.Element;
-export declare function PageTOCPopoverItems({ variant, ...props }: ComponentProps<'div'> & {
-    variant?: 'clerk' | 'normal';
-}): import("react/jsx-runtime").JSX.Element;
-export declare function PageArticle(props: ComponentProps<'article'>): import("react/jsx-runtime").JSX.Element;
-export interface RootProps extends ComponentProps<'div'> {
-    toc?: Omit<AnchorProviderProps, 'children'> | false;
-}
-export declare function PageRoot({ toc, children, ...props }: RootProps): import("react/jsx-runtime").JSX.Element;
-export { PageBreadcrumb, PageFooter, PageLastUpdate, PageTOC, PageTOCPopover, PageTOCPopoverTrigger, PageTOCPopoverContent, type FooterProps, type BreadcrumbProps, };
-//# sourceMappingURL=page.d.ts.map