aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
45 lines • 1.56 kB
TypeScript
import React from 'react';
export interface MotionProps extends React.HTMLAttributes<HTMLDivElement> {
/** Animation type */
type?: 'fade' | 'slide' | 'scale' | 'bounce' | 'elastic' | 'flip' | 'rotate';
/** Animation direction */
direction?: 'up' | 'down' | 'left' | 'right' | 'none';
/** Animation duration in milliseconds */
duration?: number;
/** Animation delay in milliseconds */
delay?: number;
/** Animation easing */
easing?: string;
/** Enable physics-based animation */
physics?: boolean;
/** Physics spring configuration */
springConfig?: {
stiffness: number;
damping: number;
mass: number;
};
/** Trigger animation on mount */
animateOnMount?: boolean;
/** Trigger animation on hover */
animateOnHover?: boolean;
/** Trigger animation on click */
animateOnClick?: boolean;
/** Loop animation */
loop?: boolean;
/** Animation repeat count */
repeat?: number;
/** Custom animation keyframes */
keyframes?: Record<string, any>;
/** Animation fill mode */
fillMode?: 'none' | 'forwards' | 'backwards' | 'both';
/** Enable reduced motion support */
respectReducedMotion?: boolean;
/** Custom CSS classes */
className?: string;
/** Children elements */
children?: React.ReactNode;
}
declare const MotionNative: React.ForwardRefExoticComponent<MotionProps & React.RefAttributes<HTMLDivElement>>;
export { MotionNative };
export default MotionNative;
//# sourceMappingURL=MotionNative.d.ts.map