aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
61 lines • 1.44 kB
TypeScript
/**
* AuraGlass Browser Compatibility Layer
* Polyfills and fallbacks for maximum browser support
*/
export declare class CompatibilityLayer {
private static instance;
private capabilities;
private constructor();
static getInstance(): CompatibilityLayer;
/**
* Detect browser capabilities
*/
private detectCapabilities;
/**
* Apply necessary polyfills
*/
private applyPolyfills;
/**
* Focus-visible polyfill
*/
private polyfillFocusVisible;
/**
* Inert attribute polyfill
*/
private polyfillInert;
/**
* Backdrop filter fallback
*/
private addBackdropFilterFallback;
/**
* Text balance polyfill
*/
private polyfillTextBalance;
/**
* Detect WebP support
*/
private detectWebPSupport;
/**
* Detect AVIF support
*/
private detectAVIFSupport;
/**
* Check if a capability is supported
*/
supports(capability: string): boolean;
/**
* Get all capabilities
*/
getCapabilities(): Record<string, boolean>;
/**
* Get recommended quality settings based on capabilities
*/
getQualitySettings(): {
blur: 'none' | 'sm' | 'md' | 'lg' | 'xl';
shadows: boolean;
animations: boolean;
parallax: boolean;
};
}
export declare const compatibility: CompatibilityLayer;
//# sourceMappingURL=compatibility.d.ts.map