fumadocs-ui 16.10.1 → 16.10.2

package/css/generated/shared.css

@@ -1 +1 @@
-@source inline("!collapsed !isActive !items !nested !open !title *:border-b *:data-[empty=true]:border-b-0 *:flex *:flex! *:flex-col *:flex-col! *:gap-0.5! *:has-[+:last-child[data-empty=true]]:border-b-0 *:last:border-b-0 *:rounded-full --callout-color --color-fd- --color-fd-muted --fd-animated-height --fd-banner-height --offset-distance --opacity --padding-right --radix-navigation-menu-viewport-height --radix-popover-content-available-height --radix-popover-content-transform-origin --radix-popover-trigger-width --shiki-dark-bg --shiki-light-bg --spacing --track-bottom --track-top -mb-px -me-0.5 -me-2 -mx-px -rotate-90 -top-1.5 -translate-x-1/2 -translate-y-1/2 -z-1 @container @defaultValue @deprecated @fuma-translate/react @keyframes @max-lg:col-span-full @max-xl:hidden @param @radix-ui/react-accordion @radix-ui/react-collapsible @radix-ui/react-dialog @radix-ui/react-navigation-menu @radix-ui/react-popover @radix-ui/react-presence @radix-ui/react-scroll-area @radix-ui/react-tabs @ts-expect-error @typescript-eslint/no-namespace [&>figure:only-child]:-m-4 [&>figure:only-child]:border-none [&_svg]:size-3.5 [&_svg]:size-4 [&_svg]:size-4.5 [&_svg]:size-5 [&_svg]:size-full [&_svg]:text-fd-muted-foreground [offset-distance:var(--offset-distance,0)] [scrollbar-width:none] a abcdefghijklmnopqrstuvwxyz234567 about absolute accordion action actions active add advanced algolia align alignItems alignmentBaseline all allowClear allowCopy allowDangerousHtml allowedMode alphabet always an anchor and animate-pulse animation another application/json areaRef aria-describedby aria-label aria-selected as aside ask assume assumes async at auto await backdrop-blur-lg backdrop-blur-xs background background-position backgroundColor backgroundImage backgroundSize backward banner baseProps baseSlots baseUrl based behaviour bg-(--callout-color)/50 bg-(--shiki-light-bg) bg-fd-accent bg-fd-background bg-fd-border bg-fd-card bg-fd-muted bg-fd-overlay bg-fd-popover bg-fd-popover/60 bg-fd-primary bg-fd-primary/10 bg-fd-secondary bg-fd-secondary/50 bg-transparent bind binded bitsLeft black block blocks boolean border border-b border-fd-foreground/10 border-l border-none border-s border-t border-transparent borderBottom bottom bottom-0 bottom-1.5 boundary buffer button buttonVariants by cache cached can case center central change changeLayout checked child children chooseLanguage class-variance-authority className clear client client-side clientHeight clientWidth clipPath clone close closeOnRedirect closed cn code col-span-full collapsed collapsible collection color colors column com compact compat compatible component components composedRef computed config const container containerRef content contents context controlled/uncontrolled copy core counterSet createContext createMarkdownRenderer createRelativeLink css ctx current currentColor custom customize cva cx cy d dangerouslySetInnerHTML dark dark:bg-(--shiki-dark-bg) dashed data data-[active=true]:text-fd-primary data-[motion=from-end]:animate-fd-enterFromRight data-[motion=from-start]:animate-fd-enterFromLeft data-[motion=to-end]:animate-fd-exitToRight data-[motion=to-start]:animate-fd-exitToLeft data-[state=active]:border-fd-primary data-[state=active]:text-fd-primary data-[state=closed]:animate-fd-accordion-up data-[state=closed]:animate-fd-collapsible-up data-[state=closed]:animate-fd-dialog-out data-[state=closed]:animate-fd-fade-out data-[state=closed]:animate-fd-nav-menu-out data-[state=closed]:animate-fd-popover-out data-[state=hidden]:animate-fd-fade-out data-[state=inactive]:hidden data-[state=open]:animate-fd-accordion-down data-[state=open]:animate-fd-collapsible-down data-[state=open]:animate-fd-dialog-in data-[state=open]:animate-fd-fade-in data-[state=open]:animate-fd-nav-menu-in data-[state=open]:animate-fd-popover-in data-[state=open]:bg-fd-accent data-[state=open]:bg-fd-accent/50 data-[state=open]:text-fd-accent-foreground data-accordion-value data-active data-card data-checked data-checked:text-fd-accent-foreground data-collapsed data-empty data-icon data-line-numbers data-line-numbers-start data-search data-search-full data-state data-theme-toggle date debounced declare default defaultColor defaultFormatter defaultIndex defaultItems defaultMdxComponents defaultOpen defaultOpenLevel defaultShikiFactory defaultTransform defaultUrl defaultValue defineI18nUI defined delay depends deprecated depth description detect dialog dir disabled disabled:bg-fd-secondary disabled:opacity-50 disabled:pointer-events-none disabled:text-fd-secondary-foreground display displayName displayed distance div divide-fd-border divide-x divide-y documented dominantBaseline don drawer duration-100 duration-200 duration-300 duration-400 element else empty empty:hidden enabled encoded end-2 endIdx endpoint environment equal error escape eslint-disable-next-line event export extends external extraProps false fd-moving-banner fd-scroll-container fd-step fd-steps fetch fetchOptions field fieldVariants figure file fill fill-(--callout-color) fill-fd-muted fill-fd-muted-foreground fill-fd-primary fill-fd-primary-foreground filter filters finally first:pt-0 fixed flex flex-1 flex-col flex-row flex-wrap flexDirection focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-fd-ring focus-visible:ring-inset folder folders font-medium font-mono fontSize fontWeight for forceMount forks formatter formatterOptions found fragment free from full fumadocs fumadocs-core/framework fumadocs-core/highlight fumadocs-core/i18n fumadocs-core/link fumadocs-core/page-tree fumadocs-core/search fumadocs-core/source fumadocs-core/toc function gap gap-0.5 gap-1 gap-1.5 gap-2 gap-3 gap-3.5 gap-4 gap-y-4 generated ghost github-dark github-light githubUrl global globalKey grid grid-cols-2 grid-cols-[1fr_3fr] group group-data-[state=active]:bg-fd-primary group-data-[state=open]:rotate-180 group-data-[state=open]:rotate-90 group-hover/heading:opacity-100 group/heading groupListeners guides h h-(--fd-animated-height) h-(--radix-navigation-menu-viewport-height) h-1.5 h-9.5 h-[calc(100%+--spacing(1.5))] h-full h-px h1 h2 h3 h4 h5 h6 handle has-focus-visible:bg-fd-accent hash hast have header headers heading height hidden highlight highlighter hints horizontal hover:bg-fd-accent hover:bg-fd-accent/80 hover:bg-fd-primary/80 hover:text-fd-accent-foreground hovered href html i i18n i18nProvider icon icon-sm icon-xs iconClass id idea idx if if-needed img import in inPre inTab index infinite info inline inline-flex input inputType inset-0 inset-e-2 inset-s-0 inset-s-3 inset-s-6 inset-x-0 inset-x-2 inset-y-0 instanceof instead integration interface intersect invisible is isActive isFirst isLast isLoading isTabActive isUp it item itemLineLengths itemVariants items items-center js justify-between justify-center keepBackground key keydown keys l l0 l1 l2 label lang language languageSelect languages last:pb-0 last:rounded-b-xl layer layout leading-none leaving left-0 left-1/2 length let level light light-dark light-dark-system line line-through linear link links list list-none listener listeners locale localeTranslations locales lower ltr lucide lucide-book lucide-book-icon lucide-react made main make mapped margin marginTop mark markdownUrl marked mask-[linear-gradient(to_bottom,transparent,white_12px,white_calc(100%-12px),transparent)] mask-[linear-gradient(to_bottom,transparent,white_16px,white_calc(100%-16px),transparent)] mask-[linear-gradient(to_bottom,white,white_30px,transparent_80px)] maskComposite maskImage max-h-(--radix-popover-content-available-height) max-h-20 max-h-[460px] max-h-[600px] max-h-[80svh] max-md:bg-fd-secondary max-md:border max-md:p-1.5 max-md:rounded-md max-w-[1400px] max-w-[98vw] max-w-full max-w-screen-sm max-width maximumFractionDigits mb-1 mb-2 md:hidden md:mb-auto md:size-5 md:top-[calc(50%-250px)] mdComponents mdRenderer mdx/types.js me-1 me-2 me-auto menu menuItems mergeRefs message middle min-h-0 min-w-0 min-w-[240px] min-w-fit min-w-full mode module mounted mouse ms-2 ms-auto ms-px mt-1 must mx-auto my-0 my-0! my-0.5 my-4 my-6 my-auto n name namespace nav navItems navTitle navigate navigation nd-copy-ignore nd-sidebar nd-sidebar-mobile nearest needed nested nested-url never new next next-themes next/og node nodes none noopener noreferrer normal normalize not not-last:mb-2 not-prose notation note now null number numbers object observer of offsetPath offsetTop on onChange onClick onCompute onCopy onKey onOpenChange onOpenChangeCallback onPointerEnter onPointerLeave onPointerMove onPrint onSearchChange onSearchChangeCallback onSelect onSelectCallback onTagChange onTagChangeCallback onValueChange only opacity-(--opacity,0) opacity-0 open option optional options or orama-cloud order orientation origin-(--radix-popover-content-transform-origin) origin-[top_center] origin-center original out outline outline-none output overflow-auto overflow-hidden overflow-x-auto overflow-y-auto override overscroll-contain own owner p p-0.5 p-1 p-1.5 p-2 p-3 p-4 padding paddingBottom paddingInlineStart page pageUrl parameters params parentId pass passed path pathname paths pb-0 pb-2 pe-2 performing persist persistent placeholder placeholder:text-fd-muted-foreground please pointerType positions possible powered pre pre-rendering prefetch present prev previous previousRef primary primaryColor primaryTextColor promise promises prop props prose prose-no-margin provide provider ps-1 ps-2 ps-3 ps-4 ps-6 ps-8 pt-0 pure px px-0.5 px-1 px-1.5 px-2 px-2.5 px-3 px-4 px-px py-0.5 py-1 py-1.5 py-12 py-2 py-2.5 py-3 py-3.5 q query querySelector questions rainbow rainbowColors raw react react-hooks/rules-of-hooks react-medium-image-zoom ref referenced region registering rehype-raw rehypeCustomElements rehypePlugins rehypeRaw rel relative remarkRehypeOptions remove render renderHighlights renderMarkdown repo repository required resolve resolved resolvedTheme response rest result results return revalidate right-2 role root rootRef round rounded-2xl rounded-[inherit] rounded-full rounded-lg rounded-md rounded-sm rounded-xl router row rtl:-scale-x-100 rtl:rotate-180 rtl:rotate-90 s scroll scroll-into-view-if-needed scroll-m-20 scroll-m-24 scroll-m-28 scroll-m-4 scrollIntoView scrollMode search searchOptions searchToggle searchToggleEnabled searchTrigger secondary see select-none selected separate separator server set setActive setCollapsed setComputed setHover setLoading setMounted setOpen setOpenSearch setSvg setTag setValue shadow-2xl shadow-black/50 shadow-lg shadow-md shadow-sm shiki shikiOptions shortcuts show showAlgolia showOrama shrink-0 side sideOffset sidebar signature simple since single site size size-1 size-3 size-3.5 size-4 size-5 size-6.5 size-9 size-full sizes slots sm solid some source space span specific src stars startIdx state static sticky still str string stroke stroke-fd-foreground/10 stroke-fd-primary strokeLinecap strokeLinejoin strokeWidth strong style styles success supported supposed sure svg switch switcher system t tab tabIndex table tabs tabsRef tag tagName tags target text text-(--callout-color) text-[0.8125rem] text-[0.9375rem] text-center text-fd-accent-foreground text-fd-card text-fd-card-foreground text-fd-foreground/80 text-fd-muted-foreground text-fd-muted-foreground/50 text-fd-popover-foreground text-fd-popover-foreground/80 text-fd-primary text-fd-primary-foreground text-fd-primary/50 text-fd-secondary-foreground text-lg text-nowrap text-sm text-start text-xs text/plain textAnchor textContent the their theme themeAriaLabels themeSwitch themeSwitchEnabled themes this throw thumbBox tier timerRef tip title to toc tocInfo toolbar top top-0 top-1/2 top-2.5 top-3 top-4 touch transform transition-[clip-path] transition-[height] transition-[opacity,offset-distance] transition-[width,height] transition-all transition-colors transition-opacity transition-transform translationKeys translations translations/keys.json transparent tree trigger true truncate try type typeof types unchanged undefined underline underlying understand unified unist-util-visit unknown updateAnchor updates upperX url urls usage use useCopyButton useDocsSearch useI18n useId useIsDocsLayout useItems useMediaQuery useMemo useOnChange usePathname useProps useRef useRouter useSearchContext useSidebar useState useTOCItems useTheme useTranslations useTreePath useful users using usually v v17 value valueToIdMap values variables variant variants vertical viewBox viewRef viewport viewportProps visit void w w-(--radix-popover-trigger-width) w-0 w-0.5 w-1.5 w-1/4 w-[calc(100%-1rem)] w-fit w-full w-max w-px want warn warning when where while white whitespace-nowrap whitespaces width window with work wrap wrap-anywhere wrapElement wrapInSuspense wrapped x x1 x2 xmlns y y1 y2 you your z-2 z-40 z-50 zoom zoomImg zoomMargin");
+@source inline("!collapsed !isActive !items !nested !open !title *:border-b *:data-[empty=true]:border-b-0 *:flex *:flex! *:flex-col *:flex-col! *:gap-0.5! *:has-[+:last-child[data-empty=true]]:border-b-0 *:last:border-b-0 *:rounded-full --callout-color --color-fd- --color-fd-muted --fd-animated-height --fd-banner-height --offset-distance --opacity --padding-right --radix-navigation-menu-viewport-height --radix-popover-content-available-height --radix-popover-content-transform-origin --radix-popover-trigger-width --shiki-dark-bg --shiki-light-bg --spacing --track-bottom --track-top -mb-px -me-0.5 -me-2 -mx-px -rotate-90 -top-1.5 -translate-x-1/2 -translate-y-1/2 -z-1 @container @defaultValue @deprecated @fuma-translate/react @keyframes @max-lg:col-span-full @max-xl:hidden @param @radix-ui/react-accordion @radix-ui/react-collapsible @radix-ui/react-dialog @radix-ui/react-navigation-menu @radix-ui/react-popover @radix-ui/react-presence @radix-ui/react-scroll-area @radix-ui/react-tabs @ts-expect-error @typescript-eslint/no-namespace [&>figure:only-child]:-m-4 [&>figure:only-child]:border-none [&_svg]:size-3.5 [&_svg]:size-4 [&_svg]:size-4.5 [&_svg]:size-5 [&_svg]:size-full [&_svg]:text-fd-muted-foreground [offset-distance:var(--offset-distance,0)] [scrollbar-width:none] a abcdefghijklmnopqrstuvwxyz234567 about absolute accordion action actions active add advanced algoliaClient align alignItems alignmentBaseline all allowClear allowCopy allowDangerousHtml allowedMode alphabet always an anchor and animate-pulse animation another application/json areaRef aria-describedby aria-label aria-selected as aside ask assume assumes async at auto await backdrop-blur-lg backdrop-blur-xs background background-position backgroundColor backgroundImage backgroundSize backward banner baseProps baseSlots baseUrl based behaviour bg-(--callout-color)/50 bg-(--shiki-light-bg) bg-fd-accent bg-fd-background bg-fd-border bg-fd-card bg-fd-muted bg-fd-overlay bg-fd-popover bg-fd-popover/60 bg-fd-primary bg-fd-primary/10 bg-fd-secondary bg-fd-secondary/50 bg-transparent bind binded bitsLeft black block blocks boolean border border-b border-l border-none border-s border-t border-transparent borderBottom bottom bottom-0 bottom-1.5 boundary buffer button buttonVariants by cache cached can case center central change changeLayout checked child children chooseLanguage class-variance-authority className clear client client-side clientHeight clientWidth clipPath clone close closeOnRedirect closed cn code col-span-full collapsed collapsible collection color colors column com compact compat compatible component components composedRef computed config const container containerRef content contents context controlled/uncontrolled copy core counterSet createContext createMarkdownRenderer createRelativeLink css ctx current currentColor custom customize cva cx cy d dangerouslySetInnerHTML dark dark:bg-(--shiki-dark-bg) dashed data data-[active=true]:text-fd-primary data-[motion=from-end]:animate-fd-enterFromRight data-[motion=from-start]:animate-fd-enterFromLeft data-[motion=to-end]:animate-fd-exitToRight data-[motion=to-start]:animate-fd-exitToLeft data-[state=active]:border-fd-primary data-[state=active]:text-fd-primary data-[state=closed]:animate-fd-accordion-up data-[state=closed]:animate-fd-collapsible-up data-[state=closed]:animate-fd-dialog-out data-[state=closed]:animate-fd-fade-out data-[state=closed]:animate-fd-nav-menu-out data-[state=closed]:animate-fd-popover-out data-[state=hidden]:animate-fd-fade-out data-[state=inactive]:hidden data-[state=open]:animate-fd-accordion-down data-[state=open]:animate-fd-collapsible-down data-[state=open]:animate-fd-dialog-in data-[state=open]:animate-fd-fade-in data-[state=open]:animate-fd-nav-menu-in data-[state=open]:animate-fd-popover-in data-[state=open]:bg-fd-accent data-[state=open]:bg-fd-accent/50 data-[state=open]:text-fd-accent-foreground data-accordion-value data-active data-card data-checked data-checked:text-fd-accent-foreground data-collapsed data-empty data-icon data-line-numbers data-line-numbers-start data-search data-search-full data-state data-theme-toggle date debounced declare default defaultColor defaultFormatter defaultIndex defaultItems defaultMdxComponents defaultOpen defaultOpenLevel defaultShikiFactory defaultTransform defaultUrl defaultValue defineI18nUI defined delay depends deprecated depth description detect dialog dir disabled disabled:bg-fd-secondary disabled:opacity-50 disabled:pointer-events-none disabled:text-fd-secondary-foreground display displayName displayed distance div divide-fd-border divide-x divide-y documented dominantBaseline don drawer duration-100 duration-200 duration-300 duration-400 element else empty empty:hidden enabled encoded end-2 endIdx endpoint environment equal error escape eslint-disable-next-line event export extends external extraProps false fd-moving-banner fd-scroll-container fd-step fd-steps fetch fetchClient fetchOptions field fieldVariants figure file fill fill-(--callout-color) fill-fd-muted fill-fd-muted-foreground fill-fd-primary fill-fd-primary-foreground filter filters finally fixed flex flex-1 flex-col flex-row flex-wrap flexDirection focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-fd-ring focus-visible:ring-inset folder folders font-medium font-mono fontSize fontWeight for forceMount forks formatter formatterOptions found fragment free from full fumadocs fumadocs-core/framework fumadocs-core/highlight fumadocs-core/i18n fumadocs-core/link fumadocs-core/page-tree fumadocs-core/search fumadocs-core/source fumadocs-core/toc function gap gap-0.5 gap-1 gap-1.5 gap-2 gap-3 gap-3.5 gap-4 gap-y-4 generated ghost github-dark github-light githubUrl global globalKey grid grid-cols-2 grid-cols-[1fr_3fr] group group-data-[state=active]:bg-fd-primary group-data-[state=open]:rotate-180 group-data-[state=open]:rotate-90 group-hover/heading:opacity-100 group/heading groupListeners guides h h-(--fd-animated-height) h-(--radix-navigation-menu-viewport-height) h-1.5 h-9.5 h-[calc(100%+--spacing(1.5))] h-full h-px h1 h2 h3 h4 h5 h6 handle has-focus-visible:bg-fd-accent hash hast have header headers heading height hidden highlight highlighter hints horizontal hover:bg-fd-accent hover:bg-fd-accent/80 hover:bg-fd-primary/80 hover:text-fd-accent-foreground hovered href html i i18n i18nProvider icon icon-sm icon-xs iconClass id idea idx if if-needed img import in inPre inTab index infinite info inline inline-flex input inputType inset-0 inset-e-2 inset-s-0 inset-s-3 inset-s-6 inset-x-0 inset-x-2 inset-y-0 instanceof instead integration interface intersect invisible is isActive isFirst isLast isLoading isTabActive isUp it item itemLineLengths itemVariants items items-center js justify-between justify-center keepBackground key keydown keys l l0 l1 l2 label lang language languageSelect languages last:rounded-b-xl layer layout leading-none leaving left-0 left-1/2 length let level light light-dark light-dark-system line line-through linear link links list list-none listener listeners locale localeTranslations locales lower ltr lucide lucide-book lucide-book-icon lucide-react made main make mapped margin marginTop mark markdownUrl marked mask-[linear-gradient(to_bottom,transparent,white_12px,white_calc(100%-12px),transparent)] mask-[linear-gradient(to_bottom,transparent,white_16px,white_calc(100%-16px),transparent)] mask-[linear-gradient(to_bottom,white,white_30px,transparent_80px)] maskComposite maskImage max-h-(--radix-popover-content-available-height) max-h-20 max-h-[460px] max-h-[600px] max-h-[80svh] max-md:bg-fd-secondary max-md:border max-md:p-1.5 max-md:rounded-md max-w-[1400px] max-w-[98vw] max-w-full max-w-screen-sm max-width maximumFractionDigits mb-1 mb-2 md:hidden md:mb-auto md:size-5 md:top-[calc(50%-250px)] mdComponents mdRenderer mdx/types.js me-1 me-2 me-auto menu menuItems mergeRefs message middle min-h-0 min-w-0 min-w-[240px] min-w-fit min-w-full mode module mounted mouse ms-2 ms-auto ms-px mt-1 must mx-auto my-0 my-0! my-0.5 my-4 my-6 my-auto n name namespace nav navItems navTitle navigate navigation nd-copy-ignore nd-sidebar nd-sidebar-mobile nearest needed nested nested-url never new next next-themes next/og node nodes none noopener noreferrer normal normalize not not-last:mb-2 not-prose notation note now null number numbers object observer of offsetPath offsetTop on onChange onClick onCopy onKey onOpenChange onOpenChangeCallback onPointerEnter onPointerLeave onPointerMove onPrint onSearchChange onSearchChangeCallback onSelect onSelectCallback onTagChange onTagChangeCallback onValueChange only opacity-(--opacity,0) opacity-0 open option optional options or oramaCloudClient order orientation origin-(--radix-popover-content-transform-origin) origin-[top_center] origin-center original out outline outline-none output overflow-auto overflow-hidden overflow-x-auto overflow-y-auto override overscroll-contain own owner p p-0.5 p-1 p-1.5 p-2 p-3 p-4 padding paddingBottom paddingInlineStart page pageUrl parameters params parentId pass passed path pathname paths pb-0 pb-2 pe-2 performing persist persistent placeholder placeholder:text-fd-muted-foreground please pointerType positions possible powered pre pre-rendering prefetch present prev previous previousRef primary primaryColor primaryTextColor promise promises prop props prose prose-no-margin provide provider ps-1 ps-2 ps-4 ps-8 pt-0 pure px px-0.5 px-1 px-1.5 px-2 px-2.5 px-3 px-4 px-px py-0.5 py-1 py-1.5 py-12 py-2 py-2.5 py-3 py-3.5 q query questions rainbow rainbowColors raw react react-hooks/rules-of-hooks react-medium-image-zoom ref referenced region registering rehype-raw rehypeCustomElements rehypePlugins rehypeRaw rel relative remarkRehypeOptions remove render renderHighlights renderMarkdown repo repository required resolve resolved resolvedTheme response rest result results return revalidate right-2 role root rootRef round rounded-2xl rounded-[inherit] rounded-full rounded-lg rounded-md rounded-sm rounded-xl router row rtl:-scale-x-100 rtl:rotate-180 rtl:rotate-90 s scroll scroll-into-view-if-needed scroll-m-20 scroll-m-24 scroll-m-28 scroll-m-4 scrollIntoView scrollMode search searchOptions searchToggle searchToggleEnabled searchTrigger secondary see select-none selected separate separator server set setActive setCollapsed setHover setLoading setMounted setOpen setOpenSearch setSvg setTag setValue shadow-2xl shadow-black/50 shadow-lg shadow-md shadow-sm shiki shikiOptions shortcuts show showAlgolia showOrama shrink-0 side sideOffset sidebar signature simple since single site size size-1 size-3 size-3.5 size-4 size-5 size-6.5 size-9 size-full sizes slots sm solid some source space span specific src stars startIdx state sticky still str string stroke stroke-fd-foreground/10 stroke-fd-primary strokeLinecap strokeLinejoin strokeWidth strong style styles success supported supposed sure svg switch switcher system t tab tabIndex table tabs tabsRef tag tagName tags target text text-(--callout-color) text-[0.8125rem] text-[0.9375rem] text-center text-fd-accent-foreground text-fd-card text-fd-card-foreground text-fd-foreground/80 text-fd-muted-foreground text-fd-muted-foreground/50 text-fd-popover-foreground text-fd-popover-foreground/80 text-fd-primary text-fd-primary-foreground text-fd-primary/50 text-fd-secondary-foreground text-lg text-nowrap text-sm text-start text-xs text/plain textAnchor textContent the their theme themeAriaLabels themeSwitch themeSwitchEnabled themes this throw thumbBox tier timerRef tip title to toc tocInfo toolbar top top-0 top-1/2 top-2.5 top-3 top-4 touch transform transition-[clip-path] transition-[height] transition-[opacity,offset-distance] transition-[width,height] transition-all transition-colors transition-opacity transition-transform translationKeys translations translations/keys.json transparent tree trigger true truncate try type typeof types unchanged undefined underline underlying understand unified unist-util-visit unknown updateAnchor updates upperX url urls usage use useCopyButton useDocsSearch useI18n useId useIsDocsLayout useItems useMediaQuery useMemo useOnChange usePathname useProps useRef useRouter useSearchContext useSidebar useState useTOCItems useTheme useTranslations useTreePath useful users using usually v v17 value valueToIdMap values variables variant variants vertical viewBox viewRef viewport viewportProps visit void w w-(--radix-popover-trigger-width) w-0 w-0.5 w-1.5 w-1/4 w-[calc(100%-1rem)] w-fit w-full w-max w-px want warn warning when where while white whitespace-nowrap whitespaces width window with work wrap wrap-anywhere wrapElement wrapInSuspense wrapped x x1 x2 xmlns y y1 y2 you your z-2 z-40 z-50 zoom zoomImg zoomMargin");

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

