{"name":"use-prefers-reduced-motion","type":"registry:component","files":[{"path":"use-prefers-reduced-motion.ts","type":"registry:component","target":"components/shaders/use-prefers-reduced-motion.ts","content":"\"use client\";\n\nimport { useEffect, useState } from \"react\";\n\nexport function usePrefersReducedMotion() {\n  const [shouldReduceMotion, setShouldReduceMotion] = useState(false);\n\n  useEffect(() => {\n    const mediaQuery = window.matchMedia(\"(prefers-reduced-motion: reduce)\");\n    const updatePreference = () => setShouldReduceMotion(mediaQuery.matches);\n\n    updatePreference();\n    mediaQuery.addEventListener(\"change\", updatePreference);\n    return () => mediaQuery.removeEventListener(\"change\", updatePreference);\n  }, []);\n\n  return shouldReduceMotion;\n}\n"}]}