aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
52 lines • 1.61 kB
TypeScript
import React from "react";
/**
* Advanced Animation Easing Functions
* Provides sophisticated easing curves for glassmorphism transitions
*/
export declare const easings: {
easeOutExpo: (t: number) => number;
easeInExpo: (t: number) => number;
easeInOutExpo: (t: number) => number;
easeOutBack: (t: number) => number;
easeInBack: (t: number) => number;
easeInOutBack: (t: number) => number;
easeInCubic: (t: number) => number;
easeOutCubic: (t: number) => number;
easeInOutCubic: (t: number) => number;
easeOutElastic: (t: number) => number;
easeInElastic: (t: number) => number;
easeOutBounce: (t: number) => number;
smoothStep: (t: number) => number;
smootherStep: (t: number) => number;
glassEase: (t: number) => number;
shatterEase: (t: number) => number;
};
export declare const glassTransitionPresets: {
subtle: {
duration: number;
ease: (t: number) => number;
};
smooth: {
duration: number;
ease: (t: number) => number;
};
dramatic: {
duration: number;
ease: (t: number) => number;
};
glass: {
duration: number;
ease: (t: number) => number;
};
shatter: {
duration: number;
ease: (t: number) => number;
};
};
export interface AdvancedAnimationsProps extends React.HTMLAttributes<HTMLDivElement> {
sampleCount?: number;
children?: React.ReactNode;
}
export declare const AdvancedAnimations: React.FC<AdvancedAnimationsProps>;
export default AdvancedAnimations;
//# sourceMappingURL=AdvancedAnimations.d.ts.map