aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
94 lines • 2.77 kB
TypeScript
import React from "react";
export interface AuroraLayer {
points: Array<{
x: number;
y: number;
intensity: number;
}>;
color: [number, number, number];
opacity: number;
waveOffset: number;
waveSpeed: number;
height: number;
id: string;
}
export interface SolarWindParticle {
x: number;
y: number;
vx: number;
vy: number;
size: number;
opacity: number;
color: [number, number, number];
energy: number;
lifetime: number;
id: string;
}
export interface StarField {
stars: Array<{
x: number;
y: number;
brightness: number;
twinklePhase: number;
}>;
shootingStars: Array<{
x: number;
y: number;
vx: number;
vy: number;
lifetime: number;
trail: Array<{
x: number;
y: number;
opacity: number;
}>;
}>;
id: string;
}
export interface GlassAuroraDisplayProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> {
/** Canvas width */
width?: number;
/** Canvas height */
height?: number;
/** Aurora intensity (0-1) */
intensity?: number;
/** Solar wind strength */
solarWindStrength?: number;
/** Geomagnetic activity level */
geomagneticActivity?: number;
/** Aurora colors preset */
colorPreset?: "classic" | "rare" | "storm" | "sunset" | "cosmic";
/** Whether to show stars */
showStars?: boolean;
/** Whether to show solar wind particles */
showSolarWind?: boolean;
/** Animation speed multiplier */
animationSpeed?: number;
/** Aurora wave complexity */
waveComplexity?: number;
/** Number of aurora layers */
layerCount?: number;
/** Time of observation (affects visibility) */
observationTime?: number;
/** Geographic latitude (affects aurora position) */
latitude?: number;
/** Whether to show atmospheric glow */
showAtmosphericGlow?: boolean;
/** Aurora activity level */
activityLevel?: "low" | "moderate" | "high" | "storm";
/** Real-time data mode */
realTimeMode?: boolean;
/** Aurora change handler */
onAuroraChange?: (intensity: number, colors: string[]) => void;
/** Solar event handler */
onSolarEvent?: (eventType: "flare" | "wind" | "storm") => void;
/** Show controls */
showControls?: boolean;
/** Show aurora info */
showAuroraInfo?: boolean;
/** Respect user's motion preferences */
respectMotionPreference?: boolean;
}
export declare const GlassAuroraDisplay: React.ForwardRefExoticComponent<GlassAuroraDisplayProps & React.RefAttributes<HTMLDivElement>>;
export default GlassAuroraDisplay;
//# sourceMappingURL=GlassAuroraDisplay.d.ts.map