fumadocs-ui 14.7.1 → 14.7.3

package/dist/components/banner.d.ts

@@ -1,5 +1,9 @@
 import { type HTMLAttributes } from 'react';
-export declare function Banner({ id, variant, changeLayout, ...props }: HTMLAttributes<HTMLDivElement> & {
+export declare function Banner({ id, variant, changeLayout, height, ...props }: HTMLAttributes<HTMLDivElement> & {
+    /**
+     * @defaultValue 3rem
+     */
+    height?: string;
     /**
      * @defaultValue 'normal'
      */
@@ -10,5 +14,5 @@ export declare function Banner({ id, variant, changeLayout, ...props }: HTMLAttr
      * @defaultValue true
      */
     changeLayout?: boolean;
-}): React.ReactElement;
+}): import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=banner.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"banner.d.ts","sourceRoot":"","sources":["../../src/components/banner.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAoC,MAAM,OAAO,CAAC;AAK9E,wBAAgB,MAAM,CAAC,EACrB,EAAE,EACF,OAAkB,EAClB,YAAmB,EACnB,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,cAAc,CAAC,GAAG;IAClC;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAE/B;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,GAAG,KAAK,CAAC,YAAY,CA6DrB"}
+{"version":3,"file":"banner.d.ts","sourceRoot":"","sources":["../../src/components/banner.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAoC,MAAM,OAAO,CAAC;AAK9E,wBAAgB,MAAM,CAAC,EACrB,EAAE,EACF,OAAkB,EAClB,YAAmB,EACnB,MAAe,EACf,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,cAAc,CAAC,GAAG;IAClC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAE/B;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,kDAiEA"}

package/dist/components/banner.js

@@ -4,9 +4,9 @@ import { useCallback, useEffect, useState } from 'react';
 import { X } from 'lucide-react';
 import { cn } from '../utils/cn';
 import { buttonVariants } from '../components/ui/button';
-export function Banner({ id, variant = 'normal', changeLayout = true, ...props }) {
+export function Banner({ id, variant = 'normal', changeLayout = true, height = '3rem', ...props }) {
     const [open, setOpen] = useState(true);
-    const globalKey = id ? `nd-banner-${id}` : undefined;
+    const globalKey = id ? `nd-banner-${id}` : null;
     useEffect(() => {
         if (globalKey)
             setOpen(localStorage.getItem(globalKey) !== 'true');
@@ -16,9 +16,11 @@ export function Banner({ id, variant = 'normal', changeLayout = true, ...props }
         if (globalKey)
             localStorage.setItem(globalKey, 'true');
     }, [globalKey]);
-    return (_jsxs("div", { id: id, ...props, className: cn('sticky top-0 z-40 flex h-12 flex-row items-center justify-center bg-fd-secondary px-4 text-center text-sm font-medium', variant === 'rainbow' && 'bg-fd-background', !open && 'hidden', props.className), children: [changeLayout && open ? (_jsx("style", { children: `
-        :root:not(.${globalKey ?? 'nd-banner-never'}) { --fd-banner-height: 3rem; }
-        ` })) : null, globalKey ? (_jsx("style", { children: `.${globalKey} #${id} { display: none; }` })) : null, id ? (_jsx("script", { dangerouslySetInnerHTML: {
+    if (!open)
+        return null;
+    return (_jsxs("div", { id: id, ...props, className: cn('sticky top-0 z-40 flex h-[var(--fd-banner-height)] flex-row items-center justify-center bg-fd-secondary px-4 text-center text-sm font-medium', variant === 'rainbow' && 'bg-fd-background', !open && 'hidden', props.className), children: [changeLayout && open ? (_jsx("style", { children: globalKey
+                    ? `:root:not(.${globalKey}) { --fd-banner-height: ${height}; }`
+                    : `:root { --fd-banner-height: ${height}; }` })) : null, globalKey ? (_jsx("style", { children: `.${globalKey} #${id} { display: none; }` })) : null, globalKey ? (_jsx("script", { dangerouslySetInnerHTML: {
                     __html: `if (localStorage.getItem('${globalKey}') === 'true') document.documentElement.classList.add('${globalKey}');`,
                 } })) : null, variant === 'rainbow' ? rainbowLayer : null, props.children, id ? (_jsx("button", { type: "button", "aria-label": "Close Banner", onClick: onClick, className: cn(buttonVariants({
                     color: 'ghost',

package/dist/components/layout/root-toggle.d.ts

@@ -10,7 +10,7 @@ export interface Option {
     /**
      * Detect from a list of urls
      */
-    urls?: string[];
+    urls?: Set<string>;
     props?: HTMLAttributes<HTMLElement>;
 }
 export declare function RootToggle({ options, placeholder, ...props }: {

package/dist/components/layout/root-toggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"root-toggle.d.ts","sourceRoot":"","sources":["../../../src/components/layout/root-toggle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAqB,MAAM,OAAO,CAAC;AAQ/E,MAAM,WAAW,MAAM;IACrB;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IAEZ,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAEhB,KAAK,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;CACrC;AAED,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,WAAW,EACX,GAAG,KAAK,EACT,EAAE;IACD,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,OAAO,EAAE,MAAM,EAAE,CAAC;CACnB,GAAG,cAAc,CAAC,iBAAiB,CAAC,2CAuDpC"}
+{"version":3,"file":"root-toggle.d.ts","sourceRoot":"","sources":["../../../src/components/layout/root-toggle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAqB,MAAM,OAAO,CAAC;AAQ/E,MAAM,WAAW,MAAM;IACrB;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IAEZ,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;OAEG;IACH,IAAI,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAEnB,KAAK,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;CACrC;AAED,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,WAAW,EACX,GAAG,KAAK,EACT,EAAE;IACD,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,OAAO,EAAE,MAAM,EAAE,CAAC;CACnB,GAAG,cAAc,CAAC,iBAAiB,CAAC,2CAyDpC"}

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

@@ -14,7 +14,7 @@ export function RootToggle({ options, placeholder, ...props }) {
     const pathname = usePathname();
     const selected = useMemo(() => {
         return options.findLast((item) => item.urls
-            ? item.urls.includes(pathname)
+            ? item.urls.has(pathname.endsWith('/') ? pathname.slice(0, -1) : pathname)
             : isActive(item.url, pathname, true));
     }, [options, pathname]);
     const onClick = () => {

package/dist/layouts/docs/shared.js

@@ -59,7 +59,7 @@ function getSidebarTabs(pageTree, { transform = defaultTransform } = {}) {
                     title: node.name,
                     icon: node.icon,
                     description: node.description,
-                    urls: getFolderUrls(node),
+                    urls: getFolderUrls(node, new Set()),
                 };
                 const mapped = transform ? transform(option, node) : option;
                 if (mapped)
@@ -74,15 +74,14 @@ function getSidebarTabs(pageTree, { transform = defaultTransform } = {}) {
     }
     return findOptions(pageTree);
 }
-function getFolderUrls(folder) {
-    const results = [];
+function getFolderUrls(folder, output) {
     if (folder.index)
-        results.push(folder.index.url);
+        output.add(folder.index.url);
     for (const child of folder.children) {
         if (child.type === 'page')
-            results.push(child.url);
+            output.add(child.url);
         if (child.type === 'folder')
-            results.push(...getFolderUrls(child));
+            getFolderUrls(child, output);
     }
-    return results;
+    return output;
 }

package/dist/layouts/home/navbar.js

@@ -12,7 +12,7 @@ const navItemVariants = cva('inline-flex items-center gap-1 p-2 text-fd-muted-fo
 export function Navbar(props) {
     const [value, setValue] = useState('');
     const { isTransparent } = useNav();
-    return (_jsx(NavigationMenu, { value: value, onValueChange: setValue, asChild: true, children: _jsxs("header", { id: "nd-nav", ...props, className: cn('fixed left-1/2 top-[var(--fd-banner-height)] z-40 w-full max-w-fd-container -translate-x-1/2 border-b border-fd-foreground/10 transition-colors lg:mt-2 lg:w-[calc(100%-1rem)] lg:rounded-2xl lg:border', value.length > 0 ? 'shadow-lg' : 'shadow-sm', (!isTransparent || value.length > 0) &&
+    return (_jsx(NavigationMenu, { value: value, onValueChange: setValue, asChild: true, children: _jsxs("header", { id: "nd-nav", ...props, className: cn('fixed left-1/2 top-[var(--fd-banner-height)] z-40 box-content w-full max-w-fd-container -translate-x-1/2 border-b border-fd-foreground/10 transition-colors lg:mt-2 lg:w-[calc(100%-1rem)] lg:rounded-2xl lg:border', value.length > 0 ? 'shadow-lg' : 'shadow-sm', (!isTransparent || value.length > 0) &&
                 'bg-fd-background/80 backdrop-blur-lg', props.className), children: [_jsx("nav", { className: "flex h-14 w-full flex-row items-center gap-6 px-4 lg:h-12", children: props.children }), _jsx(NavigationMenuViewport, {})] }) }));
 }
 export const NavbarMenu = NavigationMenuItem;

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

@@ -1 +1 @@
-{"version":3,"file":"home.d.ts","sourceRoot":"","sources":["../../src/layouts/home.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,OAAO,EAAY,KAAK,eAAe,EAAE,MAAM,UAAU,CAAC;AAgC1D,MAAM,MAAM,eAAe,GAAG,eAAe,GAAG,cAAc,CAAC,WAAW,CAAC,CAAC;AAE5E,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,2CA0ChD"}
+{"version":3,"file":"home.d.ts","sourceRoot":"","sources":["../../src/layouts/home.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,OAAO,EAAY,KAAK,eAAe,EAAE,MAAM,UAAU,CAAC;AAgC1D,MAAM,MAAM,eAAe,GAAG,eAAe,GAAG,cAAc,CAAC,WAAW,CAAC,CAAC;AAE5E,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,2CA0BhD"}

package/dist/layouts/home.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { replaceOrDefault } from '../layouts/shared';
 import { cn } from '../utils/cn';
 import { getLinks } from './shared';
@@ -16,9 +16,7 @@ import { MenuLinkItem } from '../layouts/home/menu';
 export function HomeLayout(props) {
     const { nav, links, githubUrl, i18n: _i18n, disableThemeSwitch: _disableThemeSwitch, ...rest } = props;
     const finalLinks = getLinks(links, githubUrl);
-    return (_jsx(NavProvider, { transparentMode: nav?.transparentMode, children: _jsxs("main", { id: "nd-home-layout", ...rest, className: cn('flex flex-1 flex-col pt-[var(--fd-nav-height)] [--fd-nav-height:56px]', rest.className), children: [replaceOrDefault(nav, _jsxs(_Fragment, { children: [_jsx("div", { "aria-hidden": "true", className: "fixed inset-x-0 top-[var(--fd-banner-height)] z-40 h-6 bg-fd-background", style: {
-                                maskImage: 'linear-gradient(to bottom,white,transparent)',
-                            } }), _jsx(Header, { finalLinks: finalLinks, ...props })] }), {
+    return (_jsx(NavProvider, { transparentMode: nav?.transparentMode, children: _jsxs("main", { id: "nd-home-layout", ...rest, className: cn('flex flex-1 flex-col pt-14', rest.className), children: [replaceOrDefault(nav, _jsx(Header, { finalLinks: finalLinks, ...props }), {
                     items: finalLinks,
                 }), props.children] }) }));
 }

package/dist/layouts/notebook.js

@@ -57,5 +57,5 @@ function SidebarHeaderItems({ links, nav = {}, children, }) {
     const isEmpty = !nav.title && !nav.children && links.length === 0;
     if (isEmpty)
         return null;
-    return (_jsxs("div", { className: "flex flex-row items-center max-md:hidden", children: [nav.title ? (_jsx(Link, { href: nav.url ?? '/', className: "inline-flex items-center gap-2.5 py-1 font-medium", children: nav.title })) : null, children] }));
+    return (_jsxs("div", { className: "flex flex-row items-center max-md:hidden", children: [nav.title ? (_jsx(Link, { href: nav.url ?? '/', className: "inline-flex items-center gap-2.5 py-1 font-medium md:px-2", children: nav.title })) : null, children] }));
 }

package/dist/mdx.d.ts

@@ -21,19 +21,5 @@ declare const defaultMdxComponents: {
         icon?: import("react").ReactNode;
     } & import("react").RefAttributes<HTMLDivElement>>;
 };
-/**
- * **Server Component Only**
- *
- * Sometimes, if you directly pass a client component to MDX Components, it will throw an error
- *
- * To solve this, you can re-create the component in a server component like: `(props) => <Component {...props} />`
- *
- * This function does that for you
- *
- * @param c - MDX Components
- * @returns MDX Components with re-created client components
- * @deprecated no longer used
- */
-export declare function createComponents<Components extends Record<string, FC<unknown>>>(c: Components): Components;
 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;;;;;;;;;;;;GAYG;AACH,wBAAgB,gBAAgB,CAC9B,UAAU,SAAS,MAAM,CAAC,MAAM,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,EAC9C,CAAC,EAAE,UAAU,GAAG,UAAU,CAU3B;AAED,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;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"}

package/dist/mdx.js

@@ -27,27 +27,4 @@ const defaultMdxComponents = {
     table: Table,
     Callout,
 };
-/**
- * **Server Component Only**
- *
- * Sometimes, if you directly pass a client component to MDX Components, it will throw an error
- *
- * To solve this, you can re-create the component in a server component like: `(props) => <Component {...props} />`
- *
- * This function does that for you
- *
- * @param c - MDX Components
- * @returns MDX Components with re-created client components
- * @deprecated no longer used
- */
-export function createComponents(c) {
-    const mapped = Object.entries(c).map(([k, V]) => {
-        // Client components are empty objects
-        return [
-            k,
-            Object.keys(V).length === 0 ? (props) => _jsx(V, { ...props }) : V,
-        ];
-    });
-    return Object.fromEntries(mapped);
-}
 export { defaultMdxComponents as default };

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,EAIpB,MAAM,OAAO,CAAC;AAWf,OAAO,EACL,KAAK,iBAAiB,EAEvB,MAAM,0BAA0B,CAAC;AAGlC,wBAAgB,MAAM,CAAC,KAAK,EAAE,cAAc,CAAC,cAAc,CAAC,2CA2B3D;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,kDAiClD"}
+{"version":3,"file":"page.client.d.ts","sourceRoot":"","sources":["../src/page.client.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,cAAc,EAIpB,MAAM,OAAO,CAAC;AAWf,OAAO,EACL,KAAK,iBAAiB,EAEvB,MAAM,0BAA0B,CAAC;AAIlC,wBAAgB,MAAM,CAAC,KAAK,EAAE,cAAc,CAAC,cAAc,CAAC,2CA2B3D;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,kDAiClD"}

package/dist/page.client.js

@@ -12,6 +12,7 @@ import { usePathname } from 'next/navigation';
 import { useNav } from './components/layout/nav';
 import { getBreadcrumbItemsFromPath, } from 'fumadocs-core/breadcrumb';
 import { usePageStyles } from './contexts/layout';
+import { isActive } from './utils/is-active';
 export function TocNav(props) {
     const { open } = useSidebar();
     const { tocNav } = usePageStyles();
@@ -67,7 +68,7 @@ export function Footer({ items }) {
         const cached = listCache.get(root);
         const list = cached ?? scanNavigationList(root.children);
         listCache.set(root, list);
-        const idx = list.findIndex((item) => item.url === pathname);
+        const idx = list.findIndex((item) => isActive(item.url, pathname, false));
         if (idx === -1)
             return {};
         return {

package/dist/style.css

@@ -1181,6 +1181,9 @@ body {
 .mt-auto {
   margin-top: auto;
 }
+.box-content {
+  box-sizing: content-box;
+}
 .block {
   display: block;
 }
@@ -1226,14 +1229,11 @@ body {
 .h-1\.5 {
   height: 0.375rem;
 }
-.h-12 {
-  height: 3rem;
-}
 .h-14 {
   height: 3.5rem;
 }
-.h-6 {
-  height: 1.5rem;
+.h-\[var\(--fd-banner-height\)\] {
+  height: var(--fd-banner-height);
 }
 .h-\[var\(--fd-height\)\] {
   height: var(--fd-height);
@@ -1691,6 +1691,9 @@ body {
 .pt-12 {
   padding-top: 3rem;
 }
+.pt-14 {
+  padding-top: 3.5rem;
+}
 .pt-2 {
   padding-top: 0.5rem;
 }
@@ -1700,9 +1703,6 @@ body {
 .pt-8 {
   padding-top: 2rem;
 }
-.pt-\[var\(--fd-nav-height\)\] {
-  padding-top: var(--fd-nav-height);
-}
 .text-center {
   text-align: center;
 }
@@ -1902,9 +1902,6 @@ body {
 .\[--fd-nav-height\:3\.5rem\] {
   --fd-nav-height: 3.5rem;
 }
-.\[--fd-nav-height\:56px\] {
-  --fd-nav-height: 56px;
-}
 .\[--fd-tocnav-height\:36px\] {
   --fd-tocnav-height: 36px;
 }

package/dist/utils/is-active.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"is-active.d.ts","sourceRoot":"","sources":["../../src/utils/is-active.ts"],"names":[],"mappings":"AAAA,wBAAgB,QAAQ,CACtB,GAAG,EAAE,MAAM,EACX,QAAQ,EAAE,MAAM,EAChB,MAAM,UAAO,GACZ,OAAO,CAET"}
+{"version":3,"file":"is-active.d.ts","sourceRoot":"","sources":["../../src/utils/is-active.ts"],"names":[],"mappings":"AAAA,wBAAgB,QAAQ,CACtB,GAAG,EAAE,MAAM,EACX,QAAQ,EAAE,MAAM,EAChB,MAAM,UAAO,GACZ,OAAO,CAKT"}

package/dist/utils/is-active.js

@@ -1,3 +1,7 @@
 export function isActive(url, pathname, nested = true) {
+    if (url.endsWith('/'))
+        url = url.slice(0, -1);
+    if (pathname.endsWith('/'))
+        pathname = pathname.slice(0, -1);
     return url === pathname || (nested && pathname.startsWith(`${url}/`));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fumadocs-ui",
-  "version": "14.7.1",
+  "version": "14.7.3",
   "description": "The framework for building a documentation website in Next.js",
   "keywords": [
     "NextJs",
@@ -70,19 +70,19 @@
     "tailwind-merge": "^2.6.0"
   },
   "devDependencies": {
-    "@next/eslint-plugin-next": "^15.1.3",
+    "@next/eslint-plugin-next": "^15.1.4",
     "@types/lodash.merge": "^4.6.9",
-    "@types/react": "^19.0.2",
+    "@types/react": "^19.0.4",
     "@types/react-dom": "^19.0.2",
     "autoprefixer": "^10.4.20",
-    "next": "15.1.3",
+    "next": "15.1.4",
     "postcss": "^8.4.49",
     "postcss-cli": "^11.0.0",
     "tailwindcss": "^3.4.17",
     "tsc-alias": "^1.8.10",
-    "fumadocs-core": "14.7.1",
     "@fumadocs/cli": "0.0.6",
     "eslint-config-custom": "0.0.0",
+    "fumadocs-core": "14.7.3",
     "tsconfig": "0.0.0"
   },
   "peerDependencies": {
@@ -90,7 +90,7 @@
     "react": "18.x.x || 19.x.x",
     "react-dom": "18.x.x || 19.x.x",
     "tailwindcss": "^3.4.14",
-    "fumadocs-core": "14.7.1"
+    "fumadocs-core": "14.7.3"
   },
   "peerDependenciesMeta": {
     "tailwindcss": {