fumadocs-ui 15.2.0 → 15.2.2

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

@@ -1 +1 @@
-{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/layout/sidebar.tsx"],"names":[],"mappings":"AAIA,OAAO,EACL,KAAK,oBAAoB,EAGzB,KAAK,cAAc,EACnB,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;AAGrC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE/D,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC/D;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AA2BD,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,YAAY,2CAuDrD;AAED,wBAAgB,OAAO,CAAC,EACtB,gBAAoB,EACpB,QAAe,EACf,KAAK,EACL,GAAG,KAAK,EACT,EAAE,YAAY,GAAG;IAAE,KAAK,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAA;CAAE,2CAwC3D;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,cAAc,CAAC,cAAc,CAAC,2CASlE;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,cAAc,CAAC,cAAc,CAAC,2CAYlE;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,eAAe,2CAarD;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,cAAc,CAAC,oBAAoB,CAAC,2CAkB3E;AAED,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,SAAS,GAAG;IACb,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,2CAsBA;AAED,wBAAgB,aAAa,CAAC,EAC5B,WAAmB,EACnB,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,cAAc,CAAC,GAAG;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,2CAgBA;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,uBAAuB,2CAqBlE;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,SAAS,2CAmCjD;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,uBAAuB,2CAmBlE;AAED,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,2CAiB/C;AAgBD;;GAEG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;CACzC,2CAwDA"}
+{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/layout/sidebar.tsx"],"names":[],"mappings":"AAIA,OAAO,EACL,KAAK,oBAAoB,EAGzB,KAAK,cAAc,EACnB,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;AAGrC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE/D,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC/D;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AA2BD,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,YAAY,2CAuDrD;AAED,wBAAgB,OAAO,CAAC,EACtB,gBAAoB,EACpB,QAAe,EACf,KAAK,EACL,GAAG,KAAK,EACT,EAAE,YAAY,GAAG;IAAE,KAAK,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAA;CAAE,2CAwC3D;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,cAAc,CAAC,cAAc,CAAC,2CASlE;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,cAAc,CAAC,cAAc,CAAC,2CAYlE;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,eAAe,2CAarD;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,cAAc,CAAC,oBAAoB,CAAC,2CAkB3E;AAED,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,SAAS,GAAG;IACb,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,2CAsBA;AAED,wBAAgB,aAAa,CAAC,EAC5B,WAAmB,EACnB,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,cAAc,CAAC,GAAG;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,2CAgBA;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,uBAAuB,2CAqBlE;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,SAAS,2CAmCjD;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,uBAAuB,2CAmBlE;AAED,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,2CAiB/C;AAgBD;;GAEG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;CACzC,2CAuDA"}

package/dist/components/layout/sidebar.js

@@ -63,7 +63,8 @@ export function Sidebar({ defaultOpenLevel = 0, prefetch = true, inner, ...props
             level: 1,
         };
     }, [defaultOpenLevel, prefetch]);
-    return (_jsx(Context.Provider, { value: context, children: _jsx(Base.SidebarList, { id: "nd-sidebar", blockScrollingWidth: 768, ...props, className: cn('fixed top-[calc(var(--fd-banner-height)+var(--fd-nav-height))] z-20 bg-fd-card text-sm md:sticky md:h-(--fd-sidebar-height)', 'max-md:inset-x-0 max-md:bottom-0 max-md:bg-fd-background/80 max-md:text-[15px] max-md:backdrop-blur-lg max-md:data-[open=false]:invisible', props.className), style: {
+    return (_jsx(Context.Provider, { value: context, children: _jsx(Base.SidebarList, { id: "nd-sidebar", removeScrollOn: "(min-width: 768px)" // md
+            , ...props, className: cn('fixed top-[calc(var(--fd-banner-height)+var(--fd-nav-height))] z-20 bg-fd-card text-sm md:sticky md:h-(--fd-sidebar-height)', 'max-md:inset-x-0 max-md:bottom-0 max-md:bg-fd-background/80 max-md:text-[15px] max-md:backdrop-blur-lg max-md:data-[open=false]:invisible', props.className), style: {
                 ...props.style,
                 '--fd-sidebar-height': 'calc(100dvh - var(--fd-banner-height) - var(--fd-nav-height))',
             }, children: _jsx("div", { ...inner, className: cn('flex size-full max-w-full flex-col pt-2 md:ms-auto md:w-(--fd-sidebar-width) md:border-e md:pt-4', inner?.className), children: props.children }) }) }));
@@ -180,8 +181,7 @@ export function SidebarPageTree(props) {
             });
         }
         return (_jsx(Fragment, { children: renderSidebarList(root.children, 1) }, root.$id));
-        // eslint-disable-next-line react-hooks/exhaustive-deps -- root.id is enough
-    }, [props.components, root.$id]);
+    }, [props.components, root]);
 }
 function PageTreeFolder({ item, ...props }) {
     const { defaultOpenLevel, level } = useInternalContext();

package/dist/contexts/tree.d.ts

@@ -4,7 +4,7 @@ type MakeRequired<O, K extends keyof O> = Omit<O, K> & Pick<Required<O>, K>;
 interface TreeContextType {
     root: MakeRequired<PageTree.Root | PageTree.Folder, '$id'>;
 }
-export declare function TreeContextProvider({ children, tree, }: {
+export declare function TreeContextProvider(props: {
     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,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAErD,OAAO,EAAE,KAAK,SAAS,EAAmB,MAAM,OAAO,CAAC;AAGxD,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;CAC5D;AAKD,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,IAAI,GACL,EAAE;IACD,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;CACrB,2CAmBA;AAED,wBAAgB,WAAW,IAAI,QAAQ,CAAC,IAAI,EAAE,CAE7C;AAED,wBAAgB,cAAc,IAAI,eAAe,CAEhD"}
+{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["../../src/contexts/tree.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAErD,OAAO,EAAE,KAAK,SAAS,EAAmB,MAAM,OAAO,CAAC;AAGxD,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;CAC5D;AAKD,wBAAgB,mBAAmB,CAAC,KAAK,EAAE;IACzC,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;CACrB,2CAwBA;AAED,wBAAgB,WAAW,IAAI,QAAQ,CAAC,IAAI,EAAE,CAE7C;AAED,wBAAgB,cAAc,IAAI,eAAe,CAEhD"}

package/dist/contexts/tree.js

@@ -5,13 +5,17 @@ import { useMemo, useRef } from 'react';
 import { searchPath } from 'fumadocs-core/breadcrumb';
 const TreeContext = createContext('TreeContext');
 const PathContext = createContext('PathContext', []);
-export function TreeContextProvider({ children, tree, }) {
+export function TreeContextProvider(props) {
     const nextIdRef = useRef(0);
     const pathname = usePathname();
-    const path = useMemo(() => searchPath(tree.children, pathname) ?? [], [pathname, tree]);
+    // 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 path = useMemo(() => searchPath(tree.children, pathname) ?? [], [tree, pathname]);
     const root = path.findLast((item) => item.type === 'folder' && item.root) ?? tree;
     root.$id ?? (root.$id = String(nextIdRef.current++));
-    return (_jsx(TreeContext.Provider, { value: useMemo(() => ({ root: root }), [root]), children: _jsx(PathContext.Provider, { value: path, children: children }) }));
+    return (_jsx(TreeContext.Provider, { value: useMemo(() => ({ root }), [root]), children: _jsx(PathContext.Provider, { value: path, children: props.children }) }));
 }
 export function useTreePath() {
     return PathContext.use();

package/dist/style.css

@@ -293,6 +293,9 @@
   .top-\(--fd-banner-height\) {
     top: var(--fd-banner-height);
   }
+  .top-\(--fd-nav-height\) {
+    top: var(--fd-nav-height);
+  }
   .top-0 {
     top: calc(var(--spacing) * 0);
   }
@@ -308,6 +311,9 @@
   .top-12 {
     top: calc(var(--spacing) * 12);
   }
+  .top-14 {
+    top: calc(var(--spacing) * 14);
+  }
   .top-\[10vh\] {
     top: 10vh;
   }
@@ -797,12 +803,18 @@
   .mt-2 {
     margin-top: calc(var(--spacing) * 2);
   }
+  .mt-6 {
+    margin-top: calc(var(--spacing) * 6);
+  }
   .mt-8 {
     margin-top: calc(var(--spacing) * 8);
   }
   .mt-auto {
     margin-top: auto;
   }
+  .mr-auto {
+    margin-right: auto;
+  }
   .-mb-1 {
     margin-bottom: calc(var(--spacing) * -1);
   }
@@ -891,6 +903,9 @@
   .h-14 {
     height: calc(var(--spacing) * 14);
   }
+  .h-\[calc\(100dvh-var\(--fd-nav-height\)\)\] {
+    height: calc(100dvh - var(--fd-nav-height));
+  }
   .h-full {
     height: 100%;
   }
@@ -936,6 +951,9 @@
   .w-\[98vw\] {
     width: 98vw;
   }
+  .w-\[286px\] {
+    width: 286px;
+  }
   .w-fit {
     width: fit-content;
   }
@@ -1275,6 +1293,9 @@
   .py-0\.5 {
     padding-block: calc(var(--spacing) * 0.5);
   }
+  .py-1 {
+    padding-block: calc(var(--spacing) * 1);
+  }
   .py-1\.5 {
     padding-block: calc(var(--spacing) * 1.5);
   }
@@ -1287,6 +1308,9 @@
   .py-3 {
     padding-block: calc(var(--spacing) * 3);
   }
+  .py-8 {
+    padding-block: calc(var(--spacing) * 8);
+  }
   .py-12 {
     padding-block: calc(var(--spacing) * 12);
   }
@@ -1341,6 +1365,9 @@
   .pb-6 {
     padding-bottom: calc(var(--spacing) * 6);
   }
+  .pl-4 {
+    padding-left: calc(var(--spacing) * 4);
+  }
   .text-center {
     text-align: center;
   }
@@ -1515,6 +1542,9 @@
     -webkit-user-select: none;
     user-select: none;
   }
+  .\[--fd-nav-height\:56px\] {
+    --fd-nav-height: 56px;
+  }
   .\[--fd-nav-height\:calc\(var\(--spacing\)\*14\)\] {
     --fd-nav-height: calc(var(--spacing) * 14);
   }
@@ -1550,6 +1580,11 @@
       color: var(--color-fd-muted-foreground);
     }
   }
+  .first\:mt-0 {
+    &:first-child {
+      margin-top: calc(var(--spacing) * 0);
+    }
+  }
   .first\:pt-0 {
     &:first-child {
       padding-top: calc(var(--spacing) * 0);
@@ -1780,6 +1815,11 @@
       display: none;
     }
   }
+  .max-md\:invisible {
+    @media (width < 48rem) {
+      visibility: hidden;
+    }
+  }
   .max-md\:inset-x-0 {
     @media (width < 48rem) {
       inset-inline: calc(var(--spacing) * 0);
@@ -1795,6 +1835,11 @@
       display: none;
     }
   }
+  .max-md\:bg-fd-background {
+    @media (width < 48rem) {
+      background-color: var(--color-fd-background);
+    }
+  }
   .max-md\:bg-fd-background\/80 {
     @media (width < 48rem) {
       background-color: color-mix(in oklab, var(--color-fd-background) 80%, transparent);
@@ -1859,6 +1904,11 @@
       margin-inline: calc(var(--spacing) * 6);
     }
   }
+  .md\:mx-auto {
+    @media (width >= 48rem) {
+      margin-inline: auto;
+    }
+  }
   .md\:ms-auto {
     @media (width >= 48rem) {
       margin-inline-start: auto;
@@ -1879,11 +1929,21 @@
       height: var(--fd-sidebar-height);
     }
   }
+  .md\:h-\[calc\(100dvh-56px\)\] {
+    @media (width >= 48rem) {
+      height: calc(100dvh - 56px);
+    }
+  }
   .md\:w-\(--fd-sidebar-width\) {
     @media (width >= 48rem) {
       width: var(--fd-sidebar-width);
     }
   }
+  .md\:w-\[300px\] {
+    @media (width >= 48rem) {
+      width: 300px;
+    }
+  }
   .md\:-translate-x-\(--fd-sidebar-offset\) {
     @media (width >= 48rem) {
       --tw-translate-x: calc(var(--fd-sidebar-offset) * -1);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fumadocs-ui",
-  "version": "15.2.0",
+  "version": "15.2.2",
   "description": "The framework for building a documentation website in Next.js",
   "keywords": [
     "NextJs",
@@ -74,12 +74,12 @@
     "@radix-ui/react-tabs": "^1.1.3",
     "class-variance-authority": "^0.7.1",
     "lodash.merge": "^4.6.2",
-    "lucide-react": "^0.485.0",
+    "lucide-react": "^0.486.0",
     "next-themes": "^0.4.6",
     "postcss-selector-parser": "^7.1.0",
     "react-medium-image-zoom": "^5.2.14",
-    "tailwind-merge": "^3.0.2",
-    "fumadocs-core": "15.2.0"
+    "tailwind-merge": "^3.1.0",
+    "fumadocs-core": "15.2.2"
   },
   "devDependencies": {
     "@next/eslint-plugin-next": "^15.2.4",
@@ -89,10 +89,10 @@
     "@types/react-dom": "^19.0.4",
     "next": "15.2.4",
     "tailwindcss": "^4.0.17",
-    "tsc-alias": "^1.8.12",
-    "@fumadocs/cli": "0.0.8",
+    "tsc-alias": "^1.8.13",
+    "@fumadocs/cli": "0.1.0",
     "eslint-config-custom": "0.0.0",
-    "fumadocs-core": "15.2.0",
+    "fumadocs-core": "15.2.2",
     "tsconfig": "0.0.0"
   },
   "peerDependencies": {

package/dist/components/registry.d.ts

@@ -1,3 +0,0 @@
-import type { Registry } from '@fumadocs/cli/build';
-export declare const registry: Registry;
-//# sourceMappingURL=registry.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"registry.d.ts","sourceRoot":"","sources":["../../src/components/registry.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAUpD,eAAO,MAAM,QAAQ,EAAE,QAmFtB,CAAC"}

package/dist/components/registry.js

@@ -1,92 +0,0 @@
-import { fileURLToPath } from 'node:url';
-const contextsMap = {
-    '../contexts/sidebar.tsx': 'fumadocs-ui/contexts/sidebar',
-    '../contexts/search.tsx': 'fumadocs-ui/contexts/search',
-    '../contexts/tree.tsx': 'fumadocs-ui/contexts/tree',
-    '../contexts/i18n.tsx': 'fumadocs-ui/contexts/i18n',
-    '../contexts/layout.tsx': 'fumadocs-ui/contexts/layout',
-};
-export const registry = {
-    path: fileURLToPath(import.meta.url),
-    rootDir: '../../',
-    namespaces: {
-        '': 'components',
-        '../utils': 'lib',
-        '../layouts': 'components',
-    },
-    components: [
-        {
-            name: 'layout/root-toggle',
-            description: 'the UI of Sidebar Tabs',
-            files: ['layout/root-toggle.tsx'],
-            mapImportPath: contextsMap,
-        },
-        {
-            name: 'layout/language-toggle',
-            description: 'Language Select',
-            files: ['layout/language-toggle.tsx'],
-            mapImportPath: contextsMap,
-        },
-        {
-            name: 'layouts/docs',
-            description: 'Replace Docs Layout',
-            files: ['../layouts/docs.tsx'],
-            mapImportPath: contextsMap,
-        },
-        {
-            name: 'layouts/notebook',
-            description: 'Replace Notebook Layout',
-            files: ['../layouts/notebook.tsx'],
-            mapImportPath: contextsMap,
-        },
-        {
-            name: 'layouts/home',
-            description: 'Replace Home Layout',
-            files: ['../layouts/home.tsx'],
-            mapImportPath: contextsMap,
-        },
-        {
-            name: 'layouts/page',
-            description: 'Replace Page Layout',
-            files: ['components:../page.tsx'],
-            mapImportPath: contextsMap,
-        },
-        { name: 'accordion', files: ['accordion.tsx'] },
-        {
-            name: 'github-info',
-            files: ['github-info.tsx'],
-            description: 'A card to display GitHub repo info',
-        },
-        { name: 'banner', files: ['banner.tsx'] },
-        { name: 'callout', files: ['callout.tsx'] },
-        { name: 'card', files: ['card.tsx'] },
-        { name: 'codeblock', files: ['codeblock.tsx'] },
-        { name: 'files', files: ['files.tsx'] },
-        { name: 'heading', files: ['heading.tsx'] },
-        {
-            name: 'image-zoom',
-            description: 'Zoomable Image',
-            files: ['image-zoom.tsx', 'image-zoom.css'],
-        },
-        { name: 'inline-toc', files: ['inline-toc.tsx'] },
-        { name: 'steps', files: ['steps.tsx'] },
-        { name: 'tabs', files: ['tabs.tsx'] },
-        { name: 'type-table', files: ['type-table.tsx'] },
-        {
-            name: 'button',
-            unlisted: true,
-            files: ['ui/button.tsx'],
-        },
-    ],
-    dependencies: {
-        'fumadocs-core': {
-            type: 'runtime',
-        },
-        'fumadocs-ui': {
-            type: 'runtime',
-        },
-        next: {
-            type: 'runtime',
-        },
-    },
-};