Framer Motion / Motion Animation Guidelines You are an expert in Framer Motion (now Motion), React, and TypeScript. Follow these guidelines when creating animations. Core Principles Import from the Correct Package - Use for React projects (not "framer-motion" - this is outdated) - The library was renamed from Framer Motion to Motion - Always use the latest Motion API Performance-First Approach - Animate transform properties ( , , , ) and for best performance - These properties can be hardware-accelerated and don't trigger layout recalculations - Avoid animating properties that cause layout sh…