fumadocs-ui 16.16.2 → 16.17.0

package/css/generated/docs.css

@@ -1 +1 @@
-@source inline("!header !showItem *:col-start-1 *:my-auto *:pointer-events-auto *:rounded-md *:row-start-1 *:w-(--fd-sidebar-width) --fd-docs-height --fd-docs-row-1 --fd-docs-row-2 --fd-docs-row-3 --fd-header-height --fd-layout-width --fd-sidebar-col --fd-sidebar-width --fd-toc-popover-height --fd-toc-width -mx-1 -translate-x-(--fd-sidebar-width) -translate-y-full [&_svg]:shrink-0 [--fd-docs-height:100dvh] [--fd-header-height:0px] [--fd-sidebar-width:0px] [--fd-toc-popover-height:0px] [--fd-toc-width:0px] [grid-area:header] [grid-area:main] [grid-area:sidebar] [grid-area:toc-popover] [grid-area:toc] aiChat aria-valuemax aria-valuemin aria-valuenow article available backdrop-blur-sm before before:absolute before:bg-fd-border before:content-[''] before:inset-s-2.5 before:inset-y-1 before:w-px bg-fd-background/80 border-b-2 border-e border-e-0 border-fd-primary border-y-0 breadcrumb breadcrumbEnabled circleProps circumference clerk click containerProps createLinkItemRenderer data-[active=true]:before:absolute data-[active=true]:before:bg-fd-primary data-[active=true]:before:content-[''] data-[active=true]:before:inset-s-2.5 data-[active=true]:before:inset-y-2.5 data-[active=true]:before:w-px data-[active=true]:bg-fd-primary/10 data-[active=true]:hover:transition-colors data-[state=closed]:animate-fd-sidebar-out data-[state=open]:animate-fd-sidebar-in data-[transparent=false]:bg-fd-background/80 data-full data-hovered data-layout-content data-layout-main data-sidebar-collapsed data-sidebar-panel data-sidebar-placeholder data-toc-popover data-toc-popover-content data-toc-popover-trigger data-transparent defaultSlots duration-250 edit empty:mb-0 first:mt-0 flex-row-reverse font-semibold footer footerEnabled footerList fumadocs-core/breadcrumb gap-2.5 gap-6 getBreadcrumbItemsFromPath grid-cols-1 gridTemplate h-(--fd-header-height) h-(--fd-toc-popover-height) h-10 h-[calc(var(--fd-docs-height)-var(--fd-docs-row-1))] hideIfDisabled hover:bg-fd-accent/50 hover:opacity-80 hover:text-fd-accent-foreground/80 hover:transition-none iconLinks including inert information inset-e-0 inset-s-4 inset-y-2 isNavTransparent isTop items-end justify-items-center justify-self-end justify-start layout-level layoutTabs linkItems max max-h-[50vh] max-md:hidden max-md:layout:[--fd-header-height:--spacing(14)] max-w-[1168px] max-w-[380px] max-w-[900px] max-xl:hidden max-xl:layout:[--fd-toc-popover-height:--spacing(10)] mb-4 mb-8 mb-auto md:in-data-[sidebar-collapsed=true]:pt-16 md:layout:[--fd-sidebar-width:268px] md:pt-8 md:px-6 min min-h-(--fd-docs-height) mt-6 mx-0.5 navEnabled navTransparentMode nd-docs-layout nd-page nd-subnav nd-toc nd-toc-placeholder no normalizedValue onClickItem onClickOutside overflow-x-clip p-0 pagination pb-1.5 pe-0 pe-2.5 pe-4 pointer-events-none popover progress progressbar provided pt-0.5 pt-12 pt-2 pt-3 px-6 py-0 py-6 radius restSvgProps rotate-180 rounded-none rtl:-translate-x-2 rtl:translate-x-full selectedIdx setDate showItem sidebarEnabled sidebarProps size-4.5 stroke-current/25 strokeDasharray strokeDashoffset tabMode tableOfContent tableOfContentPopover takes text-[1.75em] text-end text-fd-foreground timezone toc-popover toc-title tocEnabled tocPopover tocPopoverEnabled tocPopoverProps tocProps top-(--fd-docs-row-1) top-(--fd-docs-row-2) top-[calc(--spacing(4)+var(--fd-docs-row-3))] transition-[--fd-sidebar-col] transition-[opacity,translate,color] transition-[opacity,translate] transition-[opacity,visibility] transition-[width,inset-block,translate,background-color] translate-x-2 translate-y-full transparentMode typography under unlisted updated useBaseSlots useDocsLayout useDocsPage useFooterItems useIsScrollTop useTreeContext w-(--fd-sidebar-width) w-(--fd-toc-width) w-4 w-[85%] xl:border-s xl:h-[calc(var(--fd-docs-height)-var(--fd-docs-row-1))] xl:hidden xl:in-data-[sidebar-collapsed=true]:pt-14 xl:layout:[--fd-toc-width:268px] xl:pt-14 xl:px-8 xl:sticky xl:top-(--fd-docs-row-1) z-10 z-20 z-30");
+@source inline("!header !showItem *:col-start-1 *:my-auto *:pointer-events-auto *:rounded-md *:row-start-1 *:w-(--fd-sidebar-width) --fd-docs-height --fd-docs-row-1 --fd-docs-row-2 --fd-docs-row-3 --fd-header-height --fd-layout-width --fd-sidebar-col --fd-sidebar-width --fd-toc-popover-height --fd-toc-width -mx-1 -translate-x-(--fd-sidebar-width) -translate-y-full [&_svg]:shrink-0 [--fd-docs-height:100dvh] [--fd-header-height:0px] [--fd-sidebar-width:0px] [--fd-toc-popover-height:0px] [--fd-toc-width:0px] [grid-area:header] [grid-area:main] [grid-area:sidebar] [grid-area:toc-popover] [grid-area:toc] aiChat aria-valuemax aria-valuemin aria-valuenow article available backdrop-blur-sm before before:absolute before:bg-fd-border before:content-[''] before:inset-s-2.5 before:inset-y-1 before:w-px bg-fd-background/80 border-b-2 border-e border-e-0 border-fd-primary border-y-0 breadcrumb breadcrumbEnabled circleProps circumference clerk click containerProps createLinkItemRenderer data-[active=true]:before:absolute data-[active=true]:before:bg-fd-primary data-[active=true]:before:content-[''] data-[active=true]:before:inset-s-2.5 data-[active=true]:before:inset-y-2.5 data-[active=true]:before:w-px data-[active=true]:bg-fd-primary/10 data-[active=true]:hover:transition-colors data-[state=closed]:animate-fd-sidebar-out data-[state=open]:animate-fd-sidebar-in data-[transparent=false]:bg-fd-background/80 data-full data-hovered data-layout-content data-layout-main data-sidebar-collapsed data-sidebar-panel data-sidebar-placeholder data-toc-popover data-toc-popover-content data-toc-popover-trigger data-transparent defaultSlots duration-250 edit empty:mb-0 first:mt-0 flex-row-reverse font-semibold footer footerEnabled footerList fumadocs-core/breadcrumb gap-2.5 gap-6 getBreadcrumbItemsFromPath grid-cols-1 gridTemplate h-(--fd-header-height) h-(--fd-toc-popover-height) h-10 h-[calc(var(--fd-docs-height)-var(--fd-docs-row-1))] hideIfDisabled hover:bg-fd-accent/50 hover:opacity-80 hover:text-fd-accent-foreground/80 hover:transition-none iconLinks including inert information inset-e-0 inset-s-4 inset-y-2 isNavTransparent isTop items-end justify-items-center justify-self-end justify-start layout-level layoutTabs linkItems max max-h-[50vh] max-md:hidden max-md:layout:[--fd-header-height:--spacing(14)] max-w-[1168px] max-w-[380px] max-w-[900px] max-xl:hidden max-xl:layout:[--fd-toc-popover-height:--spacing(10)] mb-4 mb-8 mb-auto md:in-data-[sidebar-collapsed=true]:pt-16 md:layout:[--fd-sidebar-width:268px] md:pt-8 md:px-6 min min-h-(--fd-docs-height) mt-6 mx-0.5 navEnabled navTransparentMode nd-docs-layout nd-page nd-subnav nd-toc nd-toc-placeholder no normalizedValue onClickItem onClickOutside overflow-x-clip p-0 pagination pb-1.5 pe-0 pe-4 pointer-events-none popover progress progressbar provided pt-0.5 pt-12 pt-2 pt-3 px-6 py-0 py-6 radius restSvgProps rotate-180 rounded-none rtl:-translate-x-2 rtl:translate-x-full selectedIdx setDate showItem sidebarEnabled sidebarProps size-4.5 stroke-current/25 strokeDasharray strokeDashoffset tabMode tableOfContent tableOfContentPopover takes text-[1.75em] text-end text-fd-foreground timezone toc-popover toc-title tocEnabled tocPopover tocPopoverEnabled tocPopoverProps tocProps top-(--fd-docs-row-1) top-(--fd-docs-row-2) top-[calc(--spacing(4)+var(--fd-docs-row-3))] transition-[--fd-sidebar-col] transition-[opacity,translate,color] transition-[opacity,translate] transition-[opacity,visibility] transition-[width,inset-block,translate,background-color] translate-x-2 translate-y-full transparentMode typography under unlisted updated useBaseSlots useDocsLayout useDocsPage useFooterItems useIsScrollTop useTreeContext w-(--fd-sidebar-width) w-(--fd-toc-width) w-4 w-[85%] xl:border-s xl:h-[calc(var(--fd-docs-height)-var(--fd-docs-row-1))] xl:hidden xl:in-data-[sidebar-collapsed=true]:pt-14 xl:layout:[--fd-toc-width:268px] xl:pt-14 xl:px-8 xl:sticky xl:top-(--fd-docs-row-1) z-10 z-20 z-30");

