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