Update dependency motion to v12.31.0

[renovate]

This PR contains the following updates:

Package	Change	Age	Confidence
motion	12.9.2 → 12.31.0

---

Release Notes

motiondivision/motion (motion)

v12.31.0

Compare Source

Added

• animate: Support for bi-directional callbacks within animation sequences.

Fixed

• Ensure onPan never fires before onPanStart.

v12.30.1

Compare Source

Fixed

• Allow drag to be initiated by child a and button elements.

v12.30.0

Compare Source

Added

• MotionConfig: Add skipAnimations option.

Fixed

• animate: Prevent error when calling stop() on removed elements.
• animateLayout: Fixing shared element animations when animate called before animateLayout.

v12.29.3

Compare Source

Fixed

• Reorder: Fixed viewport autoscroll.

v12.29.2

Compare Source

Fixed

• Updates to layout animations.

v12.29.0

Compare Source

Added

• transformViewBoxPoint: Scale drag gestures within <svg> elements where viewBox and rendered width/height are mismatched.
• trackContentSize: New scroll and useScroll option for tracking changes to content size.

Fixed

• Add React 19 test suite to CI.
• Fix types with motion.create().
• Shared element animations now respect layoutDependency.

v12.28.2

Compare Source

Added

• Add default value type px for fontSize.

Fixed

• Removed default value type from radius.
• Ensure LazyMotion animates initial state even when state has changed before Motion is loaded.

v12.28.1

Compare Source

Fixed

• Ensure scale: "0%" isn't treated as default value.

v12.27.5

Compare Source

Fixed

• Ensure pen gesture is correctly cleaned up on drag cancel.
• Fix edge case where DocumentProjectionNode's attached element was null.

v12.27.4

Compare Source

Added

• AnimatePresence: anchorY for vertically positioning popped children.

Fixed

• Fixed path drawing animations in zoomed Safari contexts by switching to unitless values.

v12.27.3

Compare Source

Fixed

• Ensure drag gestures trigger from keyboard-accessible elements (button, textarea etc) if these elements have drag applied directly.

v12.27.2

Compare Source

Fixed

• Adding sourcemaps to motion-dom and motion-utils.
• Fix Reorder autoscroll within scrollable pages.
• Gracefully handle missing elements in animation sequences.

v12.27.1

Compare Source

Fixed

• Improving projection node cleanup.

v12.27.0

Compare Source

Fixed

• Adding new exports for internal use.

v12.26.2

Compare Source

Fixed

• Internal refactor of projection system into motion-dom.

v12.26.1

Compare Source

Fixed

• Improve overload selection for useTransform.

v12.26.0

Compare Source

Added

• Support for multiple output value maps with useTransform.

v12.25.0

Compare Source

Added

• Support for auto-scrolling when a Reorder.Item reaches the edges of its parent scrollable container.

v12.24.12

Compare Source

Fixed

• Draggable elements now track pointer during page and element scroll.

v12.24.11

Compare Source

Fixed

• Fixed time sampling of GPU animations under heavy CPU load.

v12.24.10

Compare Source

v12.24.9

Compare Source

Fixed

• Fixing Radix Dialog with AnimatePresence.
• Ensure drag constraints animation resumes after press interruption.
• Prevent drag gesture from triggering when pressing focusable elements.

v12.24.8

Compare Source

Fixed

• Perform unit conversion when animating to/from calc() values.

v12.24.7

Compare Source

Fixed

• Fix duplicate exit animations in AnimatePresence.

v12.24.6

Compare Source

Fixed

• Remove memory leak from retained matchMedia callbacks.

v12.24.5

Compare Source

Fixed

• Prevent ref access error for AnimatePresence popLayout mode in React 19.

v12.24.4

Compare Source

Fixed

• Support ref functions that return a cleanup callback.

v12.24.3

Compare Source

Fixed

• Ensure onAnimationStart and onAnimationComplete callbacks fire for useSpring.

v12.24.2

Compare Source

Fixed

