@fumadocs/base-ui 16.15.13 → 16.15.14

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] after aria-valuemax aria-valuemin aria-valuenow article attribute 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 collapsing 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-[column-changed=true]:transition-[grid-template-columns] data-[state=closed]:animate-fd-fade-out data-[state=closed]:animate-fd-sidebar-out data-[state=open]:animate-fd-fade-in data-[state=open]:animate-fd-sidebar-in data-[transparent=false]:bg-fd-background/80 data-column-changed 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 desktop duration-250 edit 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 information inset-e-0 inset-s-4 inset-y-2 instant isCollapseChanged isNavTransparent isTop items-end justify-items-center 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) ms-px mx-0.5 navEnabled navTransparentMode nd-docs-layout nd-page nd-subnav nd-toc nd-toc-placeholder no normalizedValue onClickItem onClickOutside p-0 pagination pb-1.5 pe-0 pe-2.5 pe-4 pointer-events-none popover previousCollapsed 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 setPreviousCollapsed showItem sidebarEnabled sidebarProps single size-4.5 stroke-current/25 strokeDasharray strokeDashoffset tabMode tableOfContent tableOfContentPopover 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-[opacity,translate,color] transition-[opacity,translate] 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:hidden xl:in-data-[sidebar-collapsed=true]:pt-14 xl:layout:[--fd-toc-width:268px] xl:pt-14 xl:px-8 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] after aria-valuemax aria-valuemin aria-valuenow article attribute 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 collapsing 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-[column-changed=true]:transition-[grid-template-columns] data-[state=closed]:animate-fd-fade-out data-[state=closed]:animate-fd-sidebar-out data-[state=open]:animate-fd-fade-in data-[state=open]:animate-fd-sidebar-in data-[transparent=false]:bg-fd-background/80 data-column-changed 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 desktop duration-250 edit 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 instant isCollapseChanged isNavTransparent isTop items-end justify-items-center 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) ms-px mx-0.5 navEnabled navTransparentMode nd-docs-layout nd-page nd-subnav nd-toc nd-toc-placeholder no normalizedValue onClickItem onClickOutside p-0 pagination pb-1.5 pe-0 pe-2.5 pe-4 pointer-events-none popover previousCollapsed 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 setPreviousCollapsed showItem sidebarEnabled sidebarProps single size-4.5 stroke-current/25 strokeDasharray strokeDashoffset tabMode tableOfContent tableOfContentPopover 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-[opacity,translate,color] transition-[opacity,translate] 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:hidden xl:in-data-[sidebar-collapsed=true]:pt-14 xl:layout:[--fd-toc-width:268px] xl:pt-14 xl:px-8 z-10 z-20 z-30");

package/css/generated/glass.css

@@ -1 +1 @@
-@source inline("!footer ---spacing --bleed --drawer-swipe-movement-x --drawer-swipe-progress --drawer-swipe-strength --fd-left-width --fd-main-width --fd-right-width --row --viewport-padding --width -me-1.5 -mr-(--bleed) -mt-1.5 -mx-1 -translate-x-[280px] @base-ui/react @default @sm:max-w-[200px] [--bleed:3rem] [--fd-left-width:0px] [--fd-main-width:900px] [--fd-right-width:0px] [--row:calc(3*var(--spacing))] [--row:calc(6*var(--spacing))] [--viewport-padding:0px] [grid-area:left-margin/left-margin/right/right] [grid-area:left] [grid-area:main] [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)] [transform:translateX(var(--drawer-swipe-movement-x))] after aiChat article autoScroll available backdrop-blur-sm bar baseVariants be because before behind bg-fd-muted-foreground/50 bg-fd-popover/80 bleed bug but chat clientX contentProps could data-[active=false]:hover:text-fd-accent-foreground data-ending-style:[transform:translateX(calc(100%-var(--bleed)+var(--viewport-padding)+2px))] data-ending-style:duration-[calc(var(--drawer-swipe-strength)*400ms)] data-fd-full data-popup-open:bg-fd-accent data-starting-style:[transform:translateX(calc(100%-var(--bleed)+var(--viewport-padding)+2px))] data-swiping:duration-0 data-swiping:select-none defaultSlots defaultTabs drawerHandle duration-300 duration-450 ease-[cubic-bezier(0.32,0.72,0,1)] edit exitTimerRef fact fd-glass-layout flex-row-reverse font-semibold footer footerList fumadocs-core/breadcrumb get getBreadcrumbItemsFromPath grid-cols-1 gridTemplate gridTemplateRows group-data-[active=true]:bg-fd-primary h-0 h-6 h-8 h-[calc(100dvh---spacing(4))] hover hover:decoration-dashed hover:decoration-fd-muted-foreground hover:opacity-80 hover:underline hover:underline-offset-4 inAnimation including information innerWidth interrupted isLayoutTabActive itemTriggerVariants items-start items-stretch justify-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+var(--bleed))] max-xl:-translate-y-1/2 max-xl:bg-fd-popover max-xl:border max-xl:end-1 max-xl:fixed 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-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 min-h-full mt-2 mt-2.5 mt-4 mx-2 my-2 nd-mobile-sidebar nd-toc nd-toc-title no onPointerDown opacity-100 opacity-[calc(1-var(--drawer-swipe-progress))] overflow-y-hidden p-(--viewport-padding) p-0 p-6 pagination pb-16 pb-4 pe-3 pe-3.5 pen pointer pointer-events-none pr-(--bleed) prose-sm provided ps-2.5 ps-3 ps-4.5 pt-2 pt-4 push reason right right-margin rightIcon scrollbar scrollbar-width scrolling setDate setInAnimation setMobileOpen shadow-fd-background shouldOpen simplest size-10 size-12 size-3.5! size-4! somehow start supports-[-webkit-touch-callout:none]:[--bleed:0px] supports-[-webkit-touch-callout:none]:[--viewport-padding:0.625rem] supports-[-webkit-touch-callout:none]:absolute supports-[-webkit-touch-callout:none]:border supports-[-webkit-touch-callout:none]:rounded-xl swipeDirection text-[1.75em] text-end text-fd-foreground text-fd-primary/80 timeout timezone touch-auto transition-[background-color,width,height] transition-[grid-template-rows] transition-[opacity,height] transition-[width,height] transition-[width,padding] transitionTimerRef typography under unlisted updated useBaseSlots useFooterItems useGlassLayout w-(--width) w-[360px] w-[calc(280px---spacing(2))] workaround 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:flex-row-reverse xl:h-[calc(100dvh---spacing(10))] xl:hidden xl:items-center xl:items-end xl:layout:[--fd-right-width:240px] xl:pe-4 xl:sticky xl:text-end xl:top-10 z-10 z-20 z-30 zero");
+@source inline("!footer ---spacing --bleed --drawer-swipe-movement-x --drawer-swipe-progress --drawer-swipe-strength --fd-left-width --fd-main-width --fd-right-width --row --viewport-padding --width -me-1.5 -mr-(--bleed) -mt-1.5 -mx-1 -translate-x-[280px] @base-ui/react @default @sm:max-w-[200px] [--bleed:3rem] [--fd-left-width:0px] [--fd-main-width:900px] [--fd-right-width:0px] [--row:calc(3*var(--spacing))] [--row:calc(6*var(--spacing))] [--viewport-padding:0px] [grid-area:left-margin/left-margin/right/right] [grid-area:left] [grid-area:main] [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)] [transform:translateX(var(--drawer-swipe-movement-x))] after aiChat article autoScroll available backdrop-blur-sm bar baseVariants be because before behind bg-fd-muted-foreground/50 bg-fd-popover/80 bleed bug but chat clientX contentProps could data-[active=false]:hover:text-fd-accent-foreground data-ending-style:[transform:translateX(calc(100%-var(--bleed)+var(--viewport-padding)+2px))] data-ending-style:duration-[calc(var(--drawer-swipe-strength)*400ms)] data-fd-full data-popup-open:bg-fd-accent data-starting-style:[transform:translateX(calc(100%-var(--bleed)+var(--viewport-padding)+2px))] data-swiping:duration-0 data-swiping:select-none defaultSlots defaultTabs drawerHandle duration-450 ease-[cubic-bezier(0.32,0.72,0,1)] edit exitTimerRef fact fd-glass-layout flex-row-reverse font-semibold footer footerList fumadocs-core/breadcrumb get getBreadcrumbItemsFromPath grid-cols-1 gridTemplate gridTemplateRows h-0 h-6 h-8 h-[calc(100dvh---spacing(4))] hover hover:decoration-dashed hover:decoration-fd-muted-foreground hover:opacity-80 hover:underline hover:underline-offset-4 inAnimation including information innerWidth interrupted isLayoutTabActive itemTriggerVariants items-start items-stretch justify-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+var(--bleed))] max-xl:-translate-y-1/2 max-xl:bg-fd-popover max-xl:border max-xl:end-1 max-xl:fixed 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-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 min-h-full mt-2 mt-2.5 mt-4 mx-2 my-2 nd-mobile-sidebar nd-toc nd-toc-title no onPointerDown opacity-100 opacity-[calc(1-var(--drawer-swipe-progress))] overflow-y-hidden p-(--viewport-padding) p-0 p-6 pagination pb-16 pb-4 pe-3 pe-3.5 pen pointer pointer-events-none pr-(--bleed) prose-sm provided ps-2.5 ps-3 ps-4.5 pt-2 pt-4 push reason right right-margin rightIcon scrollbar scrollbar-width scrolling setDate setInAnimation setMobileOpen shadow-fd-background shouldOpen simplest size-10 size-12 size-3.5! size-4! somehow start supports-[-webkit-touch-callout:none]:[--bleed:0px] supports-[-webkit-touch-callout:none]:[--viewport-padding:0.625rem] supports-[-webkit-touch-callout:none]:absolute supports-[-webkit-touch-callout:none]:border supports-[-webkit-touch-callout:none]:rounded-xl swipeDirection text-[1.75em] text-end text-fd-foreground text-fd-primary/80 timeout timezone touch-auto transition-[background-color,width,height] transition-[grid-template-rows] transition-[opacity,height] transition-[width,height] transition-[width,padding] transitionTimerRef typography under unlisted updated useBaseSlots useFooterItems useGlassLayout w-(--width) w-[360px] w-[calc(280px---spacing(2))] workaround 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:flex-row-reverse xl:h-[calc(100dvh---spacing(10))] xl:hidden xl:items-center xl:items-end xl:layout:[--fd-right-width:240px] xl:pe-4 xl:sticky xl:text-end xl:top-10 z-10 z-20 z-30 zero");

