fumadocs-ui 15.0.17 → 15.1.0

package/dist/components/callout.d.ts

@@ -1,5 +1,5 @@
 import { type HTMLAttributes, type ReactNode } from 'react';
-export declare const Callout: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "title" | "type" | "icon"> & {
+export declare const Callout: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "title" | "icon" | "type"> & {
     title?: ReactNode;
     /**
      * @defaultValue info

package/dist/components/ui/button.d.ts

@@ -1,5 +1,5 @@
 export declare const buttonVariants: (props?: ({
     color?: "primary" | "outline" | "ghost" | "secondary" | null | undefined;
-    size?: "sm" | "icon" | "icon-sm" | null | undefined;
+    size?: "icon" | "sm" | "icon-sm" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 //# sourceMappingURL=button.d.ts.map

package/dist/layouts/home/navbar.d.ts

@@ -9,7 +9,7 @@ export declare function NavbarMenuContent(props: NavigationMenuContentProps): im
 export declare function NavbarMenuTrigger(props: NavigationMenuTriggerProps): import("react/jsx-runtime").JSX.Element;
 export declare function NavbarMenuLink(props: LinkProps): import("react/jsx-runtime").JSX.Element;
 declare const linkVariants: (props?: ({
-    variant?: "button" | "main" | "icon" | null | undefined;
+    variant?: "icon" | "button" | "main" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare function NavbarLink({ item, variant, ...props }: ComponentProps<typeof BaseLinkItem> & VariantProps<typeof linkVariants>): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/mdx.d.ts

@@ -3,7 +3,7 @@ import { Card, Cards } from './components/card.js';
 declare function Image(props: ImgHTMLAttributes<HTMLImageElement>): import("react/jsx-runtime").JSX.Element;
 declare function Table(props: TableHTMLAttributes<HTMLTableElement>): import("react/jsx-runtime").JSX.Element;
 declare const defaultMdxComponents: {
-    pre: FC<HTMLAttributes<HTMLPreElement>>;
+    pre: (props: HTMLAttributes<HTMLPreElement>) => import("react/jsx-runtime").JSX.Element;
     Card: typeof Card;
     Cards: typeof Cards;
     a: FC<AnchorHTMLAttributes<HTMLAnchorElement>>;
@@ -15,11 +15,12 @@ declare const defaultMdxComponents: {
     h5: (props: HTMLAttributes<HTMLHeadingElement>) => import("react/jsx-runtime").JSX.Element;
     h6: (props: HTMLAttributes<HTMLHeadingElement>) => import("react/jsx-runtime").JSX.Element;
     table: typeof Table;
-    Callout: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "title" | "type" | "icon"> & {
+    Callout: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "title" | "icon" | "type"> & {
         title?: import("react").ReactNode;
         type?: "info" | "warn" | "error";
         icon?: import("react").ReactNode;
     } & import("react").RefAttributes<HTMLDivElement>>;
 };
+export declare const createRelativeLink: typeof import('./mdx.server.js').createRelativeLink;
 export { defaultMdxComponents as default };
 //# sourceMappingURL=mdx.d.ts.map

package/dist/mdx.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mdx.d.ts","sourceRoot":"","sources":["../src/mdx.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,oBAAoB,EACpB,EAAE,EACF,cAAc,EACd,iBAAiB,EACjB,mBAAmB,EACpB,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAMhD,iBAAS,KAAK,CAAC,KAAK,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,2CAQxD;AAED,iBAAS,KAAK,CAAC,KAAK,EAAE,mBAAmB,CAAC,gBAAgB,CAAC,2CAM1D;AAED,QAAA,MAAM,oBAAoB;SACZ,EAAE,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;;;OAGnC,EAAE,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;;gBAE1C,cAAc,CAAC,kBAAkB,CAAC;gBAGlC,cAAc,CAAC,kBAAkB,CAAC;gBAGlC,cAAc,CAAC,kBAAkB,CAAC;gBAGlC,cAAc,CAAC,kBAAkB,CAAC;gBAGlC,cAAc,CAAC,kBAAkB,CAAC;gBAGlC,cAAc,CAAC,kBAAkB,CAAC;;;;;;;CAK/C,CAAC;AAEF,OAAO,EAAE,oBAAoB,IAAI,OAAO,EAAE,CAAC"}
+{"version":3,"file":"mdx.d.ts","sourceRoot":"","sources":["../src/mdx.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,oBAAoB,EACpB,EAAE,EACF,cAAc,EACd,iBAAiB,EACjB,mBAAmB,EACpB,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAMhD,iBAAS,KAAK,CAAC,KAAK,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,2CAQxD;AAED,iBAAS,KAAK,CAAC,KAAK,EAAE,mBAAmB,CAAC,gBAAgB,CAAC,2CAM1D;AAED,QAAA,MAAM,oBAAoB;iBACX,cAAc,CAAC,cAAc,CAAC;;;OAOhC,EAAE,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;;gBAE1C,cAAc,CAAC,kBAAkB,CAAC;gBAGlC,cAAc,CAAC,kBAAkB,CAAC;gBAGlC,cAAc,CAAC,kBAAkB,CAAC;gBAGlC,cAAc,CAAC,kBAAkB,CAAC;gBAGlC,cAAc,CAAC,kBAAkB,CAAC;gBAGlC,cAAc,CAAC,kBAAkB,CAAC;;;;;;;CAK/C,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,cAAc,cAAc,EAAE,kBAK5D,CAAC;AAEJ,OAAO,EAAE,oBAAoB,IAAI,OAAO,EAAE,CAAC"}

package/dist/mdx.js

@@ -5,7 +5,7 @@ import { Card, Cards } from './components/card.js';
 import { Callout } from './components/callout.js';
 import { Heading } from './components/heading.js';
 import { cn } from './utils/cn.js';
-import { Pre } from './mdx.client.js';
+import { CodeBlock, Pre } from './components/codeblock.js';
 function Image(props) {
     return (_jsx(NextImage, { sizes: "(max-width: 768px) 100vw, (max-width: 1200px) 70vw, 900px", ...props, className: cn('rounded-lg', props.className) }));
 }
@@ -13,7 +13,7 @@ function Table(props) {
     return (_jsx("div", { className: "relative overflow-auto", children: _jsx("table", { ...props }) }));
 }
 const defaultMdxComponents = {
-    pre: Pre,
+    pre: (props) => (_jsx(CodeBlock, { ...props, children: _jsx(Pre, { children: props.children }) })),
     Card,
     Cards,
     a: Link,
@@ -27,4 +27,7 @@ const defaultMdxComponents = {
     table: Table,
     Callout,
 };
+export const createRelativeLink = () => {
+    throw new Error('`createRelativeLink` is only supported in Node.js environment');
+};
 export { defaultMdxComponents as default };

package/dist/mdx.server.d.ts

@@ -0,0 +1,13 @@
+import type { LoaderConfig, LoaderOutput, Page } from 'fumadocs-core/source';
+import type { ComponentProps, FC } from 'react';
+import defaultMdxComponents from './mdx.js';
+/**
+ * Extend the default Link component to resolve relative file paths in `href`.
+ *
+ * @param page the current page
+ * @param source the source object
+ * @param OverrideLink The component to override from
+ */
+export declare function createRelativeLink(source: LoaderOutput<LoaderConfig>, page: Page, OverrideLink?: FC<ComponentProps<'a'>>): FC<ComponentProps<'a'>>;
+export { defaultMdxComponents as default };
+//# sourceMappingURL=mdx.server.d.ts.map

package/dist/mdx.server.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdx.server.d.ts","sourceRoot":"","sources":["../src/mdx.server.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC7E,OAAO,KAAK,EAAE,cAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,oBAAoB,MAAM,OAAO,CAAC;AAEzC;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,YAAY,CAAC,YAAY,CAAC,EAClC,IAAI,EAAE,IAAI,EACV,YAAY,GAAE,EAAE,CAAC,cAAc,CAAC,GAAG,CAAC,CAA0B,GAC7D,EAAE,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAUzB;AAED,OAAO,EAAE,oBAAoB,IAAI,OAAO,EAAE,CAAC"}

package/dist/mdx.server.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import defaultMdxComponents from './mdx.js';
+/**
+ * Extend the default Link component to resolve relative file paths in `href`.
+ *
+ * @param page the current page
+ * @param source the source object
+ * @param OverrideLink The component to override from
+ */
+export function createRelativeLink(source, page, OverrideLink = defaultMdxComponents.a) {
+    return async function RelativeLink({ href, ...props }) {
+        // resolve relative href
+        if (href && href.startsWith('.')) {
+            const target = source.getPageByHref(href, { dir: page.file.dirname });
+            if (target)
+                href = target.page.url;
+        }
+        return _jsx(OverrideLink, { href: href, ...props });
+    };
+}
+export { defaultMdxComponents as default };

package/dist/page.client.d.ts

@@ -1,4 +1,5 @@
 import { type HTMLAttributes } from 'react';
+import type { PageTree } from 'fumadocs-core/server';
 import { type BreadcrumbOptions } from 'fumadocs-core/breadcrumb';
 export declare function TocPopoverHeader(props: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
 export declare function PageBody(props: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
@@ -6,22 +7,18 @@ export declare function PageArticle(props: HTMLAttributes<HTMLElement>): import(
 export declare function LastUpdate(props: {
     date: Date;
 }): import("react/jsx-runtime").JSX.Element;
+type Item = Pick<PageTree.Item, 'name' | 'description' | 'url'>;
 export interface FooterProps {
     /**
      * Items including information for the next and previous page
      */
     items?: {
-        previous?: {
-            name: string;
-            url: string;
-        };
-        next?: {
-            name: string;
-            url: string;
-        };
+        previous?: Item;
+        next?: Item;
     };
 }
 export declare function Footer({ items }: FooterProps): import("react/jsx-runtime").JSX.Element;
 export type BreadcrumbProps = BreadcrumbOptions;
 export declare function Breadcrumb(options: BreadcrumbProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
 //# sourceMappingURL=page.client.d.ts.map

package/dist/page.client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"page.client.d.ts","sourceRoot":"","sources":["../src/page.client.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,cAAc,EAKpB,MAAM,OAAO,CAAC;AAWf,OAAO,EACL,KAAK,iBAAiB,EAEvB,MAAM,0BAA0B,CAAC;AAMlC,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,cAAc,CAAC,cAAc,CAAC,2CA8CrE;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,cAAc,CAAC,cAAc,CAAC,2CAY7D;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,cAAc,CAAC,WAAW,CAAC,2CAe7D;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE;IAAE,IAAI,EAAE,IAAI,CAAA;CAAE,2CAc/C;AAED,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE;QACN,QAAQ,CAAC,EAAE;YAAE,IAAI,EAAE,MAAM,CAAC;YAAC,GAAG,EAAE,MAAM,CAAA;SAAE,CAAC;QACzC,IAAI,CAAC,EAAE;YAAE,IAAI,EAAE,MAAM,CAAC;YAAC,GAAG,EAAE,MAAM,CAAA;SAAE,CAAC;KACtC,CAAC;CACH;AAiCD,wBAAgB,MAAM,CAAC,EAAE,KAAK,EAAE,EAAE,WAAW,2CA8C5C;AAED,MAAM,MAAM,eAAe,GAAG,iBAAiB,CAAC;AAEhD,wBAAgB,UAAU,CAAC,OAAO,EAAE,eAAe,kDAsClD"}
+{"version":3,"file":"page.client.d.ts","sourceRoot":"","sources":["../src/page.client.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,cAAc,EAKpB,MAAM,OAAO,CAAC;AAOf,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAGrD,OAAO,EACL,KAAK,iBAAiB,EAEvB,MAAM,0BAA0B,CAAC;AAMlC,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,cAAc,CAAC,cAAc,CAAC,2CA8CrE;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,cAAc,CAAC,cAAc,CAAC,2CAY7D;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,cAAc,CAAC,WAAW,CAAC,2CAe7D;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE;IAAE,IAAI,EAAE,IAAI,CAAA;CAAE,2CAc/C;AAED,KAAK,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,aAAa,GAAG,KAAK,CAAC,CAAC;AAChE,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE;QACN,QAAQ,CAAC,EAAE,IAAI,CAAC;QAChB,IAAI,CAAC,EAAE,IAAI,CAAC;KACb,CAAC;CACH;AAyBD,wBAAgB,MAAM,CAAC,EAAE,KAAK,EAAE,EAAE,WAAW,2CA+B5C;AAuCD,MAAM,MAAM,eAAe,GAAG,iBAAiB,CAAC;AAEhD,wBAAgB,UAAU,CAAC,OAAO,EAAE,eAAe,kDAsClD"}

package/dist/page.client.js

@@ -3,7 +3,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment, useEffect, useMemo, useRef, useState, } from 'react';
 import { ChevronLeft, ChevronRight } from 'lucide-react';
 import Link from 'next/link';
-import { cva } from 'class-variance-authority';
 import { cn } from './utils/cn.js';
 import { useI18n } from './contexts/i18n.js';
 import { useTreeContext, useTreePath } from './contexts/tree.js';
@@ -54,8 +53,6 @@ export function LastUpdate(props) {
     }, [props.date]);
     return (_jsxs("p", { className: "text-sm text-fd-muted-foreground", children: [text.lastUpdate, " ", date] }));
 }
-const itemVariants = cva('flex w-full flex-col gap-2 rounded-lg border p-4 text-sm transition-colors hover:bg-fd-accent/80 hover:text-fd-accent-foreground');
-const itemLabel = cva('inline-flex items-center gap-0.5 text-fd-muted-foreground');
 function scanNavigationList(tree) {
     const list = [];
     tree.forEach((node) => {
@@ -75,7 +72,6 @@ function scanNavigationList(tree) {
 const listCache = new WeakMap();
 export function Footer({ items }) {
     const { root } = useTreeContext();
-    const { text } = useI18n();
     const pathname = usePathname();
     const { previous, next } = useMemo(() => {
         if (items)
@@ -91,7 +87,16 @@ export function Footer({ items }) {
             next: list[idx + 1],
         };
     }, [items, pathname, root]);
-    return (_jsxs("div", { className: "grid grid-cols-2 gap-4 pb-6", children: [previous ? (_jsxs(Link, { href: previous.url, className: cn(itemVariants()), children: [_jsxs("div", { className: cn(itemLabel()), children: [_jsx(ChevronLeft, { className: "-ms-1 size-4 shrink-0 rtl:rotate-180" }), _jsx("p", { children: text.previousPage })] }), _jsx("p", { className: "font-medium md:text-[15px]", children: previous.name })] })) : null, next ? (_jsxs(Link, { href: next.url, className: cn(itemVariants({ className: 'col-start-2 text-end' })), children: [_jsxs("div", { className: cn(itemLabel({ className: 'flex-row-reverse' })), children: [_jsx(ChevronRight, { className: "-me-1 size-4 shrink-0 rtl:rotate-180" }), _jsx("p", { children: text.nextPage })] }), _jsx("p", { className: "font-medium md:text-[15px]", children: next.name })] })) : null] }));
+    return (_jsxs("div", { className: cn('@container grid gap-4 pb-6', previous && next ? 'grid-cols-2' : 'grid-cols-1'), children: [previous ? _jsx(FooterItem, { item: previous, index: 0 }) : null, next ? _jsx(FooterItem, { item: next, index: 1 }) : null] }));
+}
+function FooterItem({ item, index }) {
+    const { text } = useI18n();
+    const Icon = index === 0 ? ChevronLeft : ChevronRight;
+    const title = item.description ? item.name : null;
+    const description = item.description ?? item.name;
+    return (_jsxs(Link, { href: item.url, className: cn('flex flex-col gap-2 rounded-lg border p-4 text-sm transition-colors hover:bg-fd-accent/80 hover:text-fd-accent-foreground @max-lg:col-span-full', index === 1 && 'text-end'), children: [_jsxs("div", { className: cn('inline-flex items-center gap-1.5', index === 1 && 'flex-row-reverse', title ? 'font-medium' : 'text-fd-muted-foreground'), children: [_jsx(Icon, { className: "-mx-1 size-4 shrink-0 rtl:rotate-180" }), _jsx("p", { children: title ?? text.nextPage })] }), _jsx("p", { className: cn(title
+                    ? 'text-fd-muted-foreground truncate'
+                    : 'font-medium md:text-[15px]'), children: description })] }));
 }
 export function Breadcrumb(options) {
     const path = useTreePath();

package/dist/style.css

@@ -351,9 +351,6 @@
   .z-\[2\] {
     z-index: 2;
   }
-  .col-start-2 {
-    grid-column-start: 2;
-  }
   .container {
     width: 100%;
     @media (width >= 40rem) {
@@ -379,6 +376,9 @@
       max-width: 1400px;
     }
   }
+  .-mx-1 {
+    margin-inline: calc(var(--spacing) * -1);
+  }
   .-mx-2 {
     margin-inline: calc(var(--spacing) * -2);
   }
@@ -412,9 +412,6 @@
   .ms-auto {
     margin-inline-start: auto;
   }
-  .-me-1 {
-    margin-inline-end: calc(var(--spacing) * -1);
-  }
   .-me-1\.5 {
     margin-inline-end: calc(var(--spacing) * -1.5);
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fumadocs-ui",
-  "version": "15.0.17",
+  "version": "15.1.0",
   "description": "The framework for building a documentation website in Next.js",
   "keywords": [
     "NextJs",
@@ -37,6 +37,7 @@
       "types": "./dist/provider.d.ts"
     },
     "./mdx": {
+      "node": "./dist/mdx.server.js",
       "import": "./dist/mdx.js",
       "types": "./dist/mdx.d.ts"
     },
@@ -65,7 +66,7 @@
     "@radix-ui/react-tabs": "^1.1.3",
     "class-variance-authority": "^0.7.1",
     "lodash.merge": "^4.6.2",
-    "lucide-react": "^0.479.0",
+    "lucide-react": "^0.482.0",
     "next-themes": "^0.4.6",
     "postcss-selector-parser": "^7.1.0",
     "react-medium-image-zoom": "^5.2.14",
@@ -80,9 +81,9 @@
     "next": "15.2.2",
     "tailwindcss": "^4.0.14",
     "tsc-alias": "^1.8.11",
-    "eslint-config-custom": "0.0.0",
-    "fumadocs-core": "15.0.17",
     "@fumadocs/cli": "0.0.8",
+    "eslint-config-custom": "0.0.0",
+    "fumadocs-core": "15.1.0",
     "tsconfig": "0.0.0"
   },
   "peerDependencies": {
@@ -90,7 +91,7 @@
     "react": "18.x.x || 19.x.x",
     "react-dom": "18.x.x || 19.x.x",
     "tailwindcss": "^3.4.14 || ^4.0.0",
-    "fumadocs-core": "15.0.17"
+    "fumadocs-core": "15.1.0"
   },
   "peerDependenciesMeta": {
     "tailwindcss": {

package/dist/mdx.client.d.ts

@@ -1,10 +0,0 @@
-import * as Base from './components/codeblock.js';
-/**
- * You are NOT supposed to use this component directly.
- *
- * This should be referenced in the output generated by the Rehype Code plugin.
- *
- * @internal
- */
-export declare function Pre(props: Base.CodeBlockProps): React.ReactElement;
-//# sourceMappingURL=mdx.client.d.ts.map

package/dist/mdx.client.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"mdx.client.d.ts","sourceRoot":"","sources":["../src/mdx.client.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,IAAI,MAAM,wBAAwB,CAAC;AAE/C;;;;;;GAMG;AACH,wBAAgB,GAAG,CAAC,KAAK,EAAE,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC,YAAY,CAMlE"}

package/dist/mdx.client.js

@@ -1,13 +0,0 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as Base from './components/codeblock.js';
-/**
- * You are NOT supposed to use this component directly.
- *
- * This should be referenced in the output generated by the Rehype Code plugin.
- *
- * @internal
- */
-export function Pre(props) {
-    return (_jsx(Base.CodeBlock, { ...props, children: _jsx(Base.Pre, { children: props.children }) }));
-}