({
componentsTree,
primitivesTree,
shadersTree,
children,
}: {
componentsTree: Root;
primitivesTree: Root;
shadersTree: Root;
children: ReactNode;
})
| 32 | * `--fd-sidebar-width` (268px at md) gutter on the layout, indenting the article |
| 33 | * away from the header/tab left edge. Forcing `--fd-sidebar-width:0px` (important, |
| 34 | * to beat the sidebar slot's `md:layout:[--fd-sidebar-width:268px]`) collapses that |
| 35 | * gutter so the content aligns flush-left under the logo and tabs. |
| 36 | * |
| 37 | * The grid's own `--fd-layout-width` is left at the fumadocs default (97rem) — the |
| 38 | * chrome (DocsHeader/DocsTabsBar) is pinned to the same 97rem so everything shares |
| 39 | * one centered block. (Forcing a narrower 1400px here only enlarged the side |
| 40 | * gutters, pushing the sidebar inward.) |
| 41 | */ |
| 42 | export function DocsShell({ |
| 43 | componentsTree, |
| 44 | primitivesTree, |
| 45 | shadersTree, |
| 46 | filtersTree, |
| 47 | templatesTree, |
| 48 | iconsTree, |
| 49 | componentCount, |
| 50 | children, |
| 51 | }: { |
| 52 | componentsTree: Root; |
| 53 | primitivesTree: Root; |
| 54 | shadersTree: Root; |
| 55 | filtersTree: Root; |
| 56 | templatesTree: Root; |
| 57 | iconsTree: Root; |
| 58 | componentCount: number; |
| 59 | children: ReactNode; |
| 60 | }) { |
| 61 | const searchTriggerFull = useMemo(() => { |
| 62 | function SearchTriggerFull({ |
| 63 | hideIfDisabled, |
| 64 | }: { |
| 65 | hideIfDisabled?: boolean; |
| 66 | }) { |
| 67 | return ( |
| 68 | <DocsSearchTrigger |
| 69 | count={componentCount} |
| 70 | hideIfDisabled={hideIfDisabled} |
| 71 | /> |
| 72 | ); |
| 73 | } |
| 74 | return SearchTriggerFull; |
nothing calls this directly
no test coverage detected