fumadocs-ui 12.3.6 → 12.4.0

package/dist/{layout-CyXwmMCy.d.ts → layout-ZAteQVYk.d.ts}

@@ -1,5 +1,5 @@
 import { PageTree } from 'fumadocs-core/server';
-import { ReactNode, HTMLAttributes, ReactElement } from 'react';
+import { ReactNode, HTMLAttributes } from 'react';
 
 interface NavBoxProps {
     /**
@@ -18,6 +18,71 @@ interface TitleProps {
     url?: string;
 }
 
+interface BaseItem {
+    /**
+     * Restrict where the item is displayed
+     *
+     * @defaultValue 'all'
+     */
+    on?: 'menu' | 'nav' | 'all';
+}
+interface BaseLinkItem extends BaseItem {
+    url: string;
+    /**
+     * When the item is marked as active
+     *
+     * @defaultValue 'url'
+     */
+    active?: 'url' | 'nested-url' | 'none';
+    external?: boolean;
+}
+type LinkItemType = (BaseLinkItem & {
+    type?: 'main';
+    icon?: ReactNode;
+    text: ReactNode;
+}) | (BaseLinkItem & {
+    type: 'icon' | 'secondary';
+    /**
+     * `aria-label` of icon button
+     */
+    label?: string;
+    icon: ReactNode;
+    text: ReactNode;
+    /**
+     * @defaultValue true
+     */
+    secondary?: boolean;
+}) | (BaseLinkItem & {
+    type: 'button';
+    icon?: ReactNode;
+    text: ReactNode;
+    /**
+     * @defaultValue false
+     */
+    secondary?: boolean;
+}) | (BaseItem & {
+    type: 'menu';
+    icon?: ReactNode;
+    text: ReactNode;
+    items: LinkItemType[];
+    /**
+     * @defaultValue false
+     */
+    secondary?: boolean;
+}) | (BaseItem & {
+    type: 'custom';
+    /**
+     * @defaultValue false
+     */
+    secondary?: boolean;
+    children: ReactNode;
+});
+interface LinksMenuProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    items: LinkItemType[];
+    footer?: React.ReactNode;
+}
+declare function LinksMenu({ items, footer, ...props }: LinksMenuProps): React.ReactElement;
+
 interface SidebarProps {
     items: LinkItemType[];
     /**
@@ -52,47 +117,6 @@ declare function Sidebar({ footer, components, defaultOpenLevel, banner, items,
     aside?: HTMLAttributes<HTMLElement> & Record<string, unknown>;
 }): React.ReactElement;
 
-type ActiveType = 'none' | 'url' | 'nested-url';
-type LinkItemType = {
-    type?: 'main';
-    url: string;
-    /**
-     * When the item is marked as active
-     *
-     * @defaultValue 'url'
-     */
-    active?: ActiveType;
-    icon?: ReactNode;
-    text: string;
-    external?: boolean;
-} | {
-    type: 'menu';
-    icon?: ReactNode;
-    text: string;
-    items: LinkItemType[];
-} | {
-    type: 'secondary';
-    url: string;
-    /**
-     * When the item is marked as active
-     *
-     * @defaultValue 'url'
-     */
-    active?: ActiveType;
-    icon: ReactNode;
-    text: string;
-    external?: boolean;
-} | {
-    type: 'custom';
-    /**
-     * Restrict where the item is displayed
-     *
-     * @defaultValue 'all'
-     */
-    on?: 'menu' | 'nav' | 'all';
-    secondary?: boolean;
-    children: ReactElement;
-};
 interface NavOptions extends SharedNavProps {
     enabled: boolean;
     component: ReactNode;
@@ -137,4 +161,4 @@ interface DocsLayoutProps extends BaseLayoutProps {
 declare function Layout({ nav, links, githubUrl, children, }: BaseLayoutProps): 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 SidebarProps as S, type SharedNavProps as a, Sidebar as b, Layout as c, DocsLayout as d };
+export { type BaseLayoutProps as B, type DocsLayoutProps as D, LinksMenu as L, type SidebarProps as S, type SharedNavProps as a, Sidebar as b, type LinkItemType as c, Layout as d, DocsLayout as e };

package/dist/layout.client.d.ts

@@ -1,4 +1,4 @@
-import { a as SharedNavProps, L as LinkItemType } from './layout-CyXwmMCy.js';
+import { a as SharedNavProps, c as LinkItemType } from './layout-ZAteQVYk.js';
 import 'fumadocs-core/server';
 import 'react';
 

package/dist/layout.client.js

@@ -7,9 +7,11 @@ import {
   SearchToggle,
   ThemeToggle,
   Title
-} from "./chunk-FOIG7ZU7.js";
+} from "./chunk-NZA3MCPM.js";
 import "./chunk-GHKJ6EFT.js";
