fumadocs-ui 16.6.13 → 16.6.15

package/css/generated/shared.css

@@ -54,6 +54,7 @@
 @source inline("@remarks");
 @source inline("@returns");
 @source inline("@ts-expect-error");
+@source inline("@typescript-eslint/no-namespace");
 @source inline("[&>figure:only-child]:-m-4");
 @source inline("[&>figure:only-child]:border-none");
 @source inline("[&_svg]:size-3.5");
@@ -262,6 +263,7 @@
 @source inline("date");
 @source inline("debounced");
 @source inline("decimal");
+@source inline("declare");
 @source inline("default");
 @source inline("defaultIndex");
 @source inline("defaultItems");
@@ -396,9 +398,11 @@
 @source inline("gap-4");
 @source inline("gap-y-4");
 @source inline("generated");
+@source inline("get");
 @source inline("ghost");
 @source inline("githubUrl");
 @source inline("given");
+@source inline("global");
 @source inline("globalKey");
 @source inline("grid");
 @source inline("grid-cols-2");
@@ -450,6 +454,7 @@
 @source inline("human-readable");
 @source inline("humanizedStars");
 @source inline("i");
+@source inline("i18n");
 @source inline("icon");
 @source inline("icon-sm");
 @source inline("icon-xs");
@@ -576,6 +581,7 @@
 @source inline("md:top-[calc(50%-250px)]");
 @source inline("mdComponents");
 @source inline("mdRenderer");
+@source inline("mdx/types.js");
 @source inline("me-1");
 @source inline("me-2");
 @source inline("me-auto");
@@ -590,6 +596,7 @@
 @source inline("min-w-fit");
 @source inline("min-w-full");
 @source inline("mode");
+@source inline("module");
 @source inline("mounted");
 @source inline("mouse");
 @source inline("ms-2");
@@ -605,6 +612,7 @@
 @source inline("my-6");
 @source inline("my-auto");
 @source inline("name");
+@source inline("namespace");
 @source inline("nav");
 @source inline("navItems");
 @source inline("navbar");
@@ -745,6 +753,7 @@
 @source inline("prose");
 @source inline("prose-no-margin");
 @source inline("provide");
+@source inline("provider");
 @source inline("ps-1");
 @source inline("ps-2");
 @source inline("ps-3");
@@ -1016,6 +1025,7 @@
 @source inline("under");
 @source inline("underline");
 @source inline("underlying");
+@source inline("understand");
 @source inline("unified");
 @source inline("unist-util-visit");
 @source inline("unknown");

package/css/lib/base.css

@@ -1,6 +1,3 @@
-@import './shiki.css';
-@plugin '../../dist/tailwind/typography.js';
-
 :root {
   --fd-sidebar-drawer-offset: 100%;
 }

package/css/preset.css

@@ -1,4 +1,7 @@
 @import './lib/base.css';
+@import './lib/shiki.css';
+
+@plugin '../dist/tailwind/typography.js';
 
 /* TODO: remove them on next major */
 @import './generated/docs.css';

package/dist/components/image-zoom.js

@@ -1,4 +1,5 @@
 "use client";
+import "./image-zoom.css";
 /* empty css            */
 import { Image } from "fumadocs-core/framework";
 import { jsx } from "react/jsx-runtime";

package/dist/components/tabs.d.ts

@@ -1,5 +1,5 @@
 import { Tabs as Tabs$1, TabsContent as TabsContent$1 } from "./ui/tabs.js";
-import * as React from "react";
+import * as React$1 from "react";
 import { ComponentProps, ReactNode } from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 import * as _radix_ui_react_tabs0 from "@radix-ui/react-tabs";
@@ -21,8 +21,8 @@ interface TabsProps extends Omit<ComponentProps<typeof Tabs$1>, 'value' | 'onVal
    */
   label?: ReactNode;
 }
