fumadocs-ui 13.0.7 → 13.2.0

package/dist/{chunk-B63IB7CZ.js → chunk-774JT2B6.js}

@@ -8,7 +8,7 @@ import {
 } from "./chunk-2KMKNVSN.js";
 import {
   buttonVariants
-} from "./chunk-IMIWZAMU.js";
+} from "./chunk-EDNTYBXS.js";
 import {
   twMerge
 } from "./chunk-TK3TM3MR.js";
@@ -23,7 +23,7 @@ import {
 import { jsx, jsxs } from "react/jsx-runtime";
 var Pre = forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx("pre", { ref, className: twMerge("p-4", className), ...props, children: props.children });
+    return /* @__PURE__ */ jsx("pre", { ref, className: twMerge("max-h-[400px] p-4", className), ...props, children: props.children });
   }
 );
 Pre.displayName = "Pre";

package/dist/{chunk-U7FLICJE.js → chunk-DDNASC3E.js}

@@ -20,7 +20,7 @@ import {
 import {
   buttonVariants,
   itemVariants
-} from "./chunk-IMIWZAMU.js";
+} from "./chunk-EDNTYBXS.js";
 import {
   twMerge
 } from "./chunk-TK3TM3MR.js";

package/dist/{chunk-IMIWZAMU.js → chunk-EDNTYBXS.js}

