aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
29 lines • 900 B
TypeScript
/**
* Enhanced hook for detecting user's reduced motion preference.
*
* This hook monitors the user's system-level preference for reduced motion
* and updates reactively when the preference changes. It's SSR-safe and
* provides more granular control compared to the basic `useReducedMotion` hook.
*
* @returns {boolean} True if the user prefers reduced motion, false otherwise
*
* @example
* ```tsx
* function AnimatedComponent() {
* const prefersReducedMotion = useEnhancedReducedMotion();
*
* return (
* <motion.div
* animate={{ opacity: 1 }}
* transition={prefersReducedMotion ? { duration: 0 } : { duration: 0.3 }}
* >
* Content
* </motion.div>
* );
* }
* ```
*
* @see {@link useReducedMotion} for a simpler version
*/
export declare function useEnhancedReducedMotion(): boolean;
//# sourceMappingURL=useEnhancedReducedMotion.d.ts.map