Replace local icons with @pierre/icons

.gitignore

@@ -29,5 +29,3 @@ tsconfig.tsbuildinfo
 .vercel
 .claude/*
 
-# Project-specific
-svgs/*

apps/docs/app/Hero.tsx

@@ -1,10 +1,10 @@
 'use client';
 
+import { IconBook, IconCheck, IconCopyFill } from '@pierre/icons';
 import Link from 'next/link';
 import { useState } from 'react';
 
 import packageJson from '../../../packages/diffs/package.json';
-import { IconBook, IconCheck, IconCopyFill } from '@/components/icons';
 import { Button } from '@/components/ui/button';
 import {
   Tooltip,

apps/docs/app/diff-examples/Annotations/Annotations.tsx

@@ -13,14 +13,14 @@ import type {
   PreloadFileDiffResult,
   PreloadMultiFileDiffResult,
 } from '@pierre/diffs/ssr';
+import { IconArrowDownRight, IconPlus } from '@pierre/icons';
 import { useCallback, useEffect, useRef, useState } from 'react';
 
 import { FeatureHeader } from '../FeatureHeader';
 import {
   type AcceptRejectMetadata,
   type AnnotationMetadata,
 } from './constants';
-import { IconArrowDownRight, IconPlus } from '@/components/icons/icons';
 import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar';
 import { Button } from '@/components/ui/button';
 

apps/docs/app/diff-examples/CustomHeader/CustomHeader.tsx

@@ -2,18 +2,18 @@
 
 import { MultiFileDiff } from '@pierre/diffs/react';
 import type { PreloadMultiFileDiffResult } from '@pierre/diffs/ssr';
-import type { ReactNode } from 'react';
-import { useState } from 'react';
-
-import { FeatureHeader } from '../FeatureHeader';
 import {
   IconCodeStyleBars,
   IconCodeStyleBg,
   IconDiffSplit,
   IconDiffUnified,
   IconMoon,
   IconSun,
-} from '@/components/icons';
+} from '@pierre/icons';
+import type { ReactNode } from 'react';
+import { useState } from 'react';
+
+import { FeatureHeader } from '../FeatureHeader';
 
 // =============================================================================
 // Local Components

apps/docs/app/diff-examples/DiffStyles/DiffStyles.tsx

@@ -2,11 +2,8 @@
 
 import { MultiFileDiff } from '@pierre/diffs/react';
 import type { PreloadMultiFileDiffResult } from '@pierre/diffs/ssr';
-import { useState } from 'react';
-
-import { FeatureHeader } from '../FeatureHeader';
 import {
-  IconCheckLg,
+  IconCheck,
   IconChevronSm,
   IconCodeStyleBars,
   IconCodeStyleBg,
@@ -15,7 +12,10 @@ import {
   IconParagraph,
   IconSymbolDiffstat,
   IconWordWrap,
-} from '@/components/icons';
+} from '@pierre/icons';
+import { useState } from 'react';
+
+import { FeatureHeader } from '../FeatureHeader';
 import { Button } from '@/components/ui/button';
 import { ButtonGroup, ButtonGroupItem } from '@/components/ui/button-group';
 import {
@@ -123,7 +123,7 @@ export function DiffStyles({
                   className="flex items-start gap-2 py-2"
                 >
                   {lineDiffStyle === option.value ? (
-                    <IconCheckLg className="mt-[1px]" />
+                    <IconCheck className="mt-[1px]" />
                   ) : (
                     <div className="h-4 w-4" />
                   )}

apps/docs/app/diff-examples/FontStyles/FontStyles.tsx

@@ -2,15 +2,15 @@
 
 import { MultiFileDiff } from '@pierre/diffs/react';
 import type { PreloadMultiFileDiffResult } from '@pierre/diffs/ssr';
-import { useState } from 'react';
-
-import { FeatureHeader } from '../FeatureHeader';
 import {
   IconCheck,
   IconChevronSm,
   IconFunction,
   IconType,
-} from '@/components/icons';
+} from '@pierre/icons';
+import { useState } from 'react';
+
+import { FeatureHeader } from '../FeatureHeader';
 import { Button } from '@/components/ui/button';
 import {
   DropdownMenu,

apps/docs/app/diff-examples/LineSelection/LineSelection.tsx

@@ -3,9 +3,6 @@
 import type { SelectedLineRange } from '@pierre/diffs';
 import { MultiFileDiff } from '@pierre/diffs/react';
 import type { PreloadMultiFileDiffResult } from '@pierre/diffs/ssr';
-import { useState } from 'react';
-
-import { FeatureHeader } from '../FeatureHeader';
 import {
   IconCodeStyleBars,
   IconCodeStyleBg,
@@ -14,7 +11,10 @@ import {
   IconMoon,
   IconSun,
   IconXSquircle,
-} from '@/components/icons';
+} from '@pierre/icons';
+import { useState } from 'react';
+
+import { FeatureHeader } from '../FeatureHeader';
 import { Button } from '@/components/ui/button';
 
 interface LineSelectionProps {

apps/docs/app/diff-examples/ShikiThemes/ShikiThemes.tsx

@@ -3,18 +3,18 @@
 import { preloadHighlighter } from '@pierre/diffs';
 import { MultiFileDiff } from '@pierre/diffs/react';
 import type { PreloadMultiFileDiffResult } from '@pierre/diffs/ssr';
-import Link from 'next/link';
-import { useEffect, useState } from 'react';
-
-import { FeatureHeader } from '../FeatureHeader';
 import {
   IconArrowDownRight,
   IconCheck,
   IconChevronSm,
   IconColorAuto,
   IconColorDark,
   IconColorLight,
-} from '@/components/icons';
+} from '@pierre/icons';
+import Link from 'next/link';
+import { useEffect, useState } from 'react';
+
+import { FeatureHeader } from '../FeatureHeader';
 import { Button } from '@/components/ui/button';
 import { ButtonGroup, ButtonGroupItem } from '@/components/ui/button-group';
 import {

apps/docs/app/diff-examples/SplitUnified/SplitUnified.tsx

@@ -2,10 +2,10 @@
 
 import { MultiFileDiff } from '@pierre/diffs/react';
 import type { PreloadMultiFileDiffResult } from '@pierre/diffs/ssr';
+import { IconDiffSplit, IconDiffUnified } from '@pierre/icons';
 import { useState } from 'react';
 
 import { FeatureHeader } from '../FeatureHeader';
-import { IconDiffSplit, IconDiffUnified } from '@/components/icons';
 import { ButtonGroup, ButtonGroupItem } from '@/components/ui/button-group';
 
 interface SplitUnifiedProps {

apps/docs/app/docs/CopyCodeButton.tsx

@@ -1,6 +1,6 @@
+import { IconCheck, IconCopy } from '@pierre/icons';
 import { useEffect, useRef, useState } from 'react';
 
-import { IconCheck, IconCopy } from '@/components/icons';
 import { cn } from '@/lib/utils';
 
 interface CopyButtonProps {

apps/docs/app/docs/DocsCodeExample.tsx

@@ -7,9 +7,9 @@ import {
   type FileProps,
   type LineAnnotation,
 } from '@pierre/diffs/react';
+import { IconBrandGithub } from '@pierre/icons';
 
 import { CopyCodeButton } from './CopyCodeButton';
-import { IconBrandGithub } from '@/components/icons';
 import { cn } from '@/lib/utils';
 
 interface DocsCodeExampleProps<LAnnotation> {

apps/docs/app/ssr/SSRPage.tsx

@@ -3,12 +3,12 @@
 import type { DiffLineAnnotation } from '@pierre/diffs';
 import { MultiFileDiff } from '@pierre/diffs/react';
 import type { PreloadMultiFileDiffResult } from '@pierre/diffs/ssr';
+import { IconBell } from '@pierre/icons';
 import { useState } from 'react';
 
 import type { AnnotationMetadata } from './ssr_types';
 import Footer from '@/components/Footer';
 import { Header } from '@/components/Header';
-import { IconBell } from '@/components/icons';
 
 // Annotation component with its own state for proper hydration
 function ErrorAnnotation({ message }: { message: string }) {

apps/docs/app/theme/ThemeDemo.tsx

@@ -2,16 +2,16 @@
 
 import { parseDiffFromFile, preloadHighlighter } from '@pierre/diffs';
 import { File, FileDiff } from '@pierre/diffs/react';
-import { useTheme } from 'next-themes';
-import { useEffect, useMemo, useRef, useState } from 'react';
-
 import {
   IconCheckCheck,
   IconChevronsNarrow,
   IconColorDark,
   IconColorLight,
   IconFileCode,
-} from '@/components/icons';
+} from '@pierre/icons';
+import { useTheme } from 'next-themes';
+import { useEffect, useMemo, useRef, useState } from 'react';
+
 import { ButtonGroup, ButtonGroupItem } from '@/components/ui/button-group';
 import { cn } from '@/lib/utils';
 

apps/docs/app/theme/ThemeScreenshots.tsx

@@ -1,12 +1,12 @@
 'use client';
 
+import { IconColorDark, IconColorLight } from '@pierre/icons';
 import { useTheme } from 'next-themes';
 import Image, { type StaticImageData } from 'next/image';
 import { useEffect, useState } from 'react';
 
 import pierreDark from '../pierre-dark.png';
 import pierreLight from '../pierre-light.png';
-import { IconColorDark, IconColorLight } from '@/components/icons';
 import { ButtonGroup, ButtonGroupItem } from '@/components/ui/button-group';
 
 export function ThemeScreenshots() {

apps/docs/app/theme/page.tsx

@@ -1,5 +1,12 @@
 import '@/app/prose.css';
 import { preloadFile } from '@pierre/diffs/ssr';
+import {
+  IconArrowUpRight,
+  IconBrandCursor,
+  IconBrandVsCode,
+  IconBrandZed,
+  IconThemes,
+} from '@pierre/icons';
 import type { Metadata } from 'next';
 import Link from 'next/link';
 
@@ -18,13 +25,6 @@ import {
 import { ThemeDemo } from './ThemeDemo';
 import { ThemeLayout } from './ThemeLayout';
 import Footer from '@/components/Footer';
-import {
-  IconArrowUpRight,
-  IconBrandCursor,
-  IconBrandVsCode,
-  IconBrandZed,
-  IconThemes,
-} from '@/components/icons';
 import { PierreCompanySection } from '@/components/PierreCompanySection';
 import { Button } from '@/components/ui/button';
 import { renderMDX } from '@/lib/mdx';

apps/docs/components/Header.tsx

@@ -1,16 +1,16 @@
 'use client';
 
-import Link from 'next/link';
-import { usePathname } from 'next/navigation';
-import { useEffect, useState } from 'react';
-
-import { Button } from './ui/button';
 import {
   IconBrandDiscord,
   IconBrandGithub,
   IconChevronFlat,
   IconParagraph,
-} from '@/components/icons';
+} from '@pierre/icons';
+import Link from 'next/link';
+import { usePathname } from 'next/navigation';
+import { useEffect, useState } from 'react';
+
+import { Button } from './ui/button';
 import { cn } from '@/lib/utils';
 
 export interface HeaderProps {

apps/docs/components/MobileMenuButton.tsx

@@ -1,5 +1,6 @@
+import { IconParagraph } from '@pierre/icons';
+
 import Button from './Button';
-import { IconParagraph } from './icons';
 
 interface MobileMenuButtonProps {
   onClick: () => void;

apps/docs/components/NavLink.tsx

@@ -1,10 +1,10 @@
 'use client';
 
+import { IconArrowUpRight } from '@pierre/icons';
 import Link from 'next/link';
 import { usePathname } from 'next/navigation';
 import { type ReactNode } from 'react';
 
-import { IconArrowUpRight } from './icons';
 import { cn } from '@/lib/utils';
 
 interface NavLinkProps {

apps/docs/components/PierreCompanySection.tsx

@@ -1,10 +1,10 @@
-import Link from 'next/link';
-
 import {
   IconArrowUpRight,
   IconBrandDiscord,
   IconBrandGithub,
-} from '@/components/icons';
+} from '@pierre/icons';
+import Link from 'next/link';
+
 import { Button } from '@/components/ui/button';
 
 export function PierreCompanySection() {