aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
100 lines • 2.43 kB
TypeScript
export declare const createMotionAwareVariants: {
fadeInScale: (prefersReducedMotion: boolean) => {
hidden: {
opacity: number;
scale: number;
};
visible: {
opacity: number;
scale: number;
transition: {
duration: number;
ease?: undefined;
};
} | {
opacity: number;
scale: number;
transition: {
duration: number;
ease: string;
};
};
};
slideIn: (direction: "left" | "right" | "up" | "down", prefersReducedMotion: boolean) => {
hidden: {
x: number;
opacity: number;
} | {
y: number;
opacity: number;
};
visible: {
opacity: number;
x: number;
y: number;
transition: {
duration: number;
ease?: undefined;
};
} | {
opacity: number;
x: number;
y: number;
transition: {
duration: number;
ease: string;
};
};
};
fadeInUp: (prefersReducedMotion: boolean) => {
hidden: {
opacity: number;
y: number;
};
visible: {
opacity: number;
y: number;
transition: {
duration: number;
ease?: undefined;
};
} | {
opacity: number;
y: number;
transition: {
duration: number;
ease: string;
};
};
};
};
export declare const createMotionAwareInteractive: {
button: (prefersReducedMotion: boolean) => {
whileHover: {
scale?: undefined;
} | {
scale: number;
};
whileTap: {
scale?: undefined;
} | {
scale: number;
};
transition: {
duration: number;
};
};
card: (prefersReducedMotion: boolean) => {
whileHover: {
y?: undefined;
scale?: undefined;
} | {
y: number;
scale: number;
};
transition: {
duration: number;
};
};
};
//# sourceMappingURL=motionPrimitives.d.ts.map