aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
75 lines • 1.67 kB
TypeScript
/**
* AuraGlass Dynamic Theming Engine
* Runtime theme generation and CSS variable injection
*/
export interface ThemeConfig {
name: string;
mode: 'light' | 'dark' | 'auto';
primary: string;
success?: string;
warning?: string;
danger?: string;
info?: string;
blur?: {
amount: number;
saturate: number;
brightness: number;
contrast: number;
};
motion?: {
reduced: boolean;
duration: number;
ease: string;
};
}
export declare class DynamicThemeEngine {
private styleElement;
private currentTheme;
private mediaQuery;
constructor();
/**
* Generate theme from a single color
*/
generateFromColor(baseColor: string, mode?: 'light' | 'dark' | 'auto'): ThemeConfig;
/**
* Apply theme to document
*/
applyTheme(theme: ThemeConfig): void;
/**
* Generate theme CSS
*/
private generateThemeCSS;
/**
* Setup auto mode switching
*/
private setupAutoMode;
/**
* Resolve auto mode to actual mode
*/
private resolveMode;
/**
* Color conversion utilities
*/
private rgbToHsl;
private hslToHex;
private rgbToHslString;
private colorToHslString;
/**
* Export current theme
*/
exportTheme(): string;
/**
* Import theme
*/
importTheme(json: string): void;
/**
* Cleanup
*/
destroy(): void;
}
export declare const dynamicTheme: DynamicThemeEngine;
/**
* React hook for dynamic theming
*/
export declare function useDynamicTheme(config?: ThemeConfig): void;
//# sourceMappingURL=dynamicTheme.d.ts.map