From 108d3f4ecad4c0ead14941c2067a21546750fedc Mon Sep 17 00:00:00 2001
From: Maze Winther <mazewinther@gmail.com>
Date: Mon, 13 Apr 2026 04:40:38 +0200
Subject: feat: position animated independently per axis

Made-with: Cursor
---
 apps/web/src/lib/animation/resolve.ts | 20 ++++++++++++++------
 1 file changed, 14 insertions(+), 6 deletions(-)

(limited to 'apps/web/src/lib/animation/resolve.ts')

diff --git a/apps/web/src/lib/animation/resolve.ts b/apps/web/src/lib/animation/resolve.ts
index 67f4a487..42c1c73c 100644
--- a/apps/web/src/lib/animation/resolve.ts
+++ b/apps/web/src/lib/animation/resolve.ts
@@ -48,12 +48,20 @@ export function resolveTransformAtTime({
 }): Transform {
 	const safeLocalTime = Math.max(0, localTime);
 	return {
-		position: resolveAnimationPathValueAtTime({
-			animations,
-			propertyPath: "transform.position",
-			localTime: safeLocalTime,
-			fallbackValue: baseTransform.position,
-		}),
+		position: {
+			x: resolveAnimationPathValueAtTime({
+				animations,
+				propertyPath: "transform.positionX",
+				localTime: safeLocalTime,
+				fallbackValue: baseTransform.position.x,
+			}),
+			y: resolveAnimationPathValueAtTime({
+				animations,
+				propertyPath: "transform.positionY",
+				localTime: safeLocalTime,
+				fallbackValue: baseTransform.position.y,
+			}),
+		},
 		scaleX: resolveAnimationPathValueAtTime({
 			animations,
 			propertyPath: "transform.scaleX",
-- 
cgit v1.3.1