fix: replace framer-motion to motion

package.json

@@ -89,6 +89,7 @@
     "mime-types": "^2.1.35",
     "mobx": "^6.13.3",
     "mobx-react-lite": "^4.0.7",
+    "motion": "^11.13.1",
     "ncp": "^2.0.0",
     "next": "^14.2.5",
     "next-auth": "^4.24.7",

src/components/BlinkoAddButton/index.tsx

@@ -1,6 +1,6 @@
 // ... existing imports ...
 import { useState, useRef, TouchEvent } from 'react';
-import { motion } from 'framer-motion';
+import { motion } from 'motion/react';
 import { Icon } from '@iconify/react';
 import { observer } from 'mobx-react-lite';
 import { useMediaQuery } from 'usehooks-ts';

src/components/BlinkoAi/index.tsx

@@ -4,7 +4,7 @@ import { Popover, PopoverTrigger, PopoverContent } from "@nextui-org/popover";
 import { Image, Textarea } from "@nextui-org/react";
 import { RootStore } from "@/store";
 import { BlinkoStore } from "@/store/blinkoStore";
-import { motion } from "framer-motion"
+import { motion } from "motion/react"
 import { AiStore } from "@/store/aiStore";
 import { useEffect, useRef } from "react";
 import { useMediaQuery } from "usehooks-ts";

src/components/BlinkoCard/expandContainer.tsx

@@ -1,6 +1,6 @@
 import { helper } from "@/lib/helper";
 import { useIsIOS } from "@/lib/hooks";
-import { motion } from "framer-motion";
+import { motion } from "motion/react";
 import { useEffect } from "react";
 import { createPortal } from "react-dom";
 

src/components/BlinkoMultiSelectPop/index.tsx

@@ -2,7 +2,7 @@
 import { _ } from '@/lib/lodash';
 import { observer } from 'mobx-react-lite';
 import { RootStore } from '@/store';
-import { motion } from "framer-motion"
+import { motion } from "motion/react"
 import { Icon } from '@iconify/react';
 import { useTranslation } from 'react-i18next';
 import { ToastPlugin } from '@/store/module/Toast/Toast';

src/components/BlinkoSettings/BasicSetting.tsx

@@ -15,7 +15,7 @@ import { PromiseCall, PromiseState } from "@/store/standard/PromiseState";
 import { api } from "@/lib/trpc";
 import { BlinkoStore } from "@/store/blinkoStore";
 import React, { useEffect } from "react";
-import { motion, AnimatePresence } from "framer-motion";
+import { motion, AnimatePresence } from "motion/react";
 
 export const BasicSetting = observer(() => {
   const user = RootStore.Get(UserStore)

src/components/Common/Editor/Toolbar/IconButton/index.tsx

@@ -1,6 +1,6 @@
 import { Icon } from "@iconify/react";
 import { Tooltip } from "@nextui-org/react";
-import { motion } from "framer-motion";
+import { motion } from "motion/react";
 import { observer } from "mobx-react-lite";
 
 export const IconButton = observer(({ tooltip, icon, onClick, classNames, children }: {

src/components/Common/PopoverFloat/index.tsx

@@ -1,7 +1,7 @@
 import React, { useEffect, useRef } from 'react';
 import { observer } from 'mobx-react-lite';
 import { Card } from '@nextui-org/react';
-import { motion } from "framer-motion"
+import { motion } from "motion/react"
 import { useMediaQuery } from 'usehooks-ts'
 
 interface PopoverFloatProps {

src/components/Common/ScrollArea/index.tsx

@@ -1,7 +1,7 @@
 import { _ } from "@/lib/lodash";
 import { observer } from "mobx-react-lite";
 import { forwardRef, useEffect, useImperativeHandle, useRef, useState } from "react";
-import { motion, useAnimation } from "framer-motion";
+import { motion, useAnimation } from "motion/react";
 
 type IProps = {
   style?: any;

src/pages/_app.tsx

@@ -15,7 +15,7 @@ import { initStore } from '@/store/init';
 import { Inspector, InspectParams } from 'react-dev-inspector';
 import { CommonLayout } from '@/components/Layout';
 import { AppProvider } from '@/store/module/AppProvider';
-import { motion } from 'framer-motion';
+import { motion } from 'motion/react';
 import { BlinkoMultiSelectPop } from '@/components/BlinkoMultiSelectPop';
 import { BlinkoAddButton } from '@/components/BlinkoAddButton';
 

src/store/module/Dialog/Provider.tsx

@@ -5,7 +5,7 @@ import { DialogStore } from ".";
 import { RootStore } from "@/store/root";
 import { useHistoryBack, useIsIOS } from "@/lib/hooks";
 import { useMediaQuery } from "usehooks-ts";
-import { motion } from "framer-motion";
+import { motion } from "motion/react";
 import { Icon } from "@iconify/react";
 import { CancelIcon } from "@/components/Common/Icons";
 

src/store/module/DialogStandalone/Provider.tsx

@@ -5,7 +5,7 @@ import { DialogStandaloneStore } from ".";
 import { RootStore } from "@/store/root";
 import { useHistoryBack, useIsIOS } from "@/lib/hooks";
 import { useMediaQuery } from "usehooks-ts";
-import { motion } from "framer-motion";
+import { motion } from "motion/react";
 import { Icon } from "@iconify/react";
 import { CancelIcon } from "@/components/Common/Icons";
 import { createPortal } from "react-dom";