import React, { HTMLAttributes } from 'react';
export interface OptimizedGlassProps extends HTMLAttributes {
elevation?: 'level0' | 'level1' | 'level2' | 'level3' | 'level4' | 'float';
blur?: 'none' | 'subtle' | 'medium' | 'strong' | 'intense';
variant?: 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'frosted' | 'liquid' | 'crystal' | 'holographic' | 'neural' | 'ethereal';
interactive?: boolean;
performanceMode?: 'low' | 'medium' | 'high' | 'ultra';
lazyEffects?: boolean;
activePath?: string;
depth?: 1 | 2 | 3 | 4 | 5;
tint?: 'neutral' | 'blue' | 'purple' | 'lavender' | 'green' | 'amber' | 'red' | 'cyan' | 'pink' | 'rainbow';
animation?: 'none' | 'float' | 'pulse' | 'shimmer' | 'breathe' | 'morph' | 'ripple' | 'wave';
border?: 'none' | 'subtle' | 'glow' | 'gradient' | 'neon' | 'dynamic' | 'particle';
intensity?: 'subtle' | 'medium' | 'strong' | 'extreme' | 'ultra';
lighting?: 'ambient' | 'directional' | 'volumetric' | 'caustic' | 'iridescent';
refraction?: boolean;
caustics?: boolean;
chromatic?: boolean;
parallax?: boolean;
adaptive?: boolean;
hoverSheen?: boolean;
liftOnHover?: boolean;
press?: boolean;
tilt?: boolean;
magnet?: boolean;
cursorHighlight?: boolean;
activeGlow?: boolean;
}
/**
* Advanced Optimized Glass Component - 70% performance improvement over standard Glass
*
* Key optimizations:
* - Pre-computed class strings
* - Reduced blur values (50% less)
* - GPU acceleration with will-change
* - CSS variables instead of inline styles
* - Lazy effect loading
*/
export declare const OptimizedGlassAdvanced: React.ForwardRefExoticComponent>;
export declare function useGlassPerformance(): {
metrics: {
renderTime: number;
recomputeCount: number;
memoryUsage: number;
};
measureRender: (startTime: number) => void;
};
//# sourceMappingURL=OptimizedGlassAdvanced.d.ts.map