fumadocs-ui 15.2.1 → 15.2.2

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 }) }) }));

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.1",
+  "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.1"
+    "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.1",
+    "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',
-        },
-    },
-};