@@ -5,16 +5,16 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useMemo, useState } from "react";
 import { useOnChange } from "fumadocs-core/utils/use-on-change";
 import { useDocsSearch } from "fumadocs-core/search/client";
+import { algoliaClient } from "fumadocs-core/search/client/algolia";
 //#region src/components/dialog/search-algolia.tsx
 function AlgoliaSearchDialog({ searchOptions, tags = [], defaultTag, showAlgolia = false, allowClear = false, links = [], footer, ...props }) {
 	const [tag, setTag] = useState(defaultTag);
 	const { locale } = useI18n();
-	const { search, setSearch, query } = useDocsSearch({
-		type: "algolia",
+	const { search, setSearch, query } = useDocsSearch({ client: algoliaClient({
 		tag,
 		locale,
 		...searchOptions
-	});
+	}) });
 	const defaultItems = useMemo(() => {
 		if (links.length === 0) return null;
 		return links.map(([name, link]) => ({

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

@@ -4,10 +4,6 @@ import { ReactNode } from "react";
 //#region src/components/dialog/search-default.d.ts
 interface DefaultSearchDialogProps extends SharedProps {
   links?: SearchLink[];
-  /**
-   * @defaultValue 'fetch'
-   */
-  type?: 'fetch' | 'static';
   defaultTag?: string;
   tags?: TagItem[];
   /**
@@ -31,7 +27,6 @@ declare function DefaultSearchDialog({
   tags,
   api,
   delayMs,
-  type,
   allowClear,
   links,
   footer,

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

@@ -5,21 +5,17 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useMemo, useState } from "react";
 import { useOnChange } from "fumadocs-core/utils/use-on-change";
 import { useDocsSearch } from "fumadocs-core/search/client";
+import { fetchClient } from "fumadocs-core/search/client/fetch";
 //#region src/components/dialog/search-default.tsx
-function DefaultSearchDialog({ defaultTag, tags = [], api, delayMs, type = "fetch", allowClear = false, links = [], footer, ...props }) {
+function DefaultSearchDialog({ defaultTag, tags = [], api, delayMs, allowClear = false, links = [], footer, ...props }) {
 	const { locale } = useI18n();
 	const [tag, setTag] = useState(defaultTag);
-	const { search, setSearch, query } = useDocsSearch(type === "fetch" ? {
-		type: "fetch",
-		api,
-		locale,
-		tag,
-		delayMs
-	} : {
-		type: "static",
-		from: api,
-		locale,
-		tag,
+	const { search, setSearch, query } = useDocsSearch({
+		client: fetchClient({
+			api,
+			locale,
+			tag
+		}),
 		delayMs
 	});
 	const defaultItems = useMemo(() => {

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

@@ -5,6 +5,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useMemo, useState } from "react";
 import { useOnChange } from "fumadocs-core/utils/use-on-change";
 import { useDocsSearch } from "fumadocs-core/search/client";
+import { oramaCloudClient } from "fumadocs-core/search/client/orama-cloud";
 //#region src/components/dialog/search-orama.tsx
 /**
 * Orama Cloud integration
@@ -12,14 +13,13 @@ import { useDocsSearch } from "fumadocs-core/search/client";
 function OramaSearchDialog({ client, searchOptions, tags = [], defaultTag, showOrama = true, allowClear = false, index, footer, links = [], ...props }) {
 	const { locale } = useI18n();
 	const [tag, setTag] = useState(defaultTag);
-	const { search, setSearch, query } = useDocsSearch({
-		type: "orama-cloud",
+	const { search, setSearch, query } = useDocsSearch({ client: oramaCloudClient({
 		client,
 		index,
 		params: searchOptions,
 		locale,
 		tag
-	});
+	}) });
 	const defaultItems = useMemo(() => {
 		if (links.length === 0) return null;
 		return links.map(([name, link]) => ({

package/dist/components/dialog/search.js

@@ -6,7 +6,7 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { ChevronRight, Hash, SearchIcon } from "lucide-react";
 import { cva } from "class-variance-authority";
 import { Fragment as Fragment$1, createContext, use, useCallback, useEffect, useEffectEvent, useMemo, useRef, useState } from "react";
-import { useTranslations } from "@fuma-translate/react";
+import { T, useTranslations } from "@fuma-translate/react";
 import { useOnChange } from "fumadocs-core/utils/use-on-change";
 import scrollIntoView from "scroll-into-view-if-needed";
 import { Dialog, DialogContent, DialogOverlay, DialogTitle } from "@radix-ui/react-dialog";
@@ -189,13 +189,13 @@ function SearchDialogContent({ children, ...props }) {
 		}), children]
 	});
 }
-function SearchDialogListEmpty() {
-	return /* @__PURE__ */ jsx("div", {
-		className: "py-12 text-center text-sm text-fd-muted-foreground",
-		children: useTranslations({ note: "search dialog" })("No results found")
-	});
-}
-function SearchDialogList({ items = null, Empty = SearchDialogListEmpty, Item = (props) => /* @__PURE__ */ jsx(SearchDialogListItem, { ...props }), ...props }) {
+function SearchDialogList({ items = null, Empty = () => /* @__PURE__ */ jsx("div", {
+	className: "py-12 text-center text-sm text-fd-muted-foreground",
+	children: /* @__PURE__ */ jsx(T, {
+		text: "No results found",
+		note: "search dialog"
+	})
+}), Item = (props) => /* @__PURE__ */ jsx(SearchDialogListItem, { ...props }), ...props }) {
 	const ref = useRef(null);
 	const { onSelect } = useSearch();
 	const [active, setActive] = useState(() => items && items.length > 0 ? items[0].id : null);

package/dist/components/toc/clerk.d.ts

@@ -2,13 +2,10 @@ import { ComponentProps } from "react";
 import * as Primitive from "fumadocs-core/toc";
 
 //#region src/components/toc/clerk.d.ts
-interface TOCItemsProps extends ComponentProps<'div'> {
-  thumbBox?: boolean;
-}
+type TOCItemsProps = ComponentProps<'div'>;
 declare function TOCItems({
   ref,
   className,
-  thumbBox,
   children,
   ...props
 }: TOCItemsProps): import("react").JSX.Element;

package/dist/components/toc/clerk.js

@@ -13,7 +13,7 @@ var clerk_exports = /* @__PURE__ */ __exportAll({
 	TOCItem: () => TOCItem,
 	TOCItems: () => TOCItems
 });
-function TOCItems({ ref, className, thumbBox = true, children, ...props }) {
+function TOCItems({ ref, className, children, ...props }) {
 	const containerRef = useRef(null);
 	const items = useTOCItems();
 	const [svg, setSvg] = useState(null);
@@ -46,7 +46,7 @@ function TOCItems({ ref, className, thumbBox = true, children, ...props }) {
 					0,
 					0
 				];
-				d += ` C ${upperX} ${top - 4} ${x} ${upperBottom + 4} ${x} ${top} L${x} ${bottom}`;
+				d += ` L ${upperX} ${upperBottom} ${x} ${top} L${x} ${bottom}`;
 			}
 			if (item._step !== void 0) output.push(/* @__PURE__ */ jsxs("g", {
 				transform: `translate(${x}, ${(top + bottom) / 2})`,
@@ -77,27 +77,15 @@ function TOCItems({ ref, className, thumbBox = true, children, ...props }) {
 			strokeWidth: "1",
 			fill: "none"
 		}, "path"));
-		const itemLineLengths = [];
-		if (thumbBox) {
-			const path = document.createElementNS("http://www.w3.org/2000/svg", "path");
-			path.setAttribute("d", d);
-			const n = path.getTotalLength();
-			for (let i = 0; i < positions.length; i++) {
-				const [top, bottom] = positions[i];
-				let l = i > 0 ? itemLineLengths[i - 1][1] + (top - positions[i - 1][1]) : top;
-				while (l < n && path.getPointAtLength(l).y < top) l++;
-				itemLineLengths.push([l, l + bottom - top]);
-			}
-		}
 		setSvg({
 			content: output,
 			width: w,
 			height: h,
 			d,
-			itemLineLengths,
+			itemLineLengths: [],
 			positions
 		});
-	}, [items, thumbBox]);
+	}, [items]);
 	useEffect(() => {
 		const container = containerRef.current;
 		if (!container) return;
@@ -112,10 +100,7 @@ function TOCItems({ ref, className, thumbBox = true, children, ...props }) {
 		ref: mergeRefs(containerRef, ref),
 		className: cn("relative flex flex-col", className),
 		...props,
-		children: [svg && /* @__PURE__ */ jsx(ThumbTrack, {
-			computed: svg,
-			thumbBox
-		}), children]
+		children: [svg && /* @__PURE__ */ jsx(ThumbTrack, { computed: svg }), children]
 	});
 }
 function TOCEmpty() {
@@ -124,9 +109,8 @@ function TOCEmpty() {
 		children: useTranslations({ note: "table of contents" })("No Headings")
 	});
 }
-function ThumbTrack({ computed, thumbBox }) {
+function ThumbTrack({ computed }) {
 	const ref = useRef(null);
-	const previousRef = useRef(null);
 	const tocInfo = Primitive.useTOC();
 	function calculate(items) {
 		const out = {};
@@ -135,20 +119,6 @@ function ThumbTrack({ computed, thumbBox }) {
 		const endIdx = items.findLastIndex((item) => item.active);
 		out["--track-top"] = `${computed.positions[startIdx][0]}px`;
 		out["--track-bottom"] = `${computed.positions[endIdx][1]}px`;
-		if (thumbBox) {
-			let isUp = false;
-			if (previousRef.current) {
-				const prev = previousRef.current;
-				isUp = prev.startIdx > startIdx || prev.endIdx > endIdx || prev.startIdx === startIdx && prev.endIdx === endIdx && prev.isUp;
-			}
-			previousRef.current = {
-				startIdx,
-				endIdx,
-				isUp
-			};
-			out["--offset-distance"] = isUp ? `${computed.itemLineLengths[startIdx][0]}px` : `${computed.itemLineLengths[endIdx][1]}px`;
-			out["--opacity"] = items[isUp ? startIdx : endIdx].original._step !== void 0 ? "0" : "1";
-		}
 		return out;
 	}
 	Primitive.useTOCListener((items) => {
@@ -156,7 +126,7 @@ function ThumbTrack({ computed, thumbBox }) {
 		if (!element) return;
 		for (const [k, v] of Object.entries(calculate(items))) element.style.setProperty(k, v);
 	});
-	return /* @__PURE__ */ jsxs("div", {
+	return /* @__PURE__ */ jsx("div", {
 		ref,
 		className: "absolute top-0 inset-s-0 origin-center rtl:-scale-x-100",
 		style: {
@@ -164,7 +134,7 @@ function ThumbTrack({ computed, thumbBox }) {
 			height: computed.height,
 			...calculate(tocInfo.get())
 		},
-		children: [/* @__PURE__ */ jsx("svg", {
+		children: /* @__PURE__ */ jsx("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			viewBox: `0 0 ${computed.width} ${computed.height}`,
 			className: "absolute transition-[clip-path]",
@@ -174,22 +144,19 @@ function ThumbTrack({ computed, thumbBox }) {
 				clipPath: `polygon(0 var(--track-top,0), 100% var(--track-top,0), 100% var(--track-bottom,0), 0 var(--track-bottom,0))`
 			},
 			children: computed.content
-		}), thumbBox && /* @__PURE__ */ jsx("div", {
-			className: "absolute left-0 size-1 bg-fd-primary rounded-full [offset-distance:var(--offset-distance,0)] opacity-(--opacity,0) transition-[opacity,offset-distance]",
-			style: { offsetPath: `path("${computed.d}")` }
-		})]
+		})
 	});
 }
-const a = 8;
+const BASE = 8;
 function getItemOffset(depth) {
 	if (depth <= 2) return 20;
 	if (depth === 3) return 32;
 	return 44;
 }
 function getLineOffset(depth) {
-	if (depth <= 2) return a;
-	if (depth === 3) return 16;
-	return 24;
+	if (depth <= 2) return BASE;
+	if (depth === 3) return 20;
+	return 32;
 }
 function TOCItem({ item, ...props }) {
 	const items = useTOCItems();
@@ -209,7 +176,7 @@ function TOCItem({ item, ...props }) {
 				style: { width: Math.max(l0, l1) + 9 },
 				children: [
 					l0 !== l1 && /* @__PURE__ */ jsx("path", {
-						d: `M ${l0 + .5} 0 C ${l0 + .5} 8 ${l1 + .5} 4 ${l1 + .5} 12`,
+						d: `M ${l0 + .5} 0 L ${l0 + .5} 0 ${l1 + .5} 12`,
 						stroke: "black",
 						strokeWidth: "1",
 						fill: "none",

package/dist/components/toc/default.d.ts

@@ -2,10 +2,14 @@ import { ComponentProps } from "react";
 import * as Primitive from "fumadocs-core/toc";
 
 //#region src/components/toc/default.d.ts
-type TOCItemsProps = ComponentProps<'div'>;
+interface TOCItemsProps extends ComponentProps<'div'> {
+  thumbBox?: boolean;
+}
 declare function TOCItems({
   ref,
   className,
+  thumbBox,
+  children,
   ...props
 }: TOCItemsProps): import("react").JSX.Element;
 declare function TOCEmpty(): import("react").JSX.Element;

package/dist/components/toc/default.js

@@ -4,7 +4,7 @@ import { cn } from "../../utils/cn.js";
 import { mergeRefs } from "../../utils/merge-refs.js";
 import { useTOCItems } from "./index.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useCallback, useEffect, useRef, useState } from "react";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { useTranslations } from "@fuma-translate/react";
 import * as Primitive from "fumadocs-core/toc";
 //#region src/components/toc/default.tsx
@@ -13,47 +13,120 @@ var default_exports = /* @__PURE__ */ __exportAll({
 	TOCItem: () => TOCItem,
 	TOCItems: () => TOCItems
 });
-function TOCItems({ ref, className, ...props }) {
+function TOCItems({ ref, className, thumbBox = true, children, ...props }) {
 	const containerRef = useRef(null);
 	const items = useTOCItems();
-	const [computed, setComputed] = useState(null);
-	const onCompute = useCallback(() => {
+	const [svg, setSvg] = useState(null);
+	const onPrint = useCallback(() => {
 		const container = containerRef.current;
-		if (!container) return;
+		if (!container || container.clientHeight === 0) return;
 		if (items.length === 0) {
-			setComputed(null);
+			setSvg(null);
 			return;
 		}
+		let w = 0;
+		let h = 0;
+		let d = "";
 		const positions = [];
-		for (const item of items) {
+		const output = [];
+		for (let i = 0; i < items.length; i++) {
+			const item = items[i];
 			const element = container.querySelector(`a[href="${item.url}"]`);
 			if (!element) continue;
 			const styles = getComputedStyle(element);
-			positions.push([element.offsetTop + parseFloat(styles.paddingTop), element.offsetTop + element.clientHeight - parseFloat(styles.paddingBottom)]);
+			const x = getLineOffset(item.depth) + .5;
+			const top = element.offsetTop + parseFloat(styles.paddingTop);
+			const bottom = element.offsetTop + element.clientHeight - parseFloat(styles.paddingBottom);
+			w = Math.max(x + 8, w);
+			h = Math.max(h, bottom);
+			if (i === 0) d += ` M${x} ${top} L${x} ${bottom}`;
+			else {
+				const [, upperBottom, upperX] = i > 0 ? positions[i - 1] : [
+					0,
+					0,
+					0
+				];
+				d += ` C ${upperX} ${top - 4} ${x} ${upperBottom + 4} ${x} ${top} L${x} ${bottom}`;
+			}
+			if (item._step !== void 0) output.push(/* @__PURE__ */ jsxs("g", {
+				transform: `translate(${x}, ${(top + bottom) / 2})`,
+				children: [/* @__PURE__ */ jsx("circle", {
+					cx: "0",
+					cy: "0",
+					r: "8",
+					className: "fill-fd-primary"
+				}), /* @__PURE__ */ jsx("text", {
+					cx: "0",
+					cy: "0",
+					textAnchor: "middle",
+					alignmentBaseline: "central",
+					dominantBaseline: "middle",
+					className: "fill-fd-primary-foreground font-medium text-xs leading-none font-mono rtl:-scale-x-100",
+					children: item._step
+				})]
+			}, i));
+			positions.push([
+				top,
+				bottom,
+				x
+			]);
+		}
+		output.unshift(/* @__PURE__ */ jsx("path", {
+			d,
+			className: "stroke-fd-primary",
+			strokeWidth: "1",
+			fill: "none"
+		}, "path"));
+		const itemLineLengths = [];
+		if (thumbBox) {
+			const path = document.createElementNS("http://www.w3.org/2000/svg", "path");
+			path.setAttribute("d", d);
+			const n = path.getTotalLength();
+			for (let i = 0; i < positions.length; i++) {
+				const [top, bottom] = positions[i];
+				let l = i > 0 ? itemLineLengths[i - 1][1] + (top - positions[i - 1][1]) : top;
+				while (l < n && path.getPointAtLength(l).y < top) l++;
+				itemLineLengths.push([l, l + bottom - top]);
+			}
 		}
-		setComputed({ positions });
-	}, [items]);
+		setSvg({
+			content: output,
+			width: w,
+			height: h,
+			d,
+			itemLineLengths,
+			positions
+		});
+	}, [items, thumbBox]);
 	useEffect(() => {
 		const container = containerRef.current;
 		if (!container) return;
-		const observer = new ResizeObserver(onCompute);
+		const observer = new ResizeObserver(onPrint);
 		observer.observe(container);
-		onCompute();
+		onPrint();
 		return () => {
-			observer.disconnect();
+			observer.unobserve(container);
 		};
-	}, [onCompute]);
+	}, [onPrint]);
 	return /* @__PURE__ */ jsxs("div", {
-		className: "relative",
-		children: [computed && /* @__PURE__ */ jsx(TocThumb, { computed }), /* @__PURE__ */ jsx("div", {
-			ref: mergeRefs(ref, containerRef),
-			className: cn("flex flex-col border-s border-fd-foreground/10", className),
-			...props
-		})]
+		ref: mergeRefs(containerRef, ref),
+		className: cn("relative flex flex-col", className),
+		...props,
+		children: [svg && /* @__PURE__ */ jsx(ThumbTrack, {
+			computed: svg,
+			thumbBox
+		}), children]
+	});
+}
+function TOCEmpty() {
+	return /* @__PURE__ */ jsx("div", {
+		className: "rounded-lg border bg-fd-card p-3 text-xs text-fd-muted-foreground",
+		children: useTranslations({ note: "table of contents" })("No Headings")
 	});
 }
-function TocThumb({ computed }) {
+function ThumbTrack({ computed, thumbBox }) {
 	const ref = useRef(null);
+	const previousRef = useRef(null);
 	const tocInfo = Primitive.useTOC();
 	function calculate(items) {
 		const out = {};
@@ -62,6 +135,20 @@ function TocThumb({ computed }) {
 		const endIdx = items.findLastIndex((item) => item.active);
 		out["--track-top"] = `${computed.positions[startIdx][0]}px`;
 		out["--track-bottom"] = `${computed.positions[endIdx][1]}px`;
+		if (thumbBox) {
+			let isUp = false;
+			if (previousRef.current) {
+				const prev = previousRef.current;
+				isUp = prev.startIdx > startIdx || prev.endIdx > endIdx || prev.startIdx === startIdx && prev.endIdx === endIdx && prev.isUp;
+			}
+			previousRef.current = {
+				startIdx,
+				endIdx,
+				isUp
+			};
+			out["--offset-distance"] = isUp ? `${computed.itemLineLengths[startIdx][0]}px` : `${computed.itemLineLengths[endIdx][1]}px`;
+			out["--opacity"] = items[isUp ? startIdx : endIdx].original._step !== void 0 ? "0" : "1";
+		}
 		return out;
 	}
 	Primitive.useTOCListener((items) => {
@@ -69,27 +156,103 @@ function TocThumb({ computed }) {
 		if (!element) return;
 		for (const [k, v] of Object.entries(calculate(items))) element.style.setProperty(k, v);
 	});
-	return /* @__PURE__ */ jsx("div", {
+	return /* @__PURE__ */ jsxs("div", {
 		ref,
-		className: "absolute inset-y-0 inset-s-0 bg-fd-primary w-px transition-[clip-path]",
+		className: "absolute top-0 inset-s-0 origin-center rtl:-scale-x-100",
 		style: {
-			clipPath: `polygon(0 var(--track-top,0), 100% var(--track-top,0), 100% var(--track-bottom,0), 0 var(--track-bottom,0))`,
+			width: computed.width,
+			height: computed.height,
 			...calculate(tocInfo.get())
-		}
+		},
+		children: [/* @__PURE__ */ jsx("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			viewBox: `0 0 ${computed.width} ${computed.height}`,
+			className: "absolute transition-[clip-path]",
+			style: {
+				width: computed.width,
+				height: computed.height,
+				clipPath: `polygon(0 var(--track-top,0), 100% var(--track-top,0), 100% var(--track-bottom,0), 0 var(--track-bottom,0))`
+			},
+			children: computed.content
+		}), thumbBox && /* @__PURE__ */ jsx("div", {
+			className: "absolute left-0 size-1 bg-fd-primary rounded-full [offset-distance:var(--offset-distance,0)] opacity-(--opacity,0) transition-[opacity,offset-distance]",
+			style: { offsetPath: `path("${computed.d}")` }
+		})]
 	});
 }
-function TOCEmpty() {
-	return /* @__PURE__ */ jsx("div", {
-		className: "rounded-lg border bg-fd-card p-3 text-xs text-fd-muted-foreground",
-		children: useTranslations({ note: "table of contents" })("No Headings")
-	});
+const BASE = 8;
+function getItemOffset(depth) {
+	if (depth <= 2) return 20;
+	if (depth === 3) return 32;
+	return 44;
+}
+function getLineOffset(depth) {
+	if (depth <= 2) return BASE;
+	if (depth === 3) return 16;
+	return 24;
 }
 function TOCItem({ item, ...props }) {
-	return /* @__PURE__ */ jsx(Primitive.TOCItem, {
+	const items = useTOCItems();
+	const { isFirst, isLast, svg } = useMemo(() => {
+		const index = items.indexOf(item);
+		const isFirst = index === 0;
+		const isLast = index === items.length - 1;
+		const l1 = getLineOffset(item.depth);
+		const l0 = isFirst ? l1 : getLineOffset(items[index - 1].depth);
+		const l2 = isLast ? l1 : getLineOffset(items[index + 1].depth);
+		return {
+			isFirst,
+			isLast,
+			svg: /* @__PURE__ */ jsxs("svg", {
+				xmlns: "http://www.w3.org/2000/svg",
+				className: cn("absolute -top-1.5 inset-s-0 bottom-0 h-[calc(100%+--spacing(1.5))] -z-1 rtl:-scale-x-100", l1 !== l2 && "h-full bottom-1.5"),
+				style: { width: Math.max(l0, l1) + 9 },
+				children: [
+					l0 !== l1 && /* @__PURE__ */ jsx("path", {
+						d: `M ${l0 + .5} 0 C ${l0 + .5} 8 ${l1 + .5} 4 ${l1 + .5} 12`,
+						stroke: "black",
+						strokeWidth: "1",
+						fill: "none",
+						className: "stroke-fd-foreground/10"
+					}),
+					/* @__PURE__ */ jsx("line", {
+						x1: l1 + .5,
+						y1: l0 === l1 ? "6" : "12",
+						x2: l1 + .5,
+						y2: "100%",
+						strokeWidth: "1",
+						className: "stroke-fd-foreground/10"
+					}),
+					item._step !== void 0 && /* @__PURE__ */ jsxs("g", {
+						transform: `translate(${l1 + .5}, ${l1 === l2 ? "3" : "6"})`,
+						children: [/* @__PURE__ */ jsx("circle", {
+							cx: "0",
+							cy: "50%",
+							r: "8",
+							className: "fill-fd-muted"
+						}), /* @__PURE__ */ jsx("text", {
+							x: "0",
+							y: "50%",
+							textAnchor: "middle",
+							alignmentBaseline: "central",
+							dominantBaseline: "middle",
+							className: "fill-fd-muted-foreground font-medium text-xs leading-none font-mono rtl:-scale-x-100",
+							children: item._step
+						})]
+					})
+				]
+			})
+		};
+	}, [items, item]);
+	return /* @__PURE__ */ jsxs(Primitive.TOCItem, {
 		href: item.url,
 		...props,
-		className: cn("prose py-1.5 text-sm text-fd-muted-foreground scroll-m-4 transition-colors wrap-anywhere first:pt-0 last:pb-0 data-[active=true]:text-fd-primary hover:text-fd-accent-foreground", item.depth <= 2 && "ps-3", item.depth === 3 && "ps-6", item.depth >= 4 && "ps-8", props.className),
-		children: item.title
+		className: cn("prose relative py-1.5 text-sm scroll-m-4 text-fd-muted-foreground hover:text-fd-accent-foreground transition-colors wrap-anywhere data-[active=true]:text-fd-primary", isFirst && "pt-0", isLast && "pb-0", props.className),
+		style: {
+			paddingInlineStart: getItemOffset(item.depth),
+			...props.style
+		},
+		children: [svg, item.title]
 	});
 }
 //#endregion

package/dist/components/ui/button.d.ts

@@ -4,7 +4,7 @@ import { VariantProps } from "class-variance-authority";
 declare const buttonVariants: (props?: ({
   variant?: "primary" | "outline" | "ghost" | "secondary" | null | undefined;
   color?: "primary" | "outline" | "ghost" | "secondary" | null | undefined;
-  size?: "icon" | "sm" | "icon-sm" | "icon-xs" | null | undefined;
+  size?: "sm" | "icon" | "icon-sm" | "icon-xs" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type ButtonProps = VariantProps<typeof buttonVariants>;
 //#endregion

package/dist/contexts/i18n.js

@@ -8,7 +8,8 @@ const LocaleContext = createContext({});
 function useI18n() {
 	return use(LocaleContext);
 }
-function I18nProvider({ locales = [], locale, onLocaleChange, children, translations }) {
+const Empty = {};
+function I18nProvider({ locales = [], locale, onLocaleChange, children, translations = Empty }) {
 	const router = useRouter();
 	const pathname = usePathname();
 	const onChange = (value) => {
@@ -27,7 +28,7 @@ function I18nProvider({ locales = [], locale, onLocaleChange, children, translat
 			onChange: (v) => onChangeRef.current(v)
 		}), [locale, locales]),
 		children: /* @__PURE__ */ jsx(TranslationProvider, {
-			translations: translations ?? {},
+			translations,
 			children
 		})
 	});

package/dist/contexts/search.d.ts

@@ -37,9 +37,9 @@ interface SearchProviderProps {
   /**
    * Replace default search dialog, allowing you to use other solutions such as Algolia Search
    *
-   * It receives the `open` and `onOpenChange` prop, can be lazy loaded with `next/dynamic`
+   * It receives the `open` and `onOpenChange` prop, can be lazy loaded with `React.lazy()`
    */
-  SearchDialog: ComponentType<SharedProps>;
+  SearchDialog?: ComponentType<SharedProps>;
   /**
    * Additional props to the dialog
    */

package/dist/contexts/search.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Suspense, createContext, use, useEffect, useEffectEvent, useMemo, useState } from "react";
+import { Suspense, createContext, lazy, use, useEffect, useEffectEvent, useMemo, useState } from "react";
 //#region src/contexts/search.tsx
 const SearchContext = createContext({
 	enabled: false,
@@ -18,13 +18,15 @@ function MetaOrControl() {
 	}, []);
 	return key;
 }
-function SearchProvider({ SearchDialog, children, preload = true, options, hotKey = [{
+const DEFAULT_HOT_KEYS = [{
 	key: (e) => e.metaKey || e.ctrlKey,
 	display: /* @__PURE__ */ jsx(MetaOrControl, {})
 }, {
 	key: "k",
 	display: "K"
-}], links }) {
+}];
+const DefaultSearchDialog = lazy(() => import("../components/dialog/search-default.js"));
+function SearchProvider({ SearchDialog = DefaultSearchDialog, children, preload = true, options, hotKey = DEFAULT_HOT_KEYS, links }) {
 	const [isOpen, setIsOpen] = useState(preload ? false : void 0);
 	const onKeyDown = useEffectEvent((e) => {
 		if (hotKey.every((v) => typeof v.key === "string" ? e.key === v.key : v.key(e))) {
@@ -37,7 +39,7 @@ function SearchProvider({ SearchDialog, children, preload = true, options, hotKe
 		return () => {
 			window.removeEventListener("keydown", onKeyDown);
 		};
-	}, [hotKey]);
+	}, []);
 	return /* @__PURE__ */ jsxs(SearchContext, {
 		value: useMemo(() => ({
 			enabled: true,
@@ -45,9 +47,9 @@ function SearchProvider({ SearchDialog, children, preload = true, options, hotKe
 			hotKey,
 			setOpenSearch: setIsOpen
 		}), [isOpen, hotKey]),
-		children: [isOpen !== void 0 && /* @__PURE__ */ jsx(Suspense, {
+		children: [/* @__PURE__ */ jsx(Suspense, {
 			fallback: null,
-			children: /* @__PURE__ */ jsx(SearchDialog, {
+			children: isOpen !== void 0 && /* @__PURE__ */ jsx(SearchDialog, {
 				open: isOpen,
 				onOpenChange: setIsOpen,
 				links,

package/dist/i18n.js

@@ -13,7 +13,7 @@ function i18nProvider(translations, lang) {
 			translations: t.get(locale) ?? t.get(defaultLanguage),
 			locales: languages.map((code) => ({
 				locale: code,
-				name: t.get(code).displayName ?? code
+				name: t.get(code).displayName ?? "English"
 			}))
 		};
 	}

package/dist/layouts/home/slots/header.d.ts

@@ -2,7 +2,7 @@ import { ComponentProps } from "react";
 
 //#region src/layouts/home/slots/header.d.ts
 declare const navItemVariants: (props?: ({
-  variant?: "icon" | "main" | "button" | null | undefined;
+  variant?: "icon" | "button" | "main" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function Header(props: ComponentProps<'header'>): string | number | bigint | true | import("react").JSX.Element | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined>;
 //#endregion

package/dist/mdx.server.d.ts

@@ -10,6 +10,6 @@ import { LoaderConfig, LoaderOutput, Page } from "fumadocs-core/source";
  * @param source the source object
  * @param OverrideLink The component to override from
  */
-declare function createRelativeLink<C extends LoaderConfig>(source: LoaderOutput<C>, page: Page, OverrideLink?: FC<ComponentProps<'a'>>): FC<ComponentProps<'a'>>;
+declare function createRelativeLink<C extends LoaderConfig>(source: LoaderOutput<C>, page: Page | C['page'], OverrideLink?: FC<ComponentProps<'a'>>): FC<ComponentProps<'a'>>;
 //#endregion
 export { createRelativeLink, defaultMdxComponents as default };

package/dist/provider/base.js

@@ -2,15 +2,12 @@
 import { I18nProvider } from "../contexts/i18n.js";
 import { SearchProvider } from "../contexts/search.js";
 import { jsx } from "react/jsx-runtime";
-import { lazy } from "react";
 import { ThemeProvider, useTheme } from "next-themes";
 import { DirectionProvider } from "@radix-ui/react-direction";
 //#region src/provider/base.tsx
-const DefaultSearchDialog = lazy(() => import("../components/dialog/search-default.js"));
 function RootProvider({ children, dir = "ltr", theme = {}, search, i18n }) {
 	let body = children;
 	if (search?.enabled !== false) body = /* @__PURE__ */ jsx(SearchProvider, {
-		SearchDialog: DefaultSearchDialog,
 		...search,
 		children: body
 	});

package/dist/style.css

@@ -293,9 +293,6 @@
   .relative {
     position: relative;
   }
-  .static {
-    position: static;
-  }
   .sticky {
     position: sticky;
   }
@@ -1413,12 +1410,6 @@
     --tw-border-style: none;
     border-style: none;
   }
-  .border-fd-foreground\/10 {
-    border-color: color-mix(in srgb, hsl(0, 0%, 3.9%) 10%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      border-color: color-mix(in oklab, var(--color-fd-foreground) 10%, transparent);
-    }
-  }
   .border-fd-primary {
     border-color: var(--color-fd-primary);
   }
@@ -1638,15 +1629,9 @@
   .ps-2\.5 {
     padding-inline-start: calc(var(--spacing) * 2.5);
   }
-  .ps-3 {
-    padding-inline-start: calc(var(--spacing) * 3);
-  }
   .ps-4 {
     padding-inline-start: calc(var(--spacing) * 4);
   }
-  .ps-6 {
-    padding-inline-start: calc(var(--spacing) * 6);
-  }
   .ps-8 {
     padding-inline-start: calc(var(--spacing) * 8);
   }
@@ -2181,11 +2166,6 @@
       margin-top: calc(var(--spacing) * 0);
     }
   }
-  .first\:pt-0 {
-    &:first-child {
-      padding-top: calc(var(--spacing) * 0);
-    }
-  }
   .last\:me-0 {
     &:last-child {
       margin-inline-end: calc(var(--spacing) * 0);
@@ -2197,11 +2177,6 @@
       border-bottom-left-radius: var(--radius-xl);
     }
   }
-  .last\:pb-0 {
-    &:last-child {
-      padding-bottom: calc(var(--spacing) * 0);
-    }
-  }
   .\*\:last\:border-b-0 {
     :is(& > *) {
       &:last-child {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fumadocs-ui",
-  "version": "16.10.1",
+  "version": "16.10.2",
   "description": "The Radix UI version of Fumadocs UI",
   "keywords": [
     "Docs",
@@ -120,7 +120,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@fuma-translate/react": "^1.0.1",
+    "@fuma-translate/react": "^1.0.2",
     "@radix-ui/react-accordion": "^1.2.13",
     "@radix-ui/react-collapsible": "^1.1.13",
     "@radix-ui/react-dialog": "^1.1.16",
@@ -158,7 +158,7 @@
     "tsdown": "0.22.2",
     "unified": "^11.0.5",
     "@fumadocs/cli": "1.3.10",
-    "fumadocs-core": "16.10.1",
+    "fumadocs-core": "16.10.2",
     "tsconfig": "0.0.0"
   },
   "peerDependencies": {
@@ -168,7 +168,7 @@
     "next": "16.x.x",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
-    "fumadocs-core": "16.10.1"
+    "fumadocs-core": "16.10.2"
   },
   "peerDependenciesMeta": {
     "next": {