UI: hotfix

.changeset/all-flies-shake.md

@@ -0,0 +1,6 @@
+---
+'fumadocs-ui': patch
+'@fumadocs/base-ui': patch
+---
+
+hotfix

apps/docs/content/docs/ui/layouts/page.mdx

@@ -156,6 +156,7 @@ return (
 
 ```tsx tab="Replace Component" title="page.tsx"
 import { TOC } from './my-toc';
+
 return <DocsPage slots={{ toc: TOC }}>...</DocsPage>;
 ```
 
@@ -163,7 +164,7 @@ return <DocsPage slots={{ toc: TOC }}>...</DocsPage>;
 'use client';
 import type { TOCProps } from 'fumadocs-ui/layouts/<layout>/page/slots/toc';
 
-function TOC(props: TOCProps) {
+export function TOC(props: TOCProps) {
   return <div>Hello World</div>;
 }
 ```

packages/base-ui/src/components/accordion.tsx

@@ -1,7 +1,7 @@
 'use client';
 
-import { Check, Link as LinkIcon } from 'lucide-react';
-import { ComponentProps, type ReactNode, useEffect, useRef, useState } from 'react';
+import { Check, LinkIcon } from 'lucide-react';
+import { type ComponentProps, type ReactNode, useEffect, useRef, useState } from 'react';
 import { cn } from '@/utils/cn';
 import { useCopyButton } from '@/utils/use-copy-button';
 import { buttonVariants } from '@/components/ui/button';

packages/base-ui/src/components/dialog/search.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { ChevronRight, Hash, Search as SearchIcon } from 'lucide-react';
+import { ChevronRight, Hash, SearchIcon } from 'lucide-react';
 import {
   type ComponentProps,
   createContext,

packages/base-ui/src/components/files.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import { cva } from 'class-variance-authority';
-import { File as FileIcon, Folder as FolderIcon, FolderOpen } from 'lucide-react';
+import { FileIcon, FolderIcon, FolderOpen } from 'lucide-react';
 import { type HTMLAttributes, type ReactNode, useState } from 'react';
 import { cn } from '@/utils/cn';
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from './ui/collapsible';

packages/base-ui/src/components/heading.tsx

@@ -1,4 +1,4 @@
-import { Link } from 'lucide-react';
+import { LinkIcon } from 'lucide-react';
 import type { ComponentPropsWithoutRef } from 'react';
 import { cn } from '@/utils/cn';
 
@@ -21,7 +21,7 @@ export function Heading<T extends Types = 'h1'>({
       <a data-card="" href={`#${props.id}`} className="peer">
         {props.children}
       </a>
-      <Link
+      <LinkIcon
         aria-hidden
         className="size-3.5 shrink-0 text-fd-muted-foreground opacity-0 transition-opacity peer-hover:opacity-100"
       />

packages/base-ui/src/layouts/docs/page/slots/breadcrumb.tsx

@@ -1,7 +1,8 @@
 import { useTreePath, useTreeContext } from '@/contexts/tree';
 import { cn } from '@/utils/cn';
 import { type BreadcrumbOptions, getBreadcrumbItemsFromPath } from 'fumadocs-core/breadcrumb';
-import { ChevronRight, Link } from 'lucide-react';
+import Link from 'fumadocs-core/link';
+import { ChevronRight } from 'lucide-react';
 import { type ComponentProps, useMemo, Fragment } from 'react';
 
 export type BreadcrumbProps = BreadcrumbOptions & ComponentProps<'div'>;

packages/base-ui/src/layouts/docs/slots/sidebar.tsx

@@ -10,7 +10,7 @@ import {
 import { createLinkItemRenderer } from '@/components/sidebar/link-item';
 import { buttonVariants } from '@/components/ui/button';
 import { SearchTrigger } from '@/layouts/shared/slots/search-trigger';
-import { Check, ChevronsUpDown, Languages, Sidebar as SidebarIcon } from 'lucide-react';
+import { Check, ChevronsUpDown, Languages, SidebarIcon } from 'lucide-react';
 import { mergeRefs } from '@/utils/merge-refs';
 import { ScrollArea, ScrollAreaProps, ScrollViewport } from '@/components/ui/scroll-area';
 import { useDocsLayout } from '../client';

packages/base-ui/src/layouts/notebook/slots/sidebar.tsx

@@ -21,7 +21,7 @@ import { buttonVariants } from '@/components/ui/button';
 import { mergeRefs } from '@/utils/merge-refs';
 import { ScrollArea, ScrollViewport } from '@/components/ui/scroll-area';
 import { LinkItem } from '@/layouts/shared';
-import { Check, ChevronsUpDown, Languages, Sidebar as SidebarIcon, X } from 'lucide-react';
+import { Check, ChevronsUpDown, Languages, SidebarIcon, X } from 'lucide-react';
 import { useNotebookLayout } from '../client';
 import { isLayoutTabActive, type LayoutTab } from '@/layouts/shared';
 import { Popover, PopoverTrigger, PopoverContent } from '@/components/ui/popover';

packages/radix-ui/src/components/accordion.tsx

@@ -1,7 +1,7 @@
 'use client';
 
-import { Check, Link as LinkIcon } from 'lucide-react';
-import { ComponentProps, type ReactNode, useEffect, useRef, useState } from 'react';
+import { Check, LinkIcon } from 'lucide-react';
+import { type ComponentProps, type ReactNode, useEffect, useRef, useState } from 'react';
 import { cn } from '@/utils/cn';
 import { useCopyButton } from '@/utils/use-copy-button';
 import { buttonVariants } from '@/components/ui/button';

packages/radix-ui/src/components/dialog/search.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { ChevronRight, Hash, Search as SearchIcon } from 'lucide-react';
+import { ChevronRight, Hash, SearchIcon } from 'lucide-react';
 import {
   type ComponentProps,
   createContext,

packages/radix-ui/src/components/files.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import { cva } from 'class-variance-authority';
-import { File as FileIcon, Folder as FolderIcon, FolderOpen } from 'lucide-react';
+import { FileIcon, FolderIcon, FolderOpen } from 'lucide-react';
 import { type HTMLAttributes, type ReactNode, useState } from 'react';
 import { cn } from '@/utils/cn';
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from './ui/collapsible';

packages/radix-ui/src/components/heading.tsx

@@ -1,4 +1,4 @@
-import { Link } from 'lucide-react';
+import { LinkIcon } from 'lucide-react';
 import type { ComponentPropsWithoutRef } from 'react';
 import { cn } from '@/utils/cn';
 
@@ -21,7 +21,7 @@ export function Heading<T extends Types = 'h1'>({
       <a data-card="" href={`#${props.id}`} className="peer">
         {props.children}
       </a>
-      <Link
+      <LinkIcon
         aria-hidden
         className="size-3.5 shrink-0 text-fd-muted-foreground opacity-0 transition-opacity peer-hover:opacity-100"
       />

packages/radix-ui/src/layouts/docs/page/slots/breadcrumb.tsx

@@ -1,7 +1,8 @@
 import { useTreePath, useTreeContext } from '@/contexts/tree';
 import { cn } from '@/utils/cn';
 import { type BreadcrumbOptions, getBreadcrumbItemsFromPath } from 'fumadocs-core/breadcrumb';
-import { ChevronRight, Link } from 'lucide-react';
+import Link from 'fumadocs-core/link';
+import { ChevronRight } from 'lucide-react';
 import { type ComponentProps, useMemo, Fragment } from 'react';
 
 export type BreadcrumbProps = BreadcrumbOptions & ComponentProps<'div'>;

packages/radix-ui/src/layouts/docs/slots/sidebar.tsx

@@ -10,7 +10,7 @@ import {
 import { createLinkItemRenderer } from '@/components/sidebar/link-item';
 import { buttonVariants } from '@/components/ui/button';
 import { SearchTrigger } from '@/layouts/shared/slots/search-trigger';
-import { Check, ChevronsUpDown, Languages, Sidebar as SidebarIcon } from 'lucide-react';
+import { Check, ChevronsUpDown, Languages, SidebarIcon } from 'lucide-react';
 import { mergeRefs } from '@/utils/merge-refs';
 import { ScrollArea, ScrollAreaProps, ScrollViewport } from '@/components/ui/scroll-area';
 import { useDocsLayout } from '../client';

packages/radix-ui/src/layouts/notebook/slots/sidebar.tsx

@@ -21,7 +21,7 @@ import { buttonVariants } from '@/components/ui/button';
 import { mergeRefs } from '@/utils/merge-refs';
 import { ScrollArea, ScrollViewport } from '@/components/ui/scroll-area';
 import { LinkItem } from '@/layouts/shared';
-import { Check, ChevronsUpDown, Languages, Sidebar as SidebarIcon, X } from 'lucide-react';
+import { Check, ChevronsUpDown, Languages, SidebarIcon, X } from 'lucide-react';
 import { useNotebookLayout } from '../client';
 import { isLayoutTabActive, type LayoutTab } from '@/layouts/shared';
 import { Popover, PopoverTrigger, PopoverContent } from '@/components/ui/popover';