chore: framer-motion에서 motion으로 변경된 라이브러리 적용

apps/admin/package.json

@@ -30,9 +30,9 @@
     "@tanstack/react-query": "5.52.0",
     "@vercel/blob": "0.23.4",
     "clsx": "2.1.1",
-    "framer-motion": "11.2.10",
     "google-auth-library": "9.13.0",
     "google-spreadsheet": "4.1.2",
+    "motion": "11.11.17",
     "next": "14.2.15",
     "next-auth": "5.0.0-beta.19",
     "react": "18.3.1",

apps/web/package.json

@@ -38,7 +38,7 @@
     "@vercel/blob": "0.23.4",
     "clsx": "2.1.1",
     "dayjs": "1.11.11",
-    "framer-motion": "11.2.10",
+    "motion": "11.11.17",
     "next": "14.2.15",
     "react": "18.3.1",
     "react-countup": "6.5.3",

apps/web/src/components/atoms/Tag/index.tsx

@@ -3,7 +3,7 @@
 import { memo, MouseEvent } from 'react';
 
 import clsx from 'clsx';
-import { motion } from 'framer-motion';
+import { motion } from 'motion/react';
 
 import styles from './index.module.scss';
 

apps/web/src/components/global/Toast/index.tsx

@@ -5,7 +5,7 @@ import {
 } from 'react';
 
 import clsx from 'clsx';
-import { AnimationDefinition, motion } from 'framer-motion';
+import { AnimationDefinition, motion } from 'motion/react';
 
 import {
   ErrorCircleIcon, InfoCircleIcon, SuccessCircleIcon, WarningIcon,

apps/web/src/styles/framerVariants.ts

@@ -1,4 +1,4 @@
-import { Variants } from 'framer-motion';
+import { Variants } from 'motion/react';
 
 // eslint-disable-next-line import/prefer-default-export
 export const upToBottomVariants: Variants = {

packages/ui/package.json

@@ -102,7 +102,7 @@
   "dependencies": {
     "@dnd-academy/core": "workspace:*",
     "clsx": "2.1.1",
-    "framer-motion": "11.2.10",
+    "motion": "11.11.17",
     "next": "14.2.15",
     "react": "18.3.1",
     "react-countup": "6.5.3",
@@ -111,7 +111,7 @@
   },
   "peerDependencies": {
     "clsx": "2.1.1",
-    "framer-motion": "11.2.10",
+    "motion": "11.11.17",
     "next": "14.2.15",
     "react": "^18",
     "react-countup": "6.5.3",

packages/ui/src/components/atoms/AccordionItem/index.tsx

@@ -3,7 +3,7 @@
 import { memo, PropsWithChildren } from 'react';
 
 import clsx from 'clsx';
-import { AnimatePresence, motion } from 'framer-motion';
+import { AnimatePresence, motion } from 'motion/react';
 
 import { AccordionPolygon } from '../../../lib/assets/icons';
 

packages/ui/src/components/molecules/Button/index.tsx

@@ -8,7 +8,7 @@ import {
 import Link from 'next/link';
 
 import clsx from 'clsx';
-import { motion } from 'framer-motion';
+import { motion } from 'motion/react';
 
 import styles from './index.module.scss';
 

yarn.lock

@@ -2063,11 +2063,11 @@ __metadata:
     eslint-plugin-storybook: "npm:0.8.0"
     eslint-plugin-testing-library: "npm:6.2.0"
     eslint-plugin-unused-imports: "npm:3.2.0"
-    framer-motion: "npm:11.2.10"
     identity-obj-proxy: "npm:3.0.0"
     jest: "npm:29.7.0"
     jest-environment-jsdom: "npm:29.7.0"
     jest-plugin-context: "npm:2.9.0"
+    motion: "npm:11.11.17"
     next: "npm:14.2.15"
     react: "npm:18.3.1"
     react-countup: "npm:6.5.3"
@@ -2083,7 +2083,7 @@ __metadata:
     vite-plugin-svgr: "npm:4.3.0"
   peerDependencies:
     clsx: 2.1.1
-    framer-motion: 11.2.10
+    motion: 11.11.17
     next: 14.2.15
     react: ^18
     react-countup: 6.5.3
@@ -6188,13 +6188,13 @@ __metadata:
     eslint-plugin-simple-import-sort: "npm:12.1.1"
     eslint-plugin-testing-library: "npm:6.2.0"
     eslint-plugin-unused-imports: "npm:3.2.0"
-    framer-motion: "npm:11.2.10"
     google-auth-library: "npm:9.13.0"
     google-spreadsheet: "npm:4.1.2"
     identity-obj-proxy: "npm:3.0.0"
     jest: "npm:29.7.0"
     jest-environment-jsdom: "npm:29.7.0"
     jest-plugin-context: "npm:2.9.0"
+    motion: "npm:11.11.17"
     next: "npm:14.2.15"
     next-auth: "npm:5.0.0-beta.19"
     react: "npm:18.3.1"
@@ -10584,9 +10584,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"framer-motion@npm:11.2.10":
-  version: 11.2.10
-  resolution: "framer-motion@npm:11.2.10"
+"framer-motion@npm:^11.11.17":
+  version: 11.11.17
+  resolution: "framer-motion@npm:11.11.17"
   dependencies:
     tslib: "npm:^2.4.0"
   peerDependencies:
@@ -10600,7 +10600,7 @@ __metadata:
       optional: true
     react-dom:
       optional: true
-  checksum: 10/3f09356c08700f5f405b6259617d9eb3f49d49770efe15a81211bc41625001485f242fe2b44f6de657e707cd2ac766ca243bab72192dc948672525d331628a5d
+  checksum: 10/85193dea8ea4161efa20604db31d82761008b56f1c68097239e6e825a422c4fcc8e3b06c3a81e9cbbb1905c4b9d69632b520db2f9dd4808e03bf83e1826791ea
   languageName: node
   linkType: hard
 
@@ -14139,6 +14139,27 @@ __metadata:
   languageName: node
   linkType: hard
 
+"motion@npm:11.11.17":
+  version: 11.11.17
+  resolution: "motion@npm:11.11.17"
+  dependencies:
+    framer-motion: "npm:^11.11.17"
+    tslib: "npm:^2.4.0"
+  peerDependencies:
+    "@emotion/is-prop-valid": "*"
+    react: ^18.0.0
+    react-dom: ^18.0.0
+  peerDependenciesMeta:
+    "@emotion/is-prop-valid":
+      optional: true
+    react:
+      optional: true
+    react-dom:
+      optional: true
+  checksum: 10/d7d1195a781db3859bf05ac1c839511d314eceb1ddbe0157d5d6268aa2989af58fdff2497bfd408c97d1e3dd81e4521820a75b0d0aeaa7a25f55c011f6a079fe
+  languageName: node
+  linkType: hard
+
 "ms@npm:2.0.0":
   version: 2.0.0
   resolution: "ms@npm:2.0.0"
@@ -19176,11 +19197,11 @@ __metadata:
     eslint-plugin-storybook: "npm:0.8.0"
     eslint-plugin-testing-library: "npm:6.2.0"
     eslint-plugin-unused-imports: "npm:3.2.0"
-    framer-motion: "npm:11.2.10"
     identity-obj-proxy: "npm:3.0.0"
     jest: "npm:29.7.0"
     jest-environment-jsdom: "npm:29.7.0"
     jest-plugin-context: "npm:2.9.0"
+    motion: "npm:11.11.17"
     next: "npm:14.2.15"
     prop-types: "npm:15.8.1"
     react: "npm:18.3.1"