aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
52 lines • 2.31 kB
TypeScript
/**
import { cn } from '@/lib/utils';
* Organic Animation Engine
* Advanced animation framework with natural motion patterns, physics simulation,
* and contextual micro-interactions that mimic real-world glass behavior
*/
import React from "react";
type OrganicMotionPattern = "breathe" | "pulse" | "wave" | "flutter" | "drift" | "bloom" | "cascade" | "ripple" | "shimmer" | "flow" | "crystallize" | "dissolve";
type EmotionalContext = "calm" | "excited" | "focused" | "stressed" | "joyful" | "melancholy" | "energetic" | "peaceful" | "urgent" | "contemplative";
interface PhysicsProperties {
mass: number;
tension: number;
friction: number;
velocity: number;
acceleration: number;
gravity: number;
elasticity: number;
viscosity: number;
}
interface AnimationSequence {
id: string;
pattern: OrganicMotionPattern;
duration: number;
delay: number;
intensity: number;
emotional: EmotionalContext;
physics?: Partial<PhysicsProperties>;
loop?: boolean | number;
trigger?: "auto" | "hover" | "click" | "scroll" | "focus" | "visibility";
}
interface OrganicAnimationEngineProps {
children: React.ReactNode;
className?: string;
sequences?: AnimationSequence[];
emotionalContext?: EmotionalContext;
enablePhysics?: boolean;
enableAdaptiveSpeed?: boolean;
enableMicroInteractions?: boolean;
performanceLevel?: "low" | "medium" | "high" | "ultra";
onAnimationStart?: (sequenceId: string) => void;
onAnimationComplete?: (sequenceId: string) => void;
onEmotionalShift?: (from: EmotionalContext, to: EmotionalContext) => void;
showDebugHud?: boolean;
}
export declare const OrganicAnimationEngine: React.FC<OrganicAnimationEngineProps>;
export declare const COMMON_SEQUENCES: Record<string, AnimationSequence[]>;
export declare const GentleAnimation: React.FC<Omit<OrganicAnimationEngineProps, "sequences">>;
export declare const EnergeticAnimation: React.FC<Omit<OrganicAnimationEngineProps, "sequences">>;
export declare const InteractiveAnimation: React.FC<Omit<OrganicAnimationEngineProps, "sequences">>;
export declare const ContemplativeAnimation: React.FC<Omit<OrganicAnimationEngineProps, "sequences">>;
export default OrganicAnimationEngine;
//# sourceMappingURL=OrganicAnimationEngine.d.ts.map