chore: replace framer-motion with motion

Author: joshunrau

package.json

@@ -97,9 +97,9 @@
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
     "cmdk": "^1.0.0",
-    "framer-motion": "^11.11.7",
     "lodash-es": "^4.17.21",
     "lucide-react": "^0.451.0",
+    "motion": "^11.15.0",
     "react-dropzone": "^14.2.9",
     "react-error-boundary": "^4.0.13",
     "react-resizable-panels": "^2.1.4",

pnpm-lock.yaml

@@ -1,7 +1,7 @@
 import React, { useState } from 'react';
 
-import { AnimatePresence, motion } from 'framer-motion';
 import { ClipboardCheckIcon, ClipboardListIcon } from 'lucide-react';
+import { AnimatePresence, motion } from 'motion/react';
 import { match } from 'ts-pattern';
 
 import { Button, type ButtonProps } from '../Button';

src/components/CopyButton/CopyButton.tsx

@@ -1,7 +1,7 @@
 import { forwardRef } from 'react';
 
-import { AnimatePresence, motion } from 'framer-motion';
 import { range } from 'lodash-es';
+import { AnimatePresence, motion } from 'motion/react';
 
 import { useTranslation } from '@/hooks';
 

src/components/DatePicker/Calendar.tsx

@@ -1,7 +1,7 @@
 import { useReducer, useState } from 'react';
 import * as React from 'react';
 
-import { AnimatePresence, motion } from 'framer-motion';
+import { AnimatePresence, motion } from 'motion/react';
 
 import { useTranslation } from '@/hooks';
 import { cn } from '@/utils';

src/components/DatePicker/DatePicker.tsx

@@ -1,8 +1,8 @@
 import { useEffect, useState } from 'react';
 
 import type { StringFormField } from '@douglasneuroinformatics/libui-form-types';
-import { motion } from 'framer-motion';
 import { EyeIcon, EyeOffIcon } from 'lucide-react';
+import { motion } from 'motion/react';
 
 import { Input } from '@/components/Input';
 import { Label } from '@/components/Label';

src/components/Form/StringField/StringFieldPassword.tsx

@@ -1,5 +1,5 @@
-import { AnimatePresence, motion } from 'framer-motion';
 import { XIcon } from 'lucide-react';
+import { AnimatePresence, motion } from 'motion/react';
 
 import { useTranslation } from '@/hooks';
 import { useNotificationsStore } from '@/hooks/useNotificationsStore';

src/components/NotificationHub/NotificationHub.tsx

@@ -1,6 +1,6 @@
 import { useEffect } from 'react';
 
-import { motion, useSpring, useTransform } from 'framer-motion';
+import { motion, useSpring, useTransform } from 'motion/react';
 
 import { cn } from '@/utils';