fumadocs-ui 15.8.5 → 16.0.1

package/css/black.css

@@ -1,3 +1,5 @@
+@import './default.css';
+
 @theme {
   --color-fd-background: hsl(0, 0%, 98%);
   --color-fd-foreground: hsl(0, 0%, 3.9%);

package/css/catppuccin.css

@@ -1,3 +1,5 @@
+@import './default.css';
+
 @theme {
   --color-fd-popover: hsl(220, 22%, 92%);
   --color-fd-popover-foreground: hsl(234, 16%, 35%);

package/css/default.css

@@ -0,0 +1,33 @@
+/**
+The default theme of Fumadocs
+ */
+@theme {
+  --color-fd-background: transparent;
+  --color-fd-foreground: transparent;
+  --color-fd-muted: transparent;
+  --color-fd-muted-foreground: transparent;
+  --color-fd-popover: transparent;
+  --color-fd-popover-foreground: transparent;
+  --color-fd-card: transparent;
+  --color-fd-card-foreground: transparent;
+  --color-fd-border: transparent;
+  --color-fd-primary: transparent;
+  --color-fd-primary-foreground: transparent;
+  --color-fd-secondary: transparent;
+  --color-fd-secondary-foreground: transparent;
+  --color-fd-accent: transparent;
+  --color-fd-accent-foreground: transparent;
+  --color-fd-ring: transparent;
+  --color-fd-overlay: transparent;
+}
+
+@theme static {
+  --color-fd-info: oklch(62.3% 0.214 259.815);
+  --color-fd-warning: oklch(76.9% 0.188 70.08);
+  --color-fd-error: oklch(63.7% 0.237 25.331);
+  --color-fd-success: oklch(72.3% 0.219 149.579);
+  --color-fd-diff-remove: rgba(200, 10, 100, 0.12);
+  --color-fd-diff-remove-symbol: rgb(230, 10, 100);
+  --color-fd-diff-add: rgba(14, 180, 100, 0.1);
+  --color-fd-diff-add-symbol: rgb(10, 200, 100);
+}

package/css/dusk.css

@@ -1,3 +1,5 @@
+@import './default.css';
+
 @theme {
   --color-fd-background: hsl(250, 20%, 92%);
   --color-fd-primary: hsl(340, 40%, 48%);

package/css/neutral.css

@@ -1,3 +1,5 @@
+@import './default.css';
+
 @theme {
   --color-fd-background: hsl(0, 0%, 96%);
   --color-fd-foreground: hsl(0, 0%, 3.9%);
@@ -34,6 +36,7 @@
   --color-fd-accent: hsla(0, 0%, 40.9%, 30%);
   --color-fd-accent-foreground: hsl(0, 0%, 90%);
   --color-fd-ring: hsl(0, 0%, 54.9%);
+  --color-fd-overlay: hsla(0, 0%, 0%, 0.2);
 }
 
 .dark #nd-sidebar {

package/css/ocean.css

@@ -1,3 +1,5 @@
+@import './default.css';
+
 @theme {
   --color-fd-background: hsl(0, 0%, 98%);
   --color-fd-foreground: hsl(0, 0%, 3.9%);

package/css/preset.css

@@ -3,13 +3,6 @@
 @source '../dist/**/*.js';
 @plugin '../dist/theme/typography/index.js';
 
-@theme static {
-  --color-fd-info: oklch(62.3% 0.214 259.815);
-  --color-fd-warning: oklch(76.9% 0.188 70.08);
-  --color-fd-error: oklch(63.7% 0.237 25.331);
-  --color-fd-success: oklch(72.3% 0.219 149.579);
-}
-
 [dir='rtl'] {
   --fd-sidebar-mobile-offset: -100%;
 }
@@ -20,24 +13,18 @@
   --fd-page-width: 1200px;
   --fd-sidebar-width: 0px;
   --fd-toc-width: 0px;
-  --fd-layout-width: 100vw;
+  --fd-layout-width: 1600px;
   --fd-banner-height: 0px;
   --fd-nav-height: 0px;
   --fd-tocnav-height: 0px;
-
-  --color-fd-diff-remove: rgba(200, 10, 100, 0.12);
-  --color-fd-diff-remove-symbol: rgb(230, 10, 100);
-  --color-fd-diff-add: rgba(14, 180, 100, 0.1);
-  --color-fd-diff-add-symbol: rgb(10, 200, 100);
-
   --animate-fd-fade-in: fd-fade-in 300ms ease;
   --animate-fd-fade-out: fd-fade-out 300ms ease;
 
   --animate-fd-dialog-in: fd-dialog-in 300ms cubic-bezier(0.16, 1, 0.3, 1);
   --animate-fd-dialog-out: fd-dialog-out 300ms cubic-bezier(0.16, 1, 0.3, 1);
 
-  --animate-fd-popover-in: fd-popover-in 130ms ease;
-  --animate-fd-popover-out: fd-popover-out 130ms ease;
+  --animate-fd-popover-in: fd-popover-in 100ms ease;
+  --animate-fd-popover-out: fd-popover-out 100ms ease;
 
   --animate-fd-collapsible-down: fd-collapsible-down 150ms
     cubic-bezier(0.45, 0, 0.55, 1);
@@ -134,14 +121,14 @@
   @keyframes fd-popover-in {
     from {
       opacity: 0;
-      transform: scale(0.7);
+      transform: scale(0.9);
     }
   }
 
   @keyframes fd-popover-out {
     to {
       opacity: 0;
-      transform: scale(0.7);
+      transform: scale(0.9);
     }
   }
 

package/css/purple.css

@@ -1,3 +1,5 @@
+@import './default.css';
+
 @theme {
   --color-fd-background: hsl(256, 100%, 96%);
   --color-fd-primary: hsl(270, 100%, 52%);

package/css/shadcn.css

@@ -1,3 +1,5 @@
+@import './default.css';
+
 @theme {
   --color-fd-background: var(--background);
   --color-fd-foreground: var(--foreground);

package/css/vitepress.css

@@ -1,3 +1,5 @@
+@import './default.css';
+
 @theme {
   --color-fd-muted: hsl(0, 0%, 96.1%);
   --color-fd-popover: hsl(0, 0%, 100%);

package/dist/components/codeblock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"codeblock.d.ts","sourceRoot":"","sources":["../../src/components/codeblock.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,cAAc,EAEnB,KAAK,cAAc,EACnB,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAIf,OAAO,EACL,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,WAAW,EACZ,MAAM,4BAA4B,CAAC;AAGpC,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,QAAQ,CAAC;IAC9D;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,aAAa,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IAE5C;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;OAEG;IACH,yBAAyB,CAAC,EAAE,MAAM,CAAC;IAEnC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;KAAE,KAAK,SAAS,CAAC;CAC9E;AAOD,wBAAgB,GAAG,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,2CAS/C;AAED,wBAAgB,SAAS,CAAC,EACxB,GAAG,EACH,KAAK,EACL,SAAgB,EAChB,cAAsB,EACtB,IAAI,EACJ,aAAkB,EAClB,QAAQ,EACR,OAEC,EACD,GAAG,KAAK,EACT,EAAE,cAAc,2CAkEhB;AA0CD,wBAAgB,aAAa,CAAC,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,2CA2B3E;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,QAAQ,CAAC,2CAYvE;AAED,wBAAgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,WAAW,CAAC,2CAapC;AAGD,wBAAgB,YAAY,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,WAAW,CAAC,2CAErE"}
+{"version":3,"file":"codeblock.d.ts","sourceRoot":"","sources":["../../src/components/codeblock.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,cAAc,EAEnB,KAAK,cAAc,EACnB,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAIf,OAAO,EACL,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,WAAW,EACZ,MAAM,4BAA4B,CAAC;AAGpC,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,QAAQ,CAAC;IAC9D;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,aAAa,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IAE5C;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;OAEG;IACH,yBAAyB,CAAC,EAAE,MAAM,CAAC;IAEnC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;KAAE,KAAK,SAAS,CAAC;CAC9E;AAOD,wBAAgB,GAAG,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,2CAS/C;AAED,wBAAgB,SAAS,CAAC,EACxB,GAAG,EACH,KAAK,EACL,SAAgB,EAChB,cAAsB,EACtB,IAAI,EACJ,aAAkB,EAClB,QAAQ,EACR,OAEC,EACD,GAAG,KAAK,EACT,EAAE,cAAc,2CAkEhB;AA0CD,wBAAgB,aAAa,CAAC,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,2CA2B3E;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,QAAQ,CAAC,2CAYvE;AAED,wBAAgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,WAAW,CAAC,2CAapC;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,WAAW,CAAC,2CAErE"}

package/dist/components/codeblock.js

@@ -63,7 +63,6 @@ export function CodeBlockTabsList(props) {
 export function CodeBlockTabsTrigger({ children, ...props }) {
     return (_jsxs(TabsTrigger, { ...props, className: cn('relative group inline-flex text-sm font-medium text-nowrap items-center transition-colors gap-2 px-2 py-1.5 hover:text-fd-accent-foreground data-[state=active]:text-fd-primary [&_svg]:size-3.5', props.className), children: [_jsx("div", { className: "absolute inset-x-2 bottom-0 h-px group-data-[state=active]:bg-fd-primary" }), children] }));
 }
-// TODO: currently Vite RSC plugin has problem with `asChild` due to children is automatically wrapped in <Fragment />, maybe revisit this in future
 export function CodeBlockTab(props) {
     return _jsx(TabsContent, { ...props });
 }

package/dist/components/dialog/search.js

@@ -46,7 +46,7 @@ export function SearchDialogFooter(props) {
     return (_jsx("div", { ...props, className: cn('bg-fd-secondary/50 p-3 empty:hidden', props.className) }));
 }
 export function SearchDialogOverlay(props) {
-    return (_jsx(DialogOverlay, { ...props, className: cn('fixed inset-0 z-50 backdrop-blur-xs data-[state=open]:animate-fd-fade-in data-[state=closed]:animate-fd-fade-out', props.className) }));
+    return (_jsx(DialogOverlay, { ...props, className: cn('fixed inset-0 z-50 backdrop-blur-xs bg-fd-overlay data-[state=open]:animate-fd-fade-in data-[state=closed]:animate-fd-fade-out', props.className) }));
 }
 export function SearchDialogContent({ children, ...props }) {
     const { text } = useI18n();

package/dist/components/dynamic-codeblock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dynamic-codeblock.d.ts","sourceRoot":"","sources":["../../src/components/dynamic-codeblock.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,KAAK,cAAc,EAAO,MAAM,wBAAwB,CAAC;AAC7E,OAAO,KAAK,EAEV,sBAAsB,EACtB,sBAAsB,EACvB,MAAM,yBAAyB,CAAC;AAWjC,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb;;;;OAIG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,IAAI,CAAC,sBAAsB,EAAE,MAAM,CAAC,GAAG,sBAAsB,CAAC;CACzE;AAkBD,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,OAAO,EACP,cAAqB,GACtB,EAAE,qBAAqB,2CAuBvB"}
+{"version":3,"file":"dynamic-codeblock.d.ts","sourceRoot":"","sources":["../../src/components/dynamic-codeblock.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,KAAK,cAAc,EAAO,MAAM,wBAAwB,CAAC;AAC7E,OAAO,KAAK,EAEV,sBAAsB,EACtB,sBAAsB,EACvB,MAAM,yBAAyB,CAAC;AAajC,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb;;;;OAIG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,IAAI,CAAC,sBAAsB,EAAE,MAAM,CAAC,GAAG,sBAAsB,CAAC;CACzE;AAkBD,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,OAAO,EACP,cAAqB,GACtB,EAAE,qBAAqB,2CAgCvB"}

package/dist/components/dynamic-codeblock.js

@@ -3,13 +3,14 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { CodeBlock, Pre } from '../components/codeblock.js';
 import { useShiki } from 'fumadocs-core/highlight/client';
 import { cn } from '../utils/cn.js';
-import { createContext, Suspense, use, } from 'react';
+import { createContext, Suspense, use, useDeferredValue, useId, } from 'react';
 const PropsContext = createContext(undefined);
 function DefaultPre(props) {
     const extraProps = use(PropsContext);
     return (_jsx(CodeBlock, { ...props, ...extraProps, className: cn('my-0', props.className, extraProps?.className), children: _jsx(Pre, { children: props.children }) }));
 }
 export function DynamicCodeBlock({ lang, code, codeblock, options, wrapInSuspense = true, }) {
+    const id = useId();
     const shikiOptions = {
         lang,
         ...options,
@@ -18,15 +19,15 @@ export function DynamicCodeBlock({ lang, code, codeblock, options, wrapInSuspens
             ...options?.components,
         },
     };
-    let children = _jsx(Internal, { code: code, options: shikiOptions });
+    const children = (_jsx(PropsContext, { value: codeblock, children: _jsx(Internal, { id: id, ...useDeferredValue({ code, options: shikiOptions }) }) }));
     if (wrapInSuspense)
-        children = (_jsx(Suspense, { fallback: _jsx(Placeholder, { code: code, components: shikiOptions.components }), children: children }));
-    return _jsx(PropsContext, { value: codeblock, children: children });
+        return (_jsx(Suspense, { fallback: _jsx(Placeholder, { code: code, components: shikiOptions.components }), children: children }));
+    return children;
 }
 function Placeholder({ code, components = {}, }) {
     const { pre: Pre = 'pre', code: Code = 'code' } = components;
     return (_jsx(Pre, { children: _jsx(Code, { children: code.split('\n').map((line, i) => (_jsx("span", { className: "line", children: line }, i))) }) }));
 }
-function Internal({ code, options, }) {
-    return useShiki(code, options);
+function Internal({ id, code, options, }) {
+    return useShiki(code, options, [id, options.lang, code]);
 }

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

@@ -11,7 +11,7 @@ export function LanguageToggle(props) {
     return (_jsxs(Popover, { children: [_jsx(PopoverTrigger, { "aria-label": context.text.chooseLanguage, ...props, className: cn(buttonVariants({
                     color: 'ghost',
                     className: 'gap-1.5 p-1.5',
-                }), props.className), children: props.children }), _jsxs(PopoverContent, { className: "flex flex-col overflow-hidden p-0", children: [_jsx("p", { className: "mb-1 p-2 text-xs font-medium text-fd-muted-foreground", children: context.text.chooseLanguage }), context.locales.map((item) => (_jsx("button", { type: "button", className: cn('p-2 text-start text-sm', item.locale === context.locale
+                }), props.className), children: props.children }), _jsxs(PopoverContent, { className: "flex flex-col overflow-x-hidden p-0", children: [_jsx("p", { className: "mb-1 p-2 text-xs font-medium text-fd-muted-foreground", children: context.text.chooseLanguage }), context.locales.map((item) => (_jsx("button", { type: "button", className: cn('p-2 text-start text-sm', item.locale === context.locale
                             ? 'bg-fd-primary/10 font-medium text-fd-primary'
                             : 'hover:bg-fd-accent hover:text-fd-accent-foreground'), onClick: () => {
                             context.onChange?.(item.locale);

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

@@ -20,7 +20,7 @@ export function RootToggle({ options, placeholder, ...props }) {
         setOpen(false);
     };
     const item = selected ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "size-9 shrink-0 md:size-5", children: selected.icon }), _jsxs("div", { children: [_jsx("p", { className: "text-sm font-medium", children: selected.title }), _jsx("p", { className: "text-[13px] text-fd-muted-foreground empty:hidden md:hidden", children: selected.description })] })] })) : (placeholder);
-    return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [item && (_jsxs(PopoverTrigger, { ...props, className: cn('flex items-center gap-2 rounded-lg p-2 border bg-fd-secondary/50 text-start text-fd-secondary-foreground transition-colors hover:bg-fd-accent data-[state=open]:bg-fd-accent data-[state=open]:text-fd-accent-foreground', props.className), children: [item, _jsx(ChevronsUpDown, { className: "shrink-0 ms-auto size-4 text-fd-muted-foreground" })] })), _jsx(PopoverContent, { className: "flex flex-col gap-1 w-(--radix-popover-trigger-width) overflow-hidden p-1", children: options.map((item) => {
+    return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [item && (_jsxs(PopoverTrigger, { ...props, className: cn('flex items-center gap-2 rounded-lg p-2 border bg-fd-secondary/50 text-start text-fd-secondary-foreground transition-colors hover:bg-fd-accent data-[state=open]:bg-fd-accent data-[state=open]:text-fd-accent-foreground', props.className), children: [item, _jsx(ChevronsUpDown, { className: "shrink-0 ms-auto size-4 text-fd-muted-foreground" })] })), _jsx(PopoverContent, { className: "flex flex-col gap-1 w-(--radix-popover-trigger-width) p-1 fd-scroll-container", children: options.map((item) => {
                     const isActive = selected && item.url === selected.url;
                     if (!isActive && item.unlisted)
                         return;

package/dist/components/ui/popover.js

@@ -5,7 +5,7 @@ import * as React from 'react';
 import { cn } from '../../utils/cn.js';
 const Popover = PopoverPrimitive.Root;
 const PopoverTrigger = PopoverPrimitive.Trigger;
-const PopoverContent = React.forwardRef(({ className, align = 'center', sideOffset = 4, ...props }, ref) => (_jsx(PopoverPrimitive.Portal, { children: _jsx(PopoverPrimitive.Content, { ref: ref, align: align, sideOffset: sideOffset, side: "bottom", className: cn('z-50 origin-(--radix-popover-content-transform-origin) min-w-[240px] max-w-[98vw] rounded-xl border bg-fd-popover/60 backdrop-blur-lg p-2 text-sm text-fd-popover-foreground shadow-lg focus-visible:outline-none data-[state=closed]:animate-fd-popover-out data-[state=open]:animate-fd-popover-in', className), ...props }) })));
+const PopoverContent = React.forwardRef(({ className, align = 'center', sideOffset = 4, ...props }, ref) => (_jsx(PopoverPrimitive.Portal, { children: _jsx(PopoverPrimitive.Content, { ref: ref, align: align, sideOffset: sideOffset, side: "bottom", className: cn('z-50 origin-(--radix-popover-content-transform-origin) overflow-y-auto max-h-(--radix-popover-content-available-height) min-w-[240px] max-w-[98vw] rounded-xl border bg-fd-popover/60 backdrop-blur-lg p-2 text-sm text-fd-popover-foreground shadow-lg focus-visible:outline-none data-[state=closed]:animate-fd-popover-out data-[state=open]:animate-fd-popover-in', className), ...props }) })));
 PopoverContent.displayName = PopoverPrimitive.Content.displayName;
 const PopoverClose = PopoverPrimitive.PopoverClose;
 export { Popover, PopoverTrigger, PopoverContent, PopoverClose };

package/dist/i18n.d.ts

@@ -3,7 +3,6 @@ import type { I18nProviderProps } from './provider/base.js';
 import type { I18nConfig } from 'fumadocs-core/i18n';
 export type { I18nProviderProps, Translations };
 export { defaultTranslations } from './contexts/i18n.js';
-export { I18nProvider } from './contexts/legacy-i18n.js';
 export declare function defineI18nUI<Languages extends string>(config: I18nConfig<Languages>, options: {
     translations: {
         [K in Languages]?: Partial<Translations> & {

package/dist/i18n.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../src/i18n.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,YAAY,EAAE,iBAAiB,EAAE,YAAY,EAAE,CAAC;AAChD,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAEtD,wBAAgB,YAAY,CAAC,SAAS,SAAS,MAAM,EACnD,MAAM,EAAE,UAAU,CAAC,SAAS,CAAC,EAC7B,OAAO,EAAE;IACP,YAAY,EAAE;SACX,CAAC,IAAI,SAAS,CAAC,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,GAAG;YAAE,WAAW,CAAC,EAAE,MAAM,CAAA;SAAE;KACpE,CAAC;CACH;sBAKkB,MAAM,GAA4B,iBAAiB;EAWvE"}
+{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../src/i18n.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,YAAY,EAAE,iBAAiB,EAAE,YAAY,EAAE,CAAC;AAChD,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAEtD,wBAAgB,YAAY,CAAC,SAAS,SAAS,MAAM,EACnD,MAAM,EAAE,UAAU,CAAC,SAAS,CAAC,EAC7B,OAAO,EAAE;IACP,YAAY,EAAE;SACX,CAAC,IAAI,SAAS,CAAC,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,GAAG;YAAE,WAAW,CAAC,EAAE,MAAM,CAAA;SAAE;KACpE,CAAC;CACH;sBAKkB,MAAM,GAA4B,iBAAiB;EAWvE"}

package/dist/i18n.js

@@ -1,5 +1,4 @@
 export { defaultTranslations } from './contexts/i18n.js';
-export { I18nProvider } from './contexts/legacy-i18n.js';
 export function defineI18nUI(config, options) {
     const { translations } = options;
     return {

package/dist/layouts/docs/index.d.ts

@@ -31,6 +31,6 @@ interface SidebarOptions extends ComponentProps<'aside'>, Pick<SidebarProps, 'de
      */
     collapsible?: boolean;
 }
-export declare function DocsLayout({ nav: { transparentMode, ...nav }, sidebar: { tabs: sidebarTabs, enabled: sidebarEnabled, ...sidebarProps }, searchToggle, themeSwitch, tabMode, i18n, children, ...props }: DocsLayoutProps): import("react/jsx-runtime").JSX.Element;
+export declare function DocsLayout({ nav: { transparentMode, ...nav }, sidebar: { tabs: sidebarTabs, enabled: sidebarEnabled, ...sidebarProps }, searchToggle, themeSwitch, tabMode, i18n, children, tree, ...props }: DocsLayoutProps): import("react/jsx-runtime").JSX.Element;
 export { CollapsibleControl, Navbar, SidebarTrigger, type LinkItemType };
 //# sourceMappingURL=index.d.ts.map

package/dist/layouts/docs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layouts/docs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,QAAQ,MAAM,yBAAyB,CAAC;AACzD,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,cAAc,EACnB,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AAIf,OAAO,EAGL,KAAK,iBAAiB,EAWtB,KAAK,YAAY,EACjB,cAAc,EAEf,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,KAAK,MAAM,EAAc,MAAM,iCAAiC,CAAC;AAC1E,OAAO,EACL,KAAK,eAAe,EAGpB,KAAK,YAAY,EAClB,MAAM,kBAAkB,CAAC;AAK1B,OAAO,EACL,kBAAkB,EAGlB,MAAM,EACP,MAAM,uBAAuB,CAAC;AAS/B,OAAO,EAEL,KAAK,qBAAqB,EAC3B,MAAM,0BAA0B,CAAC;AAElC,MAAM,WAAW,eAAgB,SAAQ,eAAe;IACtD,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC;IAEpB,OAAO,CAAC,EAAE,cAAc,CAAC;IAEzB,OAAO,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IAEzB;;OAEG;IACH,cAAc,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;CACjD;AAED,UAAU,cACR,SAAQ,cAAc,CAAC,OAAO,CAAC,EAC7B,IAAI,CAAC,YAAY,EAAE,kBAAkB,GAAG,UAAU,CAAC;IACrD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;IAExC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,EAAE,GAAG,qBAAqB,GAAG,KAAK,CAAC;IAEhD,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,UAAU,CAAC,EACzB,GAAG,EAAE,EAAE,eAAe,EAAE,GAAG,GAAG,EAAO,EACrC,OAAO,EAAE,EACP,IAAI,EAAE,WAAW,EACjB,OAAO,EAAE,cAAqB,EAC9B,GAAG,YAAY,EACX,EACN,YAAiB,EACjB,WAAgB,EAChB,OAAgB,EAChB,IAAY,EACZ,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,eAAe,2CA+OjB;AA6CD,OAAO,EAAE,kBAAkB,EAAE,MAAM,EAAE,cAAc,EAAE,KAAK,YAAY,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layouts/docs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,QAAQ,MAAM,yBAAyB,CAAC;AACzD,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,cAAc,EACnB,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AAIf,OAAO,EAGL,KAAK,iBAAiB,EAWtB,KAAK,YAAY,EACjB,cAAc,EAEf,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,KAAK,MAAM,EAAc,MAAM,iCAAiC,CAAC;AAC1E,OAAO,EACL,KAAK,eAAe,EAGpB,KAAK,YAAY,EAClB,MAAM,kBAAkB,CAAC;AAK1B,OAAO,EACL,kBAAkB,EAGlB,MAAM,EACP,MAAM,uBAAuB,CAAC;AAS/B,OAAO,EAEL,KAAK,qBAAqB,EAC3B,MAAM,0BAA0B,CAAC;AAElC,MAAM,WAAW,eAAgB,SAAQ,eAAe;IACtD,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC;IAEpB,OAAO,CAAC,EAAE,cAAc,CAAC;IAEzB,OAAO,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IAEzB;;OAEG;IACH,cAAc,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;CACjD;AAED,UAAU,cACR,SAAQ,cAAc,CAAC,OAAO,CAAC,EAC7B,IAAI,CAAC,YAAY,EAAE,kBAAkB,GAAG,UAAU,CAAC;IACrD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;IAExC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,EAAE,GAAG,qBAAqB,GAAG,KAAK,CAAC;IAEhD,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,UAAU,CAAC,EACzB,GAAG,EAAE,EAAE,eAAe,EAAE,GAAG,GAAG,EAAO,EACrC,OAAO,EAAE,EACP,IAAI,EAAE,WAAW,EACjB,OAAO,EAAE,cAAqB,EAC9B,GAAG,YAAY,EACX,EACN,YAAiB,EACjB,WAAgB,EAChB,OAAgB,EAChB,IAAY,EACZ,QAAQ,EACR,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,eAAe,2CA+OjB;AA6CD,OAAO,EAAE,kBAAkB,EAAE,MAAM,EAAE,cAAc,EAAE,KAAK,YAAY,EAAE,CAAC"}

package/dist/layouts/docs/index.js

@@ -14,19 +14,19 @@ import { NavProvider } from '../../contexts/layout.js';
 import Link from 'fumadocs-core/link';
 import { LargeSearchToggle, SearchToggle, } from '../../components/layout/search-toggle.js';
 import { getSidebarTabs, } from '../../utils/get-sidebar-tabs.js';
-export function DocsLayout({ nav: { transparentMode, ...nav } = {}, sidebar: { tabs: sidebarTabs, enabled: sidebarEnabled = true, ...sidebarProps } = {}, searchToggle = {}, themeSwitch = {}, tabMode = 'auto', i18n = false, children, ...props }) {
+export function DocsLayout({ nav: { transparentMode, ...nav } = {}, sidebar: { tabs: sidebarTabs, enabled: sidebarEnabled = true, ...sidebarProps } = {}, searchToggle = {}, themeSwitch = {}, tabMode = 'auto', i18n = false, children, tree, ...props }) {
     const tabs = useMemo(() => {
         if (Array.isArray(sidebarTabs)) {
             return sidebarTabs;
         }
         if (typeof sidebarTabs === 'object') {
-            return getSidebarTabs(props.tree, sidebarTabs);
+            return getSidebarTabs(tree, sidebarTabs);
         }
         if (sidebarTabs !== false) {
-            return getSidebarTabs(props.tree);
+            return getSidebarTabs(tree);
         }
         return [];
-    }, [sidebarTabs, props.tree]);
+    }, [tree, sidebarTabs]);
     const links = getLinks(props.links ?? [], props.githubUrl);
     const sidebarVariables = cn('md:[--fd-sidebar-width:268px] lg:[--fd-sidebar-width:286px]');
     function sidebar() {
@@ -59,13 +59,13 @@ export function DocsLayout({ nav: { transparentMode, ...nav } = {}, sidebar: { t
                                     (themeSwitch.component ?? (_jsx(ThemeToggle, { className: "ms-auto p-0", mode: themeSwitch.mode })))] }), footer] }))] }));
         return (_jsx(Sidebar, { defaultOpenLevel: defaultOpenLevel, prefetch: prefetch, Mobile: mobile, Content: _jsxs(_Fragment, { children: [collapsible && _jsx(CollapsibleControl, {}), content] }) }));
     }
-    return (_jsx(TreeContextProvider, { tree: props.tree, children: _jsxs(NavProvider, { transparentMode: transparentMode, children: [nav.enabled !== false &&
+    return (_jsx(TreeContextProvider, { tree: tree, children: _jsxs(NavProvider, { transparentMode: transparentMode, children: [nav.enabled !== false &&
                     (nav.component ?? (_jsxs(Navbar, { className: "h-(--fd-nav-height) on-root:[--fd-nav-height:56px] md:on-root:[--fd-nav-height:0px] md:hidden", children: [_jsx(Link, { href: nav.url ?? '/', className: "inline-flex items-center gap-2.5 font-semibold", children: nav.title }), _jsx("div", { className: "flex-1", children: nav.children }), searchToggle.enabled !== false &&
                                 (searchToggle.components?.sm ?? (_jsx(SearchToggle, { className: "p-2", hideIfDisabled: true }))), sidebarEnabled && (_jsx(SidebarTrigger, { className: cn(buttonVariants({
                                     color: 'ghost',
                                     size: 'icon-sm',
                                     className: 'p-2',
-                                })), children: _jsx(SidebarIcon, {}) }))] }))), _jsxs(LayoutBody, { ...props.containerProps, className: cn('md:[&_#nd-page_article]:pt-12 xl:[--fd-toc-width:286px] xl:[&_#nd-page_article]:px-8', sidebarEnabled && sidebarVariables, props.containerProps?.className), children: [sidebarEnabled && sidebar(), tabMode === 'top' && tabs.length > 0 && (_jsx(LayoutTabs, { options: tabs, className: "sticky top-[calc(var(--fd-nav-height)+var(--fd-tocnav-height))] z-10 bg-fd-background border-b px-6 pt-3 xl:px-8 max-md:hidden" })), children] })] }) }));
+                                })), children: _jsx(SidebarIcon, {}) }))] }))), _jsxs(LayoutBody, { ...props.containerProps, className: cn('md:[&_#nd-page_article]:pt-12 xl:[&_#nd-page_article]:px-8', sidebarEnabled && sidebarVariables, props.containerProps?.className), children: [sidebarEnabled && sidebar(), tabMode === 'top' && tabs.length > 0 && (_jsx(LayoutTabs, { options: tabs, className: "sticky top-[calc(var(--fd-nav-height)+var(--fd-tocnav-height))] z-10 bg-fd-background border-b px-6 pt-3 xl:px-8 max-md:hidden" })), children] })] }) }));
 }
 function SidebarLinkItem({ item, ...props }) {
     if (item.type === 'menu')

package/dist/layouts/docs/page-client.js

@@ -149,7 +149,7 @@ export function PageBreadcrumb({ includeRoot, includeSeparator, includePage, ...
 export function PageTOC(props) {
     const { collapsed } = useSidebar();
     const offset = collapsed ? '0px' : 'var(--fd-layout-offset)';
-    return (_jsx("div", { id: "nd-toc", ...props, className: cn('fixed bottom-0 pt-12 pb-2 pr-(--removed-body-scroll-bar-size,0) max-xl:hidden', props.className), style: {
+    return (_jsx("div", { id: "nd-toc", ...props, className: cn('fixed bottom-0 pt-12 pb-2 pr-(--removed-body-scroll-bar-size,0) xl:on-root:[--fd-toc-width:286px] max-xl:hidden', props.className), style: {
             ...props.style,
             top: 'calc(var(--fd-banner-height) + var(--fd-nav-height))',
             insetInlineEnd: `max(${offset}, calc(50vw - var(--fd-sidebar-width)/2 - var(--fd-page-width)/2))`,

package/dist/layouts/docs/page.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"page.d.ts","sourceRoot":"","sources":["../../../src/layouts/docs/page.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EACL,KAAK,eAAe,EACpB,KAAK,WAAW,EAChB,cAAc,EACd,UAAU,EACV,cAAc,EACd,OAAO,EACP,cAAc,EACd,qBAAqB,EACrB,qBAAqB,EACtB,MAAM,eAAe,CAAC;AAKvB,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAE7D,wBAAgB,YAAY,CAAC,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,2CAavD;AAED,wBAAgB,YAAY,CAAC,EAC3B,OAAkB,EAClB,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;CAAE,2CAM1D;AAED,wBAAgB,mBAAmB,CAAC,EAClC,OAAkB,EAClB,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;CAAE,2CAM1D;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,cAAc,CAAC,SAAS,CAAC,2CAY3D;AAED,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,KAAK,CAAC;IACtD,GAAG,CAAC,EAAE,IAAI,CAAC,mBAAmB,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC;CACrD;AAED,wBAAgB,QAAQ,CAAC,EAAE,GAAW,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,2CAgBtE;AAED,OAAO,EACL,cAAc,EACd,UAAU,EACV,cAAc,EACd,OAAO,EACP,cAAc,EACd,qBAAqB,EACrB,qBAAqB,EACrB,KAAK,WAAW,EAChB,KAAK,eAAe,GACrB,CAAC"}
+{"version":3,"file":"page.d.ts","sourceRoot":"","sources":["../../../src/layouts/docs/page.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EACL,KAAK,eAAe,EACpB,KAAK,WAAW,EAChB,cAAc,EACd,UAAU,EACV,cAAc,EACd,OAAO,EACP,cAAc,EACd,qBAAqB,EACrB,qBAAqB,EACtB,MAAM,eAAe,CAAC;AAKvB,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAE7D,wBAAgB,YAAY,CAAC,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,2CAcvD;AAED,wBAAgB,YAAY,CAAC,EAC3B,OAAkB,EAClB,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;CAAE,2CAM1D;AAED,wBAAgB,mBAAmB,CAAC,EAClC,OAAkB,EAClB,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;CAAE,2CAM1D;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,cAAc,CAAC,SAAS,CAAC,2CAY3D;AAED,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,KAAK,CAAC;IACtD,GAAG,CAAC,EAAE,IAAI,CAAC,mBAAmB,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC;CACrD;AAED,wBAAgB,QAAQ,CAAC,EAAE,GAAW,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,2CAgBtE;AAED,OAAO,EACL,cAAc,EACd,UAAU,EACV,cAAc,EACd,OAAO,EACP,cAAc,EACd,qBAAqB,EACrB,qBAAqB,EACrB,KAAK,WAAW,EAChB,KAAK,eAAe,GACrB,CAAC"}

package/dist/layouts/docs/page.js

@@ -6,7 +6,7 @@ import { Text } from '../../icons.js';
 import { I18nLabel } from '../../contexts/i18n.js';
 import ClerkTOCItems from '../../components/layout/toc-clerk.js';
 export function PageTOCTitle(props) {
-    return (_jsxs("h3", { ...props, className: cn('inline-flex items-center gap-1.5 text-sm text-fd-muted-foreground', props.className), children: [_jsx(Text, { className: "size-4" }), _jsx(I18nLabel, { label: "toc" })] }));
+    return (_jsxs("h3", { id: "toc-title", ...props, className: cn('inline-flex items-center gap-1.5 text-sm text-fd-muted-foreground', props.className), children: [_jsx(Text, { className: "size-4" }), _jsx(I18nLabel, { label: "toc" })] }));
 }
 export function PageTOCItems({ variant = 'normal', ...props }) {
     return (_jsx(TOCScrollArea, { ...props, children: variant === 'clerk' ? _jsx(ClerkTOCItems, {}) : _jsx(TOCItems, {}) }));

package/dist/layouts/notebook/index.js

@@ -66,7 +66,7 @@ export function DocsLayout(props) {
                             (themeSwitch.component ?? (_jsx(ThemeToggle, { mode: themeSwitch.mode ?? 'light-dark-system' })))] })] }));
         return (_jsx(Sidebar, { defaultOpenLevel: defaultOpenLevel, prefetch: prefetch, Content: content, Mobile: mobile }));
     }
-    return (_jsx(TreeContextProvider, { tree: props.tree, children: _jsx(NavProvider, { transparentMode: transparentMode, children: _jsxs(LayoutBody, { ...props.containerProps, className: cn('md:[--fd-sidebar-width:286px] xl:[--fd-toc-width:286px]', props.containerProps?.className), children: [sidebar(), _jsx(DocsNavbar, { ...props, links: links, tabs: tabMode == 'navbar' ? tabs : [] }), props.children] }) }) }));
+    return (_jsx(TreeContextProvider, { tree: props.tree, children: _jsx(NavProvider, { transparentMode: transparentMode, children: _jsxs(LayoutBody, { ...props.containerProps, className: cn('md:[--fd-sidebar-width:286px]', props.containerProps?.className), children: [sidebar(), _jsx(DocsNavbar, { ...props, links: links, tabs: tabMode == 'navbar' ? tabs : [] }), props.children] }) }) }));
 }
 function DocsNavbar({ links, tabs, sidebar: { collapsible: sidebarCollapsible = true } = {}, searchToggle = {}, themeSwitch = {}, nav = {}, i18n, }) {
     const navMode = nav.mode ?? 'auto';

package/dist/page.d.ts

@@ -18,13 +18,6 @@ interface EditOnGitHubOptions extends Omit<ComponentProps<'a'>, 'href' | 'childr
 interface BreadcrumbOptions extends BreadcrumbProps {
     enabled: boolean;
     component: ReactNode;
-    /**
-     * Show the full path to the current page
-     *
-     * @defaultValue false
-     * @deprecated use `includePage` instead
-     */
-    full?: boolean;
 }
 interface FooterOptions extends FooterProps {
     enabled: boolean;

package/dist/page.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"page.d.ts","sourceRoot":"","sources":["../src/page.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKxE,OAAO,EACL,KAAK,eAAe,EACpB,KAAK,WAAW,EAajB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAK,EAAE,mBAAmB,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAE1E,UAAU,mBACR,SAAQ,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IACtD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IAEb;;;;OAIG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;CACd;AAED,UAAU,iBAAkB,SAAQ,eAAe;IACjD,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,SAAS,CAAC;IAErB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,UAAU,aAAc,SAAQ,WAAW;IACzC,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,aAAa;IAC5B,GAAG,CAAC,EAAE,WAAW,EAAE,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC,qBAAqB,CAAC,CAAC;IAChD,qBAAqB,CAAC,EAAE,OAAO,CAAC,4BAA4B,CAAC,CAAC;IAE9D;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;IAExC;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IAEhC,YAAY,CAAC,EAAE,mBAAmB,CAAC;IACnC,UAAU,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC;IAEpC,SAAS,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC;IAClC,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;IACpC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,KAAK,qBAAqB,GAAG,IAAI,CAAC,mBAAmB,EAAE,QAAQ,CAAC,GAAG;IACjE;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;CAC5B,CAAC;AAEF,KAAK,4BAA4B,GAAG,IAAI,CAAC,qBAAqB,EAAE,QAAQ,CAAC,CAAC;AAE1E,wBAAgB,QAAQ,CAAC,EACvB,YAAY,EACZ,UAAU,EAAE,EACV,OAAO,EAAE,iBAAwB,EACjC,SAAS,EAAE,UAAU,EACrB,GAAG,eAAe,EACd,EACN,MAAW,EACX,UAAU,EACV,SAAS,EACT,IAAY,EACZ,qBAAqB,EAAE,EACrB,OAAO,EAAE,iBAAiB,EAC1B,SAAS,EAAE,UAAU,EACrB,GAAG,iBAAiB,EAChB,EACN,cAAc,EAAE,EACd,OAAO,EAAE,UAAU,EACnB,SAAS,EAAE,UAAU,EACrB,GAAG,UAAU,EACT,EACN,GAAQ,EACR,OAAO,EACP,QAAQ,GACT,EAAE,aAAa,2CAkEf;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,cAAc,CAAC,GAAG,CAAC,2CAuBtD;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,2MAMpB,CAAC;AAIF,eAAO,MAAM,eAAe,6NAgB1B,CAAC;AAIH,eAAO,MAAM,SAAS,uNAYrB,CAAC;AAIF;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,cAAc,CAAC,MAAM,CAAC,GAAG,SAAS,CAMpE"}
+{"version":3,"file":"page.d.ts","sourceRoot":"","sources":["../src/page.tsx"],"names":[],"mappings":"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"}

package/dist/page.js

@@ -19,7 +19,7 @@ export function DocsPage({ editOnGithub, breadcrumb: { enabled: breadcrumbEnable
                 toc,
                 single: tocOptions.single,
             }
-            : false, ...container, className: cn(!tocEnabled && '[--fd-toc-width:0px]', container?.className), children: [tocPopoverEnabled &&
+            : false, ...container, children: [tocPopoverEnabled &&
                 (tocPopover ?? (_jsxs(PageTOCPopover, { children: [_jsx(PageTOCPopoverTrigger, {}), _jsxs(PageTOCPopoverContent, { children: [tocPopoverOptions.header, _jsx(PageTOCPopoverItems, { variant: tocPopoverOptions.style }), tocPopoverOptions.footer] })] }))), _jsxs(PageArticle, { ...article, children: [breadcrumbEnabled &&
                         (breadcrumb ?? _jsx(PageBreadcrumb, { ...breadcrumbProps })), children, _jsxs("div", { className: "flex flex-row flex-wrap items-center justify-between gap-4 empty:hidden", children: [editOnGithub && (_jsx(EditOnGitHub, { href: `https://github.com/${editOnGithub.owner}/${editOnGithub.repo}/blob/${editOnGithub.sha}/${editOnGithub.path.startsWith('/') ? editOnGithub.path.slice(1) : editOnGithub.path}` })), lastUpdate && _jsx(PageLastUpdate, { date: new Date(lastUpdate) })] }), footer.enabled !== false &&
                         (footer.component ?? _jsx(PageFooter, { items: footer.items }))] }), tocEnabled &&

package/dist/provider/index.d.ts

@@ -1,4 +1,8 @@
-export { RootProvider } from './next.js';
+export { 
+/**
+ * @deprecated Import from `fumadocs-ui/provider/next` instead.
+ */
+RootProvider, } from './next.js';
 export { useI18n, I18nLabel } from '../contexts/i18n.js';
 export { SearchProvider, SearchOnly, useSearchContext, type SearchProviderProps, } from '../contexts/search.js';
 export { SidebarProvider, useSidebar } from '../contexts/sidebar.js';

package/dist/provider/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/provider/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAEtC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EACL,cAAc,EACd,UAAU,EACV,gBAAgB,EAChB,KAAK,mBAAmB,GACzB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EACL,WAAW,EACX,cAAc,EACd,mBAAmB,GACpB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACL,MAAM,EACN,WAAW,EACX,KAAK,gBAAgB,EACrB,KAAK,UAAU,EACf,cAAc,EACd,aAAa,GACd,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/provider/index.tsx"],"names":[],"mappings":"AAMA,OAAO;AACL;;GAEG;AACH,YAAY,GACb,MAAM,QAAQ,CAAC;AAEhB,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EACL,cAAc,EACd,UAAU,EACV,gBAAgB,EAChB,KAAK,mBAAmB,GACzB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EACL,WAAW,EACX,cAAc,EACd,mBAAmB,GACpB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACL,MAAM,EACN,WAAW,EACX,KAAK,gBAAgB,EACrB,KAAK,UAAU,EACf,cAAc,EACd,aAAa,GACd,MAAM,mBAAmB,CAAC"}

package/dist/provider/index.js

@@ -1,6 +1,10 @@
 'use client';
-// TODO: remove this, recommend `fumadocs-ui/provider/next` instead.
-export { RootProvider } from './next.js';
+console.warn('`fumadocs-ui/provider` export will be removed on v17, you can import from `fumadocs-ui/provider/next` instead.');
+export { 
+/**
+ * @deprecated Import from `fumadocs-ui/provider/next` instead.
+ */
+RootProvider, } from './next.js';
 export { useI18n, I18nLabel } from '../contexts/i18n.js';
 export { SearchProvider, SearchOnly, useSearchContext, } from '../contexts/search.js';
 export { SidebarProvider, useSidebar } from '../contexts/sidebar.js';

package/dist/style.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.15 | MIT License | https://tailwindcss.com */
 @layer properties;
 @layer theme, base, components, utilities;
 @layer theme {
@@ -51,29 +51,30 @@
     --color-fd-accent: hsla(0, 0%, 82%, 50%);
     --color-fd-accent-foreground: hsl(0, 0%, 9%);
     --color-fd-ring: hsl(0, 0%, 63.9%);
+    --color-fd-overlay: transparent;
     --color-fd-info: oklch(62.3% 0.214 259.815);
     --color-fd-warning: oklch(76.9% 0.188 70.08);
     --color-fd-error: oklch(63.7% 0.237 25.331);
     --color-fd-success: oklch(72.3% 0.219 149.579);
+    --color-fd-diff-remove: rgba(200, 10, 100, 0.12);
+    --color-fd-diff-remove-symbol: rgb(230, 10, 100);
+    --color-fd-diff-add: rgba(14, 180, 100, 0.1);
+    --color-fd-diff-add-symbol: rgb(10, 200, 100);
     --fd-sidebar-mobile-offset: 100%;
     --spacing-fd-container: 1400px;
     --fd-page-width: 1200px;
     --fd-sidebar-width: 0px;
     --fd-toc-width: 0px;
-    --fd-layout-width: 100vw;
+    --fd-layout-width: 1600px;
     --fd-banner-height: 0px;
     --fd-nav-height: 0px;
     --fd-tocnav-height: 0px;
-    --color-fd-diff-remove: rgba(200, 10, 100, 0.12);
-    --color-fd-diff-remove-symbol: rgb(230, 10, 100);
-    --color-fd-diff-add: rgba(14, 180, 100, 0.1);
-    --color-fd-diff-add-symbol: rgb(10, 200, 100);
     --animate-fd-fade-in: fd-fade-in 300ms ease;
     --animate-fd-fade-out: fd-fade-out 300ms ease;
     --animate-fd-dialog-in: fd-dialog-in 300ms cubic-bezier(0.16, 1, 0.3, 1);
     --animate-fd-dialog-out: fd-dialog-out 300ms cubic-bezier(0.16, 1, 0.3, 1);
-    --animate-fd-popover-in: fd-popover-in 130ms ease;
-    --animate-fd-popover-out: fd-popover-out 130ms ease;
+    --animate-fd-popover-in: fd-popover-in 100ms ease;
+    --animate-fd-popover-out: fd-popover-out 100ms ease;
     --animate-fd-collapsible-down: fd-collapsible-down 150ms
     cubic-bezier(0.45, 0, 0.55, 1);
     --animate-fd-collapsible-up: fd-collapsible-up 150ms
@@ -199,7 +200,9 @@
     ::placeholder {
       color: currentcolor;
       @supports (color: color-mix(in lab, red, red)) {
-        color: color-mix(in oklab, currentcolor 50%, transparent);
+        & {
+          color: color-mix(in oklab, currentcolor 50%, transparent);
+        }
       }
     }
   }
@@ -800,7 +803,9 @@
     }
     --tw-prose-body: color-mix(in srgb, hsl(0, 0%, 3.9%) 90%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
-      --tw-prose-body: color-mix(in oklab, var(--color-fd-foreground) 90%, transparent);
+      & {
+        --tw-prose-body: color-mix(in oklab, var(--color-fd-foreground) 90%, transparent);
+      }
     }
     --tw-prose-headings: var(--color-fd-foreground);
     --tw-prose-lead: var(--color-fd-foreground);
@@ -818,7 +823,9 @@
     --tw-prose-kbd: var(--color-fd-foreground);
     --tw-prose-kbd-shadows: color-mix(in srgb, hsl(0, 0%, 9%) 50%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
-      --tw-prose-kbd-shadows: color-mix(in oklab, var(--color-fd-primary) 50%, transparent);
+      & {
+        --tw-prose-kbd-shadows: color-mix(in oklab, var(--color-fd-primary) 50%, transparent);
+      }
     }
     :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
       margin-top: 0;
@@ -915,6 +922,9 @@
   .block {
     display: block;
   }
+  .contents {
+    display: contents;
+  }
   .flex {
     display: flex;
   }
@@ -1008,6 +1018,9 @@
   .h-px {
     height: 1px;
   }
+  .max-h-\(--radix-popover-content-available-height\) {
+    max-height: var(--radix-popover-content-available-height);
+  }
   .max-h-\[50vh\] {
     max-height: 50vh;
   }
@@ -1248,6 +1261,9 @@
   .overflow-x-auto {
     overflow-x: auto;
   }
+  .overflow-x-hidden {
+    overflow-x: hidden;
+  }
   .overflow-y-auto {
     overflow-y: auto;
   }
@@ -1310,7 +1326,9 @@
   .border-fd-foreground\/10 {
     border-color: color-mix(in srgb, hsl(0, 0%, 3.9%) 10%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
-      border-color: color-mix(in oklab, var(--color-fd-foreground) 10%, transparent);
+      & {
+        border-color: color-mix(in oklab, var(--color-fd-foreground) 10%, transparent);
+      }
     }
   }
   .border-fd-primary {
@@ -1322,7 +1340,9 @@
   .bg-\(--callout-color\)\/50 {
     background-color: var(--callout-color);
     @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--callout-color) 50%, transparent);
+      & {
+        background-color: color-mix(in oklab, var(--callout-color) 50%, transparent);
+      }
     }
   }
   .bg-\(--shiki-light-bg\) {
@@ -1337,7 +1357,9 @@
   .bg-fd-background\/80 {
     background-color: color-mix(in srgb, hsl(0, 0%, 96%) 80%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-fd-background) 80%, transparent);
+      & {
+        background-color: color-mix(in oklab, var(--color-fd-background) 80%, transparent);
+      }
     }
   }
   .bg-fd-border {
@@ -1349,19 +1371,26 @@
   .bg-fd-foreground\/10 {
     background-color: color-mix(in srgb, hsl(0, 0%, 3.9%) 10%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-fd-foreground) 10%, transparent);
+      & {
+        background-color: color-mix(in oklab, var(--color-fd-foreground) 10%, transparent);
+      }
     }
   }
   .bg-fd-muted {
     background-color: var(--color-fd-muted);
   }
+  .bg-fd-overlay {
+    background-color: var(--color-fd-overlay);
+  }
   .bg-fd-popover {
     background-color: var(--color-fd-popover);
   }
   .bg-fd-popover\/60 {
     background-color: color-mix(in srgb, hsl(0, 0%, 98%) 60%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-fd-popover) 60%, transparent);
+      & {
+        background-color: color-mix(in oklab, var(--color-fd-popover) 60%, transparent);
+      }
     }
   }
   .bg-fd-primary {
@@ -1370,7 +1399,9 @@
   .bg-fd-primary\/10 {
     background-color: color-mix(in srgb, hsl(0, 0%, 9%) 10%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-fd-primary) 10%, transparent);
+      & {
+        background-color: color-mix(in oklab, var(--color-fd-primary) 10%, transparent);
+      }
     }
   }
   .bg-fd-secondary {
@@ -1379,7 +1410,9 @@
   .bg-fd-secondary\/50 {
     background-color: color-mix(in srgb, hsl(0, 0%, 93.1%) 50%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-fd-secondary) 50%, transparent);
+      & {
+        background-color: color-mix(in oklab, var(--color-fd-secondary) 50%, transparent);
+      }
     }
   }
   .bg-transparent {
@@ -1394,13 +1427,17 @@
   .stroke-current\/25 {
     stroke: currentcolor;
     @supports (color: color-mix(in lab, red, red)) {
-      stroke: color-mix(in oklab, currentcolor 25%, transparent);
+      & {
+        stroke: color-mix(in oklab, currentcolor 25%, transparent);
+      }
     }
   }
   .stroke-fd-foreground\/10 {
     stroke: color-mix(in srgb, hsl(0, 0%, 3.9%) 10%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
-      stroke: color-mix(in oklab, var(--color-fd-foreground) 10%, transparent);
+      & {
+        stroke: color-mix(in oklab, var(--color-fd-foreground) 10%, transparent);
+      }
     }
   }
   .p-0 {
@@ -1622,7 +1659,9 @@
   .text-fd-foreground\/80 {
     color: color-mix(in srgb, hsl(0, 0%, 3.9%) 80%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
-      color: color-mix(in oklab, var(--color-fd-foreground) 80%, transparent);
+      & {
+        color: color-mix(in oklab, var(--color-fd-foreground) 80%, transparent);
+      }
     }
   }
   .text-fd-muted-foreground {
@@ -1631,7 +1670,9 @@
   .text-fd-muted-foreground\/50 {
     color: color-mix(in srgb, hsl(0, 0%, 45.1%) 50%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
-      color: color-mix(in oklab, var(--color-fd-muted-foreground) 50%, transparent);
+      & {
+        color: color-mix(in oklab, var(--color-fd-muted-foreground) 50%, transparent);
+      }
     }
   }
   .text-fd-popover-foreground {
@@ -1640,7 +1681,9 @@
   .text-fd-popover-foreground\/80 {
     color: color-mix(in srgb, hsl(0, 0%, 15.1%) 80%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
-      color: color-mix(in oklab, var(--color-fd-popover-foreground) 80%, transparent);
+      & {
+        color: color-mix(in oklab, var(--color-fd-popover-foreground) 80%, transparent);
+      }
     }
   }
   .text-fd-primary {
@@ -1652,7 +1695,9 @@
   .text-fd-primary\/50 {
     color: color-mix(in srgb, hsl(0, 0%, 9%) 50%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
-      color: color-mix(in oklab, var(--color-fd-primary) 50%, transparent);
+      & {
+        color: color-mix(in oklab, var(--color-fd-primary) 50%, transparent);
+      }
     }
   }
   .text-fd-secondary-foreground {
@@ -1689,7 +1734,9 @@
   .shadow-black\/50 {
     --tw-shadow-color: color-mix(in srgb, #000 50%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
-      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 50%, transparent) var(--tw-shadow-alpha), transparent);
+      & {
+        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 50%, transparent) var(--tw-shadow-alpha), transparent);
+      }
     }
   }
   .outline {
@@ -1789,9 +1836,6 @@
   .\[--fd-nav-height\:56px\] {
     --fd-nav-height: 56px;
   }
-  .\[--fd-toc-width\:0px\] {
-    --fd-toc-width: 0px;
-  }
   .\[scrollbar-width\:none\] {
     scrollbar-width: none;
   }
@@ -1960,7 +2004,9 @@
       @media (hover: hover) {
         background-color: color-mix(in srgb, hsla(0, 0%, 82%, 50%) 50%, transparent);
         @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--color-fd-accent) 50%, transparent);
+          & {
+            background-color: color-mix(in oklab, var(--color-fd-accent) 50%, transparent);
+          }
         }
       }
     }
@@ -1970,7 +2016,9 @@
       @media (hover: hover) {
         background-color: color-mix(in srgb, hsla(0, 0%, 82%, 50%) 80%, transparent);
         @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--color-fd-accent) 80%, transparent);
+          & {
+            background-color: color-mix(in oklab, var(--color-fd-accent) 80%, transparent);
+          }
         }
       }
     }
@@ -1980,7 +2028,9 @@
       @media (hover: hover) {
         background-color: color-mix(in srgb, hsl(0, 0%, 9%) 80%, transparent);
         @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--color-fd-primary) 80%, transparent);
+          & {
+            background-color: color-mix(in oklab, var(--color-fd-primary) 80%, transparent);
+          }
         }
       }
     }
@@ -1997,7 +2047,9 @@
       @media (hover: hover) {
         color: color-mix(in srgb, hsl(0, 0%, 9%) 80%, transparent);
         @supports (color: color-mix(in lab, red, red)) {
-          color: color-mix(in oklab, var(--color-fd-accent-foreground) 80%, transparent);
+          & {
+            color: color-mix(in oklab, var(--color-fd-accent-foreground) 80%, transparent);
+          }
         }
       }
     }
@@ -2007,7 +2059,9 @@
       @media (hover: hover) {
         color: color-mix(in srgb, hsl(0, 0%, 15.1%) 50%, transparent);
         @supports (color: color-mix(in lab, red, red)) {
-          color: color-mix(in oklab, var(--color-fd-popover-foreground) 50%, transparent);
+          & {
+            color: color-mix(in oklab, var(--color-fd-popover-foreground) 50%, transparent);
+          }
         }
       }
     }
@@ -2279,7 +2333,9 @@
     &[data-state="open"] {
       background-color: color-mix(in srgb, hsla(0, 0%, 82%, 50%) 50%, transparent);
       @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, var(--color-fd-accent) 50%, transparent);
+        & {
+          background-color: color-mix(in oklab, var(--color-fd-accent) 50%, transparent);
+        }
       }
     }
   }
@@ -2519,11 +2575,6 @@
       padding-inline: calc(var(--spacing) * 8);
     }
   }
-  .xl\:\[--fd-toc-width\:286px\] {
-    @media (width >= 80rem) {
-      --fd-toc-width: 286px;
-    }
-  }
   .\@max-xl\:hidden {
     @container (width < 36rem) {
       display: none;
@@ -2599,6 +2650,13 @@
       }
     }
   }
+  .xl\:on-root\:\[--fd-toc-width\:286px\] {
+    @media (width >= 80rem) {
+      :root:has(&) {
+        --fd-toc-width: 286px;
+      }
+    }
+  }
   .md\:\[\&_\#nd-page_article\]\:pt-12 {
     @media (width >= 48rem) {
       & #nd-page article {
@@ -2677,6 +2735,7 @@
   --color-fd-accent: hsla(0, 0%, 40.9%, 30%);
   --color-fd-accent-foreground: hsl(0, 0%, 90%);
   --color-fd-ring: hsl(0, 0%, 54.9%);
+  --color-fd-overlay: hsla(0, 0%, 0%, 0.2);
 }
 .dark #nd-sidebar {
   --color-fd-muted: hsl(0, 0%, 16%);
@@ -2723,7 +2782,9 @@
     content: counter(line);
     color: var(--fd-counter-color, hsl(0, 0%, 45.1%));
     @supports (color: color-mix(in lab, red, red)) {
-      color: color-mix( in oklab, var(--fd-counter-color, var(--color-fd-muted-foreground)) 60%, transparent );
+      & {
+        color: color-mix( in oklab, var(--fd-counter-color, var(--color-fd-muted-foreground)) 60%, transparent );
+      }
     }
     top: calc(var(--spacing) * 0);
     left: calc(var(--spacing) * 4);
@@ -2756,11 +2817,15 @@
     border-left-width: 2px;
     border-color: color-mix(in srgb, hsl(0, 0%, 9%) 50%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
-      border-color: color-mix(in oklab, var(--color-fd-primary) 50%, transparent);
+      & {
+        border-color: color-mix(in oklab, var(--color-fd-primary) 50%, transparent);
+      }
     }
     background-color: color-mix(in srgb, hsl(0, 0%, 9%) 10%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-fd-primary) 10%, transparent);
+      & {
+        background-color: color-mix(in oklab, var(--color-fd-primary) 10%, transparent);
+      }
     }
   }
   .highlighted-word& {
@@ -2771,11 +2836,15 @@
     border-width: 1px;
     border-color: color-mix(in srgb, hsl(0, 0%, 9%) 30%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
-      border-color: color-mix(in oklab, var(--color-fd-primary) 30%, transparent);
+      & {
+        border-color: color-mix(in oklab, var(--color-fd-primary) 30%, transparent);
+      }
     }
     background-color: color-mix(in srgb, hsl(0, 0%, 9%) 10%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-fd-primary) 10%, transparent);
+      & {
+        background-color: color-mix(in oklab, var(--color-fd-primary) 10%, transparent);
+      }
     }
     --tw-font-weight: var(--font-weight-medium);
     font-weight: var(--font-weight-medium);
@@ -3112,13 +3181,13 @@
 @keyframes fd-popover-in {
   from {
     opacity: 0;
-    transform: scale(0.7);
+    transform: scale(0.9);
   }
 }
 @keyframes fd-popover-out {
   to {
     opacity: 0;
-    transform: scale(0.7);
+    transform: scale(0.9);
   }
 }
 @keyframes fd-fade-in {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fumadocs-ui",
-  "version": "15.8.5",
+  "version": "16.0.1",
   "description": "The framework for building a documentation website in Next.js",
   "keywords": [
     "NextJs",
@@ -61,9 +61,9 @@
       "types": "./dist/layouts/shared/index.d.ts"
     },
     "./page": {
-      "node": "./dist/page.server.js",
+      "node": "./dist/page.js",
       "import": "./dist/page.js",
-      "types": "./dist/page.server.d.ts"
+      "types": "./dist/page.d.ts"
     },
     "./provider": {
       "import": "./dist/provider/index.js",
@@ -121,28 +121,28 @@
     "react-medium-image-zoom": "^5.4.0",
     "scroll-into-view-if-needed": "^3.1.0",
     "tailwind-merge": "^3.3.1",
-    "fumadocs-core": "15.8.5"
+    "fumadocs-core": "16.0.1"
   },
   "devDependencies": {
-    "@next/eslint-plugin-next": "^15.5.4",
-    "@tailwindcss/cli": "^4.1.14",
+    "@next/eslint-plugin-next": "16.0.0",
+    "@tailwindcss/cli": "^4.1.15",
     "@types/lodash.merge": "^4.6.9",
-    "@types/react": "^19.2.0",
-    "@types/react-dom": "^19.2.0",
-    "next": "15.5.4",
-    "tailwindcss": "^4.1.14",
+    "@types/react": "^19.2.2",
+    "@types/react-dom": "^19.2.2",
+    "next": "16.0.0",
+    "tailwindcss": "^4.1.15",
     "tsc-alias": "^1.8.16",
+    "@fumadocs/cli": "1.0.3",
     "eslint-config-custom": "0.0.0",
-    "tsconfig": "0.0.0",
-    "fumadocs-core": "15.8.5",
-    "@fumadocs/cli": "1.0.2"
+    "fumadocs-core": "16.0.1",
+    "tsconfig": "0.0.0"
   },
   "peerDependencies": {
     "@types/react": "*",
-    "next": "14.x.x || 15.x.x",
-    "react": "18.x.x || 19.x.x",
-    "react-dom": "18.x.x || 19.x.x",
-    "tailwindcss": "^3.4.14 || ^4.0.0"
+    "next": "16.x.x",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "tailwindcss": "^4.0.0"
   },
   "peerDependenciesMeta": {
     "next": {

package/dist/contexts/legacy-i18n.d.ts

@@ -1,11 +0,0 @@
-import type { I18nProviderProps } from '../provider/base.js';
-/**
- * @deprecated legacy I18n Provider, use `<RootProvider i18n={...} />` instead
- */
-export declare function I18nProvider({ locales, locale, onChange: _onChange, onLocaleChange, ...props }: I18nProviderProps & {
-    /**
-     * @deprecated use `onLocaleChange` instead
-     */
-    onChange?: I18nProviderProps['onLocaleChange'];
-}): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=legacy-i18n.d.ts.map

package/dist/contexts/legacy-i18n.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"legacy-i18n.d.ts","sourceRoot":"","sources":["../../src/contexts/legacy-i18n.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAKzD;;GAEG;AACH,wBAAgB,YAAY,CAAC,EAC3B,OAAY,EACZ,MAAM,EACN,QAAQ,EAAE,SAAS,EACnB,cAA0B,EAC1B,GAAG,KAAK,EACT,EAAE,iBAAiB,GAAG;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;CAChD,2CAuCA"}

package/dist/contexts/legacy-i18n.js

@@ -1,36 +0,0 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { usePathname, useRouter } from 'fumadocs-core/framework';
-import { useMemo, useRef } from 'react';
-import { defaultTranslations, I18nContext } from '../contexts/i18n.js';
-/**
- * @deprecated legacy I18n Provider, use `<RootProvider i18n={...} />` instead
- */
-export function I18nProvider({ locales = [], locale, onChange: _onChange, onLocaleChange = _onChange, ...props }) {
-    const router = useRouter();
-    const pathname = usePathname();
-    const onChange = onLocaleChange ??
-        ((value) => {
-            const segments = pathname.split('/').filter((v) => v.length > 0);
-            // If locale prefix hidden
-            if (segments[0] !== locale) {
-                segments.unshift(value);
-            }
-            else {
-                segments[0] = value;
-            }
-            router.push(`/${segments.join('/')}`);
-            router.refresh();
-        });
-    const onChangeRef = useRef(onChange);
-    onChangeRef.current = onChange;
-    return (_jsx(I18nContext.Provider, { value: useMemo(() => ({
-            locale,
-            locales,
-            text: {
-                ...defaultTranslations,
-                ...props.translations,
-            },
-            onChange: (v) => onChangeRef.current(v),
-        }), [locale, locales, props.translations]), children: props.children }));
-}

package/dist/page.server.d.ts

@@ -1,13 +0,0 @@
-import type { HTMLAttributes } from 'react';
-import type { LoaderConfig, LoaderOutput, Page } from 'fumadocs-core/source';
-import { type Root } from 'fumadocs-core/page-tree';
-/**
- * @deprecated use https://fumadocs.dev/docs/ui/markdown#further-reading-section instead
- */
-export declare function DocsCategory({ page, from, tree: forcedTree, ...props }: HTMLAttributes<HTMLDivElement> & {
-    page: Page;
-    from: LoaderOutput<LoaderConfig>;
-    tree?: Root;
-}): import("react/jsx-runtime").JSX.Element | null;
-export * from './page.js';
-//# sourceMappingURL=page.server.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"page.server.d.ts","sourceRoot":"","sources":["../src/page.server.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC7E,OAAO,EAAoB,KAAK,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAItE;;GAEG;AACH,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,IAAI,EACJ,IAAI,EAAE,UAAU,EAChB,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,cAAc,CAAC,GAAG;IAClC,IAAI,EAAE,IAAI,CAAC;IACX,IAAI,EAAE,YAAY,CAAC,YAAY,CAAC,CAAC;IACjC,IAAI,CAAC,EAAE,IAAI,CAAC;CACb,kDA+CA;AAED,cAAc,QAAQ,CAAC"}

package/dist/page.server.js

@@ -1,37 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { getPageTreePeers } from 'fumadocs-core/page-tree';
-import { Card, Cards } from './components/card.js';
-import * as path from 'node:path';
-/**
- * @deprecated use https://fumadocs.dev/docs/ui/markdown#further-reading-section instead
- */
-export function DocsCategory({ page, from, tree: forcedTree, ...props }) {
-    let tree;
-    if (forcedTree) {
-        tree = forcedTree;
-    }
-    else if (from._i18n) {
-        const locale = page.locale ?? from._i18n.defaultLanguage;
-        tree = from.pageTree[locale];
-    }
-    else {
-        tree = from.pageTree;
-    }
-    let items = getPageTreePeers(tree, page.url);
-    if (items.length === 0) {
-        const pages = from.getPages(page.locale);
-        items = pages
-            .filter((item) => path.dirname(item.path) === path.dirname(page.path) &&
-            item.path !== page.path)
-            .map((page) => ({
-            type: 'page',
-            name: page.data.title,
-            description: page.data.description,
-            url: page.url,
-        }));
-    }
-    if (items.length === 0)
-        return null;
-    return (_jsx(Cards, { ...props, children: items.map((item) => (_jsx(Card, { title: item.name, description: item.description, href: item.url }, item.url))) }));
-}
-export * from './page.js';