aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
25 lines • 1.61 kB
TypeScript
import { motion } from "framer-motion";
import React from "react";
interface MotionAwareGlassProps extends Omit<React.ComponentProps<typeof motion.div>, "variants" | "initial" | "animate" | "whileHover" | "whileTap"> {
variant?: "base" | "subtle" | "strong" | "card" | "button" | "input";
interactive?: boolean;
animationType?: "fadeInUp" | "fadeInScale" | "slideLeft" | "slideRight";
children: React.ReactNode;
className?: string;
asButton?: boolean;
disabled?: boolean;
}
/**
* Motion-aware Glass component that automatically respects user's motion preferences
* Provides beautiful glass morphism effects while being fully accessible
*/
export declare const MotionAwareGlass: React.ForwardRefExoticComponent<Omit<MotionAwareGlassProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
export declare const MotionAwareGlassCard: React.ForwardRefExoticComponent<Omit<Omit<MotionAwareGlassProps, "variant">, "ref"> & React.RefAttributes<HTMLDivElement>>;
export declare const MotionAwareGlassButton: React.ForwardRefExoticComponent<Omit<Omit<MotionAwareGlassProps, "variant" | "interactive" | "asButton">, "ref"> & React.RefAttributes<HTMLDivElement>>;
export declare const MotionAwareGlassInput: React.ForwardRefExoticComponent<Omit<Omit<MotionAwareGlassProps, "variant">, "ref"> & React.RefAttributes<HTMLDivElement>>;
export declare const useMotionAwareGlassStyles: () => {
getGlassStyle: (variant?: MotionAwareGlassProps["variant"]) => React.CSSProperties;
prefersReducedMotion: boolean;
};
export default MotionAwareGlass;
//# sourceMappingURL=MotionAwareGlass.d.ts.map