UNPKG

aura-glass

Version:

A comprehensive glassmorphism design system for React applications with 142+ production-ready components

97 lines 2.99 kB
import React from "react"; export interface GlassEngineConfig { opacity: { base: number; hover: number; active: number; }; blur: { base: number; hover: number; active: number; }; brightness: { base: number; hover: number; active: number; }; tinting: { enabled: boolean; intensity: number; adaptiveColor: boolean; }; texture: { type: "smooth" | "frosted" | "rippled" | "crystalline" | "liquid"; intensity: number; animated: boolean; }; environment: { weatherReactive: boolean; timeReactive: boolean; temperatureReactive: boolean; }; } interface GlassEngineContextType { config: GlassEngineConfig; updateConfig: (newConfig: Partial<GlassEngineConfig>) => void; createGlassStyle: (variant?: string, customProps?: Partial<GlassEngineConfig>) => React.CSSProperties; getTexturePattern: (type: string) => string; adaptToEnvironment: (conditions: EnvironmentalConditions) => void; } interface EnvironmentalConditions { weather: "sunny" | "cloudy" | "rainy" | "snowy" | "foggy"; temperature: number; timeOfDay: number; humidity: number; season: "spring" | "summer" | "autumn" | "winter"; } export declare const useGlassEngine: () => GlassEngineContextType; export declare const GlassEngineProvider: React.FC<{ children: React.ReactNode; initialConfig?: Partial<GlassEngineConfig>; }>; interface AdaptiveGlassProps { children: React.ReactNode; variant?: "base" | "hover" | "active"; textureOverride?: string; environmentalAware?: boolean; className?: string; as?: keyof JSX.IntrinsicElements; [key: string]: any; } export declare const AdaptiveGlass: React.FC<AdaptiveGlassProps>; export declare const GlassOpacityEngine: React.FC<{ children: React.ReactNode; dynamicOpacity?: boolean; opacityRange?: [number, number]; trigger?: "hover" | "scroll" | "time" | "content"; className?: string; }>; export declare const GlassColorTinting: React.FC<{ children: React.ReactNode; contentAware?: boolean; tintColor?: string; intensity?: number; className?: string; }>; export declare const GlassTextureVariations: React.FC<{ children: React.ReactNode; contentType?: "text" | "image" | "video" | "code" | "data"; autoAdapt?: boolean; className?: string; }>; export declare const EnvironmentalGlass: React.FC<{ children: React.ReactNode; weatherAPI?: boolean; timeSync?: boolean; className?: string; }>; export declare const GlassEngineDemo: React.FC; export interface GlassEngineProps extends React.HTMLAttributes<HTMLDivElement> { initialConfig?: Partial<GlassEngineConfig>; renderDemo?: boolean; children?: React.ReactNode; } export declare const GlassEngine: React.FC<GlassEngineProps>; export default GlassEngine; //# sourceMappingURL=GlassEngine.d.ts.map