@@ -17,7 +17,7 @@ var buttonVariants = cva(
   }
 );
 var itemVariants = cva(
-  "flex w-full flex-row items-center gap-2 rounded-md px-2 py-1.5 text-fd-muted-foreground transition-colors duration-100 [&_svg]:size-4",
+  "flex w-full flex-row items-center gap-2 rounded-md px-2 py-1.5 text-fd-muted-foreground transition-colors duration-100 [overflow-wrap:anywhere] [&_svg]:size-4",
   {
     variants: {
       active: {

package/dist/{chunk-OPVR6PIY.js → chunk-ERUVE5R6.js}

@@ -15,7 +15,7 @@ function Heading({
   return /* @__PURE__ */ jsxs(
     As,
     {
-      className: twMerge("flex scroll-m-20 flex-row items-center gap-2", className),
+      className: twMerge("flex scroll-m-28 flex-row items-center gap-2", className),
       ...props,
       children: [
         /* @__PURE__ */ jsx("a", { href: `#${props.id}`, className: "peer", children: props.children }),

package/dist/{chunk-E2FDBE7T.js → chunk-NWEH4N3J.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-HLGNIWUN.js";
 import {
   buttonVariants
-} from "./chunk-IMIWZAMU.js";
+} from "./chunk-EDNTYBXS.js";
 import {
   twMerge
 } from "./chunk-TK3TM3MR.js";
@@ -120,21 +120,20 @@ var CommandItem = React.forwardRef(({ className, icon, nested = false, children,
   }
 ));
 CommandItem.displayName = CommandPrimitive.Item.displayName;
-var CommandDialog = React.forwardRef(({ footer, children, ...props }, ref) => /* @__PURE__ */ jsxs(
-  CommandPrimitive.Dialog,
-  {
-    ref,
-    shouldFilter: false,
-    loop: true,
-    contentClassName: "fixed left-1/2 top-[10vh] z-50 w-[98vw] max-w-screen-sm origin-left -translate-x-1/2 rounded-lg border bg-fd-popover text-fd-popover-foreground shadow-lg data-[state=closed]:animate-fd-dialog-out data-[state=open]:animate-fd-dialog-in",
-    overlayClassName: "fixed inset-0 z-50 bg-fd-background/50 backdrop-blur-sm data-[state=closed]:animate-fd-fade-out data-[state=open]:animate-fd-fade-in",
-    ...props,
-    children: [
-      children,
-      footer ? /* @__PURE__ */ jsx("div", { className: "mt-auto flex flex-col border-t p-3", children: footer }) : null
-    ]
-  }
-));
+var CommandDialog = React.forwardRef(
+  ({ children, ...props }, ref) => /* @__PURE__ */ jsx(
+    CommandPrimitive.Dialog,
+    {
+      ref,
+      shouldFilter: false,
+      loop: true,
+      contentClassName: "fixed left-1/2 top-[10vh] z-50 w-[98vw] max-w-screen-sm origin-left -translate-x-1/2 rounded-lg border bg-fd-popover text-fd-popover-foreground shadow-lg data-[state=closed]:animate-fd-dialog-out data-[state=open]:animate-fd-dialog-in",
+      overlayClassName: "fixed inset-0 z-50 bg-fd-background/50 backdrop-blur-sm data-[state=closed]:animate-fd-fade-out data-[state=open]:animate-fd-fade-in",
+      ...props,
+      children
+    }
+  )
+);
 CommandDialog.displayName = CommandPrimitive.Dialog.displayName;
 
 // src/components/dialog/search.tsx
@@ -155,14 +154,17 @@ function SearchDialog({
     })),
     [links]
   );
-  return /* @__PURE__ */ jsx2(CommandDialog, { open, onOpenChange, footer, children: /* @__PURE__ */ jsx2(
-    Search2,
-    {
-      ...props,
-      items: props.results === "empty" ? defaultItems : props.results,
-      hideResults: props.results === "empty" && defaultItems.length === 0
-    }
-  ) });
+  return /* @__PURE__ */ jsxs2(CommandDialog, { open, onOpenChange, children: [
+    /* @__PURE__ */ jsx2(
+      Search2,
+      {
+        ...props,
+        items: props.results === "empty" ? defaultItems : props.results,
+        hideResults: props.results === "empty" && defaultItems.length === 0
+      }
+    ),
+    footer ? /* @__PURE__ */ jsx2("div", { className: "mt-auto flex flex-col border-t p-3", children: footer }) : null
+  ] });
 }
 var icons = {
   text: /* @__PURE__ */ jsx2(Text, {}),

package/dist/{chunk-J6TIWNTK.js → chunk-ZK6DLQN7.js}

@@ -1,7 +1,7 @@
 import {
   LargeSearchToggle,
   LinkItem
-} from "./chunk-U7FLICJE.js";
+} from "./chunk-DDNASC3E.js";
 import {
   useTreeContext
 } from "./chunk-34Z7WODD.js";
@@ -23,7 +23,7 @@ import {
 } from "./chunk-TQJ6YPJ3.js";
 import {
   itemVariants
-} from "./chunk-IMIWZAMU.js";
+} from "./chunk-EDNTYBXS.js";
 import {
   twMerge
 } from "./chunk-TK3TM3MR.js";
@@ -48,18 +48,19 @@ var defaultComponents = {
   Item: PageNode
 };
 var Context = createContext({
-  defaultOpenLevel: 1,
+  defaultOpenLevel: 0,
   components: defaultComponents,
   prefetch: true
 });
 function Sidebar({
   components,
-  defaultOpenLevel = 1,
+  defaultOpenLevel = 0,
   items,
   prefetch = true,
   ...props
 }) {
   const search = useSearchContext();
+  const hasSearch = search.enabled && !props.hideSearch;
   const context = useMemo(
     () => ({
       defaultOpenLevel,
@@ -75,12 +76,12 @@ function Sidebar({
       blockScrollingWidth: 768,
       ...props.aside,
       className: twMerge(
-        "fixed z-30 flex shrink-0 flex-col bg-fd-card text-sm md:sticky md:top-0 md:h-dvh md:w-[240px] md:border-e xl:w-[260px]",
+        "fixed z-30 flex flex-col bg-fd-card text-sm md:sticky md:top-0 md:h-dvh md:w-[var(--fd-c-sidebar)] md:min-w-[var(--fd-sidebar-width)] md:border-e md:ps-[calc(var(--fd-c-sidebar)-var(--fd-sidebar-width))]",
         "max-md:inset-0 max-md:bg-fd-background/80 max-md:pt-14 max-md:text-[15px] max-md:backdrop-blur-md max-md:data-[open=false]:hidden",
         props.aside?.className
       ),
       children: [
-        /* @__PURE__ */ jsxs(
+        hasSearch || props.banner ? /* @__PURE__ */ jsxs(
           "div",
           {
             ...props.bannerProps,
@@ -90,17 +91,17 @@ function Sidebar({
             ),
             children: [
               props.banner,
-              search.enabled ? /* @__PURE__ */ jsx(LargeSearchToggle, { className: "rounded-lg max-md:hidden" }) : null
+              hasSearch ? /* @__PURE__ */ jsx(LargeSearchToggle, { className: "rounded-lg max-md:hidden" }) : null
             ]
           }
-        ),
+        ) : null,
         /* @__PURE__ */ jsx(ViewportContent, { children: items.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-col md:hidden", children: items.map((item, i) => /* @__PURE__ */ jsx(LinkItem, { item, on: "menu" }, i)) }) }),
         /* @__PURE__ */ jsx(
           "div",
           {
             ...props.footerProps,
             className: twMerge(
-              "flex flex-row items-center border-t px-4 pb-2 pt-1 md:px-3",
+              "flex flex-row items-center border-t pb-2 pt-1 max-md:px-4 md:mx-3",
               props.footerProps?.className
             ),
             children: props.footer

package/dist/components/accordion.js

@@ -4,7 +4,7 @@ import {
 } from "../chunk-2KMKNVSN.js";
 import {
   buttonVariants
-} from "../chunk-IMIWZAMU.js";
+} from "../chunk-EDNTYBXS.js";
 import {
   twMerge
 } from "../chunk-TK3TM3MR.js";

package/dist/components/api.client.d.ts

@@ -0,0 +1,5 @@
+import { MouseEventHandler } from 'react';
+
+declare function useCopyButton(onCopy: () => void): [checked: boolean, onClick: MouseEventHandler];
+
+export { useCopyButton as _useCopyButton };

package/dist/components/api.client.js

@@ -0,0 +1,8 @@
+"use client";
+import {
+  useCopyButton
+} from "../chunk-2KMKNVSN.js";
+import "../chunk-MLKGABMK.js";
+export {
+  useCopyButton as _useCopyButton
+};

package/dist/components/api.d.ts

@@ -1,8 +1,7 @@
-import { MouseEventHandler } from 'react';
+import { _useCopyButton as useCopyButton$1 } from './api.client.js';
 export { twMerge as cn } from 'tailwind-merge';
 import * as class_variance_authority_types from 'class-variance-authority/types';
-
-declare function useCopyButton(onCopy: () => void): [checked: boolean, onClick: MouseEventHandler];
+import 'react';
 
 declare const buttonVariants: (props?: ({
     color?: "outline" | "ghost" | "secondary" | null | undefined;
@@ -12,4 +11,6 @@ declare const itemVariants: (props?: ({
     active?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
+declare const useCopyButton: typeof useCopyButton$1;
+
 export { buttonVariants, itemVariants, useCopyButton };

package/dist/components/api.js

@@ -1,15 +1,15 @@
-"use client";
-import {
-  useCopyButton
-} from "../chunk-2KMKNVSN.js";
+import { _useCopyButton } from "./api.client"
 import {
   buttonVariants,
   itemVariants
-} from "../chunk-IMIWZAMU.js";
+} from "../chunk-EDNTYBXS.js";
 import {
   twMerge
 } from "../chunk-TK3TM3MR.js";
 import "../chunk-MLKGABMK.js";
+
+// src/components/api.tsx
+var useCopyButton = _useCopyButton;
 export {
   buttonVariants,
   twMerge as cn,

package/dist/components/banner.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   buttonVariants
-} from "../chunk-IMIWZAMU.js";
+} from "../chunk-EDNTYBXS.js";
 import {
   twMerge
 } from "../chunk-TK3TM3MR.js";

package/dist/components/codeblock.js

@@ -2,10 +2,10 @@
 import {
   CodeBlock,
   Pre
-} from "../chunk-B63IB7CZ.js";
+} from "../chunk-774JT2B6.js";
 import "../chunk-2FLZOPQN.js";
 import "../chunk-2KMKNVSN.js";
-import "../chunk-IMIWZAMU.js";
+import "../chunk-EDNTYBXS.js";
 import "../chunk-TK3TM3MR.js";
 import "../chunk-MLKGABMK.js";
 export {

package/dist/components/dialog/search-algolia.js

@@ -2,11 +2,11 @@
 import {
   SearchDialog,
   TagsList
-} from "../../chunk-E2FDBE7T.js";
+} from "../../chunk-NWEH4N3J.js";
 import "../../chunk-ET4TW6M5.js";
 import "../../chunk-27HFSL7N.js";
 import "../../chunk-HLGNIWUN.js";
-import "../../chunk-IMIWZAMU.js";
+import "../../chunk-EDNTYBXS.js";
 import "../../chunk-TK3TM3MR.js";
 import "../../chunk-MLKGABMK.js";
 
@@ -44,10 +44,10 @@ function AlgoliaSearchDialog({
       onSearchChange: setSearch,
       results: query.data ?? [],
       ...props,
-      footer: /* @__PURE__ */ jsxs(Fragment, { children: [
-        tags ? /* @__PURE__ */ jsx(TagsList, { tag, onTagChange: setTag, items: tags, children: showAlgolia ? /* @__PURE__ */ jsx(AlgoliaTitle, {}) : null }) : null,
+      footer: tags ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(TagsList, { tag, onTagChange: setTag, items: tags, children: showAlgolia ? /* @__PURE__ */ jsx(AlgoliaTitle, {}) : null }),
         props.footer
-      ] })
+      ] }) : props.footer
     }
   );
 }

package/dist/components/dialog/search-default.js

@@ -2,13 +2,13 @@
 import {
   SearchDialog,
   TagsList
-} from "../../chunk-E2FDBE7T.js";
+} from "../../chunk-NWEH4N3J.js";
 import "../../chunk-ET4TW6M5.js";
 import "../../chunk-27HFSL7N.js";
 import {
   useI18n
 } from "../../chunk-HLGNIWUN.js";
-import "../../chunk-IMIWZAMU.js";
+import "../../chunk-EDNTYBXS.js";
 import "../../chunk-TK3TM3MR.js";
 import "../../chunk-MLKGABMK.js";
 
@@ -37,10 +37,10 @@ function DefaultSearchDialog({
       onSearchChange: setSearch,
       results: query.data ?? [],
       ...props,
-      footer: /* @__PURE__ */ jsxs(Fragment, { children: [
-        tags ? /* @__PURE__ */ jsx(TagsList, { tag, onTagChange: setTag, items: tags }) : null,
+      footer: tags ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(TagsList, { tag, onTagChange: setTag, items: tags }),
         props.footer
-      ] })
+      ] }) : props.footer
     }
   );
 }

package/dist/components/dialog/search.js

@@ -1,11 +1,11 @@
 import {
   SearchDialog,
   TagsList
-} from "../../chunk-E2FDBE7T.js";
+} from "../../chunk-NWEH4N3J.js";
 import "../../chunk-ET4TW6M5.js";
 import "../../chunk-27HFSL7N.js";
 import "../../chunk-HLGNIWUN.js";
-import "../../chunk-IMIWZAMU.js";
+import "../../chunk-EDNTYBXS.js";
 import "../../chunk-TK3TM3MR.js";
 import "../../chunk-MLKGABMK.js";
 export {

package/dist/components/heading.js

@@ -1,6 +1,6 @@
 import {
   Heading
-} from "../chunk-OPVR6PIY.js";
+} from "../chunk-ERUVE5R6.js";
 import "../chunk-TK3TM3MR.js";
 import "../chunk-MLKGABMK.js";
 export {

package/dist/components/layout/language-toggle.js

@@ -9,7 +9,7 @@ import {
 } from "../../chunk-HLGNIWUN.js";
 import {
   buttonVariants
-} from "../../chunk-IMIWZAMU.js";
+} from "../../chunk-EDNTYBXS.js";
 import {
   twMerge
 } from "../../chunk-TK3TM3MR.js";

package/dist/docs-layout.client.d.ts

@@ -1,6 +1,6 @@
 import { S as SharedNavProps } from './layout.shared-C5L62VPM.js';
 export { a as LinksMenu } from './layout.shared-C5L62VPM.js';
-export { a as Sidebar } from './sidebar-CKjkPpjB.js';
+export { a as Sidebar } from './sidebar-BguPKq_K.js';
 export { T as TreeContextProvider } from './tree-CrKzI9Nz.js';
 import { ButtonHTMLAttributes } from 'react';
 import 'fumadocs-core/server';

package/dist/docs-layout.client.js

@@ -6,11 +6,11 @@ import {
 } from "./chunk-KACGIS2N.js";
 import {
   Sidebar
-} from "./chunk-J6TIWNTK.js";
+} from "./chunk-ZK6DLQN7.js";
 import {
   LinksMenu,
   SearchToggle
-} from "./chunk-U7FLICJE.js";
+} from "./chunk-DDNASC3E.js";
 import {
   TreeContextProvider
 } from "./chunk-34Z7WODD.js";
@@ -27,7 +27,7 @@ import "./chunk-HLGNIWUN.js";
 import "./chunk-TQJ6YPJ3.js";
 import {
   buttonVariants
-} from "./chunk-IMIWZAMU.js";
+} from "./chunk-EDNTYBXS.js";
 import {
   twMerge
 } from "./chunk-TK3TM3MR.js";

package/dist/{dynamic-sidebar-N5DEONM3.js → dynamic-sidebar-UAMDQRIN.js}

@@ -1,8 +1,8 @@
 "use client";
 import {
   Sidebar
-} from "./chunk-J6TIWNTK.js";
-import "./chunk-U7FLICJE.js";
+} from "./chunk-ZK6DLQN7.js";
+import "./chunk-DDNASC3E.js";
 import "./chunk-34Z7WODD.js";
 import "./chunk-2FLZOPQN.js";
 import "./chunk-GLZ6ALZV.js";
@@ -15,7 +15,7 @@ import "./chunk-HLGNIWUN.js";
 import "./chunk-TQJ6YPJ3.js";
 import {
   buttonVariants
-} from "./chunk-IMIWZAMU.js";
+} from "./chunk-EDNTYBXS.js";
 import {
   twMerge
 } from "./chunk-TK3TM3MR.js";
@@ -87,10 +87,10 @@ function DynamicSidebar(props) {
           onPointerLeave: onLeave,
           "aria-hidden": Boolean(collapsed && !hover),
           className: twMerge(
-            "md:transition-[transform,margin]",
+            "md:transition-[transform,padding,width,margin]",
             collapsed && [
-              "md:top-1 md:mr-[-240px] md:h-[calc(100dvh-4px)] md:animate-fd-sidebar-collapse md:rounded-xl md:border md:shadow-md xl:mr-[-260px]",
-              hover ? "md:translate-x-1 rtl:md:-translate-x-1" : "md:-translate-x-full rtl:md:translate-x-full"
+              "md:top-1 md:me-fd-sidebar-offset md:h-[calc(100dvh-4px)] md:w-[var(--fd-sidebar-width)] md:animate-fd-sidebar-collapse md:rounded-xl md:border md:ps-0 md:shadow-md",
+              hover ? "md:translate-x-1 rtl:md:-translate-x-1" : "md:translate-x-[calc(var(--fd-sidebar-width)*-1)] rtl:md:translate-x-[var(--fd-sidebar-width)]"
             ]
           )
         },

package/dist/home-layout.client.js

@@ -9,7 +9,7 @@ import {
   LinkItem,
   LinksMenu,
   SearchToggle
-} from "./chunk-U7FLICJE.js";
+} from "./chunk-DDNASC3E.js";
 import "./chunk-GLZ6ALZV.js";
 import "./chunk-AN2Y6MA2.js";
 import {
@@ -21,7 +21,7 @@ import {
 import "./chunk-TQJ6YPJ3.js";
 import {
   buttonVariants
-} from "./chunk-IMIWZAMU.js";
+} from "./chunk-EDNTYBXS.js";
 import {
   twMerge
 } from "./chunk-TK3TM3MR.js";

package/dist/layout.d.ts

@@ -1,6 +1,6 @@
 import { PageTree } from 'fumadocs-core/server';
 import { HTMLAttributes, ReactNode } from 'react';
-import { S as SidebarProps } from './sidebar-CKjkPpjB.js';
+import { S as SidebarProps } from './sidebar-BguPKq_K.js';
 import { B as BaseLayoutProps } from './layout.shared-C5L62VPM.js';
 export { L as LinkItemType } from './layout.shared-C5L62VPM.js';
 
@@ -20,6 +20,6 @@ interface DocsLayoutProps extends BaseLayoutProps {
      */
     i18n?: boolean;
 }
-declare function DocsLayout({ nav, githubUrl, sidebar: { enabled: sidebarEnabled, collapsible, component: sidebarReplace, ...sidebar }, links, containerProps, tree, i18n, children, }: DocsLayoutProps): React.ReactElement;
+declare function DocsLayout({ nav, githubUrl, sidebar: { enabled: sidebarEnabled, collapsible, component: sidebarReplace, ...sidebar }, containerProps, i18n, ...props }: DocsLayoutProps): React.ReactElement;
 
 export { DocsLayout, type DocsLayoutProps };

package/dist/layout.js

@@ -13,7 +13,7 @@ import {
 } from "./chunk-AN2Y6MA2.js";
 import {
   buttonVariants
-} from "./chunk-IMIWZAMU.js";
+} from "./chunk-EDNTYBXS.js";
 import {
   twMerge
 } from "./chunk-TK3TM3MR.js";
@@ -30,7 +30,7 @@ var LanguageToggle = dynamic(
   )
 );
 var DynamicSidebar = dynamic(
-  () => import("./dynamic-sidebar-N5DEONM3.js").then(
+  () => import("./dynamic-sidebar-UAMDQRIN.js").then(
     (mod) => mod.DynamicSidebar
   )
 );
@@ -43,15 +43,44 @@ function DocsLayout({
     component: sidebarReplace,
     ...sidebar
   } = {},
-  links = [],
   containerProps = {},
-  tree,
   i18n = false,
-  children
+  ...props
 }) {
-  const finalLinks = getLinks(links, githubUrl);
+  const links = getLinks(props.links ?? [], githubUrl);
   const Aside = collapsible ? DynamicSidebar : Sidebar;
-  return /* @__PURE__ */ jsxs(TreeContextProvider, { tree, children: [
+  const banner = [];
+  if (nav?.title)
+    banner.push(
+      /* @__PURE__ */ jsx(
+        Link,
+        {
+          href: nav.url ?? "/",
+          className: "inline-flex items-center gap-2.5 font-medium",
+          children: nav.title
+        },
+        "title"
+      )
+    );
+  if (links.length > 0)
+    banner.push(
+      /* @__PURE__ */ jsx(
+        LinksMenu,
+        {
+          items: links,
+          className: twMerge(
+            buttonVariants({
+              size: "icon",
+              color: "ghost",
+              className: "ms-auto"
+            })
+          ),
+          children: /* @__PURE__ */ jsx(MoreHorizontal, {})
+        },
+        "links"
+      )
+    );
+  return /* @__PURE__ */ jsxs(TreeContextProvider, { tree: props.tree, children: [
     replaceOrDefault(nav, /* @__PURE__ */ jsx(SubNav, { ...nav })),
     /* @__PURE__ */ jsxs(
       "main",
@@ -66,49 +95,27 @@ function DocsLayout({
               Aside,
               {
                 ...sidebar,
-                items: finalLinks,
-                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(
-                      Link,
-                      {
-                        href: nav?.url ?? "/",
-                        className: "inline-flex items-center gap-2.5 font-medium",
-                        children: nav?.title
-                      }
-                    ),
-                    finalLinks.length > 0 && /* @__PURE__ */ jsx(
-                      LinksMenu,
-                      {
-                        items: finalLinks,
-                        className: twMerge(
-                          buttonVariants({
-                            size: "icon",
-                            color: "ghost"
-                          })
-                        ),
-                        children: /* @__PURE__ */ jsx(MoreHorizontal, {})
-                      }
-                    )
-                  ] }),
+                items: links,
+                banner: banner.length > 0 || sidebar.banner ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                  banner.length > 0 ? /* @__PURE__ */ jsx("div", { className: "flex flex-row items-center border-b pb-2 max-md:hidden", children: banner }) : null,
                   sidebar.banner
-                ] }),
+                ] }) : null,
                 bannerProps: {
+                  ...sidebar.bannerProps,
                   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
+                  i18n ? /* @__PURE__ */ jsx(LanguageToggle, {}) : null,
+                  sidebar.footer
                 ] })
               }
             )
           ),
-          children
+          props.children
         ]
       }
     )

package/dist/mdx.client.js

@@ -2,10 +2,10 @@
 import {
   CodeBlock,
   Pre
-} from "./chunk-B63IB7CZ.js";
+} from "./chunk-774JT2B6.js";
 import "./chunk-2FLZOPQN.js";
 import "./chunk-2KMKNVSN.js";
-import "./chunk-IMIWZAMU.js";
+import "./chunk-EDNTYBXS.js";
 import "./chunk-TK3TM3MR.js";
 import "./chunk-MLKGABMK.js";
 

package/dist/mdx.js

@@ -11,7 +11,7 @@ import {
 } from "./chunk-KWZZNVSY.js";
 import {
   Heading
-} from "./chunk-OPVR6PIY.js";
+} from "./chunk-ERUVE5R6.js";
 import "./chunk-TK3TM3MR.js";
 import "./chunk-MLKGABMK.js";