fumadocs-ui 15.7.5 → 15.7.6

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

@@ -1,17 +1,6 @@
 import { type ComponentProps, type ReactNode } from 'react';
-export interface Option {
-    /**
-     * Redirect URL of the folder, usually the index page
-     */
-    url: string;
-    icon?: ReactNode;
-    title: ReactNode;
-    description?: ReactNode;
-    unlisted?: boolean;
-    /**
-     * Detect from a list of urls
-     */
-    urls?: Set<string>;
+import type { SidebarTab } from '../../utils/get-sidebar-tabs.js';
+export interface Option extends SidebarTab {
     props?: ComponentProps<'a'>;
 }
 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;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,IAAI,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAEnB,KAAK,CAAC,EAAE,cAAc,CAAC,GAAG,CAAC,CAAC;CAC7B;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,QAAQ,CAAC,2CAsF3B"}
+{"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;AAO/E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAE3D,MAAM,WAAW,MAAO,SAAQ,UAAU;IACxC,KAAK,CAAC,EAAE,cAAc,CAAC,GAAG,CAAC,CAAC;CAC7B;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,QAAQ,CAAC,2CAgF3B"}

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

@@ -5,7 +5,7 @@ import { useMemo, useState } from 'react';
 import Link from 'fumadocs-core/link';
 import { usePathname } from 'fumadocs-core/framework';
 import { cn } from '../../utils/cn.js';
-import { isActive } from '../../utils/is-active.js';
+import { isTabActive } from '../../utils/is-active.js';
 import { useSidebar } from '../../contexts/sidebar.js';
 import { Popover, PopoverContent, PopoverTrigger } from '../ui/popover.js';
 export function RootToggle({ options, placeholder, ...props }) {
@@ -13,12 +13,7 @@ export function RootToggle({ options, placeholder, ...props }) {
     const { closeOnRedirect } = useSidebar();
     const pathname = usePathname();
     const selected = useMemo(() => {
-        const lookup = pathname.endsWith('/') ? pathname.slice(0, -1) : pathname;
-        return options.findLast((item) => {
-            if (item.urls)
-                return item.urls.has(lookup);
-            return isActive(item.url, pathname, true);
-        });
+        return options.findLast((item) => isTabActive(item, pathname));
     }, [options, pathname]);
     const onClick = () => {
         closeOnRedirect.current = false;

package/dist/components/layout/sidebar.js

@@ -88,7 +88,7 @@ export function SidebarHeader(props) {
     return (_jsx("div", { ...props, className: cn('flex flex-col gap-3 p-4 pb-2', props.className), children: props.children }));
 }
 export function SidebarFooter(props) {
-    return (_jsx("div", { ...props, className: cn('flex flex-col border-t px-4 py-3', props.className), children: props.children }));
+    return (_jsx("div", { ...props, className: cn('flex flex-col border-t p-4 pt-2', props.className), children: props.children }));
 }
 export function SidebarViewport(props) {
     return (_jsx(ScrollArea, { ...props, className: cn('h-full', props.className), children: _jsx(ScrollViewport, { className: "p-4 overscroll-contain", style: {

package/dist/layouts/notebook/client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../../../src/layouts/notebook/client.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAW,MAAM,OAAO,CAAC;AAQrD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AAE9D,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,QAAQ,CAAC,GAAG;IAAE,IAAI,EAAE,KAAK,GAAG,MAAM,CAAA;CAAE,2CAoBrD;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,cAAc,CAAC,MAAM,CAAC,2CAsBvD;AAED,wBAAgB,oBAAoB,CAAC,EACnC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,QAAQ,CAAC,2CAkB1B;AAED,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG;IACzB,OAAO,EAAE,MAAM,EAAE,CAAC;CACnB,2CA+BA"}
+{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../../../src/layouts/notebook/client.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAW,MAAM,OAAO,CAAC;AAQrD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AAE9D,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,QAAQ,CAAC,GAAG;IAAE,IAAI,EAAE,KAAK,GAAG,MAAM,CAAA;CAAE,2CAoBrD;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,cAAc,CAAC,MAAM,CAAC,2CAsBvD;AAED,wBAAgB,oBAAoB,CAAC,EACnC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,QAAQ,CAAC,2CAkB1B;AAED,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG;IACzB,OAAO,EAAE,MAAM,EAAE,CAAC;CACnB,2CAuBA"}

package/dist/layouts/notebook/client.js

@@ -8,7 +8,7 @@ import { buttonVariants } from '../../components/ui/button.js';
 import { Sidebar as SidebarIcon } from '../../icons.js';
 import Link from 'fumadocs-core/link';
 import { usePathname } from 'fumadocs-core/framework';
-import { isActive } from '../../utils/is-active.js';
+import { isTabActive } from '../../utils/is-active.js';
 export function Navbar({ mode, ...props }) {
     const { open, collapsed } = useSidebar();
     const { isTransparent } = useNav();
@@ -36,16 +36,10 @@ export function NavbarSidebarTrigger({ className, ...props }) {
 export function LayoutTabs({ options, ...props }) {
     const pathname = usePathname();
     const selected = useMemo(() => {
-        const url = pathname.endsWith('/') ? pathname.slice(0, -1) : pathname;
-        return options.findLast((option) => {
-            if (option.urls) {
-                return option.urls.has(url);
-            }
-            return isActive(option.url, pathname, true);
-        });
+        return options.findLast((option) => isTabActive(option, pathname));
     }, [options, pathname]);
     return (_jsx("div", { ...props, className: cn('flex flex-row items-end gap-6 overflow-auto', props.className), children: options.map((option) => (_jsx(LayoutTab, { selected: selected === option, option: option }, option.url))) }));
 }
-function LayoutTab({ option, selected = false, }) {
-    return (_jsx(Link, { className: cn('inline-flex border-b-2 border-transparent transition-colors items-center pb-1.5 font-medium gap-2 text-fd-muted-foreground text-sm text-nowrap hover:text-fd-accent-foreground', option.unlisted && !selected && 'hidden', selected && 'border-fd-primary text-fd-primary'), href: option.url, children: option.title }));
+function LayoutTab({ option: { title, url, unlisted, props }, selected = false, }) {
+    return (_jsx(Link, { href: url, ...props, className: cn('inline-flex border-b-2 border-transparent transition-colors items-center pb-1.5 font-medium gap-2 text-fd-muted-foreground text-sm text-nowrap hover:text-fd-accent-foreground', unlisted && !selected && 'hidden', selected && 'border-fd-primary text-fd-primary', props?.className), children: title }));
 }

package/dist/style.css

@@ -1518,6 +1518,9 @@
   .pt-0 {
     padding-top: calc(var(--spacing) * 0);
   }
+  .pt-2 {
+    padding-top: calc(var(--spacing) * 2);
+  }
   .pt-8 {
     padding-top: calc(var(--spacing) * 8);
   }

package/dist/utils/get-sidebar-tabs.d.ts

@@ -1,7 +1,21 @@
 import type { PageTree } from 'fumadocs-core/server';
-import type { Option } from '../components/layout/root-toggle.js';
+import type { ReactNode } from 'react';
+export interface SidebarTab {
+    /**
+     * Redirect URL of the folder, usually the index page
+     */
+    url: string;
+    icon?: ReactNode;
+    title: ReactNode;
+    description?: ReactNode;
+    /**
+     * Detect from a list of urls
+     */
+    urls?: Set<string>;
+    unlisted?: boolean;
+}
 export interface GetSidebarTabsOptions {
-    transform?: (option: Option, node: PageTree.Folder) => Option | null;
+    transform?: (option: SidebarTab, node: PageTree.Folder) => SidebarTab | null;
 }
-export declare function getSidebarTabs(tree: PageTree.Root, { transform }?: GetSidebarTabsOptions): Option[];
+export declare function getSidebarTabs(tree: PageTree.Root, { transform }?: GetSidebarTabsOptions): SidebarTab[];
 //# sourceMappingURL=get-sidebar-tabs.d.ts.map

package/dist/utils/get-sidebar-tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"get-sidebar-tabs.d.ts","sourceRoot":"","sources":["../../src/utils/get-sidebar-tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AAE9D,MAAM,WAAW,qBAAqB;IACpC,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,CAAC,MAAM,KAAK,MAAM,GAAG,IAAI,CAAC;CACtE;AAeD,wBAAgB,cAAc,CAC5B,IAAI,EAAE,QAAQ,CAAC,IAAI,EACnB,EAAE,SAA4B,EAAE,GAAE,qBAA0B,GAC3D,MAAM,EAAE,CAuCV"}
+{"version":3,"file":"get-sidebar-tabs.d.ts","sourceRoot":"","sources":["../../src/utils/get-sidebar-tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,UAAU;IACzB;;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;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,qBAAqB;IACpC,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,CAAC,MAAM,KAAK,UAAU,GAAG,IAAI,CAAC;CAC9E;AAeD,wBAAgB,cAAc,CAC5B,IAAI,EAAE,QAAQ,CAAC,IAAI,EACnB,EAAE,SAA4B,EAAE,GAAE,qBAA0B,GAC3D,UAAU,EAAE,CAkCd"}

package/dist/utils/get-sidebar-tabs.js

@@ -8,8 +8,8 @@ const defaultTransform = (option, node) => {
     };
 };
 export function getSidebarTabs(tree, { transform = defaultTransform } = {}) {
-    function findOptions(node, unlisted) {
-        const results = [];
+    const results = [];
+    function scanOptions(node, unlisted) {
         if ('root' in node && node.root) {
             const urls = getFolderUrls(node);
             if (urls.size > 0) {
@@ -28,15 +28,13 @@ export function getSidebarTabs(tree, { transform = defaultTransform } = {}) {
         }
         for (const child of node.children) {
             if (child.type === 'folder')
-                results.push(...findOptions(child, unlisted));
+                scanOptions(child, unlisted);
         }
-        return results;
     }
-    const options = findOptions(tree);
-    if (tree.fallback) {
-        options.push(...findOptions(tree.fallback, true));
-    }
-    return options;
+    scanOptions(tree);
+    if (tree.fallback)
+        scanOptions(tree.fallback, true);
+    return results;
 }
 function getFolderUrls(folder, output = new Set()) {
     if (folder.index)

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

@@ -1,2 +1,4 @@
+import type { SidebarTab } from '../utils/get-sidebar-tabs.js';
 export declare function isActive(url: string, pathname: string, nested?: boolean): boolean;
+export declare function isTabActive(tab: SidebarTab, pathname: string): boolean;
 //# sourceMappingURL=is-active.d.ts.map

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":"AAKA,wBAAgB,QAAQ,CACtB,GAAG,EAAE,MAAM,EACX,QAAQ,EAAE,MAAM,EAChB,MAAM,UAAO,GACZ,OAAO,CAKT"}
+{"version":3,"file":"is-active.d.ts","sourceRoot":"","sources":["../../src/utils/is-active.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAO3D,wBAAgB,QAAQ,CACtB,GAAG,EAAE,MAAM,EACX,QAAQ,EAAE,MAAM,EAChB,MAAM,UAAO,GACZ,OAAO,CAKT;AAED,wBAAgB,WAAW,CAAC,GAAG,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,WAI5D"}

package/dist/utils/is-active.js

@@ -8,3 +8,8 @@ export function isActive(url, pathname, nested = true) {
     pathname = normalize(pathname);
     return url === pathname || (nested && pathname.startsWith(`${url}/`));
 }
+export function isTabActive(tab, pathname) {
+    if (tab.urls)
+        return tab.urls.has(normalize(pathname));
+    return isActive(tab.url, pathname, true);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fumadocs-ui",
-  "version": "15.7.5",
+  "version": "15.7.6",
   "description": "The framework for building a documentation website in Next.js",
   "keywords": [
     "NextJs",
@@ -121,7 +121,7 @@
     "react-medium-image-zoom": "^5.3.0",
     "scroll-into-view-if-needed": "^3.1.0",
     "tailwind-merge": "^3.3.1",
-    "fumadocs-core": "15.7.5"
+    "fumadocs-core": "15.7.6"
   },
   "devDependencies": {
     "@next/eslint-plugin-next": "^15.5.2",
@@ -134,7 +134,7 @@
     "tsc-alias": "^1.8.16",
     "@fumadocs/cli": "1.0.1",
     "eslint-config-custom": "0.0.0",
-    "fumadocs-core": "15.7.5",
+    "fumadocs-core": "15.7.6",
     "tsconfig": "0.0.0"
   },
   "peerDependencies": {