-import "./chunk-AN2Y6MA2.js";
+import {
+  isSecondary
+} from "./chunk-IIDV3RNQ.js";
 import {
   useSearchContext
 } from "./chunk-ET4TW6M5.js";
@@ -17,8 +19,12 @@ import {
   useI18n
 } from "./chunk-HLGNIWUN.js";
 import "./chunk-7XPZOMJ2.js";
-import "./chunk-CPOVVDVF.js";
-import "./chunk-TK3TM3MR.js";
+import {
+  buttonVariants
+} from "./chunk-VUIQ7ZYI.js";
+import {
+  twMerge
+} from "./chunk-TK3TM3MR.js";
 import "./chunk-MLKGABMK.js";
 
 // src/layout.client.tsx
@@ -37,30 +43,25 @@ function Nav({
   return /* @__PURE__ */ jsx(NavBox, { id: "nd-nav", className: "h-14", transparentMode, children: /* @__PURE__ */ jsxs("nav", { className: "mx-auto flex size-full max-w-container flex-row items-center gap-6 px-4", children: [
     /* @__PURE__ */ jsx(Title, { title, url }),
     children,
-    items.filter(
-      (item) => item.type !== "secondary" && !(item.type === "custom" && item.secondary)
-    ).map((item, i) => /* @__PURE__ */ jsx(
-      LinkItem,
-      {
-        item,
-        className: "-mx-2 text-sm max-lg:hidden"
-      },
-      i
-    )),
+    items.filter((item) => !isSecondary(item)).map((item, i) => /* @__PURE__ */ jsx(LinkItem, { item, className: "text-sm max-lg:hidden" }, i)),
     /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-row items-center justify-end md:gap-2", children: [
       enableSearch && search.enabled ? /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx(SearchToggle, { className: "md:hidden" }),
         /* @__PURE__ */ jsx(LargeSearchToggle, { className: "w-full max-w-[240px] max-md:hidden" })
       ] }) : null,
       /* @__PURE__ */ jsx(ThemeToggle, { className: "max-lg:hidden" }),
-      items.filter(
-        (item) => item.type === "secondary" || item.type === "custom" && item.secondary
-      ).map((item, i) => /* @__PURE__ */ jsx(LinkItem, { item, className: "max-lg:hidden" }, i)),
+      items.filter(isSecondary).map((item, i) => /* @__PURE__ */ jsx(LinkItem, { item, className: "max-lg:hidden" }, i)),
       /* @__PURE__ */ jsx(
         LinksMenu,
         {
           items,
-          className: "-me-2 lg:hidden",
+          className: twMerge(
+            buttonVariants({
+              size: "icon",
+              color: "ghost",
+              className: "-me-2 lg:hidden"
+            })
+          ),
           footer: /* @__PURE__ */ jsxs("div", { className: "flex flex-row items-center justify-between px-2 pt-2", children: [
             /* @__PURE__ */ jsx("p", { className: "font-medium text-muted-foreground", children: text.chooseTheme }),
             /* @__PURE__ */ jsx(ThemeToggle, {})

package/dist/layout.d.ts

@@ -1,3 +1,3 @@
 import 'fumadocs-core/server';
 import 'react';
-export { B as BaseLayoutProps, d as DocsLayout, D as DocsLayoutProps, c as Layout, L as LinkItemType, a as SharedNavProps } from './layout-CyXwmMCy.js';
+export { B as BaseLayoutProps, e as DocsLayout, D as DocsLayoutProps, d as Layout, c as LinkItemType, a as SharedNavProps } from './layout-ZAteQVYk.js';

package/dist/layout.js

@@ -12,7 +12,10 @@ import {
 import { Nav } from "./layout.client"
 import {
   replaceOrDefault
-} from "./chunk-AN2Y6MA2.js";
+} from "./chunk-IIDV3RNQ.js";
+import {
+  buttonVariants
+} from "./chunk-VUIQ7ZYI.js";
 import {
   twMerge
 } from "./chunk-TK3TM3MR.js";
@@ -80,7 +83,19 @@ function DocsLayout({
                         children: nav?.title
                       }
                     ),
-                    finalLinks.length > 0 && /* @__PURE__ */ jsx(LinksMenu, { items: finalLinks, children: /* @__PURE__ */ jsx(MoreHorizontal, {}) })
+                    finalLinks.length > 0 && /* @__PURE__ */ jsx(
+                      LinksMenu,
+                      {
+                        items: finalLinks,
+                        className: twMerge(
+                          buttonVariants({
+                            size: "icon",
+                            color: "ghost"
+                          })
+                        ),
+                        children: /* @__PURE__ */ jsx(MoreHorizontal, {})
+                      }
+                    )
                   ] }),
                   sidebar.banner
                 ] }),

package/dist/mdx.client.js

@@ -2,10 +2,10 @@
 import {
   CodeBlock,
   Pre
-} from "./chunk-Q3FSJZ3E.js";
+} from "./chunk-KH555T4I.js";
 import "./chunk-VYTHQTZE.js";
 import "./chunk-2KMKNVSN.js";
-import "./chunk-CPOVVDVF.js";
+import "./chunk-VUIQ7ZYI.js";
 import "./chunk-TK3TM3MR.js";
 import "./chunk-MLKGABMK.js";
 

package/dist/mdx.js

@@ -1,7 +1,7 @@
 import { Pre } from "./mdx.client"
 import {
   defaultImageSizes
-} from "./chunk-AN2Y6MA2.js";
+} from "./chunk-IIDV3RNQ.js";
 import {
   Card,
   Cards

package/dist/page.client.js

@@ -10,8 +10,8 @@ import {
 } from "./chunk-GHKJ6EFT.js";
 import {
   useTreeContext
-} from "./chunk-34Z7WODD.js";
-import "./chunk-AN2Y6MA2.js";
+} from "./chunk-R3M2OC5U.js";
+import "./chunk-IIDV3RNQ.js";
 import {
   useI18n
 } from "./chunk-HLGNIWUN.js";
@@ -165,19 +165,17 @@ function Breadcrumb({
         "-mb-3 flex flex-row items-center gap-1 text-sm font-medium text-muted-foreground",
         items.length === 0 && "hidden"
       ),
-      children: items.map((item, i) => {
-        return /* @__PURE__ */ jsxs2(Fragment, { children: [
-          i !== 0 && /* @__PURE__ */ jsx2(ChevronRight, { className: "size-4 shrink-0 rtl:rotate-180" }),
-          item.url ? /* @__PURE__ */ jsx2(
-            Link,
-            {
-              href: item.url,
-              className: "truncate hover:text-accent-foreground",
-              children: item.name
-            }
-          ) : /* @__PURE__ */ jsx2("span", { className: "truncate", children: item.name })
-        ] }, i);
-      })
+      children: items.map((item, i) => /* @__PURE__ */ jsxs2(Fragment, { children: [
+        i !== 0 && /* @__PURE__ */ jsx2(ChevronRight, { className: "size-4 shrink-0 rtl:rotate-180" }),
+        item.url ? /* @__PURE__ */ jsx2(
+          Link,
+          {
+            href: item.url,
+            className: "truncate hover:text-accent-foreground",
+            children: item.name
+          }
+        ) : /* @__PURE__ */ jsx2("span", { className: "truncate", children: item.name })
+      ] }, i))
     }
   );
 }