package/css/generated/home.css

@@ -1 +1 @@
-@source inline("!isNavTransparent --available-width --duration --easing --fd-layout-width --popup-height --positioner-height -me-1.5 -ms-1.5 -mx-1 [--fd-layout-width:1400px] are asChild backdrop-blur-md been before:absolute before:content-[''] bg-fd-background/80 bg-fd-popover/80 box-border but click collisionPadding data-[active=true]:font-medium data-[side=bottom]:before:h-2.5 data-[side=bottom]:before:left-0 data-[side=bottom]:before:right-0 data-[side=bottom]:before:top-[-10px] data-[side=left]:before:bottom-0 data-[side=left]:before:right-[-10px] data-[side=left]:before:top-0 data-[side=left]:before:w-2.5 data-[side=right]:before:bottom-0 data-[side=right]:before:left-[-10px] data-[side=right]:before:top-0 data-[side=right]:before:w-2.5 data-[side=top]:before:bottom-[-10px] data-[side=top]:before:h-2.5 data-[side=top]:before:left-0 data-[side=top]:before:right-0 data-ending-style:data-[activation-direction=left]:translate-x-1/2 data-ending-style:data-[activation-direction=right]:-translate-x-1/2 data-ending-style:duration-150 data-instant:transition-none data-starting-style:data-[activation-direction=left]:-translate-x-1/2 data-starting-style:data-[activation-direction=right]:translate-x-1/2 defaultVariants defaults does duration-(--duration) ease-(--easing) enableHoverToOpen first:ms-0 font-bold font-semibold gap-2.5 grid-cols-1 h-(--popup-height) h-(--positioner-height) h-14 had headerRef hideIfDisabled home hover:text-fd-popover-foreground/50 isNavTransparent isTop its justify-end last:me-0 lg:grid-cols-3 lg:hidden like linkItems list-none listRef looking max-lg:hidden max-lg:rounded-b-2xl max-lg:shadow-lg max-sm:hidden max-sm:mt-2 max-w-(--available-width) max-w-(--fd-layout-width) max-w-[240px] max-w-md mb-4 md:grid-cols-2 might mobile mt-4 navEnabled navItemVariants nd-home-layout nd-nav ps-2.5 pt-2 px-6 px-8 rotate-180 sm:flex-row sm:hidden sm:items-center sm:justify-end temporarily text-2xl text-6xl text-base transition-[box-shadow,background-color,border-radius] transition-[opacity,transform,translate] transition-[opacity,width,height] transparentMode under useBaseSlots useHomeLayout useIsScrollTop valid");
+@source inline("!isNavTransparent --available-width --duration --easing --fd-layout-width --popup-height --positioner-height -me-1.5 -ms-1.5 -mx-1 [--fd-layout-width:1400px] are asChild backdrop-blur-md been before:absolute before:content-[''] bg-fd-background/80 bg-fd-popover/80 box-border but click collisionPadding data-[active=true]:font-medium data-[side=bottom]:before:h-2.5 data-[side=bottom]:before:left-0 data-[side=bottom]:before:right-0 data-[side=bottom]:before:top-[-10px] data-[side=left]:before:bottom-0 data-[side=left]:before:right-[-10px] data-[side=left]:before:top-0 data-[side=left]:before:w-2.5 data-[side=right]:before:bottom-0 data-[side=right]:before:left-[-10px] data-[side=right]:before:top-0 data-[side=right]:before:w-2.5 data-[side=top]:before:bottom-[-10px] data-[side=top]:before:h-2.5 data-[side=top]:before:left-0 data-[side=top]:before:right-0 data-ending-style:data-[activation-direction=left]:translate-x-1/2 data-ending-style:data-[activation-direction=right]:-translate-x-1/2 data-ending-style:duration-150 data-instant:transition-none data-starting-style:data-[activation-direction=left]:-translate-x-1/2 data-starting-style:data-[activation-direction=right]:translate-x-1/2 defaultVariants defaults does duration-(--duration) ease-(--easing) enableHoverToOpen first:ms-0 font-bold font-semibold gap-2.5 grid-cols-1 h-(--popup-height) h-(--positioner-height) h-14 had headerRef hideIfDisabled home hover:text-fd-popover-foreground/50 isNavTransparent isTop justify-end last:me-0 lg:grid-cols-3 lg:hidden like linkItems list-none listRef looking max-lg:hidden max-lg:rounded-b-2xl max-lg:shadow-lg max-sm:hidden max-sm:mt-2 max-w-(--available-width) max-w-(--fd-layout-width) max-w-[240px] max-w-md mb-4 md:grid-cols-2 might mobile mt-4 navEnabled navItemVariants nd-home-layout nd-nav ps-2.5 pt-2 px-6 px-8 rotate-180 sm:flex-row sm:hidden sm:items-center sm:justify-end temporarily text-2xl text-6xl text-base transition-[box-shadow,background-color,border-radius] transition-[opacity,transform,translate] transition-[opacity,width,height] transparentMode under useBaseSlots useHomeLayout useIsScrollTop valid");

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-col *:has-[+:last-child[data-empty=true]]:border-b-0 *:last:border-b-0 *:rounded-full --accordion-panel-height --anchor-width --available-height --callout-color --collapsible-panel-height --color-fd- --color-fd-muted --fd-animated-height --fd-banner-height --offset-distance --opacity --padding-right --shiki-dark-bg --shiki-light-bg --spacing --track-bottom --track-top --transform-origin -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 @ts-expect-error @typescript-eslint/no-namespace [&>figure:only-child]:-m-4 [&>figure:only-child]:border-none [&[hidden]:not([hidden='until-found'])]:hidden [&_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 addEventListener advanced algoliaClient align alignItems alignmentBaseline all allowClear allowCopy allowDangerousHtml allows alphabet always an anchor and animate-pulse animation another application/json areaRef aria-controls aria-describedby aria-expanded 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 basePath baseProps baseSlots baseUrl based behaviour belongs 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 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 bound boundary buffer bundle button buttonVariants by cache cached can canonical 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 compatibility 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-[active]:border-fd-primary data-[active]:text-fd-primary data-[inactive]:hidden data-[popup-open]:bg-fd-accent data-[popup-open]:text-fd-accent-foreground data-accordion-value data-active data-card data-checked data-checked:text-fd-accent-foreground data-closed:animate-fd-dialog-out data-closed:animate-fd-fade-out data-closed:animate-fd-popover-out data-collapsed data-empty data-ending-style:h-0 data-ending-style:opacity-0 data-fd-search-dialog-input data-icon data-line-numbers data-line-numbers-start data-open:animate-fd-dialog-in data-open:animate-fd-fade-in data-open:animate-fd-popover-in data-search data-search-full data-starting-style:h-0 data-starting-style:opacity-0 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 detect dialog dialogHandle dir disabled disabled:opacity-50 disabled:pointer-events-none display displayName displayed distance div divide-fd-border divide-x divide-y documented dominantBaseline don drawer dropdown duration-100 duration-200 duration-400 during each ease-out element else empty empty:hidden empty:mb-0 enabled encoded endIdx endpoint env environment equal error escape eslint-disable-next-line event export extends external extraProps false fd-moving-banner fd-scroll-container fd-search-dialog-content 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 first:mt-0 fixed flex flex-1 flex-col flex-row flex-wrap flexDirection flushSync 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 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-[open]:rotate-180 group-data-active:bg-fd-primary group-data-open:rotate-180 group-data-panel-open:rotate-90 group-hover/heading:opacity-100 group/heading groupListeners groups guides h h-(--accordion-panel-height) h-(--collapsible-panel-height) h-(--fd-animated-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 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 hovering href html hydration i i18n i18nProvider icon icon-sm icon-xs iconClass id idea idx if if-needed ignore img import in inPre inTab index infinite info initialFocus inline inline-flex input inputType inset-0 inset-e-2 inset-s-0 inset-s-3 inset-s-6 inset-x-2 inset-y-0 inside instanceof instead integration interface intersect invisible is isActive isComposing isFirst isLast isLoading isUp it item itemLineLengths itemVariants items items-center js justify-between justify-center keepBackground keepMounted key keyCode keydown keys l l0 l1 l2 label lang language languageSelect last:rounded-b-xl layer layout 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 listener listeners localRef 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-(--available-height) max-h-20 max-h-[460px] max-h-[600px] 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-1.5 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 mt-1 mt-6 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 offsetPath offsetTop on onAnimationEnd 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 option optional options or oramaCloudClient order origin-(--transform-origin) origin-center original other out outline outline-none output overflow-auto overflow-hidden overflow-x-auto overflow-x-clip overflow-y-auto override overscroll-contain own owner oxlint-disable-next-line 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 placeholder placeholder:text-fd-muted-foreground please pointerType points populated positions possible powered pre pre-rendering predate prefetch prev preventScroll previous previousRef primary primaryColor primaryTextColor promise 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/exhaustive-deps react-hooks/rules-of-hooks react-medium-image-zoom reader ref referenced region registering rehype-raw rehypeCustomElements rehypePlugins rehypeRaw rel relative remarkRehypeOptions remove removeEventListener 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 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 setHidden setHover setLoading setOpen setSvg setTag setValue shadow-2xl shadow-lg shadow-md shadow-sm shiki shikiOptions shortcuts should show showAlgolia showOrama shrink-0 side sideOffset sidebar signature simple since 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 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 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 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 top-2.5 top-4 touch transform transition-[clip-path] transition-[height,opacity] transition-[height] transition-[opacity,offset-distance] 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 unnecessarily updateAnchor updates upperX url urls us usage use useCopyButton useDocsSearch useI18n useId useIsDocsLayout useItems useMediaQuery useMemo useOnChange usePathname useProps useRef useRouter useSearchContext useSidebar useState useSyncExternalStore useTOCItems useTheme useTranslations useTreePath useful users using usually v v17 value valueToIdMap values variables variant variants vertical viewBox viewRef viewport viewportProps visit vite void w w-(--anchor-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 width will window with without 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-col *:has-[+:last-child[data-empty=true]]:border-b-0 *:last:border-b-0 *:rounded-full --accordion-panel-height --anchor-width --available-height --callout-color --collapsible-panel-height --color-fd- --color-fd-muted --fd-animated-height --fd-banner-height --offset-distance --opacity --padding-right --shiki-dark-bg --shiki-light-bg --spacing --track-bottom --track-top --transform-origin -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 @ts-expect-error @typescript-eslint/no-namespace [&>figure:only-child]:-m-4 [&>figure:only-child]:border-none [&[hidden]:not([hidden='until-found'])]:hidden [&_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 addEventListener advanced algoliaClient align align-text-bottom alignItems alignmentBaseline all allowClear allowCopy allowDangerousHtml allows alphabet always an anchor and animate-pulse animation another application/json 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 backdrop-blur-lg backdrop-blur-xs background background-position backgroundColor backgroundImage backgroundSize backward banner basePath baseProps baseSlots baseUrl based became behaviour belongs 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-linear-to-r bg-transparent bind 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 bound boundary buffer bundle button buttonVariants by cache cached can canonical case center central change changeLayout changes 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 combobox compact compat compatibility 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-[active]:border-fd-primary data-[active]:text-fd-primary data-[inactive]:hidden data-[popup-open]:bg-fd-accent data-[popup-open]:text-fd-accent-foreground data-accordion-value data-active data-card data-checked data-checked:text-fd-accent-foreground data-closed:animate-fd-dialog-out data-closed:animate-fd-fade-out data-closed:animate-fd-popover-out data-collapsed data-empty data-ending-style:h-0 data-ending-style:opacity-0 data-fd-search-dialog-input data-icon data-line-numbers data-line-numbers-start data-open:animate-fd-dialog-in data-open:animate-fd-fade-in data-open:animate-fd-popover-in data-search data-search-full data-starting-style:h-0 data-starting-style:opacity-0 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 detect dialog dialogHandle dir disabled disabled:opacity-50 disabled:pointer-events-none display displayName displayed distance div divide-fd-border divide-x divide-y document documented dominantBaseline don drawer dropdown duration-100 duration-200 duration-300 duration-400 during each ease-out element else empty empty:hidden empty:mb-0 enabled encoded 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-dialog-content 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 first:mt-0 fixed flex flex-1 flex-col flex-row flex-wrap flexDirection 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 forks formatter formatterOptions found fragment free from from-fd-primary/10 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-[open]:rotate-180 group-data-active:bg-fd-primary group-data-open:rotate-180 group-data-panel-open:rotate-90 group-hover/heading:opacity-100 group/heading groupListeners groups guides h h-(--accordion-panel-height) h-(--collapsible-panel-height) h-(--fd-animated-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 hovering href html hydration i i18n i18nProvider icon icon-sm icon-xs iconClass id idea idx if if-needed ignore img import in inPre inTab index infinite info initialFocus inline inline-flex input inputType inset-0 inset-e-2 inset-s-0 inset-s-3 inset-s-6 inset-x-2 inset-y-0 inside instanceof instead integration interface intersect invisible is isActive isComposing isFirst isLast isLoading isUp it item itemLineLengths itemVariants items items-center its js justify-between justify-center keepBackground keepMounted key keyCode keydown keys l l0 l1 l2 label lang language languageSelect last:rounded-b-xl layer layout 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 listbox listener listeners localRef 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-(--available-height) max-h-20 max-h-[460px] max-h-[600px] 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-1.5 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 middle min-h-0 min-w-0 min-w-[240px] min-w-fit min-w-full mode module mounted mouse ms-2 ms-auto mt-1 mt-6 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 onAnimationEnd 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 option optional options or oramaCloudClient order origin-(--transform-origin) origin-center original other out outline outline-none output overflow-auto overflow-hidden overflow-x-auto overflow-x-clip overflow-y-auto override overscroll-contain own owner oxlint-disable-next-line 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 placeholder placeholder:text-fd-muted-foreground please pointerType points polite populated pos positions possible powered pre pre-rendering predate prefetch prev preventScroll previous previousRef primary primaryColor primaryTextColor promise 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/exhaustive-deps react-hooks/rules-of-hooks react-medium-image-zoom read reader ref referenced region registering rehype-raw rehypeCustomElements rehypePlugins rehypeRaw rel relative remarkRehypeOptions remove removeEventListener render renderHighlights renderMarkdown repo repository required resize 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 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 setHidden setHover setLoading setOpen setSvg setTag setValue shadow-2xl shadow-lg shadow-md shadow-sm shiki shikiOptions shortcuts should show showAlgolia showOrama shrink-0 side sideOffset sidebar signature simple since site size size-1 size-3 size-3.5 size-4 size-5 size-6.5 size-9 size-full sizes slots sm 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 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 top-2.5 top-4 touch transform transition-[clip-path] transition-[height,opacity] transition-[height] transition-[opacity,offset-distance] 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 unnecessarily update updateAnchor updates upperX url urls us usage use useCopyButton useDocsSearch useI18n useId useIsDocsLayout useItems useMediaQuery useMemo useOnChange usePathname useProps useRef useRouter useSearchContext useSidebar useState useSyncExternalStore useTOCItems 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-(--anchor-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 width will window with without 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/.translations/index.d.ts

@@ -9,6 +9,9 @@ export type Translations = {
   "Close Sidebar(aria-label)": string;
   "Close Sidebar(sidebar)(aria-label)": string;
   "Collapse Sidebar(sidebar)(aria-label)": string;
+  "Copied Anchor Link(heading anchor)(aria-label)": string;
+  "Copied Link(accordion)(aria-label)": string;
+  "Copied Markdown(page actions)": string;
   "Copied Text(code block)(aria-label)": string;
   "Copy Anchor Link(heading anchor)(aria-label)": string;
   "Copy Link(accordion)(aria-label)": string;

package/dist/.translations/keys.js

@@ -9,6 +9,9 @@ var keys_default = [
 	"Close Sidebar(aria-label)",
 	"Close Sidebar(sidebar)(aria-label)",
 	"Collapse Sidebar(sidebar)(aria-label)",
+	"Copied Anchor Link(heading anchor)(aria-label)",
+	"Copied Link(accordion)(aria-label)",
+	"Copied Markdown(page actions)",
 	"Copied Text(code block)(aria-label)",
 	"Copy Anchor Link(heading anchor)(aria-label)",
 	"Copy Link(accordion)(aria-label)",

package/dist/components/accordion.js

@@ -54,15 +54,18 @@ function CopyButton({ id }) {
 		url.hash = id;
 		return navigator.clipboard.writeText(url.toString());
 	});
-	return /* @__PURE__ */ jsx("button", {
+	return /* @__PURE__ */ jsxs("button", {
 		type: "button",
-		"aria-label": t("Copy Link", { note: "aria-label" }),
+		"aria-live": "polite",
 		className: cn(buttonVariants({
 			variant: "ghost",
 			className: "text-fd-muted-foreground me-2"
 		})),
 		onClick,
-		children: checked ? /* @__PURE__ */ jsx(Check, { className: "size-3.5" }) : /* @__PURE__ */ jsx(LinkIcon, { className: "size-3.5" })
+		children: [checked ? /* @__PURE__ */ jsx(Check, { className: "size-3.5" }) : /* @__PURE__ */ jsx(LinkIcon, { className: "size-3.5" }), /* @__PURE__ */ jsx("span", {
+			className: "sr-only",
+			children: checked ? t("Copied Link", { note: "aria-label" }) : t("Copy Link", { note: "aria-label" })
+		})]
 	});
 }
 //#endregion

package/dist/components/codeblock.js

@@ -74,19 +74,22 @@ function CopyButton({ className, containerRef, ...props }) {
 		clone.querySelectorAll(".nd-copy-ignore").forEach((node) => {
 			node.replaceWith("\n");
 		});
-		navigator.clipboard.writeText(clone.textContent ?? "");
+		return navigator.clipboard.writeText(clone.textContent ?? "");
 	});
-	return /* @__PURE__ */ jsx("button", {
+	return /* @__PURE__ */ jsxs("button", {
 		type: "button",
 		"data-checked": checked || void 0,
 		className: cn(buttonVariants({
 			className: "hover:text-fd-accent-foreground data-checked:text-fd-accent-foreground",
 			size: "icon-xs"
 		}), className),
-		"aria-label": checked ? t("Copied Text", { note: "aria-label" }) : t("Copy Text", { note: "aria-label" }),
+		"aria-live": "polite",
 		onClick,
 		...props,
-		children: checked ? /* @__PURE__ */ jsx(Check, {}) : /* @__PURE__ */ jsx(Clipboard, {})
+		children: [checked ? /* @__PURE__ */ jsx(Check, {}) : /* @__PURE__ */ jsx(Clipboard, {}), /* @__PURE__ */ jsx("span", {
+			className: "sr-only",
+			children: checked ? t("Copied Text", { note: "aria-label" }) : t("Copy Text", { note: "aria-label" })
+		})]
 	});
 }
 function CodeBlockTabs({ ref, className, ...props }) {

package/dist/components/dialog/search.js

@@ -146,6 +146,10 @@ function SearchDialogInput(props) {
 	const { search, onSearchChange } = useSearch();
 	return /* @__PURE__ */ jsx("input", {
 		"data-fd-search-dialog-input": "",
+		role: "combobox",
+		"aria-label": t("Search"),
+		"aria-autocomplete": "list",
+		"aria-controls": "fd-search-list",
 		value: search,
 		onChange: (e) => onSearchChange(e.target.value),
 		placeholder: t("Search"),
@@ -205,6 +209,7 @@ function SearchDialogContent({ ref, children, className, ...props }) {
 	}) });
 }
 function SearchDialogList({ items = 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",
@@ -212,6 +217,7 @@ function SearchDialogList({ items = null, Empty = () => /* @__PURE__ */ jsx("div
 	})
 }), Item = (props) => /* @__PURE__ */ jsx(SearchDialogListItem, { ...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 onKey = useEffectEvent((e) => {
@@ -247,14 +253,24 @@ function SearchDialogList({ items = null, Empty = () => /* @__PURE__ */ jsx("div
 		};
 	}, []);
 	useOnChange(items, () => {
-		if (items && items.length > 0) setActive(items[0].id);
+		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", {
+			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(() => ({
@@ -293,6 +309,9 @@ function SearchDialogListItem({ item, className, children, renderMarkdown = (s)
 	] });
 	return /* @__PURE__ */ jsx("button", {
 		type: "button",
+		id: `fd-search-option-${item.id}`,
+		role: "option",
+		tabIndex: -1,
 		ref: useCallback((element) => {
 			if (active && element) scrollIntoView(element, {
 				scrollMode: "if-needed",

package/dist/components/heading.js

@@ -23,14 +23,17 @@ function Heading({ as, ...props }) {
 			"data-card": "",
 			href: `#${props.id}`,
 			children: props.children
-		}), /* @__PURE__ */ jsx("button", {
-			"aria-label": t("Copy Anchor Link", { note: "aria-label" }),
+		}), /* @__PURE__ */ jsxs("button", {
+			"aria-live": "polite",
 			className: cn(buttonVariants({
 				variant: "ghost",
 				size: "icon-xs"
 			}), "not-prose shrink-0 text-fd-muted-foreground opacity-0 transition-opacity group-hover/heading:opacity-100"),
 			onClick: onCopy,
-			children: isChecked ? /* @__PURE__ */ jsx(CopyCheckIcon, {}) : /* @__PURE__ */ jsx(LinkIcon, {})
+			children: [isChecked ? /* @__PURE__ */ jsx(CopyCheckIcon, {}) : /* @__PURE__ */ jsx(LinkIcon, {}), /* @__PURE__ */ jsx("span", {
+				className: "sr-only",
+				children: isChecked ? t("Copied Anchor Link", { note: "aria-label" }) : t("Copy Anchor Link", { note: "aria-label" })
+			})]
 		})]
 	});
 }

package/dist/components/sidebar/base.js

@@ -263,9 +263,13 @@ function SidebarCollapseTrigger(props) {
 	return /* @__PURE__ */ jsx("button", {
 		type: "button",
 		"aria-label": t("Collapse Sidebar", { note: "aria-label" }),
+		"aria-controls": "nd-sidebar",
+		"aria-expanded": !collapsed,
 		"data-collapsed": collapsed,
-		onClick: () => {
-			setCollapsed((prev) => !prev);
+		onClick: (e) => {
+			const button = e.currentTarget;
+			ReactDOM.flushSync(() => setCollapsed((prev) => !prev));
+			if (button.matches("[inert] *")) document.querySelector("[aria-controls=\"nd-sidebar\"]:not([inert] *)")?.focus();
 		},
 		...props,
 		children: props.children

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

@@ -0,0 +1,13 @@
+import { TOCEmpty } from "./default.js";
+import { ComponentProps } from "react";
+import * as Primitive from "fumadocs-core/toc";
+declare namespace block_d_exports {
+  export { TOCEmpty, TOCItem, TOCItems, TOCItemsProps };
+}
+export type TOCItemsProps = ComponentProps<'div'>;
+export declare function TOCItems({ ref, className, children, ...props }: TOCItemsProps): import("react").JSX.Element;
+export declare function TOCItem({ item, ...props }: Primitive.TOCItemProps & {
+  item: Primitive.TOCItemType;
+}): import("react").JSX.Element;
+//#endregion
+export { TOCEmpty, block_d_exports };

package/dist/components/toc/block.js

@@ -0,0 +1,84 @@
+"use client";
+import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
+import { cn } from "../../utils/cn.js";
+import { mergeRefs } from "../../utils/merge-refs.js";
+import { TOCEmpty } from "./default.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import * as Primitive from "fumadocs-core/toc";
+//#region src/components/toc/block.tsx
+var block_exports = /* @__PURE__ */ __exportAll({
+	TOCEmpty: () => TOCEmpty,
+	TOCItem: () => TOCItem,
+	TOCItems: () => TOCItems
+});
+function TOCItems({ ref, className, children, ...props }) {
+	const containerRef = useRef(null);
+	const blockRef = useRef(null);
+	const tocInfo = Primitive.useTOC();
+	useEffect(() => {
+		const container = containerRef.current;
+		const block = blockRef.current;
+		if (!container || !block) return;
+		const positions = /* @__PURE__ */ new Map();
+		let height = 0;
+		const update = (items) => {
+			let top = -1;
+			let bottom = -1;
+			for (const item of items) {
+				if (!item.active) continue;
+				const pos = positions.get(item.original.url);
+				if (!pos) continue;
+				if (top === -1) top = pos[0];
+				bottom = pos[1];
+			}
+			if (top !== -1) block.style.clipPath = `inset(${top}px 0 ${height - bottom}px round 8px)`;
+		};
+		const observer = new ResizeObserver(() => {
+			positions.clear();
+			for (const anchor of container.getElementsByTagName("a")) {
+				const href = anchor.getAttribute("href");
+				if (href) positions.set(href, [anchor.offsetTop, anchor.offsetTop + anchor.offsetHeight]);
+			}
+			height = container.clientHeight;
+			update(tocInfo.get());
+		});
+		observer.observe(container);
+		tocInfo.listen(update);
+		return () => {
+			observer.disconnect();
+			tocInfo.unlisten(update);
+		};
+	}, [tocInfo]);
+	return /* @__PURE__ */ jsxs("div", {
+		ref: mergeRefs(containerRef, ref),
+		className: cn("relative flex flex-col", className),
+		...props,
+		children: [/* @__PURE__ */ jsx("div", {
+			ref: blockRef,
+			className: "absolute inset-0 bg-linear-to-r from-fd-primary/10 [clip-path:inset(0_0_100%)] transition-[clip-path] duration-300 ease-out"
+		}), children]
+	});
+}
+function getItemOffset(depth) {
+	if (depth <= 2) return 8;
+	if (depth === 3) return 20;
+	return 32;
+}
+function TOCItem({ item, ...props }) {
+	return /* @__PURE__ */ jsxs(Primitive.TOCItem, {
+		href: item.url,
+		...props,
+		className: cn("group prose relative py-1 pe-2 text-[0.8125rem]/5 scroll-m-4 text-fd-muted-foreground hover:text-fd-accent-foreground transition-colors wrap-anywhere data-[active=true]:text-fd-primary", props.className),
+		style: {
+			paddingInlineStart: getItemOffset(item.depth),
+			...props.style
+		},
+		children: [item._step !== void 0 && /* @__PURE__ */ jsx("span", {
+			className: "inline-flex size-4 me-1.5 items-center justify-center rounded-full align-text-bottom bg-fd-muted text-fd-muted-foreground font-mono font-medium text-[10px] transition-colors group-data-[active=true]:bg-fd-primary group-data-[active=true]:text-fd-primary-foreground",
+			children: item._step
+		}), item.title]
+	});
+}
+//#endregion
+export { TOCEmpty, TOCItem, TOCItems, block_exports };

package/dist/layouts/docs/page/slots/footer.js

@@ -47,7 +47,7 @@ function FooterItem({ item, index }) {
 			className: cn("inline-flex items-center gap-1.5 font-medium", index === 1 && "flex-row-reverse"),
 			children: [/* @__PURE__ */ jsx(Icon, { className: "-mx-1 size-4 shrink-0 rtl:rotate-180" }), /* @__PURE__ */ jsx("p", { children: item.name })]
 		}), /* @__PURE__ */ jsx("p", {
-			className: "text-fd-muted-foreground truncate",
+			className: "text-fd-muted-foreground",
 			children: item.description ?? (index === 0 ? t("Previous Page") : t("Next Page"))
 		})]
 	});

package/dist/layouts/docs/page/slots/toc.d.ts

@@ -1,5 +1,6 @@
-import { TOCItemsProps, clerk_d_exports } from "../../../../components/toc/clerk.js";
-import { TOCItemsProps as TOCItemsProps$1, default_d_exports } from "../../../../components/toc/default.js";
+import { TOCItemsProps, default_d_exports } from "../../../../components/toc/default.js";
+import { TOCItemsProps as TOCItemsProps$1, block_d_exports } from "../../../../components/toc/block.js";
+import { TOCItemsProps as TOCItemsProps$2, clerk_d_exports } from "../../../../components/toc/clerk.js";
 import { TOCProviderProps as TOCProviderProps$1, index_d_exports } from "../../../../components/toc/index.js";
 import { ComponentProps, ReactNode } from "react";
 //#region src/layouts/docs/page/slots/toc.d.ts
@@ -17,10 +18,13 @@ export type TOCProps = {
   footer?: ReactNode;
 } & ({
   style?: 'normal';
-  list?: TOCItemsProps$1;
+  list?: TOCItemsProps;
 } | {
   style: 'clerk';
-  list?: TOCItemsProps;
+  list?: TOCItemsProps$2;
+} | {
+  style: 'block';
+  list?: TOCItemsProps$1;
 });
 export declare function TOC({ container, header, footer, style, list }: TOCProps): import("react").JSX.Element;
 export type TOCPopoverProps = {
@@ -37,10 +41,13 @@ export type TOCPopoverProps = {
   footer?: ReactNode;
 } & ({
   style?: 'normal';
-  list?: TOCItemsProps$1;
+  list?: TOCItemsProps;
 } | {
   style: 'clerk';
-  list?: TOCItemsProps;
+  list?: TOCItemsProps$2;
+} | {
+  style: 'block';
+  list?: TOCItemsProps$1;
 });
 export declare function TOCPopover({ container, trigger, content, header, footer, style, list }: TOCPopoverProps): import("react").JSX.Element;
 //#endregion

package/dist/layouts/docs/page/slots/toc.js

@@ -3,6 +3,7 @@ import { cn } from "../../../../utils/cn.js";
 import { TOCProvider as TOCProvider$1, TOCScrollArea, useItems, useTOCItems } from "../../../../components/toc/index.js";
 import { default_exports } from "../../../../components/toc/default.js";
 import { clerk_exports } from "../../../../components/toc/clerk.js";
+import { block_exports } from "../../../../components/toc/block.js";
 import { useTreePath } from "../../../../contexts/tree.js";
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../../../../components/ui/collapsible.js";
 import { useDocsLayout } from "../../client.js";
@@ -11,13 +12,18 @@ import { ChevronDown, Text } from "lucide-react";
 import { createContext, use, useEffect, useEffectEvent, useMemo, useRef, useState } from "react";
 import { useTranslations } from "@fuma-translate/react";
 //#region src/layouts/docs/page/slots/toc.tsx
+const variants = {
+	normal: default_exports,
+	clerk: clerk_exports,
+	block: block_exports
+};
 function TOCProvider(props) {
 	return /* @__PURE__ */ jsx(TOCProvider$1, { ...props });
 }
 function TOC({ container, header, footer, style = "normal", list }) {
 	const t = useTranslations({ note: "table of contents" });
 	const items = useTOCItems();
-	const { TOCItems, TOCEmpty, TOCItem } = style === "clerk" ? clerk_exports : default_exports;
+	const { TOCItems, TOCEmpty, TOCItem } = variants[style];
 	if (items.length === 0 && !header && !footer) return /* @__PURE__ */ jsx("div", {
 		id: "nd-toc-placeholder",
 		className: "hidden xl:layout:[--fd-toc-width:268px]"
@@ -50,7 +56,7 @@ function TOCPopover({ container, trigger, content, header, footer, style = "norm
 	const ref = useRef(null);
 	const [open, setOpen] = useState(false);
 	const { isNavTransparent } = useDocsLayout();
-	const { TOCItems, TOCItem, TOCEmpty } = style === "clerk" ? clerk_exports : default_exports;
+	const { TOCItems, TOCItem, TOCEmpty } = variants[style];
 	const onClickOutside = useEffectEvent((e) => {
 		if (!open || !(e.target instanceof HTMLElement)) return;
 		if (ref.current && !ref.current.contains(e.target)) setOpen(false);

package/dist/layouts/docs/slots/sidebar.js

@@ -155,6 +155,7 @@ function SidebarContent({ ref: refProp, className, children, ...props }) {
 			ref: mergeRefs(ref, refProp, asideRef),
 			"data-collapsed": collapsed,
 			"data-hovered": collapsed && hovered,
+			inert: collapsed && !hovered,
 			className: cn("absolute flex flex-col w-full inset-s-0 inset-y-0 items-end bg-fd-card text-sm border-e duration-250 *:w-(--fd-sidebar-width)", collapsed && ["inset-y-2 rounded-xl transition-transform border w-(--fd-sidebar-width)", hovered ? "shadow-lg translate-x-2 rtl:-translate-x-2" : "-translate-x-(--fd-sidebar-width) rtl:translate-x-full"], ref.current && ref.current.getAttribute("data-collapsed") === "true" !== collapsed && "transition-[width,inset-block,translate,background-color]", className),
 			...props,
 			...rest,
@@ -163,6 +164,7 @@ function SidebarContent({ ref: refProp, className, children, ...props }) {
 	}), /* @__PURE__ */ jsxs("div", {
 		"data-sidebar-panel": "",
 		className: cn("fixed flex top-[calc(--spacing(4)+var(--fd-docs-row-3))] inset-s-4 shadow-lg transition-opacity rounded-xl p-0.5 border bg-fd-muted text-fd-muted-foreground z-10", (!collapsed || hovered) && "pointer-events-none opacity-0"),
+		inert: !collapsed || hovered,
 		children: [/* @__PURE__ */ jsx(SidebarCollapseTrigger$1, {
 			className: cn(buttonVariants({
 				variant: "ghost",

package/dist/layouts/flux/page/slots/toc.d.ts

@@ -1,5 +1,6 @@
-import { TOCItemsProps, clerk_d_exports } from "../../../../components/toc/clerk.js";
-import { TOCItemsProps as TOCItemsProps$1, default_d_exports } from "../../../../components/toc/default.js";
+import { TOCItemsProps, default_d_exports } from "../../../../components/toc/default.js";
+import { TOCItemsProps as TOCItemsProps$1, block_d_exports } from "../../../../components/toc/block.js";
+import { TOCItemsProps as TOCItemsProps$2, clerk_d_exports } from "../../../../components/toc/clerk.js";
 import { TOCProvider as TOCProvider$1, TOCProviderProps as TOCProviderProps$1, index_d_exports } from "../../../../components/toc/index.js";
 import { ComponentProps, ReactNode } from "react";
 //#region src/layouts/flux/page/slots/toc.d.ts
@@ -19,10 +20,13 @@ export type TOCProps = {
   footer?: ReactNode;
 } & ({
   style?: 'normal';
-  list?: TOCItemsProps$1;
+  list?: TOCItemsProps;
 } | {
   style: 'clerk';
-  list?: TOCItemsProps;
+  list?: TOCItemsProps$2;
+} | {
+  style: 'block';
+  list?: TOCItemsProps$1;
 });
 export declare function TOC({ container, trigger, content, header, footer, style, list }: TOCProps): import("react").JSX.Element | undefined;
 //#endregion

package/dist/layouts/flux/page/slots/toc.js

@@ -3,6 +3,7 @@ import { cn } from "../../../../utils/cn.js";
 import { TOCScrollArea, toc_exports, useItems, useTOCItems } from "../../../../components/toc/index.js";
 import { default_exports } from "../../../../components/toc/default.js";
 import { clerk_exports } from "../../../../components/toc/clerk.js";
+import { block_exports } from "../../../../components/toc/block.js";
 import { useTreePath } from "../../../../contexts/tree.js";
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../../../../components/ui/collapsible.js";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -13,10 +14,15 @@ import { createPortal } from "react-dom";
 import { AnimatePresence, motion } from "motion/react";
 //#region src/layouts/flux/page/slots/toc.tsx
 const TocPopoverContext = createContext(null);
+const variants = {
+	normal: default_exports,
+	clerk: clerk_exports,
+	block: block_exports
+};
 const { TOCProvider } = toc_exports;
 function TOC({ container, trigger, content, header, footer, style = "normal", list }) {
 	const items = useTOCItems();
-	const { TOCItems, TOCEmpty, TOCItem } = style === "clerk" ? clerk_exports : default_exports;
+	const { TOCItems, TOCEmpty, TOCItem } = variants[style];
 	if (items.length === 0 && !header && !footer) return;
 	return /* @__PURE__ */ jsxs(PageTOCPopover, {
 		...container,

package/dist/layouts/notebook/page/slots/toc.d.ts

@@ -1,5 +1,6 @@
-import { TOCItemsProps, clerk_d_exports } from "../../../../components/toc/clerk.js";
-import { TOCItemsProps as TOCItemsProps$1, default_d_exports } from "../../../../components/toc/default.js";
+import { TOCItemsProps, default_d_exports } from "../../../../components/toc/default.js";
+import { TOCItemsProps as TOCItemsProps$1, block_d_exports } from "../../../../components/toc/block.js";
+import { TOCItemsProps as TOCItemsProps$2, clerk_d_exports } from "../../../../components/toc/clerk.js";
 import { TOCProviderProps as TOCProviderProps$1, index_d_exports } from "../../../../components/toc/index.js";
 import { ComponentProps, ReactNode } from "react";
 //#region src/layouts/notebook/page/slots/toc.d.ts
@@ -17,10 +18,13 @@ export type TOCProps = {
   footer?: ReactNode;
 } & ({
   style?: 'normal';
-  list?: TOCItemsProps$1;
+  list?: TOCItemsProps;
 } | {
   style: 'clerk';
-  list?: TOCItemsProps;
+  list?: TOCItemsProps$2;
+} | {
+  style: 'block';
+  list?: TOCItemsProps$1;
 });
 export declare function TOC({ container, header, footer, style, list }: TOCProps): import("react").JSX.Element;
 export type TOCPopoverProps = {
@@ -37,10 +41,13 @@ export type TOCPopoverProps = {
   footer?: ReactNode;
 } & ({
   style?: 'normal';
-  list?: TOCItemsProps$1;
+  list?: TOCItemsProps;
 } | {
   style: 'clerk';
-  list?: TOCItemsProps;
+  list?: TOCItemsProps$2;
+} | {
+  style: 'block';
+  list?: TOCItemsProps$1;
 });
 export declare function TOCPopover({ container, trigger, content, header, footer, style, list }: TOCPopoverProps): import("react").JSX.Element;
 //#endregion

package/dist/layouts/notebook/page/slots/toc.js

@@ -3,6 +3,7 @@ import { cn } from "../../../../utils/cn.js";
 import { TOCProvider as TOCProvider$1, TOCScrollArea, useItems, useTOCItems } from "../../../../components/toc/index.js";
 import { default_exports } from "../../../../components/toc/default.js";
 import { clerk_exports } from "../../../../components/toc/clerk.js";
+import { block_exports } from "../../../../components/toc/block.js";
 import { useTreePath } from "../../../../contexts/tree.js";
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../../../../components/ui/collapsible.js";
 import { useNotebookLayout } from "../../client.js";
@@ -11,13 +12,18 @@ import { ChevronDown, Text } from "lucide-react";
 import { createContext, use, useEffect, useEffectEvent, useMemo, useRef, useState } from "react";
 import { useTranslations } from "@fuma-translate/react";
 //#region src/layouts/notebook/page/slots/toc.tsx
+const variants = {
+	normal: default_exports,
+	clerk: clerk_exports,
+	block: block_exports
+};
 function TOCProvider(props) {
 	return /* @__PURE__ */ jsx(TOCProvider$1, { ...props });
 }
 function TOC({ container, header, footer, style = "normal", list }) {
 	const t = useTranslations({ note: "table of contents" });
 	const items = useTOCItems();
-	const { TOCItems, TOCEmpty, TOCItem } = style === "clerk" ? clerk_exports : default_exports;
+	const { TOCItems, TOCEmpty, TOCItem } = variants[style];
 	if (items.length === 0 && !footer && !header) return /* @__PURE__ */ jsx("div", {
 		id: "nd-toc-placeholder",
 		className: "hidden xl:layout:[--fd-toc-width:268px]"
@@ -50,7 +56,7 @@ function TOCPopover({ container, trigger, content, header, footer, style = "norm
 	const ref = useRef(null);
 	const [open, setOpen] = useState(false);
 	const { isNavTransparent } = useNotebookLayout();
-	const { TOCItems, TOCItem, TOCEmpty } = style === "clerk" ? clerk_exports : default_exports;
+	const { TOCItems, TOCItem, TOCEmpty } = variants[style];
 	const onClickOutside = useEffectEvent((e) => {
 		if (!open || !(e.target instanceof HTMLElement)) return;
 		if (ref.current && !ref.current.contains(e.target)) setOpen(false);

package/dist/layouts/shared/page-actions.js

@@ -31,6 +31,7 @@ function MarkdownCopyButton({ markdownUrl: _markdownUrl, ...props }) {
 	});
 	return /* @__PURE__ */ jsxs("button", {
 		disabled: isLoading,
+		"aria-live": "polite",
 		onClick,
 		...props,
 		className: cn(buttonVariants({
@@ -38,7 +39,7 @@ function MarkdownCopyButton({ markdownUrl: _markdownUrl, ...props }) {
 			size: "sm",
 			className: "gap-2 [&_svg]:size-3.5 [&_svg]:text-fd-muted-foreground"
 		}), props.className),
-		children: [checked ? /* @__PURE__ */ jsx(Check, {}) : /* @__PURE__ */ jsx(Copy, {}), props.children ?? t("Copy Markdown")]
+		children: [checked ? /* @__PURE__ */ jsx(Check, {}) : /* @__PURE__ */ jsx(Copy, {}), props.children ?? (checked ? t("Copied Markdown") : t("Copy Markdown"))]
 	});
 }
 /**

package/dist/style.css

@@ -237,6 +237,9 @@
   .invisible {
     visibility: hidden;
   }
+  .visible {
+    visibility: visible;
+  }
   .fd-step:before {
     background-color: var(--color-fd-secondary);
     color: var(--color-fd-secondary-foreground);
@@ -253,6 +256,17 @@
     height: calc(var(--spacing) * 8);
     border-radius: calc(infinity * 1px);
   }
+  .sr-only {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip-path: inset(50%);
+    white-space: nowrap;
+    border-width: 0;
+  }
   .fd-steps {
     counter-reset: step;
     position: relative;
@@ -474,6 +488,9 @@
   .me-1 {
     margin-inline-end: var(--spacing);
   }
+  .me-1\.5 {
+    margin-inline-end: calc(var(--spacing) * 1.5);
+  }
   .me-2 {
     margin-inline-end: calc(var(--spacing) * 2);
   }
@@ -1261,6 +1278,9 @@
   .touch-auto {
     touch-action: auto;
   }
+  .resize {
+    resize: both;
+  }
   .scroll-m-4 {
     scroll-margin: calc(var(--spacing) * 4);
   }
@@ -1560,6 +1580,20 @@
   .bg-transparent {
     background-color: transparent;
   }
+  .bg-linear-to-r {
+    --tw-gradient-position: to right;
+    @supports (background-image: linear-gradient(in lab, red, red)) {
+      --tw-gradient-position: to right in oklab;
+    }
+    background-image: linear-gradient(var(--tw-gradient-stops));
+  }
+  .from-fd-primary\/10 {
+    --tw-gradient-from: color-mix(in srgb, hsl(0, 0%, 9%) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-gradient-from: color-mix(in oklab, var(--color-fd-primary) 10%, transparent);
+    }
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
   .\[mask-image\: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);
   }
@@ -1791,6 +1825,9 @@
   .text-start {
     text-align: start;
   }
+  .align-text-bottom {
+    vertical-align: text-bottom;
+  }
   .font-mono {
     font-family: var(--font-mono);
   }
@@ -1802,6 +1839,10 @@
     font-size: var(--text-6xl);
     line-height: var(--tw-leading, var(--text-6xl--line-height));
   }
+  .text-\[0\.8125rem\]\/5 {
+    font-size: 0.8125rem;
+    line-height: calc(var(--spacing) * 5);
+  }
   .text-base {
     font-size: var(--text-base);
     line-height: var(--tw-leading, var(--text-base--line-height));
@@ -1827,6 +1868,9 @@
   .text-\[1\.75em\] {
     font-size: 1.75em;
   }
+  .text-\[10px\] {
+    font-size: 10px;
+  }
   .leading-none {
     --tw-leading: 1;
     line-height: 1;
@@ -2172,6 +2216,9 @@
   .\[--viewport-padding\:0px\] {
     --viewport-padding: 0px;
   }
+  .\[clip-path\:inset\(0_0_100\%\)\] {
+    clip-path: inset(0 0 100%);
+  }
   .\[grid-area\:header\] {
     grid-area: header;
   }
@@ -2259,6 +2306,9 @@
   .group-data-\[active\=true\]\:bg-fd-primary:is(:where(.group)[data-active="true"] *) {
     background-color: var(--color-fd-primary);
   }
+  .group-data-\[active\=true\]\:text-fd-primary-foreground:is(:where(.group)[data-active="true"] *) {
+    color: var(--color-fd-primary-foreground);
+  }
   .group-data-\[open\]\:rotate-180:is(:where(.group)[data-open] *) {
     rotate: 180deg;
   }
@@ -3309,6 +3359,48 @@ code.shiki:not(.not-fumadocs-code *) span {
   inherits: false;
   initial-value: 0;
 }
+@property --tw-gradient-position {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-gradient-from {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}
+@property --tw-gradient-via {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}
+@property --tw-gradient-to {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}
+@property --tw-gradient-stops {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-gradient-via-stops {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-gradient-from-position {
+  syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: 0%;
+}
+@property --tw-gradient-via-position {
+  syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: 50%;
+}
+@property --tw-gradient-to-position {
+  syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
 @property --tw-leading {
   syntax: "*";
   inherits: false;
@@ -3489,48 +3581,6 @@ code.shiki:not(.not-fumadocs-code *) span {
   initial-value: "";
   inherits: false;
 }
-@property --tw-gradient-position {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-gradient-from {
-  syntax: "<color>";
-  inherits: false;
-  initial-value: #0000;
-}
-@property --tw-gradient-via {
-  syntax: "<color>";
-  inherits: false;
-  initial-value: #0000;
-}
-@property --tw-gradient-to {
-  syntax: "<color>";
-  inherits: false;
-  initial-value: #0000;
-}
-@property --tw-gradient-stops {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-gradient-via-stops {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-gradient-from-position {
-  syntax: "<length-percentage>";
-  inherits: false;
-  initial-value: 0%;
-}
-@property --tw-gradient-via-position {
-  syntax: "<length-percentage>";
-  inherits: false;
-  initial-value: 50%;
-}
-@property --tw-gradient-to-position {
-  syntax: "<length-percentage>";
-  inherits: false;
-  initial-value: 100%;
-}
 @property --tw-scale-x {
   syntax: "*";
   inherits: false;
@@ -3621,6 +3671,15 @@ code.shiki:not(.not-fumadocs-code *) span {
       --tw-skew-y: initial;
       --tw-divide-x-reverse: 0;
       --tw-divide-y-reverse: 0;
+      --tw-gradient-position: initial;
+      --tw-gradient-from: #0000;
+      --tw-gradient-via: #0000;
+      --tw-gradient-to: #0000;
+      --tw-gradient-stops: initial;
+      --tw-gradient-via-stops: initial;
+      --tw-gradient-from-position: 0%;
+      --tw-gradient-via-position: 50%;
+      --tw-gradient-to-position: 100%;
       --tw-leading: initial;
       --tw-font-weight: initial;
       --tw-shadow: 0 0 #0000;
@@ -3663,15 +3722,6 @@ code.shiki:not(.not-fumadocs-code *) span {
       --tw-duration: initial;
       --tw-ease: initial;
       --tw-content: "";
-      --tw-gradient-position: initial;
-      --tw-gradient-from: #0000;
-      --tw-gradient-via: #0000;
-      --tw-gradient-to: #0000;
-      --tw-gradient-stops: initial;
-      --tw-gradient-via-stops: initial;
-      --tw-gradient-from-position: 0%;
-      --tw-gradient-via-position: 50%;
-      --tw-gradient-to-position: 100%;
       --tw-scale-x: 1;
       --tw-scale-y: 1;
       --tw-scale-z: 1;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fumadocs/base-ui",
-  "version": "16.15.13",
+  "version": "16.15.14",
   "description": "The Base UI version of Fumadocs UI",
   "keywords": [
     "Docs",
@@ -48,6 +48,7 @@
     "./components/steps": "./dist/components/steps.js",
     "./components/tabs": "./dist/components/tabs.js",
     "./components/toc": "./dist/components/toc/index.js",
+    "./components/toc/block": "./dist/components/toc/block.js",
     "./components/toc/clerk": "./dist/components/toc/clerk.js",
     "./components/toc/default": "./dist/components/toc/default.js",
     "./components/type-table": "./dist/components/type-table.js",
@@ -154,7 +155,7 @@
     "@types/react": "^19.3.0",
     "@types/react-dom": "^19.3.0",
     "fuma-cli": "^0.3.1",
-    "fumadocs-core": "16.15.13",
+    "fumadocs-core": "16.15.14",
     "react-medium-image-zoom": "^5.4.9",
     "tailwindcss": "^4.3.3",
     "tsconfig": "0.0.0",
@@ -164,7 +165,7 @@
   "peerDependencies": {
     "@types/mdx": "*",
     "@types/react": "*",
-    "fumadocs-core": "16.15.13",
+    "fumadocs-core": "16.15.14",
     "next": "16.x.x",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",