package/css/generated/glass.css

@@ -1 +1 @@
-@source inline("!footer --fd-header-height --fd-left-width --fd-main-width --fd-right-width --row --width -me-1.5 -mt-1.5 -mx-1 -translate-x-[280px] @default @sm:max-w-[200px] [--fd-left-width:0px] [--fd-main-width:900px] [--fd-right-width:0px] [--row:calc(3*var(--spacing))] [--row:calc(6*var(--spacing))] [grid-area:left-margin/left-margin/right/right] [grid-area:left] [grid-area:main] [grid-area:right/right-margin/right/right] [grid-area:right] [mask-image:linear-gradient(to_bottom,transparent,white_16px,white_calc(100%-16px),transparent))] [mask-image:radial-gradient(circle_at_center_right,white,white_200px,transparent_500px)] aiChat article autoScroll available backdrop-blur-sm base baseVariants before bg-fd-muted-foreground/50 bg-fd-popover/80 clientX collapse contentProps data-[active=false]:hover:text-fd-accent-foreground data-[state=closed]:animate-fd-sidebar-out data-[state=open]:animate-fd-sidebar-in data-fd-full defaultSlots defaultTabs edit exitTimerRef fd-glass-layout first:mt-0 flex-row-reverse font-semibold footer footerList fumadocs-core/breadcrumb getBreadcrumbItemsFromPath grid-cols-1 gridTemplate gridTemplateRows h-0 h-6 h-8 h-[calc(100dvh---spacing(4))] handles hover hover:decoration-dashed hover:decoration-fd-muted-foreground hover:opacity-80 hover:underline hover:underline-offset-4 inAnimation including information innerWidth inset-e-0 isLayoutTabActive itemTriggerVariants items-start justify-end justify-self-end layout:[--fd-main-width:1200px] leaves left left-margin leftSpace lg linkItems longer max-md:bg-linear-to-t max-md:bottom-0 max-md:from-fd-background max-md:h-16 max-md:hidden max-md:mt-auto max-md:pb-4 max-md:ps-[calc(--spacing(1.5)-1px)] max-md:w-4 max-w-[calc(100vw-3rem)] max-xl:-translate-y-1/2 max-xl:bg-fd-popover max-xl:end-1 max-xl:grid-cols-[calc(240px---spacing(6))] max-xl:mask-none max-xl:max-h-[calc(100dvh---spacing(32))] max-xl:overflow-clip max-xl:p-3 max-xl:ps-[calc(--spacing(2.5)-1px)] max-xl:rounded-xl max-xl:shadow-md max-xl:text-fd-popover-foreground max-xl:top-1/2 max-xl:w-6 max-xl:w-[240px] mb-8 md:bg-linear-to-b md:from-fd-background md:h-(--fd-header-height) md:layout:[--fd-header-height:--spacing(12)] md:layout:[--fd-left-width:0px] md:layout:[--fd-left-width:280px] md:layout:[--fd-right-width:12px] md:pb-8 md:pt-16 md:pt-2 md:px-2 md:py-1.5 md:top-0 min-h-dvh mobile mt-2 mt-2.5 mt-4 mx-2 my-2 nd-toc nd-toc-title no onPointerDown opacity-100 overflow-x-clip overflow-y-hidden p-0 p-6 pagination pb-16 pb-4 pe-3 pe-3.5 pen pointer pointer-events-none prose-sm provided ps-2.5 ps-3 ps-4.5 pt-2 pt-4 reuse right right-margin rightIcon setDate setInAnimation setMobileOpen shadow-fd-background shouldOpen size-10 size-12 size-3.5! size-4! start text-[1.75em] text-end text-fd-foreground text-fd-primary/80 timeout timezone top-2 transition-[background-color,width,height] transition-[grid-template-rows] transition-[opacity,height] transition-[width,padding] transitionTimerRef typography under unlisted updated useBaseSlots useFooterItems useGlassLayout w-(--width) w-[360px] w-[calc(280px---spacing(2))] we well xl:[@media(hover:none)]:[--row:calc(6*var(--spacing))] xl:[@media(hover:none)]:h-6 xl:[@media(hover:none)]:h-px xl:[@media(hover:none)]:opacity-100 xl:[@media(hover:none)]:pointer-events-auto xl:[@media(hover:none)]:w-(--width) xl:bg-fd-popover xl:border xl:flex-row-reverse xl:h-[calc(100dvh---spacing(10))] xl:h-[calc(100dvh-var(--fd-header-height)---spacing(4))] xl:hidden xl:items-center xl:items-end xl:layout:[--fd-right-width:240px] xl:me-2 xl:pe-4 xl:rounded-2xl xl:shadow-sm xl:sticky xl:text-end xl:top-10 xl:top-[calc(var(--fd-header-height)+--spacing(2))] z-10 z-20 z-30");
+@source inline("!footer --fd-header-height --fd-left-width --fd-main-width --fd-right-width --row --width -me-1.5 -mt-1.5 -mx-1 -translate-x-[280px] @default @sm:max-w-[200px] [--fd-left-width:0px] [--fd-main-width:900px] [--fd-right-width:0px] [--row:calc(3*var(--spacing))] [--row:calc(6*var(--spacing))] [grid-area:left-margin/left-margin/right/right] [grid-area:left] [grid-area:main] [grid-area:right/right-margin/right/right] [grid-area:right] [mask-image:linear-gradient(to_bottom,transparent,white_16px,white_calc(100%-16px),transparent))] [mask-image:radial-gradient(circle_at_center_right,white,white_200px,transparent_500px)] aiChat article autoScroll available backdrop-blur-sm base baseVariants before bg-fd-muted-foreground/50 bg-fd-popover/80 clientX collapse contentProps data-[active=false]:hover:text-fd-accent-foreground data-[state=closed]:animate-fd-sidebar-out data-[state=open]:animate-fd-sidebar-in data-fd-full defaultSlots defaultTabs edit exitTimerRef fd-glass-layout first:mt-0 flex-row-reverse font-semibold footer footerList fumadocs-core/breadcrumb getBreadcrumbItemsFromPath grid-cols-1 gridTemplate gridTemplateRows h-0 h-6 h-8 h-[calc(100dvh---spacing(4))] handles hover hover:decoration-dashed hover:decoration-fd-muted-foreground hover:opacity-80 hover:underline hover:underline-offset-4 inAnimation including information innerWidth inset-e-0 isLayoutTabActive itemTriggerVariants items-start justify-end justify-self-end layout:[--fd-main-width:1200px] leaves left left-margin leftSpace lg linkItems longer max-md:bg-linear-to-t max-md:bottom-0 max-md:from-fd-background max-md:h-16 max-md:hidden max-md:mt-auto max-md:pb-4 max-md:ps-[calc(--spacing(1.5)-1px)] max-md:w-4 max-w-[calc(100vw-3rem)] max-xl:-translate-y-1/2 max-xl:bg-fd-popover max-xl:end-1 max-xl:grid-cols-[calc(240px---spacing(6))] max-xl:mask-none max-xl:max-h-[calc(100dvh---spacing(32))] max-xl:overflow-clip max-xl:p-3 max-xl:ps-[calc(--spacing(2.5)-1px)] max-xl:rounded-xl max-xl:shadow-md max-xl:text-fd-popover-foreground max-xl:top-1/2 max-xl:w-6 max-xl:w-[240px] mb-8 md:bg-linear-to-b md:from-fd-background md:h-(--fd-header-height) md:layout:[--fd-header-height:--spacing(12)] md:layout:[--fd-left-width:0px] md:layout:[--fd-left-width:280px] md:layout:[--fd-right-width:12px] md:pb-8 md:pt-16 md:pt-2 md:px-2 md:py-1.5 md:top-0 min-h-dvh mobile mt-2 mt-2.5 mt-4 mx-2 my-2 nd-toc nd-toc-title no onPointerDown opacity-100 overflow-x-clip overflow-y-hidden p-0 p-6 pagination pb-16 pb-4 pe-3 pe-3.5 pen pointer pointer-events-none provided ps-2.5 ps-3 ps-4.5 pt-2 pt-4 reuse right right-margin rightIcon setDate setInAnimation setMobileOpen shadow-fd-background shouldOpen size-10 size-12 size-3.5! size-4! start text-[1.75em] text-end text-fd-foreground text-fd-primary/80 timeout timezone top-2 transition-[background-color,width,height] transition-[grid-template-rows] transition-[opacity,height] transition-[width,padding] transitionTimerRef typography under unlisted updated useBaseSlots useFooterItems useGlassLayout w-(--width) w-[360px] w-[calc(280px---spacing(2))] we well xl:[@media(hover:none)]:[--row:calc(6*var(--spacing))] xl:[@media(hover:none)]:h-6 xl:[@media(hover:none)]:h-px xl:[@media(hover:none)]:opacity-100 xl:[@media(hover:none)]:pointer-events-auto xl:[@media(hover:none)]:w-(--width) xl:bg-fd-popover xl:border xl:flex-row-reverse xl:h-[calc(100dvh---spacing(10))] xl:h-[calc(100dvh-var(--fd-header-height)---spacing(4))] xl:hidden xl:items-center xl:items-end xl:layout:[--fd-right-width:240px] xl:me-2 xl:pe-4 xl:rounded-2xl xl:shadow-sm xl:sticky xl:text-end xl:top-10 xl:top-[calc(var(--fd-header-height)+--spacing(2))] z-10 z-20 z-30");

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 ---spacing --callout-color --color-fd- --color-fd-muted --fd-ai-chat-width --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 [clip-path:inset(0_0_100%)] [offset-distance:var(--offset-distance,0)] [scrollbar-width:none] a abcdefghijklmnopqrstuvwxyz234567 about absolute accordion action actions active add advanced after algoliaClient align align-text-bottom alignItems alignmentBaseline all allowClear allowCopy allowDangerousHtml allowedMode allows alphabet altKey always an anchor and animate-pulse animation another application/json are areaRef aria-activedescendant aria-autocomplete aria-controls aria-describedby aria-expanded aria-label aria-live aria-selected as aside ask assume assumes async at auto await b backdrop-blur-lg backdrop-blur-xs background background-position backgroundColor backgroundImage backgroundSize backward banner basePath baseProps baseSlots baseUrl based became behaviour belongs beside between 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 blockRef blocks boolean border border-b border-l border-none border-s border-t border-transparent borderBottom bottom bottom-0 bottom-1.5 boundary buffer bundle button buttonVariants by cache cached can canonical case center central change changeLayout changes chat child children chooseLanguage class-variance-authority className clear client client-side clientHeight clientWidth clipPath clone close closeOnRedirect closed closing cn code col-span-full collapsed collapsible collapsing collection color colors column com combobox compact compat compatible component components composedRef computed config const container containerRef containing 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 defaultLanguage defaultMdxComponents defaultOpen defaultOpenLevel defaultShikiFactory defaultTransform defaultUrl defaultValue defineI18nUI defined delay delayMs depends deprecated depth description desktop 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 docked document documented dominantBaseline don drawer dropdown duration-100 duration-200 duration-300 duration-400 during each ease-in-out ease-out element else empty empty:hidden enabled encoded end-2 endIdx endpoint env environment equal error escape eslint-disable-next-line event export expose extends external extraProps false fd-moving-banner fd-scroll-container fd-search-list 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 floating flushSync focus 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-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 given global globalKey grid grid-cols-2 grid-cols-[1fr_3fr] group group-data-[active=true]:bg-fd-primary group-data-[active=true]:text-fd-primary-foreground 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 groups guides h h-(--fd-animated-height) h-(--radix-navigation-menu-viewport-height) h-9.5 h-[calc(100%+--spacing(1.5))] h-full h-px h1 h2 h3 h4 h5 h6 hand handle handleThemeChange has-focus-visible:bg-fd-accent hash hashchange hast have header headers heading height here hidden hideLocale highlight highlighter hints hover:bg-fd-accent hover:bg-fd-accent/80 hover:bg-fd-primary/80 hover:text-fd-accent-foreground hovered href html hydration i i18n i18nProvider icon icon-sm icon-xs iconClass id idea idx if if-needed ignore ignoreTyping 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 inside instanceof instead integration interface intersect invisible is isActive isComposing isFirst isLast isLoading isTabActive isUp it item itemLineLengths itemVariants items items-center its js justify-between justify-center keepBackground key keyCode keydown keys l l0 l1 l2 label lang language languageSelect last:rounded-b-xl layer layout layout:[--fd-ai-chat-width:min(--spacing(100),100vw---spacing(4))] leading-none leaving left-0 left-1/2 length let letting level light light-dark light-dark-system line line-through linear link links list list-none listbox 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 max-xl:border max-xl:end-2 max-xl:fixed max-xl:inset-y-2 max-xl:rounded-2xl max-xl:shadow-xl max-xl:translate-x-[calc(100%+--spacing(2))] max-xl:w-(--fd-ai-chat-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-1.5 me-2 me-auto measured menu menuItems mergeRefs message metaKey middle min-h-0 min-w-0 min-w-[240px] min-w-fit min-w-full mode module motion-reduce:transition-none mount 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 names namespace nav navItems navTitle navigate navigation nd-copy-ignore nd-sidebar nd-sidebar-mobile nearest needed nested nested-url never new newTheme next next-themes next/og node nodes none noop noopener noreferrer normal normalize not not-last:mb-2 not-prose notation note now null number numbers object observer of offsetHeight offsetPath offsetTop on onChange onClick onCopy onKey onOpenChange onOpenChangeCallback onPointerEnter onPointerLeave onPointerMove onPrint onSearchChange onSearchChangeCallback onSelect onSelectCallback onTagChange onTagChangeCallback onValueChange once one only opacity-(--opacity,0) opacity-0 open openFromHash opened option optional options or oramaCloudClient order origin-(--radix-popover-content-transform-origin) origin-[top_center] origin-center original other out outline outline-none output over overflow-auto overflow-clip 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 pageUrlProp panel panels parameters params parentId pass passed path pathname paths pb-0 pb-2 pe-2 per performing persist persistent place placed placeholder placeholder:text-fd-muted-foreground please pointerType points polite populated pos positions possible powered pre pre-rendering predate prefetch present prev previous previousRef primary primaryColor primaryTextColor production promises prompt prompts 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 querySelector questions rainbow rainbowColors raw re-create react react-dom react-hooks/rules-of-hooks react-medium-image-zoom read reader ref referenced region registering rehype-raw rehypeCustomElements rehypePlugins rehypeRaw rel relative remarkRehypeOptions remove render renderHighlights renderMarkdown repo repository required resize resizing 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:max-xl:-translate-x-[calc(100%+--spacing(2))] rtl:rotate-180 rtl:rotate-90 s same 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 shiftKey shiki shikiOptions shortcuts should 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 smaller so solid some source space span specific sr-only src stars startIdx state static status stay 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 sync system t tab tabIndex table tabs tabsRef tag tagName tags take target text text-(--callout-color) text-[0.8125rem] text-[0.8125rem]/5 text-[0.9375rem] text-[10px] 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 that the their theme themeAriaLabels themeSwitch themeSwitchEnabled themes then 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-[width,margin,translate,visibility] transition-[width,margin,translate] transition-all transition-colors transition-opacity transition-transform translationKeys translations translations/keys.json transparent tree trigger triggers true truncate try type typeof types unchanged undefined underline underlying understand unified unist-util-visit unknown unnecessarily update updateAnchor updates upperX url urls us usage use useCopyButton useDocsSearch useHotKey useI18n useId useIsDocsLayout useItems useMediaQuery useMemo useOnChange usePathname useProps useRef useRouter useSearchContext useSidebar useState useSyncExternalStore useTOCItems useTabsGroups useTheme useTranslations useTreePath useful users using usually v v17 value valueToIdMap values variables variant variants vertical viewBox viewRef viewport viewportProps visible visit vite void w w-(--fd-ai-chat-width) 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 what when where which while white whitespace-nowrap whitespaces wide width will window with without work wrap wrap-anywhere wrapElement wrapInSuspense wrapped x x1 x2 xl:w-(--fd-ai-chat-width) 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 *:first:font-medium *:first:text-fd-primary *:flex *:flex! *:flex-col *:flex-col! *:gap-0.5! *:has-[+:last-child[data-empty=true]]:border-b-0 *:last:border-b-0 *:mask-[linear-gradient(to_bottom,white,white_30px,transparent_80px)] *:not-first:text-fd-muted-foreground *:nth-2:text-xs *:rounded-full ---spacing --callout-color --color-fd- --color-fd-muted --fd-ai-chat-width --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 [&_::highlight(fd-search)]:text-fd-primary [&_::highlight(fd-search)]:underline [&_svg]:size-3.5 [&_svg]:size-4 [&_svg]:size-4.5 [&_svg]:size-5 [&_svg]:size-full [&_svg]:text-fd-muted-foreground [clip-path:inset(0_0_100%)] [offset-distance:var(--offset-distance,0)] [scrollbar-width:none] a abcdefghijklmnopqrstuvwxyz234567 about absolute accordion action actions active activeItem add advanced after align align-text-bottom alignItems alignmentBaseline all allowClear allowCopy allowedMode allows alphabet altKey always an anchor and animate-pulse animation another application/json are areaRef aria-activedescendant aria-autocomplete aria-controls aria-describedby aria-expanded aria-hidden aria-label aria-labelledby aria-live aria-selected as aside ask assume assumes async at auto await b backdrop-blur-lg backdrop-blur-xs background background-position backgroundColor backgroundImage backgroundSize backward banner basePath baseProps baseSlots baseUrl based became behaviour belongs beside between 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 blockRef boolean border border-b border-l border-none border-s border-t border-transparent borderBottom bottom bottom-0 bottom-1.5 boundary buffer bundle button buttonVariants by cache cached can canonical cards case cells center central change changeLayout changes chat child children chooseLanguage class-variance-authority className clear client client-side clientHeight clientWidth clients clipPath clone close closeOnRedirect closed closing cn code col-span-full collapsed collapsible collapsing collection color colors column columns com combobox compact compat compatible component components composedRef computed config const container containerRef containing content contents context controlled/uncontrolled copy core counterSet createContext createRelativeLink css ctx current currentColor cursor-default 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-highlight-ignore 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 defaultLanguage defaultMdxComponents defaultOpen defaultOpenLevel defaultShikiFactory defaultTransform defaultUrl defaultValue defineI18nUI defined delay delayMs depends deprecated depth description desktop detect development 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 docked document documented dominantBaseline don drawer dropdown duration-100 duration-200 duration-300 duration-400 during each ease-in-out ease-out element else empty empty:hidden enabled encoded end-2 endIdx endpoint env environment equal error escape eslint-disable-next-line event export expose extends external extraProps false fd-moving-banner fd-scroll-container fd-search-list 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 floating flushSync focus 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 free from full 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-x-3 gap-y-4 generated getActive ghost github-dark github-light githubUrl given global globalKey grid grid-cols-2 grid-cols-[1fr_3fr] grid-cols-subgrid gridTemplateColumns group group-data-[active=true]:bg-fd-primary group-data-[active=true]:text-fd-primary-foreground 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 groups guides h h-(--fd-animated-height) h-(--radix-navigation-menu-viewport-height) h-9.5 h-[calc(100%+--spacing(1.5))] h-full h-px h1 h2 h3 h4 h5 h6 hand handleThemeChange has-focus-visible:bg-fd-accent hash hashchange hast-util-to-jsx-runtime hastContent have header headerId headers heading height hidden hideLocale highlight highlightRef highlighter hints hover:bg-fd-accent hover:bg-fd-accent/80 hover:bg-fd-primary/80 hover:text-fd-accent-foreground hovered href html hydration i i18n i18nProvider icon icon-sm icon-xs iconClass id idea idx if if-needed ignore ignoreTyping img import in 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 inside instanceof instead integration interface intersect invisible is isActive isComposing isFirst isLast isLoading isTabActive isUp it item itemLineLengths itemVariants items items-baseline items-center itemsProp its js justify-between justify-center keepBackground key keyCode keydown keys l l0 l1 l2 label lang language languageSelect last last:line-clamp-2 last:rounded-b-xl layer layout layout:[--fd-ai-chat-width:min(--spacing(100),100vw---spacing(4))] lays leading-5 leading-none leaving left-0 left-1/2 length let letting level light light-dark light-dark-system like line line-through linear link links list list-none listbox 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)] 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 max-xl:border max-xl:end-2 max-xl:fixed max-xl:inset-y-2 max-xl:rounded-2xl max-xl:shadow-xl max-xl:translate-x-[calc(100%+--spacing(2))] max-xl:w-(--fd-ai-chat-width) maximumFractionDigits mb-1 mb-2 md:hidden md:mb-auto md:size-5 md:top-[calc(50%-250px)] mdComponents mdx/types.js me-1 me-1.5 me-2 me-auto measured menu menuItems mergeRefs message metaKey middle min-h-0 min-w-0 min-w-[240px] min-w-fit min-w-full mode module motion-reduce:transition-none mount mounted mouse ms-2 ms-3 ms-auto ms-px mt-1 must mx-auto my-0 my-0! my-0.5 my-4 my-6 my-auto n name names namespace nav navItems navTitle navigate navigation nd-copy-ignore nd-sidebar nd-sidebar-mobile nearest needed nested nested-url never new newTheme next next-themes next/og node nodes none noop noopener noreferrer normal normalize not not-first:border-t not-last:mb-2 not-last:truncate not-prose notation note now null number numbers object observer of offsetHeight offsetPath offsetTop on onChange onClick onCopy onKey onOpenChange onOpenChangeCallback onPointerEnter onPointerLeave onPointerMove onPrint onSearchChange onSearchChangeCallback onSelect onSelectCallback onTagChange onTagChangeCallback onValueChange once one only opacity-(--opacity,0) opacity-0 open openFromHash opened option optional options or order origin-(--radix-popover-content-transform-origin) origin-[top_center] origin-center original other out outline outline-none output over overflow-auto overflow-clip 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 pageUrlProp panel panels parameters params parentId pass passed path pathname paths pb-0 pb-2 pe-2 pe-2.5 per performing persist persistent place placed placeholder placeholder:text-fd-muted-foreground please pointerType points polite populated pos positions possible powered pre pre-rendering predate prefetch present prev previous previousRef primary primaryColor primaryTextColor production promises prompt prompts prop props prose prose-no-margin prose-sm provide provider ps-1 ps-2 ps-3.25 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 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 re-create re-render react react-dom react-hooks/rules-of-hooks react-medium-image-zoom react/jsx-runtime read reader ref referenced region registering rel relative remove render renderOptions repo repository required resize resizing 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 rowRenderOptions rows rtl:-scale-x-100 rtl:max-xl:-translate-x-[calc(100%+--spacing(2))] rtl:rotate-180 rtl:rotate-90 s same 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 shiftKey shiki shikiOptions shortcuts should show showAlgolia showOrama shown shows 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 smaller so solid some source space span specific sr-only src stars startIdx state static status stay sticky still str string stroke stroke-fd-foreground/10 stroke-fd-primary strokeLinecap strokeLinejoin strokeWidth style styles subscribe subscribeActive success successful supported supposed sure svg switch switcher system t tab tabIndex table tableRenderOptions tables tabs tabsRef tag tagName tags take target tbody td text text-(--callout-color) text-[0.8125rem] text-[0.8125rem]/5 text-[0.9375rem] text-[10px] 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-inherit text-lg text-nowrap text-sm text-start text-xs text/plain textAnchor textContent th that the thead their them theme themeAriaLabels themeSwitch themeSwitchEnabled themes then they this throw thumbBox tier timerRef tip title to toJsxRuntime toc tocInfo toolbar top top-0 top-1/2 top-2.5 top-3 top-4 touch tr transform transition-[clip-path] transition-[height] transition-[opacity,offset-distance] transition-[width,height] transition-[width,margin,translate,visibility] transition-[width,margin,translate] transition-all transition-colors transition-opacity transition-transform translationKeys translations translations/keys.json transparent tree trigger triggers true truncate try type typeof types unchanged undefined underline underlying understand unknown unnecessarily update updateAnchor updates upperX url urls us usage use useAlgoliaSearch useCopyButton useDocsSearch useHotKey useI18n useId useIsDocsLayout useItems useMediaQuery useMemo useOnChange useOramaCloudSearch usePathname useProps useRef useRouter useSearchContext useSidebar useState useSyncExternalStore useTOCItems useTabsGroups useTheme useTranslations useTreePath useful users using usually v v17 value valueToIdMap values variables variant variants vertical viewBox viewRef viewport viewportProps visible vite void w w-(--fd-ai-chat-width) 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 what when where which while white whitespace-nowrap whitespaces wide width will window with without work wrap wrap-anywhere wrapElement wrapInSuspense wrapped x x1 x2 xl:w-(--fd-ai-chat-width) xmlns y y1 y2 you your z-2 z-40 z-50 zoom zoomImg zoomMargin");

