fumadocs-ui 14.5.5 → 14.5.6

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

@@ -1,5 +1,4 @@
 import { type HTMLAttributes, type ReactNode } from 'react';
-import type { PageTree } from 'fumadocs-core/server';
 export interface Option {
     /**
      * Redirect URL of the folder, usually the index page
@@ -9,12 +8,13 @@ export interface Option {
     title: ReactNode;
     description?: ReactNode;
     /**
-     * Detect from page tree nodes
+     * Detect from a list of urls
      */
-    folder?: PageTree.Folder;
+    urls?: string[];
     props?: HTMLAttributes<HTMLElement>;
 }
-export declare function RootToggle({ options, ...props }: {
+export declare function RootToggle({ options, placeholder, ...props }: {
+    placeholder?: ReactNode;
     options: Option[];
 } & HTMLAttributes<HTMLButtonElement>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=root-toggle.d.ts.map

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;AAO/E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAGrD,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,MAAM,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;IAEzB,KAAK,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;CACrC;AAED,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,GAAG,KAAK,EACT,EAAE;IACD,OAAO,EAAE,MAAM,EAAE,CAAC;CACnB,GAAG,cAAc,CAAC,iBAAiB,CAAC,2CAqDpC"}
+{"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"}

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

@@ -8,22 +8,21 @@ import { cn } from '../../utils/cn';
 import { isActive } from '../../utils/is-active';
 import { useSidebar } from '../../contexts/sidebar';
 import { Popover, PopoverContent, PopoverTrigger } from '../ui/popover';
-import { useTreePath } from '../../contexts/tree';
-export function RootToggle({ options, ...props }) {
+export function RootToggle({ options, placeholder, ...props }) {
     const [open, setOpen] = useState(false);
     const { closeOnRedirect } = useSidebar();
     const pathname = usePathname();
-    const path = useTreePath();
     const selected = useMemo(() => {
-        return options.findLast((item) => item.folder
-            ? path.includes(item.folder)
+        return options.findLast((item) => item.urls
+            ? item.urls.includes(pathname)
             : isActive(item.url, pathname, true));
-    }, [path, options, pathname]);
+    }, [options, pathname]);
     const onClick = () => {
         closeOnRedirect.current = false;
         setOpen(false);
     };
-    return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsxs(PopoverTrigger, { ...props, className: cn('flex flex-row items-center gap-2 rounded-lg px-2 py-1.5 hover:bg-fd-accent/50 hover:text-fd-accent-foreground', props.className), children: [selected ? _jsx(Item, { ...selected }) : null, _jsx(ChevronDown, { className: "me-1.5 size-4 text-fd-muted-foreground" })] }), _jsx(PopoverContent, { className: "w-[var(--radix-popover-trigger-width)] overflow-hidden p-0", children: options.map((item) => (_jsx(Link, { href: item.url, onClick: onClick, ...item.props, className: cn('flex w-full flex-row items-center gap-2 px-2 py-1.5', selected === item
+    const item = selected ? _jsx(Item, { ...selected }) : placeholder;
+    return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [item ? (_jsxs(PopoverTrigger, { ...props, className: cn('flex flex-row items-center gap-2 rounded-lg px-2 py-1.5 hover:bg-fd-accent/50 hover:text-fd-accent-foreground', props.className), children: [item, _jsx(ChevronDown, { className: "me-1.5 size-4 text-fd-muted-foreground" })] })) : null, _jsx(PopoverContent, { className: "w-[var(--radix-popover-trigger-width)] overflow-hidden p-0", children: options.map((item) => (_jsx(Link, { href: item.url, onClick: onClick, ...item.props, className: cn('flex w-full flex-row items-center gap-2 px-2 py-1.5', selected === item
                         ? 'bg-fd-accent text-fd-accent-foreground'
                         : 'hover:bg-fd-accent/50', item.props?.className), children: _jsx(Item, { ...item }) }, item.url))) })] }));
 }

package/dist/style.css

@@ -105,7 +105,7 @@
   --tw-contain-paint:  ;
   --tw-contain-style:  ;
 }/*
-! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com
+! tailwindcss v3.4.16 | MIT License | https://tailwindcss.com
 *//*
 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)

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,UAAU;IACzB,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,CAAC,MAAM,KAAK,MAAM,GAAG,IAAI,CAAC;CACtE;AAED,wBAAgB,cAAc,CAC5B,QAAQ,EAAE,QAAQ,CAAC,IAAI,EACvB,EAAE,SAAS,EAAE,GAAE,UAAe,GAC7B,MAAM,EAAE,CA0BV"}
+{"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,UAAU;IACzB,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,CAAC,MAAM,KAAK,MAAM,GAAG,IAAI,CAAC;CACtE;AAED,wBAAgB,cAAc,CAC5B,QAAQ,EAAE,QAAQ,CAAC,IAAI,EACvB,EAAE,SAAS,EAAE,GAAE,UAAe,GAC7B,MAAM,EAAE,CA8BV"}

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

@@ -1,24 +1,38 @@
 export function getSidebarTabs(pageTree, { transform } = {}) {
-    const options = [];
-    function traverse(node) {
-        if (node.type === 'folder' && node.root) {
+    function findOptions(node) {
+        const results = [];
+        if (node.root) {
             const index = node.index ?? node.children.at(0);
             if (index?.type === 'page') {
                 const option = {
                     url: index.url,
                     title: node.name,
                     icon: node.icon,
-                    folder: node,
                     description: node.description,
+                    urls: getFolderUrls(node),
                 };
                 const mapped = transform ? transform(option, node) : option;
                 if (mapped)
-                    options.push(mapped);
+                    results.push(mapped);
             }
         }
-        if (node.type === 'folder')
-            node.children.forEach(traverse);
+        for (const child of node.children) {
+            if (child.type === 'folder')
+                results.push(...findOptions(child));
+        }
+        return results;
+    }
+    return findOptions(pageTree);
+}
+function getFolderUrls(folder) {
+    const results = [];
+    if (folder.index)
+        results.push(folder.index.url);
+    for (const child of folder.children) {
+        if (child.type === 'page')
+            results.push(child.url);
+        if (child.type === 'folder')
+            results.push(...getFolderUrls(child));
     }
-    pageTree.children.forEach(traverse);
-    return options;
+    return results;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fumadocs-ui",
-  "version": "14.5.5",
+  "version": "14.5.6",
   "description": "The framework for building a documentation website in Next.js",
   "keywords": [
     "NextJs",
@@ -63,12 +63,12 @@
     "@radix-ui/react-tabs": "^1.1.1",
     "class-variance-authority": "^0.7.1",
     "lodash.merge": "^4.6.2",
-    "lucide-react": "^0.462.0",
+    "lucide-react": "^0.465.0",
     "next-themes": "^0.4.3",
     "postcss-selector-parser": "^7.0.0",
     "react-medium-image-zoom": "^5.2.11",
     "tailwind-merge": "^2.5.5",
-    "fumadocs-core": "14.5.5"
+    "fumadocs-core": "14.5.6"
   },
   "devDependencies": {
     "@next/eslint-plugin-next": "^15.0.3",
@@ -79,7 +79,7 @@
     "next": "15.0.3",
     "postcss": "^8.4.49",
     "postcss-cli": "^11.0.0",
-    "tailwindcss": "^3.4.15",
+    "tailwindcss": "^3.4.16",
     "tsc-alias": "^1.8.10",
     "@fumadocs/cli": "0.0.4",
     "eslint-config-custom": "0.0.0",