-declare const TabsList: React.ForwardRefExoticComponent<Omit<_radix_ui_react_tabs0.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<_radix_ui_react_tabs0.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const TabsList: React$1.ForwardRefExoticComponent<Omit<_radix_ui_react_tabs0.TabsListProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const TabsTrigger: React$1.ForwardRefExoticComponent<Omit<_radix_ui_react_tabs0.TabsTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 declare function Tabs({
   ref,
   className,

package/dist/components/tabs.js

@@ -1,7 +1,7 @@
 "use client";
 import { cn } from "../utils/cn.js";
 import { Tabs as Tabs$1, TabsContent as TabsContent$1, TabsList as TabsList$1, TabsTrigger as TabsTrigger$1 } from "./ui/tabs.js";
-import * as React from "react";
+import * as React$1 from "react";
 import { createContext, useContext, useEffect, useId, useMemo, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/tabs.tsx
@@ -11,13 +11,13 @@ function useTabContext() {
 	if (!ctx) throw new Error("You must wrap your component in <Tabs>");
 	return ctx;
 }
-const TabsList = React.forwardRef((props, ref) => /* @__PURE__ */ jsx(TabsList$1, {
+const TabsList = React$1.forwardRef((props, ref) => /* @__PURE__ */ jsx(TabsList$1, {
 	ref,
 	...props,
 	className: cn("flex gap-3.5 text-fd-secondary-foreground overflow-x-auto px-4 not-prose", props.className)
 }));
 TabsList.displayName = "TabsList";
-const TabsTrigger = React.forwardRef((props, ref) => /* @__PURE__ */ jsx(TabsTrigger$1, {
+const TabsTrigger = React$1.forwardRef((props, ref) => /* @__PURE__ */ jsx(TabsTrigger$1, {
 	ref,
 	...props,
 	className: cn("inline-flex items-center gap-2 whitespace-nowrap text-fd-muted-foreground border-b border-transparent py-2 text-sm font-medium transition-colors [&_svg]:size-4 hover:text-fd-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=active]:border-fd-primary data-[state=active]:text-fd-primary", props.className)

package/dist/components/ui/navigation-menu.d.ts

@@ -1,15 +1,15 @@
-import * as React from "react";
+import * as React$1 from "react";
 import * as Primitive from "@radix-ui/react-navigation-menu";
 
 //#region src/components/ui/navigation-menu.d.ts
 type NavigationMenuContentProps = Primitive.NavigationMenuContentProps;
 type NavigationMenuTriggerProps = Primitive.NavigationMenuTriggerProps;
-declare const NavigationMenu: React.ForwardRefExoticComponent<Primitive.NavigationMenuProps & React.RefAttributes<HTMLElement>>;
-declare const NavigationMenuList: React.ForwardRefExoticComponent<Primitive.NavigationMenuListProps & React.RefAttributes<HTMLUListElement>>;
-declare const NavigationMenuItem: React.ForwardRefExoticComponent<Omit<Primitive.NavigationMenuItemProps & React.RefAttributes<HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
-declare const NavigationMenuTrigger: React.ForwardRefExoticComponent<Omit<Primitive.NavigationMenuTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const NavigationMenuContent: React.ForwardRefExoticComponent<Omit<Primitive.NavigationMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const NavigationMenuLink: React.ForwardRefExoticComponent<Primitive.NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>>;
-declare const NavigationMenuViewport: React.ForwardRefExoticComponent<Omit<Primitive.NavigationMenuViewportProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const NavigationMenu: React$1.ForwardRefExoticComponent<Primitive.NavigationMenuProps & React$1.RefAttributes<HTMLElement>>;
+declare const NavigationMenuList: React$1.ForwardRefExoticComponent<Primitive.NavigationMenuListProps & React$1.RefAttributes<HTMLUListElement>>;
+declare const NavigationMenuItem: React$1.ForwardRefExoticComponent<Omit<Primitive.NavigationMenuItemProps & React$1.RefAttributes<HTMLLIElement>, "ref"> & React$1.RefAttributes<HTMLLIElement>>;
+declare const NavigationMenuTrigger: React$1.ForwardRefExoticComponent<Omit<Primitive.NavigationMenuTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const NavigationMenuContent: React$1.ForwardRefExoticComponent<Omit<Primitive.NavigationMenuContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const NavigationMenuLink: React$1.ForwardRefExoticComponent<Primitive.NavigationMenuLinkProps & React$1.RefAttributes<HTMLAnchorElement>>;
+declare const NavigationMenuViewport: React$1.ForwardRefExoticComponent<Omit<Primitive.NavigationMenuViewportProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { NavigationMenu, NavigationMenuContent, NavigationMenuContentProps, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuTriggerProps, NavigationMenuViewport };

package/dist/components/ui/navigation-menu.js

@@ -1,33 +1,33 @@
 "use client";
 import { cn } from "../../utils/cn.js";
-import * as React from "react";
+import * as React$1 from "react";
 import { jsx } from "react/jsx-runtime";
 import * as Primitive from "@radix-ui/react-navigation-menu";
 //#region src/components/ui/navigation-menu.tsx
 const NavigationMenu = Primitive.Root;
 const NavigationMenuList = Primitive.List;
-const NavigationMenuItem = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(Primitive.NavigationMenuItem, {
+const NavigationMenuItem = React$1.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(Primitive.NavigationMenuItem, {
 	ref,
 	className: cn("list-none", className),
 	...props,
 	children
 }));
 NavigationMenuItem.displayName = Primitive.NavigationMenuItem.displayName;
-const NavigationMenuTrigger = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(Primitive.Trigger, {
+const NavigationMenuTrigger = React$1.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(Primitive.Trigger, {
 	ref,
 	className: cn("data-[state=open]:bg-fd-accent/50", className),
 	...props,
 	children
 }));
 NavigationMenuTrigger.displayName = Primitive.Trigger.displayName;
-const NavigationMenuContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Primitive.Content, {
+const NavigationMenuContent = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Primitive.Content, {
 	ref,
 	className: cn("absolute inset-x-0 top-0 overflow-auto fd-scroll-container max-h-[80svh] data-[motion=from-end]:animate-fd-enterFromRight data-[motion=from-start]:animate-fd-enterFromLeft data-[motion=to-end]:animate-fd-exitToRight data-[motion=to-start]:animate-fd-exitToLeft", className),
 	...props
 }));
 NavigationMenuContent.displayName = Primitive.Content.displayName;
 const NavigationMenuLink = Primitive.Link;
-const NavigationMenuViewport = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", {
+const NavigationMenuViewport = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", {
 	ref,
 	className: "flex w-full justify-center",
 	children: /* @__PURE__ */ jsx(Primitive.Viewport, {

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

@@ -1,10 +1,10 @@
-import * as React from "react";
+import * as React$1 from "react";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
 
 //#region src/components/ui/popover.d.ts
-declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
-declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const PopoverClose: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const Popover: React$1.FC<PopoverPrimitive.PopoverProps>;
+declare const PopoverTrigger: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const PopoverContent: React$1.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const PopoverClose: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
 //#endregion
 export { Popover, PopoverClose, PopoverContent, PopoverTrigger };

package/dist/components/ui/popover.js

@@ -1,12 +1,12 @@
 "use client";
 import { cn } from "../../utils/cn.js";
-import * as React from "react";
+import * as React$1 from "react";
 import { jsx } from "react/jsx-runtime";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
 //#region src/components/ui/popover.tsx
 const Popover = PopoverPrimitive.Root;
 const PopoverTrigger = PopoverPrimitive.Trigger;
-const PopoverContent = React.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(PopoverPrimitive.Content, {
+const PopoverContent = React$1.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(PopoverPrimitive.Content, {
 	ref,
 	align,
 	sideOffset,

package/dist/components/ui/scroll-area.d.ts

@@ -1,10 +1,10 @@
-import * as React from "react";
+import * as React$1 from "react";
 import * as Primitive from "@radix-ui/react-scroll-area";
 
 //#region src/components/ui/scroll-area.d.ts
-declare const ScrollArea: React.ForwardRefExoticComponent<Omit<Primitive.ScrollAreaProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const ScrollViewport: React.ForwardRefExoticComponent<Omit<Primitive.ScrollAreaViewportProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const ScrollBar: React.ForwardRefExoticComponent<Omit<Primitive.ScrollAreaScrollbarProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ScrollArea: React$1.ForwardRefExoticComponent<Omit<Primitive.ScrollAreaProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const ScrollViewport: React$1.ForwardRefExoticComponent<Omit<Primitive.ScrollAreaViewportProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const ScrollBar: React$1.ForwardRefExoticComponent<Omit<Primitive.ScrollAreaScrollbarProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 type ScrollAreaProps = Primitive.ScrollAreaProps;
 //#endregion
 export { ScrollArea, ScrollAreaProps, ScrollBar, ScrollViewport };

package/dist/components/ui/scroll-area.js

@@ -1,9 +1,9 @@
 import { cn } from "../../utils/cn.js";
-import * as React from "react";
+import * as React$1 from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as Primitive from "@radix-ui/react-scroll-area";
 //#region src/components/ui/scroll-area.tsx
-const ScrollArea = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(Primitive.Root, {
+const ScrollArea = React$1.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(Primitive.Root, {
 	ref,
 	type: "scroll",
 	className: cn("overflow-hidden", className),
@@ -15,14 +15,14 @@ const ScrollArea = React.forwardRef(({ className, children, ...props }, ref) =>
 	]
 }));
 ScrollArea.displayName = Primitive.Root.displayName;
-const ScrollViewport = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(Primitive.Viewport, {
+const ScrollViewport = React$1.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(Primitive.Viewport, {
 	ref,
 	className: cn("size-full rounded-[inherit]", className),
 	...props,
 	children
 }));
 ScrollViewport.displayName = Primitive.Viewport.displayName;
-const ScrollBar = React.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx(Primitive.Scrollbar, {
+const ScrollBar = React$1.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx(Primitive.Scrollbar, {
 	ref,
 	orientation,
 	className: cn("flex select-none data-[state=hidden]:animate-fd-fade-out", orientation === "vertical" && "h-full w-1.5", orientation === "horizontal" && "h-1.5 flex-col", className),

package/dist/i18n.d.ts

@@ -2,12 +2,16 @@ import { I18nProviderProps, Translations, defaultTranslations } from "./contexts
 import { I18nConfig } from "fumadocs-core/i18n";
 
 //#region src/i18n.d.ts
+interface I18nUIConfig<Languages extends string> extends I18nConfig<Languages> {
+  /**
+   * get i18n config for Fumadocs UI `<RootProvider i18n={config} />`.
+   */
+  provider: (locale?: string) => I18nProviderProps;
+}
 declare function defineI18nUI<Languages extends string>(config: I18nConfig<Languages>, options: {
   translations: { [K in Languages]?: Partial<Translations> & {
     displayName?: string;
   } };
-}): {
-  provider(locale?: string): I18nProviderProps;
-};
+}): I18nUIConfig<Languages>;
 //#endregion
-export { type I18nProviderProps, type Translations, defaultTranslations, defineI18nUI };
+export { type I18nProviderProps, I18nUIConfig, type Translations, defaultTranslations, defineI18nUI };

package/dist/i18n.js

@@ -2,16 +2,19 @@ import { defaultTranslations } from "./contexts/i18n.js";
 //#region src/i18n.tsx
 function defineI18nUI(config, options) {
 	const { translations } = options;
-	return { provider(locale = config.defaultLanguage) {
-		return {
-			locale,
-			translations: translations[locale],
-			locales: config.languages.map((locale) => ({
+	return {
+		...config,
+		provider(locale = config.defaultLanguage) {
+			return {
 				locale,
-				name: translations[locale]?.displayName ?? locale
-			}))
-		};
-	} };
+				translations: translations[locale],
+				locales: config.languages.map((locale) => ({
+					locale,
+					name: translations[locale]?.displayName ?? locale
+				}))
+			};
+		}
+	};
 }
 //#endregion
 export { defaultTranslations, defineI18nUI };

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

@@ -4,7 +4,7 @@ import * as class_variance_authority_types0 from "class-variance-authority/types
 
 //#region src/layouts/home/client.d.ts
 declare const navItemVariants: (props?: ({
-  variant?: "button" | "main" | "icon" | null | undefined;
+  variant?: "icon" | "main" | "button" | null | undefined;
 } & class_variance_authority_types0.ClassProp) | undefined) => string;
 declare function Header({
   nav,

package/dist/layouts/shared/page-actions.js

@@ -34,7 +34,7 @@ function MarkdownCopyButton({ markdownUrl, ...props }) {
 			size: "sm",
 			className: "gap-2 [&_svg]:size-3.5 [&_svg]:text-fd-muted-foreground"
 		}), props.className),
-		children: [checked ? /* @__PURE__ */ jsx(Check, {}) : /* @__PURE__ */ jsx(Copy, {}), "Copy Markdown"]
+		children: [checked ? /* @__PURE__ */ jsx(Check, {}) : /* @__PURE__ */ jsx(Copy, {}), props.children ?? "Copy Markdown"]
 	});
 }
 /**
@@ -164,7 +164,7 @@ function ViewOptionsPopover({ markdownUrl, githubUrl, ...props }) {
 			color: "secondary",
 			size: "sm"
 		}), "gap-2 data-[state=open]:bg-fd-accent data-[state=open]:text-fd-accent-foreground", props.className),
-		children: ["Open", /* @__PURE__ */ jsx(ChevronDown, { className: "size-3.5 text-fd-muted-foreground" })]
+		children: [props.children ?? "Open", /* @__PURE__ */ jsx(ChevronDown, { className: "size-3.5 text-fd-muted-foreground" })]
 	}), /* @__PURE__ */ jsx(PopoverContent, {
 		className: "flex flex-col",
 		children: items.map((item) => /* @__PURE__ */ jsxs("a", {

package/dist/mdx.d.ts

@@ -2,10 +2,21 @@ import { Callout, CalloutContainer, CalloutDescription, CalloutTitle } from "./c
 import { Card, Cards } from "./components/card.js";
 import { CodeBlockTab, CodeBlockTabs, CodeBlockTabsList, CodeBlockTabsTrigger } from "./components/codeblock.js";
 import { createRelativeLink as createRelativeLink$1 } from "./mdx.server.js";
-import { AnchorHTMLAttributes, FC, HTMLAttributes, ImgHTMLAttributes, TableHTMLAttributes } from "react";
+import React, { AnchorHTMLAttributes, FC, HTMLAttributes, ImgHTMLAttributes, TableHTMLAttributes } from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/mdx.d.ts
+/**
+ * global types for MDX.js
+ */
+declare module 'mdx/types.js' {
+  namespace JSX {
+    type Element = React.JSX.Element;
+    type ElementClass = React.JSX.ElementClass;
+    type ElementType = React.JSX.ElementType;
+    type IntrinsicElements = React.JSX.IntrinsicElements;
+  }
+}
 declare function Image(props: ImgHTMLAttributes<HTMLImageElement> & {
   sizes?: string;
 }): react_jsx_runtime0.JSX.Element;

package/dist/mdx.js

@@ -11,7 +11,6 @@ function Image$1(props) {
 	return /* @__PURE__ */ jsx(Image, {
 		sizes: "(max-width: 768px) 100vw, (max-width: 1200px) 70vw, 900px",
 		...props,
-		src: props.src,
 		className: cn("rounded-lg", props.className)
 	});
 }

package/dist/style.css

@@ -2911,6 +2911,21 @@
   --color-fd-secondary: hsl(0, 0%, 18%);
   --color-fd-muted-foreground: hsl(0, 0%, 72%);
 }
+:root {
+  --fd-sidebar-drawer-offset: 100%;
+}
+[dir='rtl'] {
+  --fd-sidebar-drawer-offset: -100%;
+}
+@layer base {
+  *, ::after, ::before, ::backdrop, ::file-selector-button {
+    border-color: var(--color-fd-border, currentColor);
+  }
+  body {
+    background-color: var(--color-fd-background);
+    color: var(--color-fd-foreground);
+  }
+}
 .shiki:not(.not-fumadocs-codeblock *) {
   --padding-left: calc(var(--spacing) * 4);
   --padding-right: calc(var(--spacing) * 4);
@@ -3017,21 +3032,6 @@
     font-style: var(--shiki-dark-font-style);
   }
 }
-:root {
-  --fd-sidebar-drawer-offset: 100%;
-}
-[dir='rtl'] {
-  --fd-sidebar-drawer-offset: -100%;
-}
-@layer base {
-  *, ::after, ::before, ::backdrop, ::file-selector-button {
-    border-color: var(--color-fd-border, currentColor);
-  }
-  body {
-    background-color: var(--color-fd-background);
-    color: var(--color-fd-foreground);
-  }
-}
 @property --radix-collapsible-content-height {
   syntax: '<length>';
   inherits: false;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fumadocs-ui",
-  "version": "16.6.13",
+  "version": "16.6.15",
   "description": "The Radix UI version of Fumadocs UI",
   "keywords": [
     "Docs",
@@ -122,7 +122,7 @@
     "@radix-ui/react-tabs": "^1.1.13",
     "class-variance-authority": "^0.7.1",
     "lucide-react": "^0.577.0",
-    "motion": "^12.35.0",
+    "motion": "^12.35.2",
     "next-themes": "^0.4.6",
     "react-medium-image-zoom": "^5.4.1",
     "react-remove-scroll": "^2.7.2",
@@ -135,24 +135,26 @@
   "devDependencies": {
     "@tailwindcss/cli": "^4.2.1",
     "@types/hast": "^3.0.4",
-    "@types/node": "^25.3.5",
+    "@types/mdx": "^2.0.13",
+    "@types/node": "^25.4.0",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
     "tailwindcss": "^4.2.1",
-    "tsdown": "0.21.0",
+    "tsdown": "0.21.1",
     "unified": "^11.0.5",
     "@fumadocs/cli": "1.2.5",
     "eslint-config-custom": "0.0.0",
-    "fumadocs-core": "16.6.13",
-    "tsconfig": "0.0.0"
+    "tsconfig": "0.0.0",
+    "fumadocs-core": "16.6.15"
   },
   "peerDependencies": {
     "@takumi-rs/image-response": "*",
+    "@types/mdx": "*",
     "@types/react": "*",
     "next": "16.x.x",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
-    "fumadocs-core": "16.6.13"
+    "fumadocs-core": "16.6.15"
   },
   "peerDependenciesMeta": {
     "next": {
@@ -163,14 +165,17 @@
     },
     "@types/react": {
       "optional": true
+    },
+    "@types/mdx": {
+      "optional": true
     }
   },
   "scripts": {
     "build": "pnpm build:layout && pnpm build:tailwind",
     "build:layout": "tsdown --config-loader unrun",
-    "build:tailwind": "tailwindcss -i css/style.css -o ./dist/style.css && tailwindcss -i src/components/image-zoom.css -o dist/components/image-zoom.css",
+    "build:tailwind": "tailwindcss -i css/style.css -o ./dist/style.css && tailwindcss -i src/components/image-zoom.css -o ./dist/components/image-zoom.css",
     "clean": "rimraf dist",
-    "dev": "concurrently \"tsdown --watch --clean false\" \"tailwindcss -i css/style.css -o ./dist/style.css -w\" \"tailwindcss -i src/components/image-zoom.css -o dist/components/image-zoom.css -w\"",
+    "dev": "concurrently \"tsdown --watch --clean false\" \"tailwindcss -i css/style.css -o ./dist/style.css -w\" \"tailwindcss -i src/components/image-zoom.css -o ./dist/components/image-zoom.css -w\"",
     "lint": "eslint .",
     "types:check": "tsc --noEmit"
   }