package/dist/components/callout.js

@@ -17,7 +17,7 @@ function resolveAlias(type) {
 function CalloutContainer({ type: inputType = "info", icon, children, className, style, ...props }) {
 	const type = resolveAlias(inputType);
 	return /* @__PURE__ */ jsxs("div", {
-		className: cn("flex gap-2 my-4 rounded-xl border bg-fd-card p-3 ps-1 text-sm text-fd-card-foreground shadow-md", className),
+		className: cn("flex gap-2 my-4 rounded-xl border bg-fd-card p-3 ps-1 text-sm text-fd-card-foreground", className),
 		style: {
 			"--callout-color": `var(--color-fd-${type}, var(--color-fd-muted))`,
 			...style

package/dist/components/codeblock.js

@@ -30,7 +30,7 @@ function CodeBlock({ ref, title, allowCopy = true, keepBackground = false, icon,
 		dir: "ltr",
 		...props,
 		tabIndex: -1,
-		className: cn(inTab ? "bg-fd-secondary -mx-px -mb-px last:rounded-b-xl" : "my-4 bg-fd-card rounded-xl", keepBackground && "bg-(--shiki-light-bg) dark:bg-(--shiki-dark-bg)", "shiki relative border shadow-sm not-prose overflow-hidden text-sm", props.className),
+		className: cn(inTab ? "bg-fd-secondary -mx-px -mb-px last:rounded-b-xl" : "my-4 bg-fd-card rounded-xl", keepBackground && "bg-(--shiki-light-bg) dark:bg-(--shiki-dark-bg)", "shiki relative border not-prose overflow-hidden text-sm", props.className),
 		children: [title ? /* @__PURE__ */ jsxs("div", {
 			className: "flex text-fd-muted-foreground items-center gap-2 h-9.5 border-b px-4",
 			children: [

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

@@ -4,17 +4,16 @@ import { SearchDialog, SearchDialogClose, SearchDialogContent, SearchDialogFoote
 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";
+import { useAlgoliaSearch } from "fumadocs-core/search/client";
 //#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({ client: algoliaClient({
+	const search = useAlgoliaSearch({
 		tag,
 		locale,
 		...searchOptions
-	}) });
+	});
 	const defaultItems = useMemo(() => {
 		if (links.length === 0) return null;
 		return links.map(([name, link]) => ({
@@ -29,9 +28,7 @@ function AlgoliaSearchDialog({ searchOptions, tags = [], defaultTag, showAlgolia
 	});
 	const label = showAlgolia && /* @__PURE__ */ jsx(AlgoliaTitle, {});
 	return /* @__PURE__ */ jsxs(SearchDialog, {
-		search,
-		onSearchChange: setSearch,
-		isLoading: query.isLoading,
+		...search,
 		...props,
 		children: [
 			/* @__PURE__ */ jsx(SearchDialogOverlay, {}),
@@ -39,7 +36,7 @@ function AlgoliaSearchDialog({ searchOptions, tags = [], defaultTag, showAlgolia
 				/* @__PURE__ */ jsx(SearchDialogIcon, {}),
 				/* @__PURE__ */ jsx(SearchDialogInput, {}),
 				/* @__PURE__ */ jsx(SearchDialogClose, {})
-			] }), /* @__PURE__ */ jsx(SearchDialogList, { items: query.data !== "empty" ? query.data : defaultItems })] }),
+			] }), /* @__PURE__ */ jsx(SearchDialogList, { defaultItems })] }),
 			/* @__PURE__ */ jsxs(SearchDialogFooter, { children: [tags.length > 0 ? /* @__PURE__ */ jsxs(TagsList, {
 				tag,
 				onTagChange: setTag,

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

@@ -22,7 +22,7 @@ function DefaultSearchDialog({ type, defaultTag, tags = [], api, delayMs, allowC
 		locale,
 		tag
 	});
-	const { search, setSearch, query } = useDocsSearch({
+	const search = useDocsSearch({
 		client,
 		delayMs
 	});
@@ -39,9 +39,7 @@ function DefaultSearchDialog({ type, defaultTag, tags = [], api, delayMs, allowC
 		setTag(v);
 	});
 	return /* @__PURE__ */ jsxs(SearchDialog, {
-		search,
-		onSearchChange: setSearch,
-		isLoading: query.isLoading,
+		...search,
 		...props,
 		children: [
 			/* @__PURE__ */ jsx(SearchDialogOverlay, {}),
@@ -49,7 +47,7 @@ function DefaultSearchDialog({ type, defaultTag, tags = [], api, delayMs, allowC
 				/* @__PURE__ */ jsx(SearchDialogIcon, {}),
 				/* @__PURE__ */ jsx(SearchDialogInput, {}),
 				/* @__PURE__ */ jsx(SearchDialogClose, {})
-			] }), /* @__PURE__ */ jsx(SearchDialogList, { items: query.data !== "empty" ? query.data : defaultItems })] }),
+			] }), /* @__PURE__ */ jsx(SearchDialogList, { defaultItems })] }),
 			/* @__PURE__ */ jsxs(SearchDialogFooter, { children: [tags.length > 0 && /* @__PURE__ */ jsx(TagsList, {
 				tag,
 				onTagChange: setTag,

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

@@ -4,8 +4,7 @@ import { SearchDialog, SearchDialogClose, SearchDialogContent, SearchDialogFoote
 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";
+import { useOramaCloudSearch } from "fumadocs-core/search/client";
 //#region src/components/dialog/search-orama.tsx
 /**
 * Orama Cloud integration
@@ -13,13 +12,13 @@ import { oramaCloudClient } from "fumadocs-core/search/client/orama-cloud";
 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({ client: oramaCloudClient({
+	const search = useOramaCloudSearch({
 		client,
 		index,
 		params: searchOptions,
 		locale,
 		tag
-	}) });
+	});
 	const defaultItems = useMemo(() => {
 		if (links.length === 0) return null;
 		return links.map(([name, link]) => ({
@@ -34,9 +33,7 @@ function OramaSearchDialog({ client, searchOptions, tags = [], defaultTag, showO
 	});
 	const label = showOrama && /* @__PURE__ */ jsx(Label, {});
 	return /* @__PURE__ */ jsxs(SearchDialog, {
-		search,
-		onSearchChange: setSearch,
-		isLoading: query.isLoading,
+		...search,
 		...props,
 		children: [/* @__PURE__ */ jsx(SearchDialogOverlay, {}), /* @__PURE__ */ jsxs(SearchDialogContent, { children: [
 			/* @__PURE__ */ jsxs(SearchDialogHeader, { children: [
@@ -44,7 +41,7 @@ function OramaSearchDialog({ client, searchOptions, tags = [], defaultTag, showO
 				/* @__PURE__ */ jsx(SearchDialogInput, {}),
 				/* @__PURE__ */ jsx(SearchDialogClose, {})
 			] }),
-			/* @__PURE__ */ jsx(SearchDialogList, { items: query.data !== "empty" ? query.data : defaultItems }),
+			/* @__PURE__ */ jsx(SearchDialogList, { defaultItems }),
 			/* @__PURE__ */ jsxs(SearchDialogFooter, { children: [tags.length > 0 ? /* @__PURE__ */ jsxs(TagsList, {
 				tag,
 				onTagChange: setTag,

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

@@ -1,9 +1,11 @@
 import { SharedProps } from "../../contexts/search.js";
+import * as JsxRuntime from "react/jsx-runtime";
 import { ComponentProps, ReactNode } from "react";
+import { SearchResult, SearchResultItem, SearchResultRecord, SearchResultTable } from "fumadocs-core/search/client";
 import { DialogContent, DialogOverlay } from "@radix-ui/react-dialog";
-import { HighlightedText, ReactSortedResult } from "fumadocs-core/search";
+import { ReactSortedResult } from "fumadocs-core/search";
 //#region src/components/dialog/search.d.ts
-export type SearchItemType = (ReactSortedResult & {
+export type SearchItemType = ((ReactSortedResult | SearchResultRecord) & {
   external?: boolean;
 }) | {
   id: string;
@@ -11,22 +13,37 @@ export type SearchItemType = (ReactSortedResult & {
   node: ReactNode;
   onSelect: () => void;
 };
+type ItemRenderer = (props: {
+  item: SearchItemType;
+  table?: SearchResultTable;
+  onClick: () => void;
+}) => ReactNode;
+interface TableProps {
+  table: SearchResultTable;
+  Item: ItemRenderer;
+  onSelect: (item: SearchItemType) => void;
+}
 export interface SearchDialogProps extends SharedProps {
   search: string;
   onSearchChange: (v: string) => void;
   onSelect?: (item: SearchItemType) => void;
   isLoading?: boolean;
+  /** the last successful search, `<SearchDialogList />` shows its results */
+  data?: SearchResult;
   children: ReactNode;
 }
-export declare function SearchDialog({ open, onOpenChange, search, onSearchChange, isLoading, onSelect: onSelectProp, children }: SearchDialogProps): import("react").JSX.Element;
-export declare function SearchDialogHeader(props: ComponentProps<'div'>): import("react").JSX.Element;
-export declare function SearchDialogInput(props: ComponentProps<'input'>): import("react").JSX.Element;
-export declare function SearchDialogClose({ children, className, ...props }: ComponentProps<'button'>): import("react").JSX.Element;
-export declare function SearchDialogFooter(props: ComponentProps<'div'>): import("react").JSX.Element;
-export declare function SearchDialogOverlay(props: ComponentProps<typeof DialogOverlay>): import("react").JSX.Element;
-export declare function SearchDialogContent({ children, ...props }: ComponentProps<typeof DialogContent>): import("react").JSX.Element;
-export declare function SearchDialogList({ items, Empty, Item, ...props }: Omit<ComponentProps<'div'>, 'children'> & {
-  items: SearchItemType[] | null | undefined;
+export declare function SearchDialog({ open, onOpenChange, search, onSearchChange, isLoading, data, onSelect: onSelectProp, children }: SearchDialogProps): JsxRuntime.JSX.Element;
+export declare function SearchDialogHeader(props: ComponentProps<'div'>): JsxRuntime.JSX.Element;
+export declare function SearchDialogInput(props: ComponentProps<'input'>): JsxRuntime.JSX.Element;
+export declare function SearchDialogClose({ children, className, ...props }: ComponentProps<'button'>): JsxRuntime.JSX.Element;
+export declare function SearchDialogFooter(props: ComponentProps<'div'>): JsxRuntime.JSX.Element;
+export declare function SearchDialogOverlay(props: ComponentProps<typeof DialogOverlay>): JsxRuntime.JSX.Element;
+export declare function SearchDialogContent({ children, ...props }: ComponentProps<typeof DialogContent>): JsxRuntime.JSX.Element;
+export declare function SearchDialogList({ items: itemsProp, defaultItems, Empty, Item, Table, ...props }: Omit<ComponentProps<'div'>, 'children'> & {
+  /** @defaultValue the results of `data` from `<SearchDialog />` */
+  items?: (SearchItemType | SearchResultItem)[] | null;
+  /** shown without results */
+  defaultItems?: (SearchItemType | SearchResultItem)[] | null;
   /**
    * Renderer for empty list UI
    */
@@ -34,27 +51,30 @@ export declare function SearchDialogList({ items, Empty, Item, ...props }: Omit<
   /**
    * Renderer for items
    */
-  Item?: (props: {
-    item: SearchItemType;
-    onClick: () => void;
-  }) => ReactNode;
-}): import("react").JSX.Element;
-export declare function SearchDialogListItem({ item, className, children, renderMarkdown, renderHighlights: _, ...props }: ComponentProps<'button'> & {
+  Item?: ItemRenderer;
+  /**
+   * Renderer for tables, `Item` and `onSelect` render their rows
+   */
+  Table?: (props: TableProps) => ReactNode;
+}): JsxRuntime.JSX.Element;
+export declare function SearchDialogListTable({ table, Item, onSelect }: TableProps): JsxRuntime.JSX.Element;
+export declare function SearchDialogListItem({ item, table, className, children, renderMarkdown, ...props }: ComponentProps<'div'> & {
+  /** the table of a row */
+  table?: SearchResultTable;
+  /** render the Markdown `content` of items, instead of their `hastContent` */
   renderMarkdown?: (v: string) => ReactNode;
-  /** @deprecated highlight blocks is now wrapped in `<mark />`, use `renderMarkdown` to handle instead. */
-  renderHighlights?: (blocks: HighlightedText<ReactNode>[]) => ReactNode;
   item: SearchItemType;
-}): import("react").JSX.Element;
-export declare function SearchDialogIcon(props: ComponentProps<'svg'>): import("react").JSX.Element;
+}): JsxRuntime.JSX.Element;
+export declare function SearchDialogIcon(props: ComponentProps<'svg'>): JsxRuntime.JSX.Element;
 export interface TagsListProps extends ComponentProps<'div'> {
   tag?: string;
   onTagChange: (tag: string | undefined) => void;
   allowClear?: boolean;
 }
-export declare function TagsList({ tag, onTagChange, allowClear, ...props }: TagsListProps): import("react").JSX.Element;
+export declare function TagsList({ tag, onTagChange, allowClear, ...props }: TagsListProps): JsxRuntime.JSX.Element;
 export declare function TagsListItem({ value, className, ...props }: ComponentProps<'button'> & {
   value: string;
-}): import("react").JSX.Element;
+}): JsxRuntime.JSX.Element;
 export declare function useSearch(): {
   open: boolean;
   onOpenChange: (open: boolean) => void;
@@ -62,15 +82,18 @@ export declare function useSearch(): {
   onSearchChange: (v: string) => void;
   onSelect: (item: SearchItemType) => void;
   isLoading: boolean;
+  data?: SearchResult;
+  /** the query to highlight */
+  query: string;
+  /** the id of the active item */
+  getActive: () => string | null;
+  setActive: (id: string | null) => void;
+  subscribeActive: (listener: () => void) => () => void;
 };
 export declare function useTagsList(): {
   value?: string;
   onValueChange: (value: string | undefined) => void;
   allowClear: boolean;
 };
-export declare function useSearchList(): {
-  active: string | null;
-  setActive: (v: string | null) => void;
-};
 //#endregion
 export type { SharedProps };

package/dist/components/dialog/search.js

@@ -2,26 +2,19 @@
 import { cn } from "../../utils/cn.js";
 import { buttonVariants } from "../ui/button.js";
 import { useRouter } from "fumadocs-core/framework";
+import * as JsxRuntime from "react/jsx-runtime";
 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 { Fragment as Fragment$1, createContext, use, useCallback, useEffect, useEffectEvent, useLayoutEffect, useMemo, useRef, useSyncExternalStore } from "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 { useHighlightQuery } from "fumadocs-core/search/client";
 import { Dialog, DialogContent, DialogOverlay, DialogTitle } from "@radix-ui/react-dialog";
-import { createMarkdownRenderer } from "fumadocs-core/content/md";
-import rehypeRaw from "rehype-raw";
-import { visit } from "unist-util-visit";
+import { toJsxRuntime } from "hast-util-to-jsx-runtime";
 //#region src/components/dialog/search.tsx
 const RootContext = createContext(null);
-const ListContext = createContext(null);
 const TagsListContext = createContext(null);
-const PreContext = createContext(false);
-const mdRenderer = createMarkdownRenderer({
-	remarkRehypeOptions: { allowDangerousHtml: true },
-	rehypePlugins: [rehypeRaw, rehypeCustomElements]
-});
 const mdComponents = {
 	mark(props) {
 		return /* @__PURE__ */ jsx("span", {
@@ -36,34 +29,20 @@ const mdComponents = {
 			className: "min-w-0"
 		});
 	},
-	strong(props) {
-		return /* @__PURE__ */ jsx("strong", {
-			...props,
-			className: "text-fd-accent-foreground font-medium"
-		});
-	},
-	code(props) {
-		if (use(PreContext)) return /* @__PURE__ */ jsx("code", {
-			...props,
-			className: "mask-[linear-gradient(to_bottom,white,white_30px,transparent_80px)]"
-		});
-		return /* @__PURE__ */ jsx("code", {
-			...props,
-			className: "border rounded-md px-px bg-fd-secondary text-fd-secondary-foreground"
-		});
-	},
-	custom({ _tagName = "fragment", children, ...rest }) {
+	custom({ tagName, children, ...rest }) {
 		return /* @__PURE__ */ jsxs("span", {
 			className: "inline-flex max-w-full items-center border p-0.5 rounded-md bg-fd-card text-fd-card-foreground divide-x divide-fd-border",
 			children: [
 				/* @__PURE__ */ jsx("code", {
-					className: "rounded-sm px-0.5 me-1 bg-fd-primary font-medium text-xs text-fd-primary-foreground border-none",
-					children: _tagName
+					"data-highlight-ignore": "",
+					className: "not-prose rounded-sm px-0.5 me-1 bg-fd-primary font-medium text-xs text-fd-primary-foreground border-none",
+					children: tagName
 				}),
 				Object.entries(rest).map(([k, v]) => {
 					if (typeof v !== "string") return;
 					return /* @__PURE__ */ jsxs("code", {
-						className: "truncate text-xs text-fd-muted-foreground px-1",
+						"data-highlight-ignore": "",
+						className: "not-prose truncate text-xs text-fd-muted-foreground px-1",
 						children: [/* @__PURE__ */ jsxs("span", {
 							className: "text-fd-card-foreground",
 							children: [k, ": "]
@@ -80,25 +59,44 @@ const mdComponents = {
 	pre(props) {
 		return /* @__PURE__ */ jsx("pre", {
 			...props,
-			className: cn("flex flex-col border rounded-md my-0.5 p-2 bg-fd-secondary text-fd-secondary-foreground max-h-20 overflow-hidden", props.className),
-			children: /* @__PURE__ */ jsx(PreContext, {
-				value: true,
-				children: props.children
-			})
+			className: cn("not-prose flex flex-col border rounded-md my-0.5 p-2 bg-fd-secondary text-fd-secondary-foreground max-h-20 overflow-hidden *:mask-[linear-gradient(to_bottom,white,white_30px,transparent_80px)]", props.className)
 		});
 	}
 };
-function rehypeCustomElements() {
-	return (tree) => {
-		visit(tree, (node) => {
-			if (node.type === "element" && document.createElement(node.tagName) instanceof HTMLUnknownElement) {
-				node.properties._tagName = node.tagName;
-				node.tagName = "custom";
-			}
-		});
-	};
+const renderOptions = {
+	development: false,
+	components: mdComponents,
+	...JsxRuntime
+};
+function Children({ children }) {
+	return children;
+}
+function TableCell(props) {
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		className: "min-w-0 not-last:truncate last:line-clamp-2"
+	});
 }
-function SearchDialog({ open, onOpenChange, search, onSearchChange, isLoading = false, onSelect: onSelectProp, children }) {
+const tableRenderOptions = {
+	...renderOptions,
+	components: {
+		...mdComponents,
+		table: Children,
+		thead: Children,
+		tbody: Children,
+		tr: Children,
+		th: TableCell,
+		td: TableCell
+	}
+};
+const rowRenderOptions = {
+	...tableRenderOptions,
+	components: {
+		...tableRenderOptions.components,
+		thead: () => null
+	}
+};
+function SearchDialog({ open, onOpenChange, search, onSearchChange, isLoading = false, data, onSelect: onSelectProp, children }) {
 	const router = useRouter();
 	const onOpenChangeCallback = useRef(onOpenChange);
 	onOpenChangeCallback.current = onOpenChange;
@@ -113,21 +111,41 @@ function SearchDialog({ open, onOpenChange, search, onSearchChange, isLoading =
 	};
 	const onSelectCallback = useRef(onSelect);
 	onSelectCallback.current = onSelect;
+	const activeItem = useMemo(() => {
+		let active = null;
+		const listeners = /* @__PURE__ */ new Set();
+		return {
+			getActive: () => active,
+			setActive(id) {
+				active = id;
+				for (const listener of listeners) listener();
+			},
+			subscribeActive(listener) {
+				listeners.add(listener);
+				return () => void listeners.delete(listener);
+			}
+		};
+	}, []);
 	return /* @__PURE__ */ jsx(Dialog, {
 		open,
 		onOpenChange,
 		children: /* @__PURE__ */ jsx(RootContext, {
 			value: useMemo(() => ({
+				...activeItem,
 				open,
 				search,
 				isLoading,
+				data,
+				query: data ? data.query : search,
 				onOpenChange: (v) => onOpenChangeCallback.current(v),
 				onSearchChange: (v) => onSearchChangeCallback.current(v),
 				onSelect: (v) => onSelectCallback.current(v)
 			}), [
+				activeItem,
 				isLoading,
 				open,
-				search
+				search,
+				data
 			]),
 			children
 		})
@@ -141,9 +159,12 @@ function SearchDialogHeader(props) {
 }
 function SearchDialogInput(props) {
 	const t = useTranslations({ note: "search dialog" });
-	const { search, onSearchChange } = useSearch();
+	const { search, onSearchChange, getActive, subscribeActive } = useSearch();
+	const active = useSyncExternalStore(subscribeActive, getActive, getActive);
 	return /* @__PURE__ */ jsx("input", {
 		role: "combobox",
+		"aria-expanded": active !== null,
+		"aria-activedescendant": active !== null ? `fd-search-option-${active}` : void 0,
 		"aria-label": t("Search"),
 		"aria-autocomplete": "list",
 		"aria-controls": "fd-search-list",
@@ -194,30 +215,32 @@ function SearchDialogContent({ children, ...props }) {
 		}), children]
 	});
 }
-function SearchDialogList({ items = null, Empty = () => /* @__PURE__ */ jsx("div", {
+function SearchDialogList({ items: itemsProp, defaultItems = null, Empty = () => /* @__PURE__ */ jsx("div", {
 	role: "status",
 	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 }) {
+}), Item = (props) => /* @__PURE__ */ jsx(SearchDialogListItem, { ...props }), Table = (props) => /* @__PURE__ */ jsx(SearchDialogListTable, { ...props }), ...props }) {
 	const ref = useRef(null);
 	const t = useTranslations({ note: "search dialog" });
-	const { onSelect } = useSearch();
-	const [active, setActive] = useState(() => items && items.length > 0 ? items[0].id : null);
+	const { onSelect, data, getActive, setActive } = useSearch();
+	const items = itemsProp === void 0 ? data?.items ?? defaultItems : itemsProp;
+	useLayoutEffect(() => setActive(items?.[0]?.id ?? null), [setActive, items]);
 	const onKey = useEffectEvent((e) => {
 		if (!items || e.isComposing || e.keyCode === 229) return;
+		const list = flattenItems(items);
 		if (e.key === "ArrowDown" || e.key == "ArrowUp") {
-			let idx = items.findIndex((item) => item.id === active);
+			let idx = list.findIndex((item) => item.id === getActive());
 			if (idx === -1) idx = 0;
 			else if (e.key === "ArrowDown") idx++;
 			else idx--;
-			setActive(items.at(idx % items.length)?.id ?? null);
+			setActive(list.at(idx % list.length)?.id ?? null);
 			e.preventDefault();
 		}
 		if (e.key === "Enter") {
-			const selected = items.find((item) => item.id === active);
+			const selected = list.find((item) => item.id === getActive());
 			if (selected) onSelect(selected);
 			e.preventDefault();
 		}
@@ -237,46 +260,81 @@ function SearchDialogList({ items = null, Empty = () => /* @__PURE__ */ jsx("div
 			window.removeEventListener("keydown", onKey);
 		};
 	}, []);
-	useOnChange(items, () => {
-		setActive(items?.[0]?.id ?? null);
-	});
-	useEffect(() => {
-		const input = ref.current?.closest("[role=\"dialog\"]")?.querySelector("[role=\"combobox\"]");
-		if (!input) return;
-		input.setAttribute("aria-expanded", String(active !== null));
-		if (active !== null) input.setAttribute("aria-activedescendant", `fd-search-option-${active}`);
-		else input.removeAttribute("aria-activedescendant");
-	}, [active]);
 	return /* @__PURE__ */ jsx("div", {
 		...props,
 		ref,
 		"data-empty": items === null,
-		className: cn("overflow-hidden h-(--fd-animated-height) transition-[height]", props.className),
-		children: /* @__PURE__ */ jsx("div", {
+		className: cn("overflow-hidden h-(--fd-animated-height) transition-[height] [&_::highlight(fd-search)]:text-fd-primary [&_::highlight(fd-search)]:underline", props.className),
+		children: /* @__PURE__ */ jsxs("div", {
 			id: "fd-search-list",
 			role: items?.length ? "listbox" : void 0,
 			"aria-label": items?.length ? t("Search") : void 0,
 			className: cn("w-full flex flex-col overflow-y-auto max-h-[460px] p-1", !items && "hidden"),
-			children: /* @__PURE__ */ jsxs(ListContext, {
-				value: useMemo(() => ({
-					active,
-					setActive
-				}), [active]),
-				children: [items?.length === 0 && Empty(), items?.map((item) => /* @__PURE__ */ jsx(Fragment$1, { children: Item({
-					item,
-					onClick: () => onSelect(item)
-				}) }, item.id))]
-			})
+			children: [items?.length === 0 && Empty(), items?.map((item) => /* @__PURE__ */ jsx(Fragment$1, { children: item.type === "table" ? Table({
+				table: item,
+				Item,
+				onSelect
+			}) : Item({
+				item,
+				onClick: () => onSelect(item)
+			}) }, item.id))]
 		})
 	});
 }
-function SearchDialogListItem({ item, className, children, renderMarkdown = (s) => /* @__PURE__ */ jsx(mdRenderer.Markdown, {
-	components: mdComponents,
-	children: s
-}), renderHighlights: _, ...props }) {
-	const { active: activeId, setActive } = useSearchList();
-	const active = item.id === activeId;
-	if (item.type === "action") children ??= item.node;
+function flattenItems(items) {
+	const out = [];
+	for (const item of items) if (item.type === "table") out.push(...item.rows);
+	else out.push(item);
+	return out;
+}
+function SearchDialogListTable({ table, Item, onSelect }) {
+	const { query } = useSearch();
+	const highlightRef = useHighlightQuery(query);
+	const headerId = `fd-search-table-${table.id}`;
+	const header = useMemo(() => table.header && toJsxRuntime(table.header, tableRenderOptions), [table.header]);
+	return /* @__PURE__ */ jsx("div", {
+		role: table.header ? "group" : void 0,
+		"aria-labelledby": table.header ? headerId : void 0,
+		className: "ms-3 shrink-0 border-s py-2 ps-3.25 pe-2.5",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "grid gap-x-3 overflow-hidden rounded-lg border bg-fd-card text-sm",
+			style: { gridTemplateColumns: `${"fit-content(30%) ".repeat(table.columns - 1)}minmax(30%, 1fr)` },
+			children: [header && /* @__PURE__ */ jsx("div", {
+				id: headerId,
+				ref: highlightRef,
+				"aria-hidden": true,
+				className: "col-span-full grid grid-cols-subgrid bg-fd-secondary px-3 py-1 text-xs text-fd-muted-foreground",
+				children: header
+			}), table.rows.map((row) => /* @__PURE__ */ jsx(Fragment$1, { children: Item({
+				item: row,
+				table,
+				onClick: () => onSelect(row)
+			}) }, row.id))]
+		})
+	});
+}
+function SearchDialogListItem({ item, table, className, children, renderMarkdown, ...props }) {
+	const { query, getActive, setActive, subscribeActive } = useSearch();
+	const isActive = () => getActive() === item.id;
+	const active = useSyncExternalStore(subscribeActive, isActive, isActive);
+	const highlightRef = useHighlightQuery(query);
+	const content = useMemo(() => {
+		if (item.type === "action") return item.node;
+		if (renderMarkdown && typeof item.content === "string") return renderMarkdown(item.content);
+		if (!("hastContent" in item)) return item.content;
+		if (!table) return toJsxRuntime(item.hastContent, renderOptions);
+		return toJsxRuntime(item.hastContent, table.header ? rowRenderOptions : tableRenderOptions);
+	}, [
+		item,
+		renderMarkdown,
+		table
+	]);
+	if (item.type === "action") children ??= content;
+	else if (table) children ??= /* @__PURE__ */ jsx("div", {
+		ref: highlightRef,
+		className: cn("contents", !table.header && "*:first:font-medium *:first:text-fd-primary *:nth-2:text-xs *:not-first:text-fd-muted-foreground"),
+		children: content
+	});
 	else children ??= /* @__PURE__ */ jsxs(Fragment, { children: [
 		/* @__PURE__ */ jsx("div", {
 			className: "inline-flex items-center text-fd-muted-foreground text-xs empty:hidden",
@@ -288,24 +346,23 @@ function SearchDialogListItem({ item, className, children, renderMarkdown = (s)
 		}),
 		item.type === "heading" && /* @__PURE__ */ jsx(Hash, { className: "absolute inset-s-6 top-2.5 size-4 text-fd-muted-foreground" }),
 		/* @__PURE__ */ jsx("div", {
-			className: cn("min-w-0", item.type === "text" && "ps-4", item.type === "heading" && "ps-8", item.type === "page" || item.type === "heading" ? "font-medium" : "text-fd-popover-foreground/80"),
-			children: typeof item.content === "string" ? renderMarkdown(item.content) : item.content
+			ref: highlightRef,
+			className: cn("prose prose-sm leading-5 min-w-0", item.type === "text" && "ps-4", item.type === "heading" && "ps-8", item.type === "page" || item.type === "heading" ? "font-medium text-inherit" : "text-fd-popover-foreground/80"),
+			children: content
 		})
 	] });
-	return /* @__PURE__ */ jsx("button", {
-		type: "button",
+	return /* @__PURE__ */ jsx("div", {
 		id: `fd-search-option-${item.id}`,
 		role: "option",
-		tabIndex: -1,
 		ref: useCallback((element) => {
 			if (active && element) scrollIntoView(element, {
 				scrollMode: "if-needed",
 				block: "nearest",
-				boundary: element.parentElement
+				boundary: element.closest("[role=\"listbox\"]")
 			});
 		}, [active]),
 		"aria-selected": active,
-		className: cn("relative select-none shrink-0 px-2.5 py-2 text-start text-sm overflow-hidden rounded-lg", active && "bg-fd-accent text-fd-accent-foreground", className),
+		className: cn("cursor-default", table ? "col-span-full grid grid-cols-subgrid items-baseline px-3 py-1.5 not-first:border-t" : "relative shrink-0 px-2.5 py-2 text-sm overflow-hidden rounded-lg", active && "bg-fd-accent text-fd-accent-foreground", className),
 		onPointerMove: () => setActive(item.id),
 		...props,
 		children
@@ -361,10 +418,5 @@ function useTagsList() {
 	if (!ctx) throw new Error("Missing <TagsList />");
 	return ctx;
 }
-function useSearchList() {
-	const ctx = use(ListContext);
-	if (!ctx) throw new Error("Missing <SearchDialogList />");
-	return ctx;
-}
 //#endregion
-export { SearchDialog, SearchDialogClose, SearchDialogContent, SearchDialogFooter, SearchDialogHeader, SearchDialogIcon, SearchDialogInput, SearchDialogList, SearchDialogListItem, SearchDialogOverlay, TagsList, TagsListItem, useSearch, useSearchList, useTagsList };
+export { SearchDialog, SearchDialogClose, SearchDialogContent, SearchDialogFooter, SearchDialogHeader, SearchDialogIcon, SearchDialogInput, SearchDialogList, SearchDialogListItem, SearchDialogListTable, SearchDialogOverlay, TagsList, TagsListItem, useSearch, useTagsList };

package/dist/contexts/tree.js

@@ -48,7 +48,7 @@ function useTabsGroups(tabs) {
 		const out = [];
 		const last = path[path.length - 1];
 		const page = last?.type === "page" ? last : void 0;
-		let scope = tree.fallback && !tree.children.includes(path[0]) ? tree.fallback : tree;
+		let scope = tree.fallback ? [...tree.children, ...tree.fallback.children] : tree.children;
 		for (const node of path) {
 			if (node.type !== "folder" || !node.root) continue;
 			const group = {
@@ -57,7 +57,7 @@ function useTabsGroups(tabs) {
 			};
 			collectTabs(scope, node, page, tabs, group.options);
 			if (group.options.length > 0) out.push(group);
-			scope = node;
+			scope = node.children;
 		}
 		const custom = tabs.filter((tab) => !tab.$folder);
 		if (custom.length > 0) {
@@ -74,7 +74,7 @@ function useTabsGroups(tabs) {
 }
 /** collect the tabs of root folders with the same type as `active` within a scope */
 function collectTabs(scope, active, page, tabs, out) {
-	for (const node of scope.children) {
+	for (const node of scope) {
 		if (node.type !== "folder") continue;
 		if (node.root === active.root) {
 			const tab = tabs.find((tab) => tab.$folder && (tab.$folder === node || tab.$folder.$id === node.$id));
@@ -84,7 +84,7 @@ function collectTabs(scope, active, page, tabs, out) {
 				...tab,
 				url: projection.url
 			} : tab);
-		} else if (!node.root) collectTabs(node, active, page, tabs, out);
+		} else if (!node.root) collectTabs(node.children, active, page, tabs, out);
 	}
 }
 //#endregion

package/dist/style.css

@@ -485,6 +485,9 @@
   .ms-2 {
     margin-inline-start: calc(var(--spacing) * 2);
   }
+  .ms-3 {
+    margin-inline-start: calc(var(--spacing) * 3);
+  }
   .ms-auto {
     margin-inline-start: auto;
   }
@@ -517,7 +520,7 @@
     color: var(--tw-prose-body);
     max-width: none;
     font-size: calc(1rem * var(--tw-prose-size));
-    line-height: calc(1.75rem * var(--tw-prose-size));
+    line-height: var(--tw-leading, calc(1.75rem * var(--tw-prose-size)));
     :where([class~="lead"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
       font-size: 1.25em;
       line-height: 1.6;
@@ -834,6 +837,12 @@
     :where(.prose > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
       margin-bottom: 0;
     }
+    :where(blockquote > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+      margin-top: 0;
+    }
+    :where(blockquote > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+      margin-bottom: 0;
+    }
     :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
       font-size: 0.875em;
       line-height: 1.7142857;
@@ -1281,6 +1290,9 @@
   .animate-pulse {
     animation: var(--animate-pulse);
   }
+  .cursor-default {
+    cursor: default;
+  }
   .resize {
     resize: both;
   }
@@ -1317,6 +1329,9 @@
   .grid-cols-\[1fr_3fr\] {
     grid-template-columns: 1fr 3fr;
   }
+  .grid-cols-subgrid {
+    grid-template-columns: subgrid;
+  }
   .flex-col {
     flex-direction: column;
   }
@@ -1329,6 +1344,9 @@
   .flex-wrap {
     flex-wrap: wrap;
   }
+  .items-baseline {
+    align-items: baseline;
+  }
   .items-center {
     align-items: center;
   }
@@ -1380,6 +1398,9 @@
   .gap-6 {
     gap: calc(var(--spacing) * 6);
   }
+  .gap-x-3 {
+    column-gap: calc(var(--spacing) * 3);
+  }
   .gap-y-4 {
     row-gap: calc(var(--spacing) * 4);
   }
@@ -1601,9 +1622,6 @@
   .mask-\[linear-gradient\(to_bottom\,transparent\,white_16px\,white_calc\(100\%-16px\)\,transparent\)\] {
     mask-image: linear-gradient(to bottom,transparent,white 16px,white calc(100% - 16px),transparent);
   }
-  .mask-\[linear-gradient\(to_bottom\,white\,white_30px\,transparent_80px\)\] {
-    mask-image: linear-gradient(to bottom,white,white 30px,transparent 80px);
-  }
   .fill-\(--callout-color\) {
     fill: var(--callout-color);
   }
@@ -1685,9 +1703,6 @@
   .px-8 {
     padding-inline: calc(var(--spacing) * 8);
   }
-  .px-px {
-    padding-inline: 1px;
-  }
   .py-0 {
     padding-block: 0px;
   }
@@ -1736,6 +1751,9 @@
   .ps-3 {
     padding-inline-start: calc(var(--spacing) * 3);
   }
+  .ps-3\.25 {
+    padding-inline-start: calc(var(--spacing) * 3.25);
+  }
   .ps-4 {
     padding-inline-start: calc(var(--spacing) * 4);
   }
@@ -1857,6 +1875,10 @@
   .text-\[10px\] {
     font-size: 10px;
   }
+  .leading-5 {
+    --tw-leading: calc(var(--spacing) * 5);
+    line-height: calc(var(--spacing) * 5);
+  }
   .leading-none {
     --tw-leading: 1;
     line-height: 1;
@@ -1948,6 +1970,9 @@
   .text-fd-secondary-foreground {
     color: var(--color-fd-secondary-foreground);
   }
+  .text-inherit {
+    color: inherit;
+  }
   .line-through {
     text-decoration-line: line-through;
   }
@@ -2284,9 +2309,24 @@
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 1px;
   }
+  :is(.\*\:mask-\[linear-gradient\(to_bottom\,white\,white_30px\,transparent_80px\)\] > *) {
+    mask-image: linear-gradient(to bottom,white,white 30px,transparent 80px);
+  }
+  .not-first\:border-t:not(:first-child) {
+    border-top-style: var(--tw-border-style);
+    border-top-width: 1px;
+  }
+  :is(.\*\:not-first\:text-fd-muted-foreground > *):not(:first-child) {
+    color: var(--color-fd-muted-foreground);
+  }
   .not-last\:mb-2:not(:last-child) {
     margin-bottom: calc(var(--spacing) * 2);
   }
+  .not-last\:truncate:not(:last-child) {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
   @media (hover: hover) {
     .group-hover\/heading\:opacity-100:is(:where(.group\/heading):hover *) {
       opacity: 100%;
@@ -2344,9 +2384,22 @@
   .first\:mt-0:first-child {
     margin-top: 0px;
   }
+  :is(.\*\:first\:font-medium > *):first-child {
+    --tw-font-weight: var(--font-weight-medium);
+    font-weight: var(--font-weight-medium);
+  }
+  :is(.\*\:first\:text-fd-primary > *):first-child {
+    color: var(--color-fd-primary);
+  }
   .last\:me-0:last-child {
     margin-inline-end: 0px;
   }
+  .last\:line-clamp-2:last-child {
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+  }
   .last\:rounded-b-xl:last-child {
     border-bottom-right-radius: var(--radius-xl);
     border-bottom-left-radius: var(--radius-xl);
@@ -2610,6 +2663,10 @@
       background-color: color-mix(in oklab, var(--color-fd-background) 80%, transparent);
     }
   }
+  :is(.\*\:nth-2\:text-xs > *):nth-child(2) {
+    font-size: var(--text-xs);
+    line-height: var(--tw-leading, var(--text-xs--line-height));
+  }
   @media (prefers-reduced-motion: reduce) {
     .motion-reduce\:transition-none {
       transition-property: none;
@@ -3063,6 +3120,12 @@
       --fd-toc-width: 268px;
     }
   }
+  .\[\&_\:\:highlight\(fd-search\)\]\:text-fd-primary ::highlight(fd-search) {
+    color: var(--color-fd-primary);
+  }
+  .\[\&_\:\:highlight\(fd-search\)\]\:underline ::highlight(fd-search) {
+    text-decoration-line: underline;
+  }
   .\[\&_svg\]\:size-3\.5 svg {
     width: calc(var(--spacing) * 3.5);
     height: calc(var(--spacing) * 3.5);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fumadocs-ui",
-  "version": "16.16.2",
+  "version": "16.17.0",
   "description": "The Radix UI version of Fumadocs UI",
   "keywords": [
     "Docs",
@@ -139,7 +139,7 @@
   },
   "dependencies": {
     "@fuma-translate/react": "^1.0.2",
-    "@fumadocs/tailwind": "0.1.2",
+    "@fumadocs/tailwind": "0.1.3",
     "@radix-ui/react-accordion": "^1.2.20",
     "@radix-ui/react-collapsible": "^1.1.20",
     "@radix-ui/react-dialog": "^1.1.23",
@@ -152,38 +152,35 @@
     "@radix-ui/react-tabs": "^1.1.21",
     "class-variance-authority": "^0.7.1",
     "cn": "^0.4.0",
+    "hast-util-to-jsx-runtime": "^2.3.6",
     "lucide-react": "^1.50.0",
     "motion": "^14.0.0",
     "next-themes": "^0.4.6",
     "react-remove-scroll": "^2.7.2",
-    "rehype-raw": "^7.0.0",
     "scroll-into-view-if-needed": "^3.1.0",
-    "shiki": "^4.5.0",
-    "unist-util-visit": "^5.1.0"
+    "shiki": "^4.5.0"
   },
   "devDependencies": {
-    "@fumadocs/base-ui": "16.16.2",
-    "@fumadocs/cli": "1.7.3",
+    "@fumadocs/base-ui": "16.17.0",
+    "@fumadocs/cli": "1.7.4",
     "@tailwindcss/cli": "^4.3.3",
     "@tailwindcss/oxide": "^4.3.3",
     "@tsdown/css": "^0.23.0",
-    "@types/hast": "^3.0.5",
     "@types/mdx": "^2.0.14",
     "@types/node": "^26.6.4",
     "@types/react": "^19.3.0",
     "@types/react-dom": "^19.3.0",
     "fuma-cli": "^0.3.1",
-    "fumadocs-core": "16.16.2",
+    "fumadocs-core": "16.17.0",
     "react-medium-image-zoom": "^5.4.9",
     "tailwindcss": "^4.3.3",
     "tsconfig": "0.0.0",
-    "tsdown": "0.23.0",
-    "unified": "^11.0.5"
+    "tsdown": "0.23.0"
   },
   "peerDependencies": {
     "@types/mdx": "*",
     "@types/react": "*",
-    "fumadocs-core": "16.16.2",
+    "fumadocs-core": "16.17.0",
     "next": "16.x.x",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",