import { CSSProperties } from "react"; export type PerformanceMode = "high" | "balanced" | "low"; export type RenderingOptimization = "gpu" | "cpu" | "auto"; export interface PerformanceOptions { mode?: PerformanceMode; rendering?: RenderingOptimization; prefersReducedMotion?: boolean; enableLazyLoading?: boolean; enableVirtualization?: boolean; } export interface BrowserMemoryInfo { jsHeapSizeLimit: number; totalJSHeapSize?: number; usedJSHeapSize?: number; } export interface DeviceCapabilitySummary { supportsGPU: boolean; supportsBackdropFilter: boolean; prefersReducedMotion: boolean; connectionSpeed: string; memoryInfo: BrowserMemoryInfo | null; devicePixelRatio?: number; } /** * Performance-optimized CSS properties based on device capabilities */ export declare const createPerformanceMixin: (options?: PerformanceOptions) => CSSProperties; /** * Optimized transition mixin with fallbacks */ export declare const createOptimizedTransition: (properties: string[], duration?: number, easing?: string, prefersReducedMotion?: boolean) => CSSProperties; /** * Memory-efficient animation mixin */ export declare const createMemoryEfficientAnimation: (name: string, duration?: number, iterationCount?: number | "infinite", options?: { playState?: "running" | "paused"; fillMode?: "none" | "forwards" | "backwards" | "both"; prefersReducedMotion?: boolean; }) => CSSProperties; /** * Lazy loading optimization styles */ export declare const createLazyLoadMixin: (isLoaded?: boolean, placeholder?: string) => CSSProperties; /** * Virtualization container styles */ export declare const createVirtualizationMixin: (itemHeight: number, containerHeight: number, overscan?: number) => CSSProperties; /** * Intersection Observer optimization */ export declare const createIntersectionObserverOptions: (threshold?: number[], rootMargin?: string) => IntersectionObserverInit; /** * Performance monitoring utilities */ export declare class PerformanceMonitor { private static instance; private metrics; static getInstance(): PerformanceMonitor; startMeasure(name: string): void; endMeasure(name: string): number | null; getAverageMetric(name: string): number | null; clearMetrics(name?: string): void; } /** * Device capability detection */ export declare const detectDeviceCapabilities: () => DeviceCapabilitySummary; /** * Adaptive performance configuration */ export declare const getAdaptivePerformanceConfig: () => PerformanceOptions; /** * Debounced resize observer for performance */ export declare const createDebouncedResizeObserver: (callback: (entries: ResizeObserverEntry[]) => void, delay?: number) => ResizeObserver | null; /** * Memory leak prevention utilities */ export declare const createCleanupManager: () => { add: (cleanup: () => void) => void; cleanup: () => void; }; /** * Optimized scroll handling */ export declare const createOptimizedScrollHandler: (handler: (event: Event) => void, options?: { throttle?: number; passive?: boolean; }) => { handler: (event: Event) => void; options: { passive: boolean; }; }; //# sourceMappingURL=performanceMixins.d.ts.map