update framer motion to motion/react

Author: bdsqqq

app/play/bouncy-tooltip/client.tsx

@@ -1,11 +1,10 @@
 "use client";
 
-import { Portal } from "ariakit";
 import React, { useContext, useEffect, useState } from "react";
 import { useStore } from "zustand";
 import { createStore, StoreApi } from "zustand/vanilla"
-import { AnimatePresence, motion } from "framer-motion"
-import { Tooltip, TooltipAnchor, TooltipProvider, useTooltipContext } from "@ariakit/react"
+import { AnimatePresence, motion } from "motion/react"
+import { Tooltip, TooltipAnchor, TooltipProvider, useTooltipContext, Portal } from "@ariakit/react"
 
 type CursorPositionStore = {
   pos: {x: number, y: number}

app/play/synced-positions/client.tsx

@@ -3,7 +3,7 @@
 import React, { useCallback, useContext, useEffect, useState } from "react";
 import { useStore } from "zustand";
 import { createStore, StoreApi } from "zustand/vanilla"
-import { motion } from "framer-motion"
+import { motion } from "motion/react"
 
 type CursorPositionStore = {
   pos: {x: number, y: number}

components/ui/LightboxImage.tsx

@@ -4,7 +4,7 @@ import { Button } from "@/components/ui/Button";
 import { Dialog, DialogClose, DialogContent, DialogTrigger } from "@/components/ui/Dialog";
 import { cn } from "@/lib/styling";
 import { Cross2Icon, EnterFullScreenIcon } from "@radix-ui/react-icons";
-import { motion } from "framer-motion";
+import { motion } from "motion/react";
 import Image, { ImageProps } from "next/image";
 import { ComponentProps, useState } from "react";
 

package.json

@@ -30,6 +30,7 @@
     "framer-motion": "12.0.0-alpha.1",
     "geist": "^1.3.0",
     "match-sorter": "^8.0.0",
+    "motion": "^11.15.0",
     "nanoid": "^5.0.7",
     "next": "15.1.2",
     "react": "19.0.0",