Advanced Prompt for Magnetic Scroll Snapping Logic

Develop a custom scroll snapping engine in React using Framer Motion. Instead of native CSS snap, use useScroll and useAnimate to create a 'magnetic' effect where the scroll position is pulled toward [SNAP_POINTS_ARRAY] when the user stops scrolling near them. Calculate the proximity based on [SNAP_STRENGTH]. Support [DIRECTION] (vertical/horizontal). Execute a [CALLBACK_FUNCTION] whenever a snap event completes to update the application state (e.g., current slide index). Ensure the logic accounts for momentum and doesn't interfere with natural browser scrolling behavior for accessibility.