/** * Static icon components for React Server Components * * These icons are RSC-compatible and work without "use client". * They render as pure SVG elements with zero client-side JavaScript. * * For CSS animations, use the animationClass prop: * @example * ```tsx * import { StaticHeart } from 'motionicon/static'; * * * ``` */ import * as React from 'react'; import { createStaticIcon } from './create-static-icon'; // ============================================================================ // Core Icons // ============================================================================ export const StaticCheck = createStaticIcon('StaticCheck', { paths: }); export const StaticX = createStaticIcon('StaticX', { paths: ( <> ) }); export const StaticPlus = createStaticIcon('StaticPlus', { paths: ( <> ) }); export const StaticMinus = createStaticIcon('StaticMinus', { paths: }); // ============================================================================ // Navigation Icons // ============================================================================ export const StaticArrowLeft = createStaticIcon('StaticArrowLeft', { paths: ( <> ) }); export const StaticArrowRight = createStaticIcon('StaticArrowRight', { paths: ( <> ) }); export const StaticChevronDown = createStaticIcon('StaticChevronDown', { paths: }); export const StaticChevronUp = createStaticIcon('StaticChevronUp', { paths: }); export const StaticMenu = createStaticIcon('StaticMenu', { paths: ( <> ) }); export const StaticHome = createStaticIcon('StaticHome', { paths: ( <> ) }); // ============================================================================ // Communication Icons // ============================================================================ export const StaticMail = createStaticIcon('StaticMail', { paths: ( <> ) }); export const StaticBell = createStaticIcon('StaticBell', { paths: ( <> ) }); export const StaticMessageCircle = createStaticIcon('StaticMessageCircle', { paths: }); export const StaticPhone = createStaticIcon('StaticPhone', { paths: }); // ============================================================================ // Status Icons // ============================================================================ export const StaticCheckCircle = createStaticIcon('StaticCheckCircle', { paths: ( <> ) }); export const StaticXCircle = createStaticIcon('StaticXCircle', { paths: ( <> ) }); export const StaticAlertCircle = createStaticIcon('StaticAlertCircle', { paths: ( <> ) }); export const StaticInfo = createStaticIcon('StaticInfo', { paths: ( <> ) }); export const StaticHelpCircle = createStaticIcon('StaticHelpCircle', { paths: ( <> ) }); // ============================================================================ // Action Icons // ============================================================================ export const StaticSearch = createStaticIcon('StaticSearch', { paths: ( <> ) }); export const StaticSettings = createStaticIcon('StaticSettings', { paths: ( <> ) }); export const StaticEdit = createStaticIcon('StaticEdit', { paths: ( <> ) }); export const StaticTrash = createStaticIcon('StaticTrash', { paths: ( <> ) }); export const StaticDownload = createStaticIcon('StaticDownload', { paths: ( <> ) }); export const StaticUpload = createStaticIcon('StaticUpload', { paths: ( <> ) }); export const StaticCopy = createStaticIcon('StaticCopy', { paths: ( <> ) }); export const StaticShare = createStaticIcon('StaticShare', { paths: ( <> ) }); // ============================================================================ // Media Icons // ============================================================================ export const StaticHeart = createStaticIcon('StaticHeart', { paths: ( ) }); export const StaticStar = createStaticIcon('StaticStar', { paths: ( ) }); export const StaticThumbsUp = createStaticIcon('StaticThumbsUp', { paths: ( <> ) }); export const StaticThumbsDown = createStaticIcon('StaticThumbsDown', { paths: ( <> ) }); export const StaticEye = createStaticIcon('StaticEye', { paths: ( <> ) }); export const StaticEyeOff = createStaticIcon('StaticEyeOff', { paths: ( <> ) }); // ============================================================================ // User Icons // ============================================================================ export const StaticUser = createStaticIcon('StaticUser', { paths: ( <> ) }); export const StaticUsers = createStaticIcon('StaticUsers', { paths: ( <> ) }); export const StaticLock = createStaticIcon('StaticLock', { paths: ( <> ) }); // ============================================================================ // Loading/Progress Icons // ============================================================================ export const StaticLoader = createStaticIcon('StaticLoader', { paths: ( <> ) }); export const StaticRefresh = createStaticIcon('StaticRefresh', { paths: ( <> ) }); export const StaticClock = createStaticIcon('StaticClock', { paths: ( <> ) }); export const StaticCalendar = createStaticIcon('StaticCalendar', { paths: ( <> ) });