aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
41 lines • 1.59 kB
TypeScript
import React from 'react';
import './glass-morphing.css';
type EnvironmentalContext = {
timeOfDay: 'dawn' | 'morning' | 'afternoon' | 'evening' | 'night';
weather: 'sunny' | 'cloudy' | 'rainy' | 'stormy' | 'snowy' | 'foggy';
season: 'spring' | 'summer' | 'autumn' | 'winter';
temperature: number;
humidity: number;
lightLevel: number;
};
type UserActivity = 'focused' | 'browsing' | 'searching' | 'creating' | 'analyzing' | 'idle';
type ContentType = 'text' | 'data' | 'media' | 'interactive' | 'dashboard' | 'form';
interface GlassProperties {
opacity: number;
blur: number;
refraction: number;
reflection: number;
chromatic: number;
caustic: number;
temperature: number;
viscosity: number;
crystalline: number;
iridescence: number;
}
interface GlassMorphingEngineProps {
children: React.ReactNode;
className?: string;
environmentalContext?: Partial<EnvironmentalContext>;
userActivity?: UserActivity;
contentType?: ContentType;
intensity?: number;
adaptationSpeed?: number;
enableRealTimeAdaptation?: boolean;
onMorphingChange?: (properties: GlassProperties) => void;
}
export declare const GlassMorphingEngine: React.FC<GlassMorphingEngineProps>;
export declare const EnvironmentalGlass: React.FC<Omit<GlassMorphingEngineProps, 'enableRealTimeAdaptation'>>;
export declare const ContextualGlass: React.FC<GlassMorphingEngineProps>;
export declare const SeasonalGlass: React.FC<GlassMorphingEngineProps>;
export default GlassMorphingEngine;
//# sourceMappingURL=GlassMorphingEngine.d.ts.map