refactor: "framer-motion" to "motion/react"

Author: ben-fornefeld

src/features/dashboard/sandbox/inspect/frame.tsx

@@ -1,7 +1,7 @@
 'use client'
 
 import { cn } from '@/lib/utils'
-import { motion } from 'framer-motion'
+import { motion } from 'motion/react'
 import React from 'react'
 
 type SandboxInspectFrameProps = React.ComponentProps<typeof motion.div> & {

src/features/dashboard/sandbox/inspect/stopped-banner.tsx

@@ -7,8 +7,8 @@ import {
   CardTitle,
   cardVariants,
 } from '@/ui/primitives/card'
-import { AnimatePresence, motion } from 'framer-motion'
 import { AlertTriangle } from 'lucide-react'
+import { AnimatePresence, motion } from 'motion/react'
 import { useMemo } from 'react'
 import { useSandboxContext } from '../context'
 import { useLastUpdated, useWatcherError } from './hooks/use-watcher'

src/features/dashboard/sandbox/inspect/viewer.tsx

@@ -6,8 +6,8 @@ import { cn } from '@/lib/utils'
 import { Button } from '@/ui/primitives/button'
 import { Drawer, DrawerContent } from '@/ui/primitives/drawer'
 import { ScrollArea, ScrollBar } from '@/ui/primitives/scroll-area'
-import { AnimatePresence } from 'framer-motion'
 import { Download } from 'lucide-react'
+import { AnimatePresence } from 'motion/react'
 import { useEffect, useState } from 'react'
 import ShikiHighlighter, { Language } from 'react-shiki'
 import SandboxInspectFrame from './frame'

src/features/dashboard/sandboxes/monitoring/time-picker/index.tsx

@@ -1,7 +1,7 @@
 'use client'
 
-import { AnimatePresence, motion } from 'framer-motion'
 import { ChevronRight } from 'lucide-react'
+import { AnimatePresence, motion } from 'motion/react'
 import { ReactNode, memo, useCallback, useEffect, useRef } from 'react'
 
 import { cn } from '@/lib/utils'

src/features/dashboard/team/profile-picture-card.tsx

@@ -12,8 +12,8 @@ import { uploadTeamProfilePictureAction } from '@/server/team/team-actions'
 import { Avatar, AvatarFallback, AvatarImage } from '@/ui/primitives/avatar'
 import { Badge } from '@/ui/primitives/badge'
 import { cardVariants } from '@/ui/primitives/card'
-import { AnimatePresence, motion } from 'framer-motion'
 import { ChevronsUp, ImagePlusIcon, Loader2, Pencil } from 'lucide-react'
+import { AnimatePresence, motion } from 'motion/react'
 import { useAction } from 'next-safe-action/hooks'
 import { useRef, useState } from 'react'
 

src/features/docs/sidebar/sidebar-item.tsx

@@ -4,9 +4,9 @@ import { cn, exponentialSmoothing } from '@/lib/utils'
 import { isActive } from '@/lib/utils/docs'
 import { Button, buttonVariants } from '@/ui/primitives/button'
 import { Separator } from '@/ui/primitives/separator'
-import { AnimatePresence, motion, type Variants } from 'framer-motion'
 import { PageTree } from 'fumadocs-core/server'
 import { ChevronRight } from 'lucide-react'
+import { AnimatePresence, motion, type Variants } from 'motion/react'
 import Link from 'next/link'
 import { usePathname } from 'next/navigation'
 import React from 'react'