fumadocs-ui 14.5.2 → 14.5.3

package/dist/components/dialog/search.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/search.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,EAEL,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAaf,MAAM,MAAM,UAAU,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;AAEtD,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEtC;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;CACtB;AAED,KAAK,iBAAiB,GAAG,WAAW,GAClC,gBAAgB,GAChB,IAAI,CAAC,iBAAiB,EAAE,OAAO,CAAC,GAAG;IACjC,OAAO,EAAE,YAAY,EAAE,GAAG,OAAO,CAAC;IAElC,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB,CAAC;AAEJ,UAAU,gBAAgB;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,UAAU,iBAAiB;IACzB,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,YAAY,EACZ,MAAM,EACN,KAAU,EACV,GAAG,KAAK,EACT,EAAE,iBAAiB,2CAoCnB"}
+{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/search.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,EAEL,KAAK,SAAS,EAMf,MAAM,OAAO,CAAC;AAaf,MAAM,MAAM,UAAU,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;AAEtD,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEtC;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;CACtB;AAED,KAAK,iBAAiB,GAAG,WAAW,GAClC,gBAAgB,GAChB,IAAI,CAAC,iBAAiB,EAAE,OAAO,CAAC,GAAG;IACjC,OAAO,EAAE,YAAY,EAAE,GAAG,OAAO,CAAC;IAElC,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB,CAAC;AAEJ,UAAU,gBAAgB;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,UAAU,iBAAiB;IACzB,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,YAAY,EACZ,MAAM,EACN,KAAU,EACV,GAAG,KAAK,EACT,EAAE,iBAAiB,2CAoCnB"}

package/dist/components/dialog/search.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { FileText, Hash, Loader2, SearchIcon, Text } from 'lucide-react';
 import { useRouter } from 'next/navigation';
-import { useMemo, useEffect, useState, useRef, } from 'react';
+import { useMemo, useEffect, useState, useRef, useCallback, } from 'react';
 import { useI18n } from '../../contexts/i18n';
 import { cn } from '../../utils/cn';
 import { useSearchContext } from '../../contexts/search';
@@ -86,14 +86,11 @@ function LoadingIndicator({ isLoading }) {
     return (_jsxs("div", { className: "relative size-4", children: [_jsx(Loader2, { className: cn('absolute size-full animate-spin text-fd-primary transition-opacity', !isLoading && 'opacity-0') }), _jsx(SearchIcon, { className: cn('absolute size-full text-fd-muted-foreground transition-opacity', isLoading && 'opacity-0') })] }));
 }
 function CommandItem({ active, onActiveChange, value, ...props }) {
-    const ref = useRef(null);
-    useEffect(() => {
-        const element = ref.current;
-        if (active === value && element) {
-            element.scrollIntoView({
-                block: 'nearest',
-            });
-        }
-    }, [active, value]);
-    return (_jsx("button", { ref: ref, type: "button", "aria-selected": active === value, onPointerMove: () => onActiveChange(value), ...props, className: cn('flex min-h-10 select-none flex-row items-center gap-2.5 rounded-lg px-2 text-start text-sm aria-disabled:pointer-events-none aria-disabled:opacity-50 aria-selected:bg-fd-accent aria-selected:text-fd-accent-foreground', props.className), children: props.children }));
+    return (_jsx("button", { ref: useCallback((element) => {
+            if (active === value && element) {
+                element.scrollIntoView({
+                    block: 'nearest',
+                });
+            }
+        }, [active, value]), type: "button", "aria-selected": active === value, onPointerMove: () => onActiveChange(value), ...props, className: cn('flex min-h-10 select-none flex-row items-center gap-2.5 rounded-lg px-2 text-start text-sm aria-disabled:pointer-events-none aria-disabled:opacity-50 aria-selected:bg-fd-accent aria-selected:text-fd-accent-foreground', props.className), children: props.children }));
 }

package/dist/components/dialog/tag-list.d.ts

@@ -2,6 +2,7 @@ import type { HTMLAttributes } from 'react';
 export interface TagItem {
     name: string;
     value: string | undefined;
+    props?: HTMLAttributes<HTMLButtonElement>;
 }
 export interface TagsListProps extends HTMLAttributes<HTMLDivElement> {
     tag?: string;

package/dist/components/dialog/tag-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tag-list.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/tag-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,MAAM,WAAW,OAAO;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC;IACnE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC/C,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,KAAK,EAAE,OAAO,EAAE,CAAC;CAClB;AAaD,wBAAgB,QAAQ,CAAC,EACvB,GAAG,EACH,WAAW,EACX,KAAK,EACL,UAAU,EACV,GAAG,KAAK,EACT,EAAE,aAAa,2CA0Bf"}
+{"version":3,"file":"tag-list.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/tag-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,MAAM,WAAW,OAAO;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAE1B,KAAK,CAAC,EAAE,cAAc,CAAC,iBAAiB,CAAC,CAAC;CAC3C;AAED,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC;IACnE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC/C,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,KAAK,EAAE,OAAO,EAAE,CAAC;CAClB;AAaD,wBAAgB,QAAQ,CAAC,EACvB,GAAG,EACH,WAAW,EACX,KAAK,EACL,UAAU,EACV,GAAG,KAAK,EACT,EAAE,aAAa,2CA+Bf"}

package/dist/components/dialog/tag-list.js

@@ -9,12 +9,12 @@ const itemVariants = cva('rounded-md border px-2 py-0.5 text-xs font-medium text
     },
 });
 export function TagsList({ tag, onTagChange, items, allowClear, ...props }) {
-    return (_jsxs("div", { ...props, className: cn('flex flex-row items-center gap-1', props.className), children: [items.map((item) => (_jsx("button", { type: "button", className: cn(itemVariants({ active: tag === item.value })), onClick: () => {
+    return (_jsxs("div", { ...props, className: cn('flex flex-row items-center gap-1', props.className), children: [items.map((item) => (_jsx("button", { type: "button", "data-active": tag === item.value, className: cn(itemVariants({ active: tag === item.value }), item.props?.className), onClick: () => {
                     if (tag === item.value && allowClear) {
                         onTagChange(undefined);
                     }
                     else {
                         onTagChange(item.value);
                     }
-                }, tabIndex: -1, children: item.name }, item.value))), props.children] }));
+                }, tabIndex: -1, ...item.props, children: item.name }, item.value))), props.children] }));
 }

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