• Ensure useDragControls snapToCursor: true` works with initial transforms.

v12.24.1

Compare Source

Fixed

• Ensure CSS Motion Path properties are applied via style on SVG elements.
• Ensure JSX is correctly imported by Reorder.Item.

v12.24.0

Compare Source

Added

• { type: "svg" } option to motion.create() for creating custom SVG components.
• px default value type for CSS logical properties (paddingBlock, paddingInline, marginBlock, marginInline).

Fixed

• Ensure drag gesture updates with latest props every render.
• Fix missing JSX import error.
• Fix motion-dom build.
• Exclude src from distributed package.

v12.23.28

Compare Source

Fixed

• Fixing MotionStyle type with React 19 when skipLibCheck is false.
• Add guard for process check for better compat with ESM environments.

v12.23.27

Compare Source

Fixed

• Improved Intellisense detection for motion import.
• Adding sourcemaps to release.

v12.23.26

Compare Source

Fixed

• Moved initialisation of default scale correctors to allow for overwriting existing correctors.

v12.23.25

Compare Source

Fixed

• Ensure relative projection boxes are re-measured when parent layout changes.

v12.23.24

Compare Source

Fixed

• Ensure that when a component remounts, it continues to fire animations even when initial={false}.

v12.23.23

Compare Source

Added

• Exporting PresenceChild and PopChild type for internal use.

v12.23.22

Compare Source

Added

• Exporting HTMLElements and useComposedRefs type for internal use.

v12.23.21

Compare Source

Fixed

• Fixing main-thread scroll with animations that contain delay.

v12.23.20

Compare Source

Fixed

• Suppress non-animatable value warning for instant animations.

v12.23.19

Compare Source

Fixed

• Remove support for changing ref prop.

v12.23.18

Compare Source

Fixed

• <motion /> components now support changing ref prop.

v12.23.16

Compare Source

Fixed

• Fixing ref when passed to a child of AnimatePresence in "popLayout" mode.

v12.23.15

Compare Source

Fixed

• Fixing export * error in RSC.

v12.23.14

Compare Source

Fixed

• Fixing types of Reorder.Item and Reorder.Group so incorrect HTML props are correctly flagged.
• Reverting rehydration of externalRef when it switches.

v12.23.13

Compare Source

Fixed

• Fixed issue where motion components don't update refs when externalRef changes. The useMotionRef function now properly includes externalRef in the dependency array to ensure ref callbacks update when the external ref changes.

Changed

• Stopped tracking yarn cache in the repo.

v12.23.12

Compare Source

Added

• Exporting internal APIs for use in view animations.

v12.23.11

Compare Source

Added

• Children of variants with delayChildren: stagger() will now be staggered correctly alongside their newly-entering siblings.

v12.23.10

Compare Source

Fixed

• Fixed shared layout animation in situations where no motion components have re-rendered between shared element switching.

v12.23.9

Compare Source

Changed

• Removing redundant renderRequest MotionValue lifecycle.

v12.23.7

Compare Source

Fixed

• springValue cleanup.
• Removed additional removeNode from AnimatePresence when using popLayout.

v12.23.6

Compare Source

Changed

• Added explainer for reduced motion warning.
• Refactored motion component creation to remove indirection.

v12.23.5

Compare Source

Fixed

• Fix animation timings within dynamically-generated popups.

v12.23.3

Compare Source

Changed

• useScroll: Re-attempt to initialise scroll animation within a useEffect if refs weren't hydrated during the useLayoutEffect. Throw if refs are still not hydrated during the useEffect.

v12.23.2

Compare Source

Fixed

• Ensure that when a component remounts, it continues to fire animations even when initial={false}.

v12.23.1

Compare Source

Fixed

• Remove support for changing ref prop.

v12.23.0

Compare Source

Added

• Add .stop() and .cancel() methods to useDragControls().

v12.22.0

Compare Source

Added

• Allow delayChildren to accept stagger(). This enables from and ease options when staggering variant children.

Deprecated

• staggerChildren and staggerDirection options.

v12.20.5

Compare Source

Fixed

• Improve performance of projection styles by writing directly to element.style.
• Only block layout animations when window has changed width.

v12.20.4

Compare Source

Fixed

• Improve performance of render loop.
• Improve performance of types.

v12.20.3

Compare Source

Fixed

• Always skip layout animation check on tree mount.

v12.20.2

Compare Source

Fixed

• Updated Transition type to be more permissive.

v12.20.1

Compare Source

Fixed

• Updated Target type to match previous definition.

v12.20.0

Compare Source

Added

• Pass a shadow DOM root element via AnimatePresence root prop to attach "popLayout" styles to a different root element.

v12.19.4

Compare Source

Fixed

• Ensure animations are removed from scope when finished.

v12.19.3

Compare Source

Fixed

• Restore some deprecated types.
• Add transformPerspective to TargetAndTransition.
• Filter number-indexed and function props from CSSStyleDeclaration.

v12.19.2

Compare Source

Fixed

• React: Prevent duplicate layout animation commits within Suspense boundaries.

v12.19.1

Compare Source

Fixed

• React: Fix export * error message in Next.js.

v12.19.0

Compare Source

Added

• React: usePageInView for tracking document visibility.

v12.18.2

Compare Source

Fixed

• Fixed es bundle dependency imports for "motion".
• Restored translateX, originX etc values in animation targets.

v12.18.1

Compare Source

Fixed

• Removed "react" import from "motion-dom".

v12.18.0

Compare Source

Added

• Support for defining a timeline position relative to the start of the most recently added animation (e.g. <+0.5, <-1)

v12.17.3

Compare Source

Changed

• Refactored MotionProps into vanilla MotionNodeOptions type within "motion-dom" package.

v12.17.2

Compare Source

Changed

• Handle colors when creating animatable "none" keyframes for complex strings.

v12.17.1

Compare Source

Fixed

• Fixes isValidProp check with Rolldown.

v12.17.0

Compare Source

Added

• MCP server.

Fixed

• Improved rounding for linear() easing curves.

v12.16.0

Compare Source

Added

• resize().

v12.15.0

Compare Source

Added

• Support for pathLength/pathSpacing/pathOffset for svgEffect.
• Auto kebab-casing of data and aria attributes in attrEffect.
• attrEffect applies attributes via JS property where possible.
• Auto transform-box: fill-box for SVGs with transform in styleEffect.

v12.14.0

Compare Source

Added

• Support for originX/Y/Z in styleEffect.

Fixed

• Added markers for pure function calls with effects.

v12.13.0

Compare Source

Added

• svgEffect, propEffect and attrEffect.

Fixed

• Fixed a jump in layout animations in select circumstances.

v12.12.2

Compare Source

Fixed

• Ensure scroll updates are only triggered after a scroll read.

v12.12.1

Compare Source

Fixed

• Checks for instanceof HTMLElement made compatible with dynamically generated iframes.

v12.12.0

Compare Source

Added

• springValue

Fixed

• Fixed various typos in the type definitions along with a stale documentation link.

v12.11.4

Compare Source

Fixed

• Only read transform from the DOM for initial independent transforms when there's no active projection.

v12.11.3

Compare Source

Changed

• useWillChange now only adds transform to will-change to prevent issues with prematurely flattened preserve-3d.

v12.11.2

Compare Source

Fixed

• Removed __VERSION__ placeholder from motion value.
• Fixed types for Reorder component.

v12.11.1

Compare Source

Fixed

• Default scroll tracking to document.scrollingElement.

v12.11.0

Compare Source

Added

• Added value.isEffectActive for internal use.

v12.10.6

Compare Source

Fixed

• Stop firing .then() after .stop() and .cancel().

v12.10.5

Compare Source

Fixed

• Fixed attaching multiple press handlers on the same element.

v12.10.4

Compare Source

Fixed

• Fixed layout animations jumping when interrupted.
• Lower memory and runtime overhead of layout animations.

v12.10.3

Compare Source

Fixed

• Attempting to fix layout animations jumping when interrupted.

v12.10.2

Compare Source

Fixed

• Fixed .cancel() after .stop().

v12.10.1

Compare Source

Changed

• Main thread scroll animations are now lazy, resolving after "scroll" events instead of every animation frame.

v12.10.0

Compare Source

Added

• styleEffect now supports:
  • Default value types
  • Independent transforms
  • CSS variables

v12.9.7

Compare Source

Fixed

• Fix mixing PopChild with Astro view transitions.

v12.9.6

Compare Source

Fixed

• Fix setting transformBox via style.

v12.9.5

Compare Source

Fixed

• Fixed drag undefined error in React 19 Strict Mode.
• Skip keyframe measurements for values without support for unit conversion.

v12.9.4

Compare Source

Fixed

• Remove version check for MotionValue.

v12.9.3

Compare Source

Fixed

• Fixed memory leak when unmounting motion components.

---

Configuration

📅 Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about this update again.

---

• If you want to rebase/retry this PR, check this box

---

This PR was generated by Mend Renovate. View the repository job log.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
portfolio	Error		Feb 3, 2026 4:58pm