feat: animate page transitions with Motion

2026-09-09 19:00:24 +03:00
parent 91eaeb5661
commit c906dfa2e2
4 changed files with 93 additions and 1 deletions
@@ -14,6 +14,7 @@
 				"@tanstack/react-query": "5.101.4",
 				"dayjs": "1.11.23",
 				"i18next": "26.0.2",
+				"motion": "13.2.0",
 				"openapi-fetch": "0.17.0",
 				"openapi-react-query": "0.5.4",
 				"react": "19.2.8",
@@ -4921,6 +4922,29 @@
 				"node": ">=18.3.0"
 			}
 		},
+		"node_modules/framer-motion": {
+			"version": "13.2.0",
+			"resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-13.2.0.tgz",
+			"integrity": "sha512-9E33ebgMaO33w1nN/jEdW8z3/GO483fMi4rqbMG9rt83XgW9QLKRe4NcmJ8s+fQ3O34++UHrIQwlIWGIWTITjA==",
+			"license": "MIT",
+			"dependencies": {
+				"motion-dom": "^13.2.0",
+				"motion-utils": "^13.0.0",
+				"tslib": "^2.4.0"
+			},
+			"peerDependencies": {
+				"react": "^18.0.0 || ^19.0.0",
+				"react-dom": "^18.0.0 || ^19.0.0"
+			},
+			"peerDependenciesMeta": {
+				"react": {
+					"optional": true
+				},
+				"react-dom": {
+					"optional": true
+				}
+			}
+		},
 		"node_modules/fsevents": {
 			"version": "2.3.3",
 			"resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
@@ -6277,6 +6301,43 @@
 				"node": ">=16 || 14 >=14.17"
 			}
 		},
+		"node_modules/motion": {
+			"version": "13.2.0",
+			"resolved": "https://registry.npmjs.org/motion/-/motion-13.2.0.tgz",
+			"integrity": "sha512-4Hrb5vD6HhjFstLUiCmWvtpsw+WTpP4R+QXfSDYZBz7+uxE/LrRg3aV0ReJxHrTRffHhbIE6svEqnotngXvesQ==",
+			"license": "MIT",
+			"dependencies": {
+				"framer-motion": "^13.2.0",
+				"tslib": "^2.4.0"
+			},
+			"peerDependencies": {
+				"react": "^18.0.0 || ^19.0.0",
+				"react-dom": "^18.0.0 || ^19.0.0"
+			},
+			"peerDependenciesMeta": {
+				"react": {
+					"optional": true
+				},
+				"react-dom": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/motion-dom": {
+			"version": "13.2.0",
+			"resolved": "https://registry.npmjs.org/motion-dom/-/motion-dom-13.2.0.tgz",
+			"integrity": "sha512-N6gdSoWRDk0Rh/fVtlqUtLs+fEN3ELFZI3cn3IQE9Mnf3E+Mh8wjO6MstzCOPFh4Yf0L1as5m2eUyYWj8ylVSQ==",
+			"license": "MIT",
+			"dependencies": {
+				"motion-utils": "^13.0.0"
+			}
+		},
+		"node_modules/motion-utils": {
+			"version": "13.0.0",
+			"resolved": "https://registry.npmjs.org/motion-utils/-/motion-utils-13.0.0.tgz",
+			"integrity": "sha512-7DnN7TmbLcYXcG4RVadXIihWlyuM9afoUww8Y5Agg431kGKiuL2/OMyP4mJ5wLz+pvN3t5ySClLOaVXJ+wekRQ==",
+			"license": "MIT"
+		},
 		"node_modules/ms": {
 			"version": "2.1.3",
 			"resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",