@@ -1,4 +1,5 @@
 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
@@ -7,6 +8,10 @@ export interface Option {
     icon?: ReactNode;
     title: ReactNode;
     description?: ReactNode;
+    /**
+     * Detect from page tree nodes
+     */
+    folder?: PageTree.Folder;
     props?: HTMLAttributes<HTMLElement>;
 }
 export declare function RootToggle({ options, ...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,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,2CA+CpC"}
+{"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"}

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

@@ -8,13 +8,17 @@ 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 }) {
     const [open, setOpen] = useState(false);
     const { closeOnRedirect } = useSidebar();
     const pathname = usePathname();
+    const path = useTreePath();
     const selected = useMemo(() => {
-        return options.find((item) => isActive(item.url, pathname, true));
-    }, [options, pathname]);
+        return options.findLast((item) => item.folder
+            ? path.includes(item.folder)
+            : isActive(item.url, pathname, true));
+    }, [path, options, pathname]);
     const onClick = () => {
         closeOnRedirect.current = false;
         setOpen(false);

package/dist/layouts/docs/shared.js

@@ -6,7 +6,7 @@ import { buttonVariants } from '../../components/ui/button';
 import { getSidebarTabs } from '../../utils/get-sidebar-tabs';
 export function SidebarLinkItem({ item }) {
     if (item.type === 'menu')
-        return (_jsxs(SidebarFolder, { level: 1, children: [item.url ? (_jsxs(SidebarFolderLink, { href: item.url, children: [item.icon, item.text] })) : (_jsxs(SidebarFolderTrigger, { children: [item.icon, item.text] })), _jsx(SidebarFolderContent, { children: item.items.map((child, i) => (_jsx(SidebarLinkItem, { item: child }, i))) })] }));
+        return (_jsxs(SidebarFolder, { children: [item.url ? (_jsxs(SidebarFolderLink, { href: item.url, children: [item.icon, item.text] })) : (_jsxs(SidebarFolderTrigger, { children: [item.icon, item.text] })), _jsx(SidebarFolderContent, { children: item.items.map((child, i) => (_jsx(SidebarLinkItem, { item: child }, i))) })] }));
     if (item.type === 'button') {
         return (_jsxs(BaseLinkItem, { item: item, className: cn(buttonVariants({
                 color: 'secondary',

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

@@ -29,10 +29,9 @@ export declare function SidebarSeparator(props: HTMLAttributes<HTMLParagraphElem
 export declare function SidebarItem({ icon, ...props }: LinkProps & {
     icon?: ReactNode;
 }): import("react/jsx-runtime").JSX.Element;
-export declare function SidebarFolder({ level, defaultOpen, ...props }: {
+export declare function SidebarFolder({ defaultOpen, ...props }: {
     children: ReactNode;
     defaultOpen?: boolean;
-    level: number;
 }): import("react/jsx-runtime").JSX.Element;
 export declare function SidebarFolderTrigger(props: CollapsibleTriggerProps): import("react/jsx-runtime").JSX.Element;
 export declare function SidebarFolderLink(props: LinkProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../src/layouts/docs/sidebar.tsx"],"names":[],"mappings":"AAIA,OAAO,EACL,KAAK,oBAAoB,EAEzB,KAAK,cAAc,EAEnB,KAAK,SAAS,EAMf,MAAM,OAAO,CAAC;AACf,OAAa,EAAE,KAAK,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAU1D,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAInE,OAAO,KAAK,EACV,uBAAuB,EACvB,uBAAuB,EACxB,MAAM,6BAA6B,CAAC;AAGrC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE/D,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC/D;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AA6BD,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,YAAY,2CAqDrD;AAED,wBAAgB,OAAO,CAAC,EACtB,gBAAoB,EACpB,QAAe,EACf,KAAK,EACL,GAAG,KAAK,EACT,EAAE,YAAY,GAAG;IAAE,KAAK,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAA;CAAE,2CAuC3D;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,cAAc,CAAC,cAAc,CAAC,2CAYlE;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,cAAc,CAAC,cAAc,CAAC,2CAYlE;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,eAAe,2CAYrD;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,cAAc,CAAC,oBAAoB,CAAC,2CAY3E;AAED,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,SAAS,GAAG;IACb,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,2CAiBA;AAED,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,WAAW,EACX,GAAG,KAAK,EACT,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;CACf,2CAkBA;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,uBAAuB,2CAelE;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,SAAS,2CAiCjD;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,uBAAuB,2CAQlE;AAED,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,2CAwB/C;AAgBD;;GAEG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;CACzC,eA2CA"}
+{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../src/layouts/docs/sidebar.tsx"],"names":[],"mappings":"AAIA,OAAO,EACL,KAAK,oBAAoB,EAEzB,KAAK,cAAc,EAEnB,KAAK,SAAS,EAMf,MAAM,OAAO,CAAC;AACf,OAAa,EAAE,KAAK,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAU1D,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAInE,OAAO,KAAK,EACV,uBAAuB,EACvB,uBAAuB,EACxB,MAAM,6BAA6B,CAAC;AAGrC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE/D,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC/D;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AA6BD,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,YAAY,2CAqDrD;AAED,wBAAgB,OAAO,CAAC,EACtB,gBAAoB,EACpB,QAAe,EACf,KAAK,EACL,GAAG,KAAK,EACT,EAAE,YAAY,GAAG;IAAE,KAAK,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAA;CAAE,2CAuC3D;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,cAAc,CAAC,cAAc,CAAC,2CAYlE;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,cAAc,CAAC,cAAc,CAAC,2CAYlE;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,eAAe,2CAYrD;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,cAAc,CAAC,oBAAoB,CAAC,2CAY3E;AAED,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,SAAS,GAAG;IACb,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,2CAiBA;AAED,wBAAgB,aAAa,CAAC,EAC5B,WAAmB,EACnB,GAAG,KAAK,EACT,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,2CAgBA;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,uBAAuB,2CAelE;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,SAAS,2CAiCjD;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,uBAAuB,2CAQlE;AAED,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,2CAwB/C;AAgBD;;GAEG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;CACzC,eA0CA"}

package/dist/layouts/docs/sidebar.js

@@ -87,11 +87,9 @@ export function SidebarItem({ icon, ...props }) {
     const { prefetch } = useInternalContext();
     return (_jsxs(Link, { ...props, "data-active": active, className: cn(itemVariants({ active })), prefetch: prefetch, children: [icon ?? (props.external ? _jsx(ExternalLink, {}) : null), props.children] }));
 }
-export function SidebarFolder({ level, defaultOpen, ...props }) {
-    const { defaultOpenLevel } = useInternalContext();
-    const shouldExtend = defaultOpen ?? defaultOpenLevel >= level;
-    const [open, setOpen] = useState(shouldExtend);
-    useOnChange(shouldExtend, (v) => {
+export function SidebarFolder({ defaultOpen = false, ...props }) {
+    const [open, setOpen] = useState(defaultOpen);
+    useOnChange(defaultOpen, (v) => {
         if (v)
             setOpen(v);
     });
@@ -143,8 +141,8 @@ function useInternalContext() {
 export function SidebarPageTree(props) {
     const { root } = useTreeContext();
     return useMemo(() => {
+        const { Separator, Item, Folder } = props.components ?? {};
         function renderSidebarList(items, level) {
-            const { Separator, Item, Folder } = props.components ?? {};
             return items.map((item, i) => {
                 const id = `${item.type}_${i.toString()}`;
                 switch (item.type) {
@@ -154,8 +152,8 @@ export function SidebarPageTree(props) {
                         return _jsx(SidebarSeparator, { children: item.name }, id);
                     case 'folder':
                         if (Folder)
-                            return _jsx(Folder, { item: item, level: level + 1 }, id);
-                        return (_jsx(PageTreeFolder, { item: item, level: level + 1, children: renderSidebarList(item.children, level + 1) }, id));
+                            return _jsx(Folder, { item: item, level: level }, id);
+                        return (_jsx(PageTreeFolder, { item: item, level: level, children: renderSidebarList(item.children, level + 1) }, id));
                     default:
                         if (Item)
                             return _jsx(Item, { item: item }, item.url);
@@ -163,10 +161,11 @@ export function SidebarPageTree(props) {
                 }
             });
         }
-        return renderSidebarList(root.children, 0);
+        return renderSidebarList(root.children, 1);
     }, [root, props.components]);
 }
 function PageTreeFolder({ item, children, level, }) {
+    const { defaultOpenLevel } = useInternalContext();
     const path = useTreePath();
-    return (_jsxs(SidebarFolder, { defaultOpen: item.defaultOpen || path.includes(item), level: level + 1, children: [item.index ? (_jsxs(SidebarFolderLink, { href: item.index.url, external: item.index.external, children: [item.icon, item.name] })) : (_jsxs(SidebarFolderTrigger, { children: [item.icon, item.name] })), _jsx(SidebarFolderContent, { children: children })] }));
+    return (_jsxs(SidebarFolder, { defaultOpen: (item.defaultOpen ?? defaultOpenLevel >= level) || path.includes(item), children: [item.index ? (_jsxs(SidebarFolderLink, { href: item.index.url, external: item.index.external, children: [item.icon, item.name] })) : (_jsxs(SidebarFolderTrigger, { children: [item.icon, item.name] })), _jsx(SidebarFolderContent, { children: children })] }));
 }

package/dist/page.d.ts

@@ -75,7 +75,7 @@ export declare function DocsCategory({ page, from, tree: forcedTree, ...props }:
     page: Page;
     from: LoaderOutput<LoaderConfig>;
     tree?: PageTree.Root;
-}): ReactNode;
+}): import("react/jsx-runtime").JSX.Element | null;
 /**
  * For separate MDX page
  */

package/dist/page.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"page.d.ts","sourceRoot":"","sources":["../src/page.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"page.d.ts","sourceRoot":"","sources":["../src/page.tsx"],"names":[],"mappings":"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"}

package/dist/page.js

@@ -13,13 +13,18 @@ import { I18nLabel } from './contexts/i18n';
 import ClerkTOCItems from './components/layout/toc-clerk';
 export function DocsPage({ toc = [], breadcrumb = {}, full = false, footer = {}, tableOfContentPopover: { enabled: tocPopoverEnabled = true, component: tocPopoverReplace, ...tocPopoverOptions } = {}, tableOfContent: { 
 // disable TOC on full mode, you can still enable it with `enabled` option.
-enabled: tocEnabled = !full, component: tocReplace, ...tocOptions } = {}, ...props }) {
+enabled: tocEnabled, component: tocReplace, ...tocOptions } = {}, ...props }) {
+    tocEnabled ?? (tocEnabled = !full &&
+        (toc.length > 0 ||
+            tocOptions.footer !== undefined ||
+            tocOptions.header !== undefined));
+    const fullWidth = full && !tocEnabled;
     return (_jsxs(AnchorProvider, { toc: toc, single: tocOptions.single, children: [_jsxs(PageContainer, { id: "nd-page", style: {
-                    '--fd-toc-width': tocEnabled ? undefined : '0px',
+                    '--fd-toc-width': fullWidth ? '0px' : undefined,
                 }, children: [replaceOrDefault({ enabled: tocPopoverEnabled, component: tocPopoverReplace }, _jsx(PageHeader, { id: "nd-tocnav", children: _jsxs(TocPopover, { children: [_jsx(TocPopoverTrigger, { className: "size-full", items: toc }), _jsxs(TocPopoverContent, { children: [tocPopoverOptions.header, tocPopoverOptions.style === 'clerk' ? (_jsx(ClerkTOCItems, { items: toc, isMenu: true })) : (_jsx(TOCItems, { items: toc, isMenu: true })), tocPopoverOptions.footer] })] }) }), {
                         items: toc,
                         ...tocPopoverOptions,
-                    }), _jsxs("article", { className: cn('mx-auto flex w-full flex-1 flex-col gap-6 px-4 pt-10 md:px-7 md:pt-12', tocEnabled ? 'max-w-[860px]' : 'max-w-[1120px]'), children: [replaceOrDefault(breadcrumb, _jsx(Breadcrumb, { includePage: breadcrumb.full, ...breadcrumb })), props.children, _jsx("div", { role: "none", className: "flex-1" }), _jsxs("div", { className: "flex flex-row flex-wrap items-center justify-between gap-4 empty:hidden", children: [props.editOnGithub ? (_jsx(EditOnGitHub, { ...props.editOnGithub })) : null, props.lastUpdate ? (_jsx(LastUpdate, { date: new Date(props.lastUpdate) })) : null] }), replaceOrDefault(footer, _jsx(Footer, { items: footer.items }))] })] }), replaceOrDefault({ enabled: tocEnabled, component: tocReplace }, _jsx(Toc, { id: "nd-toc", children: _jsxs("div", { className: "flex h-full w-[var(--fd-toc-width)] max-w-full flex-col gap-3 pe-2", children: [tocOptions.header, _jsxs("h3", { className: "-ms-0.5 inline-flex items-center gap-1.5 text-sm text-fd-muted-foreground", children: [_jsx(Text, { className: "size-4" }), _jsx(I18nLabel, { label: "toc" })] }), tocOptions.style === 'clerk' ? (_jsx(ClerkTOCItems, { items: toc })) : (_jsx(TOCItems, { items: toc })), tocOptions.footer] }) }), {
+                    }), _jsxs("article", { className: cn('mx-auto flex w-full flex-1 flex-col gap-6 px-4 pt-10 md:px-7 md:pt-12', fullWidth ? 'max-w-[1120px]' : 'max-w-[860px]'), children: [replaceOrDefault(breadcrumb, _jsx(Breadcrumb, { includePage: breadcrumb.full, ...breadcrumb })), props.children, _jsx("div", { role: "none", className: "flex-1" }), _jsxs("div", { className: "flex flex-row flex-wrap items-center justify-between gap-4 empty:hidden", children: [props.editOnGithub ? (_jsx(EditOnGitHub, { ...props.editOnGithub })) : null, props.lastUpdate ? (_jsx(LastUpdate, { date: new Date(props.lastUpdate) })) : null] }), replaceOrDefault(footer, _jsx(Footer, { items: footer.items }))] })] }), replaceOrDefault({ enabled: tocEnabled, component: tocReplace }, _jsx(Toc, { id: "nd-toc", children: _jsxs("div", { className: "flex h-full w-[var(--fd-toc-width)] max-w-full flex-col gap-3 pe-2", children: [tocOptions.header, _jsxs("h3", { className: "-ms-0.5 inline-flex items-center gap-1.5 text-sm text-fd-muted-foreground", children: [_jsx(Text, { className: "size-4" }), _jsx(I18nLabel, { label: "toc" })] }), tocOptions.style === 'clerk' ? (_jsx(ClerkTOCItems, { items: toc })) : (_jsx(TOCItems, { items: toc })), tocOptions.footer] }) }), {
                 items: toc,
                 ...tocOptions,
             }, _jsx("div", { role: "none", className: "flex-1" }))] }));
@@ -78,7 +83,6 @@ export function DocsCategory({ page, from, tree: forcedTree, ...props }) {
     return (_jsx(Cards, { ...props, children: items.map((item) => (_jsx(Card, { title: item.data.title, description: item.data.description ??
                 'No Description', href: item.url }, item.url))) }));
 }
-DocsBody.displayName = 'DocsBody';
 /**
  * For separate MDX page
  */

package/dist/style.css

@@ -2188,12 +2188,12 @@ body {
 
   from {
     opacity: 1;
-    transform: scale(1) translateY(0);
+    transform: translateY(0);
   }
 
   to {
     opacity: 0;
-    transform: scale(0.95) translateY(-10px);
+    transform: translateY(-4px);
   }
 }
 
@@ -2296,7 +2296,7 @@ body {
 
   from {
     opacity: 0;
-    transform: scale(0.95) translateY(-10px);
+    transform: scale(0.98) translateY(-4px);
   }
 
   to {

package/dist/tailwind-plugin.d.ts

@@ -1,8 +1,7 @@
 import type { CSSRuleObject, PresetsConfig } from 'tailwindcss/types/config';
 import { presets } from './theme/colors';
 import { type Options as TypographyOptions, typography } from './theme/typography';
-import type { StyleOptions } from './theme/typography/styles';
-export interface DocsUIOptions extends Pick<StyleOptions, 'disableRoundedTable'> {
+export interface DocsUIOptions extends Pick<TypographyOptions, 'disableRoundedTable'> {
     /**
      * Prefix to the variable name of colors
      *

package/dist/tailwind-plugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tailwind-plugin.d.ts","sourceRoot":"","sources":["../src/tailwind-plugin.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAC7E,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEzC,OAAO,EACL,KAAK,OAAO,IAAI,iBAAiB,EACjC,UAAU,EACX,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAE9D,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,YAAY,EAAE,qBAAqB,CAAC;IACjD;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,OAAO,OAAO,GAAG,MAAM,CAAC;IAEvC,UAAU,CAAC,EAAE,iBAAiB,CAAC;CAChC;AAED,KAAK,IAAI,GACL,YAAY,GACZ,YAAY,GACZ,OAAO,GACP,kBAAkB,GAClB,SAAS,GACT,oBAAoB,GACpB,MAAM,GACN,iBAAiB,GACjB,QAAQ,GACR,SAAS,GACT,oBAAoB,GACpB,WAAW,GACX,sBAAsB,GACtB,QAAQ,GACR,mBAAmB,GACnB,MAAM,CAAC;AAEX,KAAK,KAAK,GAAG,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AAElC,MAAM,WAAW,MAAM;IACrB,KAAK,EAAE,KAAK,CAAC;IACb,IAAI,EAAE,KAAK,CAAC;IACZ,GAAG,CAAC,EAAE,aAAa,CAAC;CACrB;AAkDD,eAAO,MAAM,MAAM;;;cArHH,CAAC;;;CAyQhB,CAAC;AAEF,wBAAgB,YAAY,CAAC,OAAO,GAAE,aAAkB,GAAG,aAAa,CAWvE;AAED,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"tailwind-plugin.d.ts","sourceRoot":"","sources":["../src/tailwind-plugin.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAC7E,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEzC,OAAO,EACL,KAAK,OAAO,IAAI,iBAAiB,EACjC,UAAU,EACX,MAAM,oBAAoB,CAAC;AAE5B,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,iBAAiB,EAAE,qBAAqB,CAAC;IACtD;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,OAAO,OAAO,GAAG,MAAM,CAAC;IAEvC,UAAU,CAAC,EAAE,iBAAiB,CAAC;CAChC;AAED,KAAK,IAAI,GACL,YAAY,GACZ,YAAY,GACZ,OAAO,GACP,kBAAkB,GAClB,SAAS,GACT,oBAAoB,GACpB,MAAM,GACN,iBAAiB,GACjB,QAAQ,GACR,SAAS,GACT,oBAAoB,GACpB,WAAW,GACX,sBAAsB,GACtB,QAAQ,GACR,mBAAmB,GACnB,MAAM,CAAC;AAEX,KAAK,KAAK,GAAG,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AAElC,MAAM,WAAW,MAAM;IACrB,KAAK,EAAE,KAAK,CAAC;IACb,IAAI,EAAE,KAAK,CAAC;IACZ,GAAG,CAAC,EAAE,aAAa,CAAC;CACrB;AAkDD,eAAO,MAAM,MAAM;;;cApHH,CAAC;;;CAwQhB,CAAC;AAEF,wBAAgB,YAAY,CAAC,OAAO,GAAE,aAAkB,GAAG,aAAa,CAWvE;AAED,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/theme/animations.js

@@ -29,12 +29,12 @@ export const animations = {
             to: { transform: 'scale(0.95) translateY(-50%, 0)', opacity: '0' },
         },
         'fd-popover-in': {
-            from: { opacity: '0', transform: 'scale(0.95) translateY(-10px)' },
+            from: { opacity: '0', transform: 'scale(0.98) translateY(-4px)' },
             to: { opacity: '1', transform: 'scale(1) translateY(0)' },
         },
         'fd-popover-out': {
-            from: { opacity: '1', transform: 'scale(1) translateY(0)' },
-            to: { opacity: '0', transform: 'scale(0.95) translateY(-10px)' },
+            from: { opacity: '1', transform: 'translateY(0)' },
+            to: { opacity: '0', transform: 'translateY(-4px)' },
         },
         'fd-fade-in': {
             from: { opacity: '0' },

package/dist/theme/typography/index.d.ts

@@ -1,6 +1,9 @@
-import * as styles from './styles';
-export interface Options extends styles.StyleOptions {
+export interface Options {
     className?: string;
+    /**
+     * Disable custom table styles
+     */
+    disableRoundedTable?: boolean;
 }
 export declare const typography: {
     (options: Options): {

package/dist/theme/typography/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/theme/typography/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,UAAU,CAAC;AAKnC,MAAM,WAAW,OAAQ,SAAQ,MAAM,CAAC,YAAY;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAmJD,eAAO,MAAM,UAAU;;;cApJlB,CAAC;;;CAqLL,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/theme/typography/index.ts"],"names":[],"mappings":"AAMA,MAAM,WAAW,OAAO;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAmJD,eAAO,MAAM,UAAU;;;cA1JH,CAAC;;;CAsMpB,CAAC"}

package/dist/theme/typography/index.js

@@ -32,7 +32,7 @@ function configToCss(config = {}, { className, modifier, prefix }) {
         }
         return [k, v];
     }
-    const css = 'css' in config ? config.css : [];
+    const css = config.css ?? [];
     return Object.fromEntries(Object.entries(merge({}, ...(Array.isArray(css) ? css : [css]))).map(([k, v]) => updateSelector(k, v)));
 }
 const parseSelector = parser();
@@ -119,7 +119,15 @@ export const typography = plugin.withOptions(({ className = 'prose', ...styleOpt
             })})`);
         }
         addComponents({
-            [`.${className}`]: configToCss(modifiers.DEFAULT(styleOptions), {
+            [`.${className}`]: configToCss({
+                ...modifiers.DEFAULT,
+                css: [
+                    ...(modifiers.DEFAULT.css ?? []),
+                    styleOptions.disableRoundedTable
+                        ? modifiers.normalTable
+                        : modifiers.roundedTable,
+                ],
+            }, {
                 className,
                 modifier: 'DEFAULT',
                 prefix,

package/dist/theme/typography/styles.d.ts

@@ -1,486 +1,87 @@
-export interface StyleOptions {
-    /**
-     * Disable custom table styles
-     */
-    disableRoundedTable?: boolean;
-}
-export declare const DEFAULT: ({ disableRoundedTable }: StyleOptions) => {
-    css: ({
-        '--tw-prose-body': string;
-        '--tw-prose-headings': string;
-        '--tw-prose-lead': string;
-        '--tw-prose-links': string;
-        '--tw-prose-bold': string;
-        '--tw-prose-counters': string;
-        '--tw-prose-bullets': string;
-        '--tw-prose-hr': string;
-        '--tw-prose-quotes': string;
-        '--tw-prose-quote-borders': string;
-        '--tw-prose-captions': string;
-        '--tw-prose-code': string;
-        '--tw-prose-th-borders': string;
-        '--tw-prose-td-borders': string;
-        '--tw-prose-kbd': string;
-        '--tw-prose-kbd-shadows': string;
-    } | {
-        table: {
-            borderCollapse: string;
-            borderSpacing: string;
-            '@apply bg-fd-card rounded-lg border overflow-hidden': string;
-        };
-        th: {
-            textAlign: string;
-            '@apply p-2.5 border-s bg-fd-muted': string;
-        };
-        'th:first-child': {
-            '@apply border-s-0': string;
-        };
-        'th:not(tr:last-child *), td:not(tr:last-child *)': {
-            '@apply border-b': string;
-        };
-        td: {
-            textAlign: string;
-            '@apply border-s p-2.5': string;
-        };
-        'td:first-child': {
-            '@apply border-s-0': string;
-        };
-        'tfoot th, tfoot td': {
-            borderTopWidth: string;
-            borderTopColor: string;
-        };
-        'thead th, thead td': {
-            borderBottomWidth: string;
-            borderBottomColor: string;
-        };
-    } | {
-        thead: {
-            borderBottomWidth: string;
-            borderBottomColor: string;
-        };
-        'thead th': {
-            verticalAlign: string;
-            paddingInlineEnd: string;
-            paddingBottom: string;
-            paddingInlineStart: string;
-        };
-        'thead th:first-child': {
-            paddingInlineStart: string;
-        };
-        'thead th:last-child': {
-            paddingInlineEnd: string;
-        };
-        'tbody td, tfoot td': {
-            paddingTop: string;
-            paddingInlineEnd: string;
-            paddingBottom: string;
-            paddingInlineStart: string;
-        };
-        'tbody td:first-child, tfoot td:first-child': {
-            paddingInlineStart: string;
-        };
-        'tbody td:last-child, tfoot td:last-child': {
-            paddingInlineEnd: string;
-        };
-        'tbody tr': {
-            borderBottomWidth: string;
-            borderBottomColor: string;
-        };
-        'tbody tr:last-child': {
-            borderBottomWidth: string;
-        };
-        'tbody td': {
-            verticalAlign: string;
-        };
-        tfoot: {
-            borderTopWidth: string;
-            borderTopColor: string;
-        };
-        'tfoot td': {
-            verticalAlign: string;
-        };
-        'th, td': {
-            textAlign: string;
-        };
-    } | {
-        color: string;
-        maxWidth: string;
-        fontSize: string;
-        lineHeight: string;
-        '[class~="lead"]': {
-            fontSize: string;
-            lineHeight: string;
-            marginTop: string;
-            marginBottom: string;
-            color: string;
-        };
-        ul: {
-            paddingInlineStart: string;
-            listStyleType: string;
-            marginTop: string;
-            marginBottom: string;
-        };
-        li: {
-            marginTop: string;
-            marginBottom: string;
-        };
-        'ol > li': {
-            paddingInlineStart: string;
-        };
-        'ul > li': {
-            paddingInlineStart: string;
-        };
-        '> ul > li p': {
-            marginTop: string;
-            marginBottom: string;
-        };
-        '> ul > li > p:first-child': {
-            marginTop: string;
-        };
-        '> ul > li > p:last-child': {
-            marginBottom: string;
-        };
-        '> ol > li > p:first-child': {
-            marginTop: string;
-        };
-        '> ol > li > p:last-child': {
-            marginBottom: string;
-        };
-        'ul ul, ul ol, ol ul, ol ol': {
-            marginTop: string;
-            marginBottom: string;
-        };
-        dl: {
-            marginTop: string;
-            marginBottom: string;
-        };
-        dt: {
-            color: string;
-            fontWeight: string;
-            marginTop: string;
-        };
-        dd: {
-            marginTop: string;
-            paddingInlineStart: string;
-        };
-        hr: {
-            borderColor: string;
-            borderTopWidth: number;
-            marginTop: string;
-            marginBottom: string;
-        };
-        p: {
-            marginTop: string;
-            marginBottom: string;
-        };
-        strong: {
-            color: string;
-            fontWeight: string;
-        };
-        'a strong': {
-            color: string;
-        };
-        'blockquote strong': {
-            color: string;
-        };
-        'thead th strong': {
-            color: string;
-        };
-        ol: {
-            listStyleType: string;
-            marginTop: string;
-            marginBottom: string;
-            paddingInlineStart: string;
-        };
-        'ol[type="A"]': {
-            listStyleType: string;
-        };
-        'ol[type="a"]': {
-            listStyleType: string;
-        };
-        'ol[type="A" s]': {
-            listStyleType: string;
-        };
-        'ol[type="a" s]': {
-            listStyleType: string;
-        };
-        'ol[type="I"]': {
-            listStyleType: string;
-        };
-        'ol[type="i"]': {
-            listStyleType: string;
-        };
-        'ol[type="I" s]': {
-            listStyleType: string;
-        };
-        'ol[type="i" s]': {
-            listStyleType: string;
-        };
-        'ol[type="1"]': {
-            listStyleType: string;
-        };
-        'ol > li::marker': {
-            fontWeight: string;
-            color: string;
-        };
-        'ul > li::marker': {
-            color: string;
-        };
-        blockquote: {
-            marginTop: string;
-            marginBottom: string;
-            paddingInlineStart: string;
-            fontWeight: string;
-            fontStyle: string;
-            color: string;
-            borderInlineStartWidth: string;
-            borderInlineStartColor: string;
-            quotes: string;
-        };
-        'blockquote p:first-of-type::before': {
-            content: string;
-        };
-        'blockquote p:last-of-type::after': {
-            content: string;
-        };
-        h1: {
-            color: string;
-            fontWeight: string;
-            fontSize: string;
-            marginTop: string;
-            marginBottom: string;
-            lineHeight: string;
-        };
-        'h1 strong': {
-            fontWeight: string;
-            color: string;
-        };
-        h2: {
-            color: string;
-            fontSize: string;
-            marginTop: string;
-            marginBottom: string;
-            lineHeight: string;
-            fontWeight: string;
-        };
-        'h2 strong': {
-            fontWeight: string;
-            color: string;
-        };
-        h3: {
-            color: string;
-            fontWeight: string;
-            fontSize: string;
-            marginTop: string;
-            marginBottom: string;
-            lineHeight: string;
-        };
-        'h3 strong': {
-            fontWeight: string;
-            color: string;
-        };
-        h4: {
-            color: string;
-            fontWeight: string;
-            marginTop: string;
-            marginBottom: string;
-            lineHeight: string;
-        };
-        'h4 strong': {
-            fontWeight: string;
-            color: string;
-        };
-        'hr + *': {
-            marginTop: string;
-        };
-        'h2 + *': {
-            marginTop: string;
-        };
-        'h3 + *': {
-            marginTop: string;
-        };
-        'h4 + *': {
-            marginTop: string;
-        };
-        img: {
-            marginTop: string;
-            marginBottom: string;
-        };
-        picture: {
-            display: string;
-            marginTop: string;
-            marginBottom: string;
-        };
-        'picture > img': {
-            marginTop: string;
-            marginBottom: string;
-        };
-        video: {
-            marginTop: string;
-            marginBottom: string;
-        };
-        kbd: {
-            fontSize: string;
-            borderRadius: string;
-            paddingTop: string;
-            paddingInlineEnd: string;
-            paddingBottom: string;
-            paddingInlineStart: string;
-            fontWeight: string;
-            fontFamily: string;
-            color: string;
-            boxShadow: string;
-        };
-        code: {
-            padding: string;
-            border: string;
-            fontSize: string;
-            borderColor: string;
-            borderRadius: string;
-            fontWeight: string;
-            background: string;
-            color: string;
-        };
-        'a code': {
-            color: string;
-        };
-        'h1 code': {
-            color: string;
-        };
-        'h2 code': {
-            color: string;
-            fontSize: string;
-        };
-        'h3 code': {
-            color: string;
-            fontSize: string;
-        };
-        'h4 code': {
-            color: string;
-        };
-        'blockquote code': {
-            color: string;
-        };
-        'thead th code': {
-            color: string;
-        };
-        table: {
-            fontSize: string;
-            lineHeight: string;
-            width: string;
-            tableLayout: string;
-            marginTop: string;
-            marginBottom: string;
-        };
-        'thead th': {
-            color: string;
-            fontWeight: string;
-        };
-        figure: {
-            marginTop: string;
-            marginBottom: string;
-        };
-        'figure > *': {
-            marginTop: string;
-            marginBottom: string;
-        };
-        figcaption: {
-            color: string;
-            fontSize: string;
-            lineHeight: string;
-            marginTop: string;
-        };
-        'a:not([data-card])': {
-            color: string;
-            transition: string;
-            fontWeight: string;
-            textDecoration: string;
-            textUnderlineOffset: string;
-            textDecorationColor: string;
-        };
-        'a:not([data-card]):hover': {
-            opacity: string;
-        };
-        '> :first-child'?: undefined;
-        '> :last-child'?: undefined;
-    } | {
-        '> :first-child': {
-            marginTop: string;
-        };
-        '> :last-child': {
-            marginBottom: string;
-        };
-        color?: undefined;
-        maxWidth?: undefined;
-        fontSize?: undefined;
-        lineHeight?: undefined;
-        '[class~="lead"]'?: undefined;
-        ul?: undefined;
-        li?: undefined;
-        'ol > li'?: undefined;
-        'ul > li'?: undefined;
-        '> ul > li p'?: undefined;
-        '> ul > li > p:first-child'?: undefined;
-        '> ul > li > p:last-child'?: undefined;
-        '> ol > li > p:first-child'?: undefined;
-        '> ol > li > p:last-child'?: undefined;
-        'ul ul, ul ol, ol ul, ol ol'?: undefined;
-        dl?: undefined;
-        dt?: undefined;
-        dd?: undefined;
-        hr?: undefined;
-        p?: undefined;
-        strong?: undefined;
-        'a strong'?: undefined;
-        'blockquote strong'?: undefined;
-        'thead th strong'?: undefined;
-        ol?: undefined;
-        'ol[type="A"]'?: undefined;
-        'ol[type="a"]'?: undefined;
-        'ol[type="A" s]'?: undefined;
-        'ol[type="a" s]'?: undefined;
-        'ol[type="I"]'?: undefined;
-        'ol[type="i"]'?: undefined;
-        'ol[type="I" s]'?: undefined;
-        'ol[type="i" s]'?: undefined;
-        'ol[type="1"]'?: undefined;
-        'ol > li::marker'?: undefined;
-        'ul > li::marker'?: undefined;
-        blockquote?: undefined;
-        'blockquote p:first-of-type::before'?: undefined;
-        'blockquote p:last-of-type::after'?: undefined;
-        h1?: undefined;
-        'h1 strong'?: undefined;
-        h2?: undefined;
-        'h2 strong'?: undefined;
-        h3?: undefined;
-        'h3 strong'?: undefined;
-        h4?: undefined;
-        'h4 strong'?: undefined;
-        'hr + *'?: undefined;
-        'h2 + *'?: undefined;
-        'h3 + *'?: undefined;
-        'h4 + *'?: undefined;
-        img?: undefined;
-        picture?: undefined;
-        'picture > img'?: undefined;
-        video?: undefined;
-        kbd?: undefined;
-        code?: undefined;
-        'a code'?: undefined;
-        'h1 code'?: undefined;
-        'h2 code'?: undefined;
-        'h3 code'?: undefined;
-        'h4 code'?: undefined;
-        'blockquote code'?: undefined;
-        'thead th code'?: undefined;
-        table?: undefined;
-        'thead th'?: undefined;
-        figure?: undefined;
-        'figure > *'?: undefined;
-        figcaption?: undefined;
-        'a:not([data-card])'?: undefined;
-        'a:not([data-card]):hover'?: undefined;
-    })[];
+export declare const roundedTable: {
+    table: {
+        borderCollapse: string;
+        borderSpacing: string;
+        '@apply bg-fd-card rounded-lg border overflow-hidden': string;
+    };
+    th: {
+        textAlign: string;
+        '@apply p-2.5 border-s bg-fd-muted': string;
+    };
+    'th:first-child': {
+        '@apply border-s-0': string;
+    };
+    'th:not(tr:last-child *), td:not(tr:last-child *)': {
+        '@apply border-b': string;
+    };
+    td: {
+        textAlign: string;
+        '@apply border-s p-2.5': string;
+    };
+    'td:first-child': {
+        '@apply border-s-0': string;
+    };
+    'tfoot th, tfoot td': {
+        borderTopWidth: string;
+        borderTopColor: string;
+    };
+    'thead th, thead td': {
+        borderBottomWidth: string;
+        borderBottomColor: string;
+    };
+};
+export declare const normalTable: {
+    thead: {
+        borderBottomWidth: string;
+        borderBottomColor: string;
+    };
+    'thead th': {
+        verticalAlign: string;
+        paddingInlineEnd: string;
+        paddingBottom: string;
+        paddingInlineStart: string;
+    };
+    'thead th:first-child': {
+        paddingInlineStart: string;
+    };
+    'thead th:last-child': {
+        paddingInlineEnd: string;
+    };
+    'tbody td, tfoot td': {
+        paddingTop: string;
+        paddingInlineEnd: string;
+        paddingBottom: string;
+        paddingInlineStart: string;
+    };
+    'tbody td:first-child, tfoot td:first-child': {
+        paddingInlineStart: string;
+    };
+    'tbody td:last-child, tfoot td:last-child': {
+        paddingInlineEnd: string;
+    };
+    'tbody tr': {
+        borderBottomWidth: string;
+        borderBottomColor: string;
+    };
+    'tbody tr:last-child': {
+        borderBottomWidth: string;
+    };
+    'tbody td': {
+        verticalAlign: string;
+    };
+    tfoot: {
+        borderTopWidth: string;
+        borderTopColor: string;
+    };
+    'tfoot td': {
+        verticalAlign: string;
+    };
+    'th, td': {
+        textAlign: string;
+    };
 };
+export interface Config {
+    css?: Record<string, string | Record<string, string>>[];
+}
+export declare const DEFAULT: Config;
 //# sourceMappingURL=styles.d.ts.map

package/dist/theme/typography/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/theme/typography/styles.ts"],"names":[],"mappings":"AAsHA,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,eAAO,MAAM,OAAO,4BAA6B,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8T3D,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/theme/typography/styles.ts"],"names":[],"mappings":"AAkCA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+BxB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiDvB,CAAC;AAEF,MAAM,WAAW,MAAM;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,CAAC;CACzD;AAED,eAAO,MAAM,OAAO,EAAE,MA6TrB,CAAC"}

package/dist/theme/typography/styles.js

@@ -28,7 +28,7 @@ const colors = {
     '--tw-prose-kbd': `theme('colors.fd-foreground')`,
     '--tw-prose-kbd-shadows': `theme('colors.fd-primary.DEFAULT / 50%')`,
 };
-const roundedTable = {
+export const roundedTable = {
     table: {
         borderCollapse: 'separate',
         borderSpacing: '0',
@@ -60,7 +60,7 @@ const roundedTable = {
         borderBottomColor: 'var(--tw-prose-th-borders)',
     },
 };
-const normalTable = {
+export const normalTable = {
     thead: {
         borderBottomWidth: '1px',
         borderBottomColor: 'var(--tw-prose-th-borders)',
@@ -110,7 +110,7 @@ const normalTable = {
         textAlign: 'start',
     },
 };
-export const DEFAULT = ({ disableRoundedTable }) => ({
+export const DEFAULT = {
     css: [
         {
             color: 'var(--tw-prose-body)',
@@ -175,7 +175,7 @@ export const DEFAULT = ({ disableRoundedTable }) => ({
             },
             hr: {
                 borderColor: 'var(--tw-prose-hr)',
-                borderTopWidth: 1,
+                borderTopWidth: '1px',
                 marginTop: em(48, 16),
                 marginBottom: em(48, 16),
             },
@@ -421,6 +421,5 @@ export const DEFAULT = ({ disableRoundedTable }) => ({
                 marginBottom: '0',
             },
         },
-        disableRoundedTable ? normalTable : roundedTable,
     ],
-});
+};

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,CAqBV"}
+{"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"}

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

@@ -1,16 +1,20 @@
 export function getSidebarTabs(pageTree, { transform } = {}) {
     const options = [];
     function traverse(node) {
-        if (node.type === 'folder' && node.root && node.index) {
-            const option = {
-                url: node.index.url,
-                title: node.name,
-                icon: node.icon,
-                description: node.description,
-            };
-            const mapped = transform ? transform(option, node) : option;
-            if (mapped)
-                options.push(mapped);
+        if (node.type === 'folder' && 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,
+                };
+                const mapped = transform ? transform(option, node) : option;
+                if (mapped)
+                    options.push(mapped);
+            }
         }
         if (node.type === 'folder')
             node.children.forEach(traverse);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fumadocs-ui",
-  "version": "14.5.2",
+  "version": "14.5.3",
   "description": "The framework for building a documentation website in Next.js",
   "keywords": [
     "NextJs",
@@ -68,7 +68,7 @@
     "postcss-selector-parser": "^7.0.0",
     "react-medium-image-zoom": "^5.2.11",
     "tailwind-merge": "^2.5.4",
-    "fumadocs-core": "14.5.2"
+    "fumadocs-core": "14.5.3"
   },
   "devDependencies": {
     "@next/eslint-plugin-next": "^15.0.3",