fumadocs-ui 15.0.2 → 15.0.4

package/dist/layouts/docs/sidebar.js

@@ -6,14 +6,14 @@ import { usePathname } from 'next/navigation';
 import { createContext, useCallback, useContext, useMemo, useRef, useState, } from 'react';
 import Link from 'fumadocs-core/link';
 import { useOnChange } from 'fumadocs-core/utils/use-on-change';
-import { cn } from '../../utils/cn';
-import { ScrollArea, ScrollViewport } from '../../components/ui/scroll-area';
-import { isActive } from '../../utils/is-active';
-import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from '../../components/ui/collapsible';
-import { useSidebar } from '../../contexts/sidebar';
-import { buttonVariants } from '../../components/ui/button';
+import { cn } from '../../utils/cn.js';
+import { ScrollArea, ScrollViewport } from '../../components/ui/scroll-area.js';
+import { isActive } from '../../utils/is-active.js';
+import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from '../../components/ui/collapsible.js';
+import { useSidebar } from '../../contexts/sidebar.js';
+import { buttonVariants } from '../../components/ui/button.js';
 import { cva } from 'class-variance-authority';
-import { useTreeContext, useTreePath } from '../../contexts/tree';
+import { useTreeContext, useTreePath } from '../../contexts/tree.js';
 const itemVariants = cva('relative flex flex-row items-center gap-2 rounded-md p-2 text-start text-fd-muted-foreground [overflow-wrap:anywhere] md:py-1.5 [&_svg]:size-4 [&_svg]:shrink-0', {
     variants: {
         active: {

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

@@ -1,5 +1,5 @@
 import { type ButtonHTMLAttributes, type HTMLAttributes } from 'react';
-import { type LinkItemType } from '../layouts/links';
+import { type LinkItemType } from '../layouts/links.js';
 interface LinksMenuProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     items: LinkItemType[];
 }

package/dist/layouts/docs.client.js

@@ -4,14 +4,14 @@ import { ChevronDown, Menu, X } from 'lucide-react';
 import { useState, } from 'react';
 import { usePathname } from 'next/navigation';
 import { useOnChange } from 'fumadocs-core/utils/use-on-change';
-import { cn } from '../utils/cn';
-import { Popover, PopoverContent, PopoverTrigger, } from '../components/ui/popover';
-import { BaseLinkItem } from '../layouts/links';
-import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from '../components/ui/collapsible';
+import { cn } from '../utils/cn.js';
+import { Popover, PopoverContent, PopoverTrigger, } from '../components/ui/popover.js';
+import { BaseLinkItem } from '../layouts/links.js';
+import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from '../components/ui/collapsible.js';
 import { cva } from 'class-variance-authority';
-import { buttonVariants } from '../components/ui/button';
-import { useSidebar } from '../contexts/sidebar';
-import { useNav } from '../components/layout/nav';
+import { buttonVariants } from '../components/ui/button.js';
+import { useSidebar } from '../contexts/sidebar.js';
+import { useNav } from '../components/layout/nav.js';
 import { SidebarTrigger } from 'fumadocs-core/sidebar';
 const itemVariants = cva('flex flex-row items-center gap-2 rounded-md px-3 py-2.5 text-fd-muted-foreground transition-colors duration-100 [overflow-wrap:anywhere] hover:bg-fd-accent/50 hover:text-fd-accent-foreground/80 hover:transition-none md:px-2 md:py-1.5 [&_svg]:size-4');
 export function LinksMenu({ items, ...props }) {

package/dist/layouts/docs.d.ts

@@ -1,14 +1,14 @@
 import type { PageTree } from 'fumadocs-core/server';
 import { type ReactNode, type HTMLAttributes } from 'react';
-import { type LinkItemType } from '../layouts/links';
-import { type BaseLayoutProps } from './shared';
-import { type SidebarOptions } from '../layouts/docs/shared';
+import { type LinkItemType } from '../layouts/links.js';
+import { type BaseLayoutProps } from './shared.js';
+import { type SidebarOptions } from '../layouts/docs/shared.js';
 export interface DocsLayoutProps extends BaseLayoutProps {
     tree: PageTree.Root;
     sidebar?: Partial<SidebarOptions>;
     containerProps?: HTMLAttributes<HTMLDivElement>;
 }
 export declare function DocsLayout({ nav: { enabled: navEnabled, component: navReplace, transparentMode, ...nav }, sidebar: { enabled: sidebarEnabled, collapsible, component: sidebarReplace, tabs: tabOptions, banner: sidebarBanner, footer: sidebarFooter, components: sidebarComponents, hideSearch: sidebarHideSearch, ...sidebar }, i18n, ...props }: DocsLayoutProps): ReactNode;
-export { getSidebarTabsFromOptions, type TabOptions } from './docs/shared';
+export { getSidebarTabsFromOptions, type TabOptions } from './docs/shared.js';
 export { type LinkItemType };
 //# sourceMappingURL=docs.d.ts.map

package/dist/layouts/docs.js

@@ -1,21 +1,21 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Link from 'next/link';
 import { Languages, MoreHorizontal } from 'lucide-react';
-import { cn } from '../utils/cn';
-import { buttonVariants } from '../components/ui/button';
-import { CollapsibleSidebar, Sidebar, SidebarFooter, SidebarHeader, SidebarCollapseTrigger, SidebarViewport, SidebarPageTree, } from '../layouts/docs/sidebar';
-import { replaceOrDefault } from '../layouts/shared';
-import { BaseLinkItem, } from '../layouts/links';
-import { RootToggle } from '../components/layout/root-toggle';
-import { getLinks } from './shared';
-import { LanguageToggle, LanguageToggleText, } from '../components/layout/language-toggle';
-import { LinksMenu, Navbar, NavbarSidebarTrigger } from '../layouts/docs.client';
-import { TreeContextProvider } from '../contexts/tree';
-import { NavProvider, Title } from '../components/layout/nav';
-import { ThemeToggle } from '../components/layout/theme-toggle';
-import { LargeSearchToggle, SearchToggle, } from '../components/layout/search-toggle';
-import { checkPageTree, getSidebarTabsFromOptions, layoutVariables, SidebarLinkItem, } from '../layouts/docs/shared';
-import { StylesProvider } from '../contexts/layout';
+import { cn } from '../utils/cn.js';
+import { buttonVariants } from '../components/ui/button.js';
+import { CollapsibleSidebar, Sidebar, SidebarFooter, SidebarHeader, SidebarCollapseTrigger, SidebarViewport, SidebarPageTree, } from '../layouts/docs/sidebar.js';
+import { replaceOrDefault } from '../layouts/shared.js';
+import { BaseLinkItem, } from '../layouts/links.js';
+import { RootToggle } from '../components/layout/root-toggle.js';
+import { getLinks } from './shared.js';
+import { LanguageToggle, LanguageToggleText, } from '../components/layout/language-toggle.js';
+import { LinksMenu, Navbar, NavbarSidebarTrigger } from '../layouts/docs.client.js';
+import { TreeContextProvider } from '../contexts/tree.js';
+import { NavProvider, Title } from '../components/layout/nav.js';
+import { ThemeToggle } from '../components/layout/theme-toggle.js';
+import { LargeSearchToggle, SearchToggle, } from '../components/layout/search-toggle.js';
+import { checkPageTree, getSidebarTabsFromOptions, layoutVariables, SidebarLinkItem, } from '../layouts/docs/shared.js';
+import { StylesProvider } from '../contexts/layout.js';
 export function DocsLayout({ nav: { enabled: navEnabled = true, component: navReplace, transparentMode, ...nav } = {}, sidebar: { enabled: sidebarEnabled = true, collapsible = true, component: sidebarReplace, tabs: tabOptions, banner: sidebarBanner, footer: sidebarFooter, components: sidebarComponents, hideSearch: sidebarHideSearch, ...sidebar } = {}, i18n = false, ...props }) {
     checkPageTree(props.tree);
     const links = getLinks(props.links ?? [], props.githubUrl);
@@ -58,4 +58,4 @@ function SidebarFooterItems({ iconItems, i18n, sidebarCollapsible, disableThemeS
         return null;
     return (_jsxs("div", { className: "flex flex-row items-center", children: [iconItems.map((item, i) => (_jsx(BaseLinkItem, { item: item, className: cn(buttonVariants({ size: 'icon', color: 'ghost' }), 'text-fd-muted-foreground md:hidden'), "aria-label": item.label, children: item.icon }, i))), _jsx("div", { role: "separator", className: "flex-1" }), i18n ? (_jsxs(LanguageToggle, { className: "me-1.5", children: [_jsx(Languages, { className: "size-5" }), _jsx(LanguageToggleText, { className: "md:hidden" })] })) : null, !disableThemeSwitch ? (_jsx(ThemeToggle, { className: "p-0 md:order-first" })) : null, sidebarCollapsible ? (_jsx(SidebarCollapseTrigger, { className: "-me-1.5 max-md:hidden" })) : null] }));
 }
-export { getSidebarTabsFromOptions } from './docs/shared';
+export { getSidebarTabsFromOptions } from './docs/shared.js';

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

@@ -1,5 +1,5 @@
-import { type LinkItemType } from '../../layouts/links';
-import { NavigationMenuContent, NavigationMenuTrigger } from '../../components/ui/navigation-menu';
+import { type LinkItemType } from '../../layouts/links.js';
+import { NavigationMenuContent, NavigationMenuTrigger } from '../../components/ui/navigation-menu.js';
 import type { ComponentPropsWithoutRef } from 'react';
 export declare function MenuLinkItem({ item, ...props }: {
     item: LinkItemType;

package/dist/layouts/home/menu.js

@@ -1,11 +1,11 @@
 'use client';
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { BaseLinkItem } from '../../layouts/links';
-import { cn } from '../../utils/cn';
-import { NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuTrigger, } from '../../components/ui/navigation-menu';
+import { BaseLinkItem } from '../../layouts/links.js';
+import { cn } from '../../utils/cn.js';
+import { NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuTrigger, } from '../../components/ui/navigation-menu.js';
 import Link from 'fumadocs-core/link';
 import { cva } from 'class-variance-authority';
-import { buttonVariants } from '../../components/ui/button';
+import { buttonVariants } from '../../components/ui/button.js';
 const menuItemVariants = cva('', {
     variants: {
         variant: {

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

@@ -1,7 +1,7 @@
 import { type ComponentProps, type HTMLAttributes } from 'react';
 import { type VariantProps } from 'class-variance-authority';
 import { type LinkProps } from 'fumadocs-core/link';
-import { BaseLinkItem } from '../../layouts/links';
+import { BaseLinkItem } from '../../layouts/links.js';
 import type { NavigationMenuContentProps, NavigationMenuTriggerProps } from '@radix-ui/react-navigation-menu';
 export declare function Navbar(props: HTMLAttributes<HTMLElement>): import("react/jsx-runtime").JSX.Element;
 export declare const NavbarMenu: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-navigation-menu").NavigationMenuItemProps & import("react").RefAttributes<HTMLLIElement>, "ref"> & import("react").RefAttributes<HTMLLIElement>>;

package/dist/layouts/home/navbar.js

@@ -3,11 +3,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
 import { cva } from 'class-variance-authority';
 import Link from 'fumadocs-core/link';
-import { cn } from '../../utils/cn';
-import { BaseLinkItem } from '../../layouts/links';
-import { NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuTrigger, NavigationMenuViewport, } from '../../components/ui/navigation-menu';
-import { useNav } from '../../components/layout/nav';
-import { buttonVariants } from '../../components/ui/button';
+import { cn } from '../../utils/cn.js';
+import { BaseLinkItem } from '../../layouts/links.js';
+import { NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuTrigger, NavigationMenuViewport, } from '../../components/ui/navigation-menu.js';
+import { useNav } from '../../components/layout/nav.js';
+import { buttonVariants } from '../../components/ui/button.js';
 const navItemVariants = cva('inline-flex items-center gap-1 p-2 text-fd-muted-foreground transition-colors hover:text-fd-accent-foreground data-[active=true]:text-fd-primary [&_svg]:size-4');
 export function Navbar(props) {
     const [value, setValue] = useState('');

package/dist/layouts/home.d.ts

@@ -1,6 +1,6 @@
 import type { HTMLAttributes } from 'react';
-import { type NavOptions } from '../layouts/shared';
-import { type BaseLayoutProps } from './shared';
+import { type NavOptions } from '../layouts/shared.js';
+import { type BaseLayoutProps } from './shared.js';
 export interface HomeLayoutProps extends BaseLayoutProps, HTMLAttributes<HTMLElement> {
     nav?: Partial<NavOptions & {
         /**

package/dist/layouts/home.js

@@ -1,16 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { replaceOrDefault } from '../layouts/shared';
-import { cn } from '../utils/cn';
-import { getLinks } from './shared';
-import { NavProvider, Title } from '../components/layout/nav';
-import { NavigationMenuList } from '../components/ui/navigation-menu';
-import { Navbar, NavbarLink, NavbarMenu, NavbarMenuContent, NavbarMenuLink, NavbarMenuTrigger, } from '../layouts/home/navbar';
-import { LargeSearchToggle, SearchToggle, } from '../components/layout/search-toggle';
-import { ThemeToggle } from '../components/layout/theme-toggle';
-import { LanguageToggle, LanguageToggleText, } from '../components/layout/language-toggle';
+import { replaceOrDefault } from '../layouts/shared.js';
+import { cn } from '../utils/cn.js';
+import { getLinks } from './shared.js';
+import { NavProvider, Title } from '../components/layout/nav.js';
+import { NavigationMenuList } from '../components/ui/navigation-menu.js';
+import { Navbar, NavbarLink, NavbarMenu, NavbarMenuContent, NavbarMenuLink, NavbarMenuTrigger, } from '../layouts/home/navbar.js';
+import { LargeSearchToggle, SearchToggle, } from '../components/layout/search-toggle.js';
+import { ThemeToggle } from '../components/layout/theme-toggle.js';
+import { LanguageToggle, LanguageToggleText, } from '../components/layout/language-toggle.js';
 import { ChevronDown, Languages } from 'lucide-react';
 import Link from 'fumadocs-core/link';
-import { Menu, MenuContent, MenuLinkItem, MenuTrigger, } from '../layouts/home/menu';
+import { Menu, MenuContent, MenuLinkItem, MenuTrigger, } from '../layouts/home/menu.js';
 export function HomeLayout(props) {
     const { nav, links, githubUrl, i18n: _i18n, disableThemeSwitch: _disableThemeSwitch, ...rest } = props;
     const finalLinks = getLinks(links, githubUrl);

package/dist/layouts/links.js

@@ -3,7 +3,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import Link from 'fumadocs-core/link';
 import { usePathname } from 'next/navigation';
 import { forwardRef, } from 'react';
-import { isActive } from '../utils/is-active';
+import { isActive } from '../utils/is-active.js';
 export const BaseLinkItem = forwardRef(({ item, ...props }, ref) => {
     const pathname = usePathname();
     const activeType = item.active ?? 'url';

package/dist/layouts/notebook.client.js

@@ -1,10 +1,10 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from '../utils/cn';
-import { useSidebar } from '../contexts/sidebar';
-import { useNav } from '../components/layout/nav';
+import { cn } from '../utils/cn.js';
+import { useSidebar } from '../contexts/sidebar.js';
+import { useNav } from '../components/layout/nav.js';
 import { SidebarTrigger } from 'fumadocs-core/sidebar';
-import { buttonVariants } from '../components/ui/button';
+import { buttonVariants } from '../components/ui/button.js';
 import { Menu, X } from 'lucide-react';
 export function Navbar(props) {
     const { open, collapsed } = useSidebar();

package/dist/layouts/notebook.d.ts

@@ -1,6 +1,6 @@
 import { type HTMLAttributes, type ReactNode } from 'react';
-import { type BaseLayoutProps } from '../layouts/shared';
-import { type SidebarOptions } from '../layouts/docs/shared';
+import { type BaseLayoutProps } from '../layouts/shared.js';
+import { type SidebarOptions } from '../layouts/docs/shared.js';
 import type { PageTree } from 'fumadocs-core/server';
 export interface DocsLayoutProps extends BaseLayoutProps {
     tree: PageTree.Root;

package/dist/layouts/notebook.js

@@ -1,22 +1,22 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment } from 'react';
-import { getLinks, } from '../layouts/shared';
-import { CollapsibleSidebar, Sidebar, SidebarCollapseTrigger, SidebarFooter, SidebarHeader, SidebarViewport, SidebarPageTree, } from '../layouts/docs/sidebar';
-import { RootToggle } from '../components/layout/root-toggle';
-import { TreeContextProvider } from '../contexts/tree';
-import { NavProvider, Title } from '../components/layout/nav';
-import { LargeSearchToggle, SearchToggle, } from '../components/layout/search-toggle';
-import { cn } from '../utils/cn';
+import { getLinks, } from '../layouts/shared.js';
+import { CollapsibleSidebar, Sidebar, SidebarCollapseTrigger, SidebarFooter, SidebarHeader, SidebarViewport, SidebarPageTree, } from '../layouts/docs/sidebar.js';
+import { RootToggle } from '../components/layout/root-toggle.js';
+import { TreeContextProvider } from '../contexts/tree.js';
+import { NavProvider, Title } from '../components/layout/nav.js';
+import { LargeSearchToggle, SearchToggle, } from '../components/layout/search-toggle.js';
+import { cn } from '../utils/cn.js';
 import Link from 'next/link';
-import { buttonVariants } from '../components/ui/button';
+import { buttonVariants } from '../components/ui/button.js';
 import { ChevronDown, Languages } from 'lucide-react';
-import { BaseLinkItem } from '../layouts/links';
-import { LanguageToggle } from '../components/layout/language-toggle';
-import { ThemeToggle } from '../components/layout/theme-toggle';
-import { Popover, PopoverContent, PopoverTrigger, } from '../components/ui/popover';
-import { checkPageTree, getSidebarTabsFromOptions, layoutVariables, SidebarLinkItem, } from '../layouts/docs/shared';
-import { Navbar, NavbarSidebarTrigger } from './notebook.client';
-import { StylesProvider } from '../contexts/layout';
+import { BaseLinkItem } from '../layouts/links.js';
+import { LanguageToggle } from '../components/layout/language-toggle.js';
+import { ThemeToggle } from '../components/layout/theme-toggle.js';
+import { Popover, PopoverContent, PopoverTrigger, } from '../components/ui/popover.js';
+import { checkPageTree, getSidebarTabsFromOptions, layoutVariables, SidebarLinkItem, } from '../layouts/docs/shared.js';
+import { Navbar, NavbarSidebarTrigger } from './notebook.client.js';
+import { StylesProvider } from '../contexts/layout.js';
 export function DocsLayout({ nav: { transparentMode, ...nav } = {}, sidebar: { collapsible: sidebarCollapsible = true, tabs: tabOptions, banner: sidebarBanner, footer: sidebarFooter, components: sidebarComponents, ...sidebar } = {}, i18n = false, ...props }) {
     checkPageTree(props.tree);
     const links = getLinks(props.links ?? [], props.githubUrl);

package/dist/layouts/shared.d.ts

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
-import type { LinkItemType } from '../layouts/links';
-import type { NavProviderProps, TitleProps } from '../components/layout/nav';
+import type { LinkItemType } from '../layouts/links.js';
+import type { NavProviderProps, TitleProps } from '../components/layout/nav.js';
 export interface NavOptions extends SharedNavProps {
     enabled: boolean;
     component: ReactNode;

package/dist/mdx.client.d.ts

@@ -1,4 +1,4 @@
-import * as Base from './components/codeblock';
+import * as Base from './components/codeblock.js';
 /**
  * You are NOT supposed to use this component directly.
  *

package/dist/mdx.client.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import * as Base from './components/codeblock';
+import * as Base from './components/codeblock.js';
 /**
  * You are NOT supposed to use this component directly.
  *

package/dist/mdx.d.ts

@@ -1,5 +1,5 @@
 import type { AnchorHTMLAttributes, FC, HTMLAttributes, ImgHTMLAttributes, TableHTMLAttributes } from 'react';
-import { Card, Cards } from './components/card';
+import { Card, Cards } from './components/card.js';
 declare function Image(props: ImgHTMLAttributes<HTMLImageElement>): import("react/jsx-runtime").JSX.Element;
 declare function Table(props: TableHTMLAttributes<HTMLTableElement>): import("react/jsx-runtime").JSX.Element;
 declare const defaultMdxComponents: {

package/dist/mdx.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import Link from 'fumadocs-core/link';
 import NextImage from 'next/image';
-import { Card, Cards } from './components/card';
-import { Callout } from './components/callout';
-import { Heading } from './components/heading';
-import { cn } from './utils/cn';
-import { Pre } from './mdx.client';
+import { Card, Cards } from './components/card.js';
+import { Callout } from './components/callout.js';
+import { Heading } from './components/heading.js';
+import { cn } from './utils/cn.js';
+import { Pre } from './mdx.client.js';
 function Image(props) {
     return (_jsx(NextImage, { sizes: "(max-width: 768px) 100vw, (max-width: 1200px) 70vw, 900px", ...props, className: cn('rounded-lg', props.className) }));
 }

package/dist/page.client.js

@@ -4,15 +4,15 @@ import { Fragment, useEffect, useMemo, useState, } from 'react';
 import { ChevronLeft, ChevronRight } from 'lucide-react';
 import Link from 'next/link';
 import { cva } from 'class-variance-authority';
-import { cn } from './utils/cn';
-import { useI18n } from './contexts/i18n';
-import { useTreeContext, useTreePath } from './contexts/tree';
-import { useSidebar } from './contexts/sidebar';
+import { cn } from './utils/cn.js';
+import { useI18n } from './contexts/i18n.js';
+import { useTreeContext, useTreePath } from './contexts/tree.js';
+import { useSidebar } from './contexts/sidebar.js';
 import { usePathname } from 'next/navigation';
-import { useNav } from './components/layout/nav';
+import { useNav } from './components/layout/nav.js';
 import { getBreadcrumbItemsFromPath, } from 'fumadocs-core/breadcrumb';
-import { usePageStyles } from './contexts/layout';
-import { isActive } from './utils/is-active';
+import { usePageStyles } from './contexts/layout.js';
+import { isActive } from './utils/is-active.js';
 export function TocNav(props) {
     const { open } = useSidebar();
     const { tocNav } = usePageStyles();

package/dist/page.d.ts

@@ -2,8 +2,8 @@ import { type PageTree, type TableOfContents } from 'fumadocs-core/server';
 import { type AnchorHTMLAttributes, type HTMLAttributes, type ReactNode } from 'react';
 import type { LoaderConfig, LoaderOutput, Page } from 'fumadocs-core/source';
 import { type AnchorProviderProps } from 'fumadocs-core/toc';
-import { type FooterProps, type BreadcrumbProps } from './page.client';
-import { type TOCProps } from './components/layout/toc';
+import { type FooterProps, type BreadcrumbProps } from './page.client.js';
+import { type TOCProps } from './components/layout/toc.js';
 type TableOfContentOptions = Omit<TOCProps, 'items' | 'children'> & Pick<AnchorProviderProps, 'single'> & {
     enabled: boolean;
     component: ReactNode;
@@ -66,7 +66,7 @@ export interface DocsPageProps {
     article?: HTMLAttributes<HTMLElement>;
     children: ReactNode;
 }
-export declare function DocsPage({ toc, full, tableOfContentPopover: { enabled: tocPopoverEnabled, component: tocPopoverReplace, ...tocPopoverOptions }, tableOfContent: { enabled: tocEnabled, component: tocReplace, ...tocOptions }, ...props }: DocsPageProps): ReactNode;
+export declare function DocsPage({ toc, full, tableOfContentPopover: { enabled: tocPopoverEnabled, component: tocPopoverReplace, ...tocPopoverOptions }, tableOfContent: { enabled: tocEnabled, component: tocReplace, ...tocOptions }, ...props }: DocsPageProps): import("react/jsx-runtime").JSX.Element;
 /**
  * Add typography styles
  */

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

@@ -1,15 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, } from 'react';
 import { AnchorProvider } from 'fumadocs-core/toc';
-import { Card, Cards } from './components/card';
-import { replaceOrDefault } from './layouts/shared';
-import { cn } from './utils/cn';
-import { Footer, LastUpdate, TocNav, Breadcrumb, PageBody, PageArticle, } from './page.client';
-import { Toc, TOCItems, TocPopoverTrigger, TocPopover, TocPopoverContent, } from './components/layout/toc';
-import { buttonVariants } from './components/ui/button';
+import { Card, Cards } from './components/card.js';
+import { replaceOrDefault } from './layouts/shared.js';
+import { cn } from './utils/cn.js';
+import { Footer, LastUpdate, TocNav, Breadcrumb, PageBody, PageArticle, } from './page.client.js';
+import { Toc, TOCItems, TocPopoverTrigger, TocPopover, TocPopoverContent, } from './components/layout/toc.js';
+import { buttonVariants } from './components/ui/button.js';
 import { Edit, Text } from 'lucide-react';
-import { I18nLabel } from './contexts/i18n';
-import ClerkTOCItems from './components/layout/toc-clerk';
+import { I18nLabel } from './contexts/i18n.js';
+import ClerkTOCItems from './components/layout/toc-clerk.js';
 export function DocsPage({ toc = [], full = false, tableOfContentPopover: { enabled: tocPopoverEnabled, component: tocPopoverReplace, ...tocPopoverOptions } = {}, tableOfContent: { enabled: tocEnabled, component: tocReplace, ...tocOptions } = {}, ...props }) {
     const isTocRequired = toc.length > 0 ||
         tocOptions.footer !== undefined ||
@@ -54,11 +54,15 @@ export const DocsTitle = forwardRef((props, ref) => {
 });
 DocsTitle.displayName = 'DocsTitle';
 export function DocsCategory({ page, from, tree: forcedTree, ...props }) {
-    let tree = forcedTree;
-    if (!tree && from._i18n) {
-        tree = from.pageTree[page.locale ?? from._i18n.defaultLanguage];
+    let tree;
+    if (forcedTree) {
+        tree = forcedTree;
     }
-    else if (!tree) {
+    else if (from._i18n) {
+        const locale = page.locale ?? from._i18n.defaultLanguage;
+        tree = from.pageTree[locale];
+    }
+    else {
         tree = from.pageTree;
     }
     function findParentFromTree(node, page) {
@@ -92,8 +96,7 @@ export function DocsCategory({ page, from, tree: forcedTree, ...props }) {
     }
     if (items.length === 0)
         return null;
-    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))) }));
+    return (_jsx(Cards, { ...props, children: items.map((item) => (_jsx(Card, { title: item.data.title, description: item.data.description, href: item.url }, item.url))) }));
 }
 /**
  * For separate MDX page

package/dist/provider.d.ts

@@ -1,7 +1,7 @@
 import { ThemeProvider } from 'next-themes';
 import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
-import type { DefaultSearchDialogProps } from './components/dialog/search-default';
-import { type SearchProviderProps } from './contexts/search';
+import type { DefaultSearchDialogProps } from './components/dialog/search-default.js';
+import { type SearchProviderProps } from './contexts/search.js';
 interface SearchOptions extends Omit<SearchProviderProps, 'options' | 'children'> {
     options?: Partial<DefaultSearchDialogProps> | SearchProviderProps['options'];
     /**
@@ -34,9 +34,9 @@ export interface RootProviderProps {
     children: ReactNode;
 }
 export declare function RootProvider({ children, dir, theme: { enabled, ...theme }, search, }: RootProviderProps): React.ReactElement;
-export { useI18n, I18nLabel } from './contexts/i18n';
-export { SearchProvider, SearchOnly, useSearchContext, type SearchProviderProps, } from './contexts/search';
-export { SidebarProvider, useSidebar } from './contexts/sidebar';
-export { useTreePath, useTreeContext, TreeContextProvider, } from './contexts/tree';
-export { StylesProvider, usePageStyles, type PageStyles, } from './contexts/layout';
+export { useI18n, I18nLabel } from './contexts/i18n.js';
+export { SearchProvider, SearchOnly, useSearchContext, type SearchProviderProps, } from './contexts/search.js';
+export { SidebarProvider, useSidebar } from './contexts/sidebar.js';
+export { useTreePath, useTreeContext, TreeContextProvider, } from './contexts/tree.js';
+export { StylesProvider, usePageStyles, type PageStyles, } from './contexts/layout.js';
 //# sourceMappingURL=provider.d.ts.map

package/dist/provider.js

@@ -3,9 +3,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { ThemeProvider } from 'next-themes';
 import dynamic from 'next/dynamic';
 import { DirectionProvider } from '@radix-ui/react-direction';
-import { SidebarProvider } from './contexts/sidebar';
-import { SearchProvider } from './contexts/search';
-const DefaultSearchDialog = dynamic(() => import('./components/dialog/search-default'), { ssr: false });
+import { SidebarProvider } from './contexts/sidebar.js';
+import { SearchProvider } from './contexts/search.js';
+const DefaultSearchDialog = dynamic(() => import('./components/dialog/search-default.js'), { ssr: false });
 export function RootProvider({ children, dir, theme: { enabled = true, ...theme } = {}, search, }) {
     let body = children;
     if (search?.enabled !== false)
@@ -14,8 +14,8 @@ export function RootProvider({ children, dir, theme: { enabled = true, ...theme
         body = (_jsx(ThemeProvider, { attribute: "class", defaultTheme: "system", enableSystem: true, disableTransitionOnChange: true, ...theme, children: body }));
     return (_jsx(DirectionProvider, { dir: dir ?? 'ltr', children: _jsx(SidebarProvider, { children: body }) }));
 }
-export { useI18n, I18nLabel } from './contexts/i18n';
-export { SearchProvider, SearchOnly, useSearchContext, } from './contexts/search';
-export { SidebarProvider, useSidebar } from './contexts/sidebar';
-export { useTreePath, useTreeContext, TreeContextProvider, } from './contexts/tree';
-export { StylesProvider, usePageStyles, } from './contexts/layout';
+export { useI18n, I18nLabel } from './contexts/i18n.js';
+export { SearchProvider, SearchOnly, useSearchContext, } from './contexts/search.js';
+export { SidebarProvider, useSidebar } from './contexts/sidebar.js';
+export { useTreePath, useTreeContext, TreeContextProvider, } from './contexts/tree.js';
+export { StylesProvider, usePageStyles, } from './contexts/layout.js';

package/dist/style.css

@@ -2388,6 +2388,11 @@
       border-style: none;
     }
   }
+  .\[\@media\(hover\:hover\)\]\:opacity-0 {
+    @media (hover:hover) {
+      opacity: 0%;
+    }
+  }
 }
 .dark {
   --color-fd-background: hsl(0, 0%, 7.04%);

package/dist/theme/typography/index.js

@@ -1,4 +1,4 @@
-import * as styles from './styles';
+import * as styles from './styles.js';
 import plugin from 'tailwindcss/plugin';
 import merge from 'lodash.merge';
 import parser from 'postcss-selector-parser';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fumadocs-ui",
-  "version": "15.0.2",
+  "version": "15.0.4",
   "description": "The framework for building a documentation website in Next.js",
   "keywords": [
     "NextJs",
@@ -53,15 +53,15 @@
     "css/*"
   ],
   "dependencies": {
-    "@radix-ui/react-accordion": "^1.2.2",
-    "@radix-ui/react-collapsible": "^1.1.2",
-    "@radix-ui/react-dialog": "^1.1.5",
+    "@radix-ui/react-accordion": "^1.2.3",
+    "@radix-ui/react-collapsible": "^1.1.3",
+    "@radix-ui/react-dialog": "^1.1.6",
     "@radix-ui/react-direction": "^1.1.0",
-    "@radix-ui/react-navigation-menu": "^1.2.4",
-    "@radix-ui/react-popover": "^1.1.5",
-    "@radix-ui/react-scroll-area": "^1.2.2",
-    "@radix-ui/react-slot": "^1.1.1",
-    "@radix-ui/react-tabs": "^1.1.2",
+    "@radix-ui/react-navigation-menu": "^1.2.5",
+    "@radix-ui/react-popover": "^1.1.6",
+    "@radix-ui/react-scroll-area": "^1.2.3",
+    "@radix-ui/react-slot": "^1.1.2",
+    "@radix-ui/react-tabs": "^1.1.3",
     "class-variance-authority": "^0.7.1",
     "lodash.merge": "^4.6.2",
     "lucide-react": "^0.474.0",
@@ -79,9 +79,9 @@
     "next": "15.1.6",
     "tailwindcss": "^4.0.3",
     "tsc-alias": "^1.8.10",
-    "@fumadocs/cli": "0.0.7",
+    "@fumadocs/cli": "0.0.8",
     "eslint-config-custom": "0.0.0",
-    "fumadocs-core": "15.0.2",
+    "fumadocs-core": "15.0.4",
     "tsconfig": "0.0.0"
   },
   "peerDependencies": {
@@ -89,7 +89,7 @@
     "react": "18.x.x || 19.x.x",
     "react-dom": "18.x.x || 19.x.x",
     "tailwindcss": "^3.4.14 || ^4.0.0",
-    "fumadocs-core": "15.0.2"
+    "fumadocs-core": "15.0.4"
   },
   "peerDependenciesMeta": {
     "tailwindcss": {