Update framer-motion

apps/scandic-web/components/Blocks/DynamicContent/Rewards/Redeem/ActiveRedeemedBadge.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import { motion } from "framer-motion"
+import { motion } from "motion/react"
 import { useIntl } from "react-intl"
 
 import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"

apps/scandic-web/components/Blocks/DynamicContent/Rewards/Redeem/index.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import { motion } from "framer-motion"
+import { motion } from "motion/react"
 import { useState } from "react"
 import {
   Dialog,

apps/scandic-web/components/Lightbox/FullView/index.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import { AnimatePresence, motion } from "framer-motion"
+import { AnimatePresence, motion } from "motion/react"
 import { useState } from "react"
 import { useIntl } from "react-intl"
 

apps/scandic-web/components/Lightbox/Gallery/index.tsx

@@ -1,5 +1,5 @@
 "use client"
-import { AnimatePresence, motion } from "framer-motion"
+import { AnimatePresence, motion } from "motion/react"
 import { useState } from "react"
 import { Button as ButtonRAC } from "react-aria-components"
 import { useIntl } from "react-intl"

apps/scandic-web/components/Lightbox/index.tsx

@@ -1,5 +1,5 @@
 "use client"
-import { AnimatePresence, motion } from "framer-motion"
+import { AnimatePresence, motion } from "motion/react"
 import { useEffect, useState } from "react"
 import { Dialog, Modal, ModalOverlay } from "react-aria-components"
 

apps/scandic-web/components/Modal/index.tsx

@@ -1,7 +1,7 @@
 "use client"
 
 import { cx } from "class-variance-authority"
-import { AnimatePresence, motion } from "framer-motion"
+import { AnimatePresence, motion } from "motion/react"
 import { type PropsWithChildren, useEffect, useState } from "react"
 import {
   Dialog,

apps/scandic-web/components/MyPages/Surprises/Client.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import { AnimatePresence, motion } from "framer-motion"
+import { AnimatePresence, motion } from "motion/react"
 import { usePathname } from "next/navigation"
 import React, { useState } from "react"
 import { Dialog, Modal, ModalOverlay } from "react-aria-components"

apps/scandic-web/package.json

@@ -77,7 +77,6 @@
     "fast-deep-equal": "^3.1.3",
     "fetch-retry": "^6.0.0",
     "flat": "^6.0.1",
-    "framer-motion": "^11.3.28",
     "fuse.js": "^7.1.0",
     "graphql": "^16.11.0",
     "graphql-request": "^6.1.0",
@@ -91,6 +90,7 @@
     "libphonenumber-js": "^1.12.7",
     "lodash-es": "^4.17.21",
     "md5": "^2.3.0",
+    "motion": "^12.10.0",
     "nanoid": "^5.1.5",
     "next": "^14.2.25",
     "next-auth": "5.0.0-beta.19",