fumadocs-ui 12.0.4 → 12.0.5

package/dist/docs.client.d.ts

@@ -1,5 +1,5 @@
-import { L as LinkItemType, S as SidebarProps, N as NavProps } from './layout.client-Duq0TTke.js';
-export { a as Sidebar } from './layout.client-Duq0TTke.js';
+import { L as LinkItemType, S as SidebarProps, N as NavProps } from './layout.client-BzAmSQXB.js';
+export { a as Sidebar } from './layout.client-BzAmSQXB.js';
 export { T as TreeContextProvider } from './tree-CrKzI9Nz.js';
 import { ButtonHTMLAttributes } from 'react';
 import 'fumadocs-core/server';

package/dist/{layout.client-Duq0TTke.d.ts → layout.client-BzAmSQXB.d.ts}

@@ -120,6 +120,6 @@ interface DocsLayoutProps extends BaseLayoutProps {
     i18n?: boolean;
 }
 declare function Layout({ nav, links, githubUrl, children, }: BaseLayoutProps): React.ReactElement;
-declare function DocsLayout({ nav, githubUrl, sidebar, links, containerProps, tree, i18n, children, }: DocsLayoutProps): React.ReactElement;
+declare function DocsLayout({ nav, githubUrl, sidebar: { enabled: sidebarEnabled, collapsible, component: sidebarReplace, ...sidebar }, links, containerProps, tree, i18n, children, }: DocsLayoutProps): React.ReactElement;
 
 export { type BaseLayoutProps as B, type DocsLayoutProps as D, type LinkItemType as L, type NavProps as N, type SidebarProps as S, Sidebar as a, Layout as b, DocsLayout as c, Nav as d };

package/dist/layout.client.d.ts

@@ -1,3 +1,3 @@
-export { d as Nav } from './layout.client-Duq0TTke.js';
+export { d as Nav } from './layout.client-BzAmSQXB.js';
 import 'react';
 import 'fumadocs-core/server';

package/dist/layout.client.js

@@ -51,6 +51,7 @@ function Nav({
   return /* @__PURE__ */ jsx(
     "header",
     {
+      id: "nd-nav",
       className: twMerge(
         "sticky top-0 z-50 h-16 border-b transition-colors",
         transparent ? "border-transparent" : "border-foreground/10 bg-background/80 backdrop-blur-md"

package/dist/layout.d.ts

@@ -1,3 +1,3 @@
 import 'fumadocs-core/server';
 import 'react';
-export { B as BaseLayoutProps, c as DocsLayout, D as DocsLayoutProps, b as Layout, L as LinkItemType } from './layout.client-Duq0TTke.js';
+export { B as BaseLayoutProps, c as DocsLayout, D as DocsLayoutProps, b as Layout, L as LinkItemType } from './layout.client-BzAmSQXB.js';

package/dist/layout.js

@@ -40,17 +40,20 @@ function Layout({
 function DocsLayout({
   nav,
   githubUrl,
-  sidebar = {},
+  sidebar: {
+    enabled: sidebarEnabled = true,
+    collapsible = true,
+    component: sidebarReplace,
+    ...sidebar
+  } = {},
   links = [],
   containerProps,
   tree,
   i18n = false,
   children
 }) {
-  const sidebarEnabled = sidebar.enabled ?? true;
-  const sidebarCollapsible = sidebarEnabled && (sidebar.collapsible ?? true);
   const finalLinks = getLinks(links, githubUrl);
-  const Aside = sidebarCollapsible ? DynamicSidebar : Sidebar;
+  const Aside = sidebarEnabled && collapsible ? DynamicSidebar : Sidebar;
   return /* @__PURE__ */ jsxs(TreeContextProvider, { tree, children: [
     replaceOrDefault(nav, /* @__PURE__ */ jsx(SubNav, { ...nav })),
     /* @__PURE__ */ jsxs(
@@ -60,12 +63,12 @@ function DocsLayout({
         className: twMerge("flex flex-1 flex-row", containerProps?.className),
         children: [
           replaceOrDefault(
-            sidebar,
+            { enabled: sidebarEnabled, component: sidebarReplace },
             /* @__PURE__ */ jsx(
               Aside,
               {
+                ...sidebar,
                 items: finalLinks,
-                defaultOpenLevel: sidebar.defaultOpenLevel,
                 banner: /* @__PURE__ */ jsxs(Fragment, { children: [
                   /* @__PURE__ */ jsxs("div", { className: "flex flex-row items-center justify-between border-b pb-2 max-md:hidden", children: [
                     /* @__PURE__ */ jsx(
@@ -81,14 +84,17 @@ function DocsLayout({
                   sidebar.banner
                 ] }),
                 bannerProps: {
-                  className: twMerge(!sidebar.banner && "max-md:hidden")
+                  className: twMerge(
+                    !sidebar.banner && "max-md:hidden",
+                    sidebar.bannerProps?.className
+                  ),
+                  ...sidebar.bannerProps
                 },
                 footer: /* @__PURE__ */ jsxs(Fragment, { children: [
                   /* @__PURE__ */ jsx(ThemeToggle, { className: "me-auto" }),
                   sidebar.footer,
                   i18n ? /* @__PURE__ */ jsx(LanguageToggle, {}) : null
-                ] }),
-                components: sidebar.components
+                ] })
               }
             )
           ),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fumadocs-ui",
-  "version": "12.0.4",
+  "version": "12.0.5",
   "description": "The framework for building a documentation website in Next.js",
   "keywords": [
     "NextJs",
@@ -95,7 +95,7 @@
     "next-themes": "^0.3.0",
     "react-medium-image-zoom": "^5.2.4",
     "tailwind-merge": "^2.3.0",
-    "fumadocs-core": "12.0.4"
+    "fumadocs-core": "12.0.5"
   },
   "devDependencies": {
     "@algolia/client-search": "^4.23.3",