fumadocs-ui 15.0.3 → 15.0.4

package/dist/components/accordion.js

@@ -3,9 +3,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import { Check, ChevronRight, LinkIcon } from 'lucide-react';
 import { forwardRef, useState, useEffect, } from 'react';
-import { cn } from '../utils/cn';
-import { useCopyButton } from '../utils/use-copy-button';
-import { buttonVariants } from '../components/ui/button';
+import { cn } from '../utils/cn.js';
+import { useCopyButton } from '../utils/use-copy-button.js';
+import { buttonVariants } from '../components/ui/button.js';
 export const Accordions = forwardRef(({ type = 'single', className, defaultValue, ...props }, ref) => {
     const [value, setValue] = useState(type === 'single' ? (defaultValue ?? '') : (defaultValue ?? []));
     useEffect(() => {

package/dist/components/api.d.ts

@@ -1,4 +1,4 @@
-export * from '../utils/cn';
-export * from '../components/ui/button';
-export { useCopyButton } from '../utils/use-copy-button';
+export * from '../utils/cn.js';
+export * from '../components/ui/button.js';
+export { useCopyButton } from '../utils/use-copy-button.js';
 //# sourceMappingURL=api.d.ts.map

package/dist/components/api.js

@@ -1,3 +1,3 @@
-export * from '../utils/cn';
-export * from '../components/ui/button';
-export { useCopyButton } from '../utils/use-copy-button';
+export * from '../utils/cn.js';
+export * from '../components/ui/button.js';
+export { useCopyButton } from '../utils/use-copy-button.js';

package/dist/components/banner.js

@@ -2,8 +2,8 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useCallback, useEffect, useState } from 'react';
 import { X } from 'lucide-react';
-import { cn } from '../utils/cn';
-import { buttonVariants } from '../components/ui/button';
+import { cn } from '../utils/cn.js';
+import { buttonVariants } from '../components/ui/button.js';
 export function Banner({ id, variant = 'normal', changeLayout = true, height = '3rem', ...props }) {
     const [open, setOpen] = useState(true);
     const globalKey = id ? `nd-banner-${id}` : null;

package/dist/components/callout.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { AlertTriangle, CircleX, Info } from 'lucide-react';
 import { forwardRef } from 'react';
-import { cn } from '../utils/cn';
+import { cn } from '../utils/cn.js';
 export const Callout = forwardRef(({ className, children, title, type = 'info', icon, ...props }, ref) => {
     return (_jsxs("div", { ref: ref, className: cn('my-6 flex flex-row gap-2 rounded-lg border bg-fd-card p-3 text-sm text-fd-card-foreground shadow-md', className), ...props, children: [icon ??
                 {

package/dist/components/card.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Link from 'fumadocs-core/link';
-import { cn } from '../utils/cn';
+import { cn } from '../utils/cn.js';
 export function Cards(props) {
     return (_jsx("div", { ...props, className: cn('grid grid-cols-1 gap-4 sm:grid-cols-2', props.className), children: props.children }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"codeblock.d.ts","sourceRoot":"","sources":["../../src/components/codeblock.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,cAAc,EAEnB,KAAK,SAAS,EAIf,MAAM,OAAO,CAAC;AASf,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAE3E,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,WAAW,CAAC,GAAG;IACzD;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,aAAa,CAAC,EAAE,uBAAuB,CAAC;CACzC,CAAC;AAEF,eAAO,MAAM,GAAG,2HAYf,CAAC;AAIF,eAAO,MAAM,SAAS;IAxCpB;;;;OAIG;WACI,SAAS;IAEhB;;;;OAIG;gBACS,OAAO;IAEnB;;;;OAIG;qBACc,OAAO;oBAER,uBAAuB;+CAmGxC,CAAC"}
+{"version":3,"file":"codeblock.d.ts","sourceRoot":"","sources":["../../src/components/codeblock.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,SAAS,EAIf,MAAM,OAAO,CAAC;AASf,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAE3E,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,WAAW,CAAC,GAAG;IACzD;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,aAAa,CAAC,EAAE,uBAAuB,CAAC;CACzC,CAAC;AAEF,eAAO,MAAM,GAAG,2HAYf,CAAC;AAIF,eAAO,MAAM,SAAS;IAxCpB;;;;OAIG;WACI,SAAS;IAEhB;;;;OAIG;gBACS,OAAO;IAEnB;;;;OAIG;qBACc,OAAO;oBAER,uBAAuB;+CAmGxC,CAAC"}

package/dist/components/codeblock.js

@@ -2,10 +2,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Check, Copy } from 'lucide-react';
 import { forwardRef, useCallback, useRef, } from 'react';
-import { cn } from '../utils/cn';
-import { ScrollArea, ScrollBar, ScrollViewport, } from '../components/ui/scroll-area';
-import { useCopyButton } from '../utils/use-copy-button';
-import { buttonVariants } from '../components/ui/button';
+import { cn } from '../utils/cn.js';
+import { ScrollArea, ScrollBar, ScrollViewport, } from '../components/ui/scroll-area.js';
+import { useCopyButton } from '../utils/use-copy-button.js';
+import { buttonVariants } from '../components/ui/button.js';
 export const Pre = forwardRef(({ className, ...props }, ref) => {
     return (_jsx("pre", { ref: ref, className: cn('p-4 focus-visible:outline-none', className), ...props, children: props.children }));
 });
@@ -34,5 +34,5 @@ function CopyButton({ className, onCopy, ...props }) {
     const [checked, onClick] = useCopyButton(onCopy);
     return (_jsxs("button", { type: "button", className: cn(buttonVariants({
             color: 'ghost',
-        }), 'transition-opacity group-hover:opacity-100', !checked && 'opacity-0', className), "aria-label": "Copy Text", onClick: onClick, ...props, children: [_jsx(Check, { className: cn('size-3.5 transition-transform', !checked && 'scale-0') }), _jsx(Copy, { className: cn('absolute size-3.5 transition-transform', checked && 'scale-0') })] }));
+        }), 'transition-opacity group-hover:opacity-100 [&_svg]:size-3.5', !checked && '[@media(hover:hover)]:opacity-0', className), "aria-label": checked ? 'Copied Text' : 'Copy Text', onClick: onClick, ...props, children: [_jsx(Check, { className: cn('transition-transform', !checked && 'scale-0') }), _jsx(Copy, { className: cn('absolute transition-transform', checked && 'scale-0') })] }));
 }

package/dist/components/dialog/search-algolia.d.ts

@@ -1,6 +1,6 @@
 import { type AlgoliaOptions } from 'fumadocs-core/search/client';
 import { type ReactNode } from 'react';
-import { type SharedProps, type TagItem } from './search';
+import { type SharedProps, type TagItem } from './search.js';
 export interface AlgoliaSearchDialogProps extends SharedProps {
     index: AlgoliaOptions['index'];
     searchOptions?: Omit<AlgoliaOptions, 'index'>;

package/dist/components/dialog/search-algolia.js

@@ -3,7 +3,7 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import { useDocsSearch, } from 'fumadocs-core/search/client';
 import { useState } from 'react';
 import { useOnChange } from 'fumadocs-core/utils/use-on-change';
-import { SearchDialog, TagsList, } from './search';
+import { SearchDialog, TagsList, } from './search.js';
 export default function AlgoliaSearchDialog({ index, searchOptions, tags, defaultTag, showAlgolia = false, allowClear = false, ...props }) {
     const [tag, setTag] = useState(defaultTag);
     const { search, setSearch, query } = useDocsSearch({

package/dist/components/dialog/search-default.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode } from 'react';
-import { type SharedProps, type TagItem } from './search';
+import { type SharedProps, type TagItem } from './search.js';
 export interface DefaultSearchDialogProps extends SharedProps {
     /**
      * @defaultValue 'fetch'

package/dist/components/dialog/search-default.js

@@ -3,8 +3,8 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import { useDocsSearch } from 'fumadocs-core/search/client';
 import { useState } from 'react';
 import { useOnChange } from 'fumadocs-core/utils/use-on-change';
-import { useI18n } from '../../contexts/i18n';
-import { SearchDialog, TagsList, } from './search';
+import { useI18n } from '../../contexts/i18n.js';
+import { SearchDialog, TagsList, } from './search.js';
 export default function DefaultSearchDialog({ defaultTag, tags, api, delayMs, type = 'fetch', allowClear = false, ...props }) {
     const { locale } = useI18n();
     const [tag, setTag] = useState(defaultTag);

package/dist/components/dialog/search-orama.d.ts

@@ -1,6 +1,6 @@
 import { type OramaCloudOptions } from 'fumadocs-core/search/client';
 import { type ReactNode } from 'react';
-import { type SharedProps, type TagItem } from './search';
+import { type SharedProps, type TagItem } from './search.js';
 export interface OramaSearchDialogProps extends SharedProps {
     client: OramaCloudOptions['client'];
     searchOptions?: OramaCloudOptions['params'];

package/dist/components/dialog/search-orama.js

@@ -3,7 +3,7 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import { useDocsSearch, } from 'fumadocs-core/search/client';
 import { useState } from 'react';
 import { useOnChange } from 'fumadocs-core/utils/use-on-change';
-import { SearchDialog, TagsList, } from './search';
+import { SearchDialog, TagsList, } from './search.js';
 /**
  * Orama Cloud integration
  */

package/dist/components/dialog/search.js

@@ -3,10 +3,10 @@ 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, useCallback, } from 'react';
-import { useI18n } from '../../contexts/i18n';
-import { cn } from '../../utils/cn';
-import { useSidebar } from '../../contexts/sidebar';
-import { buttonVariants } from '../../components/ui/button';
+import { useI18n } from '../../contexts/i18n.js';
+import { cn } from '../../utils/cn.js';
+import { useSidebar } from '../../contexts/sidebar.js';
+import { buttonVariants } from '../../components/ui/button.js';
 import { Dialog, DialogContent, DialogOverlay, DialogTitle, } from '@radix-ui/react-dialog';
 import { cva } from 'class-variance-authority';
 export function SearchDialog({ open, onOpenChange, footer, links = [], search, onSearchChange, isLoading, ...props }) {

package/dist/components/dynamic-codeblock.js

@@ -1,9 +1,9 @@
 'use client';
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { CodeBlock, Pre } from '../components/codeblock';
+import { CodeBlock, Pre } from '../components/codeblock.js';
 import { PrerenderScript, useShiki } from 'fumadocs-core/utils/use-shiki';
 import { useId } from 'react';
-import { cn } from '../utils/cn';
+import { cn } from '../utils/cn.js';
 const components = {
     pre(props) {
         return (_jsx(CodeBlock, { ...props, className: cn('my-0', props.className), children: _jsx(Pre, { children: props.children }) }));

package/dist/components/files.js

@@ -3,8 +3,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cva } from 'class-variance-authority';
 import { FileIcon, FolderIcon, FolderOpen } from 'lucide-react';
 import { useState } from 'react';
-import { cn } from '../utils/cn';
-import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from './ui/collapsible';
+import { cn } from '../utils/cn.js';
+import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from './ui/collapsible.js';
 const itemVariants = cva('flex flex-row items-center gap-2 rounded-md px-2 py-1.5 text-sm hover:bg-fd-accent hover:text-fd-accent-foreground [&_svg]:size-4');
 export function Files({ className, ...props }) {
     return (_jsx("div", { className: cn('not-prose rounded-md border bg-fd-card p-2', className), ...props, children: props.children }));

package/dist/components/heading.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Link } from 'lucide-react';
-import { cn } from '../utils/cn';
+import { cn } from '../utils/cn.js';
 export function Heading({ as, className, ...props }) {
     const As = as ?? 'h1';
     if (!props.id)

package/dist/components/inline-toc.d.ts

@@ -1,5 +1,5 @@
 import type { TOCItemType } from 'fumadocs-core/server';
-import { Collapsible } from './ui/collapsible';
+import { Collapsible } from './ui/collapsible.js';
 import { ComponentProps } from 'react';
 export interface InlineTocProps extends ComponentProps<typeof Collapsible> {
     items: TOCItemType[];

package/dist/components/inline-toc.js

@@ -1,8 +1,8 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ChevronDown } from 'lucide-react';
-import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from './ui/collapsible';
-import { cn } from '../utils/cn';
+import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from './ui/collapsible.js';
+import { cn } from '../utils/cn.js';
 export function InlineTOC({ items, ...props }) {
     return (_jsxs(Collapsible, { ...props, className: cn('not-prose rounded-lg border bg-fd-card text-fd-card-foreground', props.className), children: [_jsxs(CollapsibleTrigger, { className: "group inline-flex w-full items-center justify-between px-4 py-2.5 font-medium", children: [props.children ?? 'Table of Contents', _jsx(ChevronDown, { className: "size-4 transition-transform duration-200 group-data-[state=open]:rotate-180" })] }), _jsx(CollapsibleContent, { children: _jsx("div", { className: "flex flex-col p-4 pt-0 text-sm text-fd-muted-foreground", children: items.map((item) => (_jsx("a", { href: item.url, className: "border-s py-1.5 hover:text-fd-accent-foreground", style: {
                             paddingInlineStart: 12 * Math.max(item.depth - 1, 0),

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

@@ -1,9 +1,9 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useI18n } from '../../contexts/i18n';
-import { Popover, PopoverContent, PopoverTrigger, } from '../../components/ui/popover';
-import { cn } from '../../utils/cn';
-import { buttonVariants } from '../../components/ui/button';
+import { useI18n } from '../../contexts/i18n.js';
+import { Popover, PopoverContent, PopoverTrigger, } from '../../components/ui/popover.js';
+import { cn } from '../../utils/cn.js';
+import { buttonVariants } from '../../components/ui/button.js';
 export function LanguageToggle(props) {
     const context = useI18n();
     if (!context.locales)

package/dist/components/layout/nav.js

@@ -2,8 +2,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import Link from 'fumadocs-core/link';
 import { createContext, useContext, useEffect, useState, } from 'react';
-import { cn } from '../../utils/cn';
-import { useI18n } from '../../contexts/i18n';
+import { cn } from '../../utils/cn.js';
+import { useI18n } from '../../contexts/i18n.js';
 const NavContext = createContext({
     isTransparent: false,
 });

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

@@ -4,10 +4,10 @@ import { ChevronDown } from 'lucide-react';
 import { useMemo, useState } from 'react';
 import Link from 'next/link';
 import { usePathname } from 'next/navigation';
-import { cn } from '../../utils/cn';
-import { isActive } from '../../utils/is-active';
-import { useSidebar } from '../../contexts/sidebar';
-import { Popover, PopoverContent, PopoverTrigger } from '../ui/popover';
+import { cn } from '../../utils/cn.js';
+import { isActive } from '../../utils/is-active.js';
+import { useSidebar } from '../../contexts/sidebar.js';
+import { Popover, PopoverContent, PopoverTrigger } from '../ui/popover.js';
 export function RootToggle({ options, placeholder, ...props }) {
     const [open, setOpen] = useState(false);
     const { closeOnRedirect } = useSidebar();

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

@@ -1,10 +1,10 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { SearchIcon } from 'lucide-react';
-import { useSearchContext } from '../../contexts/search';
-import { useI18n } from '../../contexts/i18n';
-import { cn } from '../../utils/cn';
-import { buttonVariants } from '../../components/ui/button';
+import { useSearchContext } from '../../contexts/search.js';
+import { useI18n } from '../../contexts/i18n.js';
+import { cn } from '../../utils/cn.js';
+import { buttonVariants } from '../../components/ui/button.js';
 export function SearchToggle({ hideIfDisabled, ...props }) {
     const { setOpenSearch, enabled } = useSearchContext();
     if (hideIfDisabled && !enabled)

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

@@ -4,7 +4,7 @@ import { cva } from 'class-variance-authority';
 import { Moon, Sun, Airplay } from 'lucide-react';
 import { useTheme } from 'next-themes';
 import { useLayoutEffect, useState } from 'react';
-import { cn } from '../../utils/cn';
+import { cn } from '../../utils/cn.js';
 const itemVariants = cva('size-7 rounded-full p-1.5 text-fd-muted-foreground', {
     variants: {
         active: {

package/dist/components/layout/toc-clerk.js

@@ -2,10 +2,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as Primitive from 'fumadocs-core/toc';
 import { useEffect, useRef, useState } from 'react';
-import { cn } from '../../utils/cn';
-import { TocThumb } from '../../components/layout/toc-thumb';
-import { ScrollArea, ScrollViewport } from '../ui/scroll-area';
-import { TocItemsEmpty } from '../../components/layout/toc';
+import { cn } from '../../utils/cn.js';
+import { TocThumb } from '../../components/layout/toc-thumb.js';
+import { ScrollArea, ScrollViewport } from '../ui/scroll-area.js';
+import { TocItemsEmpty } from '../../components/layout/toc.js';
 export default function ClerkTOCItems({ items, isMenu = false, }) {
     const viewRef = useRef(null);
     const containerRef = useRef(null);

package/dist/components/layout/toc.js

@@ -2,13 +2,13 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import * as Primitive from 'fumadocs-core/toc';
 import { useMemo, useRef } from 'react';
-import { cn } from '../../utils/cn';
-import { useI18n } from '../../contexts/i18n';
-import { TocThumb } from '../../components/layout/toc-thumb';
-import { ScrollArea, ScrollViewport } from '../ui/scroll-area';
-import { Popover, PopoverContent, PopoverTrigger, } from '../../components/ui/popover';
+import { cn } from '../../utils/cn.js';
+import { useI18n } from '../../contexts/i18n.js';
+import { TocThumb } from '../../components/layout/toc-thumb.js';
+import { ScrollArea, ScrollViewport } from '../ui/scroll-area.js';
+import { Popover, PopoverContent, PopoverTrigger, } from '../../components/ui/popover.js';
 import { ChevronRight, Text } from 'lucide-react';
-import { usePageStyles } from '../../contexts/layout';
+import { usePageStyles } from '../../contexts/layout.js';
 export function Toc(props) {
     const { toc } = usePageStyles();
     return (_jsx("div", { id: "nd-toc", ...props, className: cn('sticky top-[calc(var(--fd-banner-height)+var(--fd-nav-height))] h-[var(--fd-toc-height)] pb-2 pt-12', toc, props.className), style: {

package/dist/components/tabs.d.ts

@@ -1,5 +1,5 @@
 import type { TabsContentProps, TabsProps as BaseProps } from '@radix-ui/react-tabs';
-import * as Primitive from './ui/tabs';
+import * as Primitive from './ui/tabs.js';
 export { Primitive };
 export interface TabsProps extends BaseProps {
     /**

package/dist/components/tabs.js

@@ -1,8 +1,8 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo, useState, createContext, useContext, useRef, useLayoutEffect, useId, useEffect, } from 'react';
-import { cn } from '../utils/cn';
-import * as Primitive from './ui/tabs';
+import { cn } from '../utils/cn.js';
+import * as Primitive from './ui/tabs.js';
 export { Primitive };
 const listeners = new Map();
 function addChangeListener(id, listener) {

package/dist/components/type-table.js

@@ -3,8 +3,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { InfoIcon } from 'lucide-react';
 import Link from 'next/link';
 import { cva } from 'class-variance-authority';
-import { cn } from '../utils/cn';
-import { Popover, PopoverContent, PopoverTrigger, } from '../components/ui/popover';
+import { cn } from '../utils/cn.js';
+import { Popover, PopoverContent, PopoverTrigger, } from '../components/ui/popover.js';
 export function Info({ children }) {
     return (_jsxs(Popover, { children: [_jsx(PopoverTrigger, { children: _jsx(InfoIcon, { className: "size-4" }) }), _jsx(PopoverContent, { className: "prose max-h-[400px] min-w-[220px] max-w-[400px] overflow-auto text-sm prose-no-margin", children: children })] }));
 }

package/dist/components/ui/collapsible.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
 import { forwardRef } from 'react';
-import { cn } from '../../utils/cn';
+import { cn } from '../../utils/cn.js';
 const Collapsible = CollapsiblePrimitive.Root;
 const CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger;
 const CollapsibleContent = forwardRef(({ children, ...props }, ref) => {

package/dist/components/ui/navigation-menu.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import * as Primitive from '@radix-ui/react-navigation-menu';
-import { cn } from '../../utils/cn';
+import { cn } from '../../utils/cn.js';
 const NavigationMenu = Primitive.Root;
 const NavigationMenuList = Primitive.List;
 const NavigationMenuItem = React.forwardRef(({ className, children, ...props }, ref) => (_jsx(Primitive.NavigationMenuItem, { ref: ref, className: cn('list-none', className), ...props, children: children })));

package/dist/components/ui/popover.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import * as React from 'react';
-import { cn } from '../../utils/cn';
+import { cn } from '../../utils/cn.js';
 const Popover = PopoverPrimitive.Root;
 const PopoverTrigger = PopoverPrimitive.Trigger;
 const PopoverContent = React.forwardRef(({ className, align = 'center', sideOffset = 4, ...props }, ref) => (_jsx(PopoverPrimitive.Portal, { children: _jsx(PopoverPrimitive.Content, { ref: ref, align: align, sideOffset: sideOffset, side: "bottom", className: cn('z-50 min-w-[220px] max-w-[98vw] rounded-lg border bg-fd-popover p-2 text-sm text-fd-popover-foreground shadow-lg focus-visible:outline-none data-[state=closed]:animate-fd-popover-out data-[state=open]:animate-fd-popover-in', className), ...props }) })));

package/dist/components/ui/scroll-area.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 import * as React from 'react';
-import { cn } from '../../utils/cn';
+import { cn } from '../../utils/cn.js';
 const ScrollArea = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(ScrollAreaPrimitive.Root, { ref: ref, className: cn('overflow-hidden', className), ...props, children: [children, _jsx(ScrollAreaPrimitive.Corner, {}), _jsx(ScrollBar, { orientation: "vertical" })] })));
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
 const ScrollViewport = React.forwardRef(({ className, children, ...props }, ref) => (_jsx(ScrollAreaPrimitive.Viewport, { ref: ref, className: cn('size-full rounded-[inherit]', className), ...props, children: children })));

package/dist/components/ui/tabs.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as TabsPrimitive from '@radix-ui/react-tabs';
 import * as React from 'react';
-import { cn } from '../../utils/cn';
+import { cn } from '../../utils/cn.js';
 const Tabs = React.forwardRef((props, ref) => {
     return (_jsx(TabsPrimitive.Root, { ref: ref, ...props, className: cn('flex flex-col overflow-hidden rounded-xl border bg-fd-card', props.className) }));
 });

package/dist/contexts/search.d.ts

@@ -1,5 +1,5 @@
 import { type ComponentType, type ReactNode } from 'react';
-import type { SearchLink, SharedProps } from '../components/dialog/search';
+import type { SearchLink, SharedProps } from '../components/dialog/search.js';
 interface HotKey {
     display: ReactNode;
     /**

package/dist/i18n.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode } from 'react';
-import { type Translations, defaultTranslations, type LocaleItem } from './contexts/i18n';
+import { type Translations, defaultTranslations, type LocaleItem } from './contexts/i18n.js';
 interface I18nProviderProps {
     /**
      * Current locale

package/dist/i18n.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useCallback, useRef } from 'react';
 import { useRouter, usePathname } from 'next/navigation';
-import { useI18n, I18nContext, defaultTranslations, } from './contexts/i18n';
+import { useI18n, I18nContext, defaultTranslations, } from './contexts/i18n.js';
 export function I18nProvider({ locales = [], locale, ...props }) {
     const context = useI18n();
     const router = useRouter();

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

@@ -1,8 +1,8 @@
-import { type LinkItemType } from '../../layouts/links';
-import { type SidebarProps } from '../../layouts/docs/sidebar';
+import { type LinkItemType } from '../../layouts/links.js';
+import { type SidebarProps } from '../../layouts/docs/sidebar.js';
 import type { PageTree } from 'fumadocs-core/server';
 import type { FC, ReactNode } from 'react';
-import type { Option } from '../../components/layout/root-toggle';
+import type { Option } from '../../components/layout/root-toggle.js';
 export declare const layoutVariables: {
     '--fd-layout-offset': string;
 };

package/dist/layouts/docs/shared.js

@@ -1,8 +1,8 @@
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { BaseLinkItem } from '../../layouts/links';
-import { SidebarFolder, SidebarFolderContent, SidebarFolderLink, SidebarFolderTrigger, SidebarItem, } from '../../layouts/docs/sidebar';
-import { cn } from '../../utils/cn';
-import { buttonVariants } from '../../components/ui/button';
+import { BaseLinkItem } from '../../layouts/links.js';
+import { SidebarFolder, SidebarFolderContent, SidebarFolderLink, SidebarFolderTrigger, SidebarItem, } from '../../layouts/docs/sidebar.js';
+import { cn } from '../../utils/cn.js';
+import { buttonVariants } from '../../components/ui/button.js';
 import { notFound } from 'next/navigation';
 export const layoutVariables = {
     '--fd-layout-offset': 'max(calc(50vw - var(--fd-layout-width) / 2), 0px)',

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

@@ -2,7 +2,7 @@ import { type ButtonHTMLAttributes, type HTMLAttributes, type ReactNode } from '
 import { type LinkProps } from 'fumadocs-core/link';
 import { type ScrollAreaProps } from '@radix-ui/react-scroll-area';
 import type { CollapsibleContentProps, CollapsibleTriggerProps } from '@radix-ui/react-collapsible';
-import type { SidebarComponents } from '../../layouts/docs/shared';
+import type { SidebarComponents } from '../../layouts/docs/shared.js';
 export interface SidebarProps extends HTMLAttributes<HTMLElement> {
     /**
      * Open folders by default if their level is lower or equal to a specific level

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.3",
+  "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.3",
+    "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.3"
+    "fumadocs-core": "15.0.4"
   },
   "peerDependenciesMeta": {
     "tailwindcss": {