@@ -211,7 +209,7 @@ function Footer({ items }) {
       next: tree.navigation[idx + 1]
     };
   }, [pathname, tree.navigation]);
-  return /* @__PURE__ */ jsxs3("div", { className: "grid grid-cols-2 gap-4 border-t py-6", children: [
+  return /* @__PURE__ */ jsxs3("div", { className: "grid grid-cols-2 gap-4 pb-6", children: [
     previous ? /* @__PURE__ */ jsxs3(Link2, { href: previous.url, className: twMerge(itemVariants()), children: [
       /* @__PURE__ */ jsxs3("div", { className: twMerge(itemLabel()), children: [
         /* @__PURE__ */ jsx3(ChevronLeft, { className: "-ms-1 size-4 shrink-0 rtl:rotate-180" }),

package/dist/page.js

@@ -8,7 +8,7 @@ import {
 } from "./page.client"
 import {
   replaceOrDefault
-} from "./chunk-AN2Y6MA2.js";
+} from "./chunk-IIDV3RNQ.js";
 import {
   twMerge
 } from "./chunk-TK3TM3MR.js";

package/dist/provider.js

@@ -1,8 +1,8 @@
 "use client";
 import {
   useTreeContext
-} from "./chunk-34Z7WODD.js";
-import "./chunk-AN2Y6MA2.js";
+} from "./chunk-R3M2OC5U.js";
+import "./chunk-IIDV3RNQ.js";
 import {
   SidebarProvider,
   useSidebar