diff --git a/apps/web/app/(org)/dashboard/_components/Navbar/Items.tsx b/apps/web/app/(org)/dashboard/_components/Navbar/Items.tsx index 7461c2395d5..e96cbd1623c 100644 --- a/apps/web/app/(org)/dashboard/_components/Navbar/Items.tsx +++ b/apps/web/app/(org)/dashboard/_components/Navbar/Items.tsx @@ -217,7 +217,7 @@ const AdminNavItems = ({ toggleMobileNav }: Props) => { = true; void _detectedDisplayRecordingModeStaysInSync; -export const dialogVariants = { +export const dialogVariants: Variants = { hidden: { opacity: 0, scale: 0.9, diff --git a/apps/web/components/pages/HomePage/InstantModeDetail.tsx b/apps/web/components/pages/HomePage/InstantModeDetail.tsx index f5483ae1d01..287e59ee940 100644 --- a/apps/web/components/pages/HomePage/InstantModeDetail.tsx +++ b/apps/web/components/pages/HomePage/InstantModeDetail.tsx @@ -1,7 +1,7 @@ "use client"; import { Button } from "@cap/ui"; -import { AnimatePresence, motion } from "framer-motion"; +import { AnimatePresence, motion, type Variants } from "framer-motion"; import { BookOpen, Check, @@ -72,7 +72,7 @@ const featureContainerVariants = { }, }; -const featureItemVariants = { +const featureItemVariants: Variants = { hidden: { opacity: 0, y: 20, scale: 0.97 }, visible: { opacity: 1, diff --git a/apps/web/components/pages/HomePage/ScreenshotModeDetail.tsx b/apps/web/components/pages/HomePage/ScreenshotModeDetail.tsx index e8e0604a655..01ceee34f03 100644 --- a/apps/web/components/pages/HomePage/ScreenshotModeDetail.tsx +++ b/apps/web/components/pages/HomePage/ScreenshotModeDetail.tsx @@ -1,7 +1,7 @@ "use client"; import { Button } from "@cap/ui"; -import { AnimatePresence, motion } from "framer-motion"; +import { AnimatePresence, motion, type Variants } from "framer-motion"; import { Aperture, Check, @@ -136,7 +136,7 @@ const featureContainerVariants = { }, }; -const featureItemVariants = { +const featureItemVariants: Variants = { hidden: { opacity: 0, y: 20, scale: 0.97 }, visible: { opacity: 1, diff --git a/apps/web/components/pages/StudentDiscountPage.tsx b/apps/web/components/pages/StudentDiscountPage.tsx index 2af6f8c9b70..00e45e3588c 100644 --- a/apps/web/components/pages/StudentDiscountPage.tsx +++ b/apps/web/components/pages/StudentDiscountPage.tsx @@ -8,11 +8,11 @@ import { faUsers, } from "@fortawesome/free-solid-svg-icons"; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; -import { motion } from "framer-motion"; +import { motion, type Variants } from "framer-motion"; import { useState } from "react"; import { toast } from "sonner"; -const fadeIn = { +const fadeIn: Variants = { hidden: { opacity: 0, y: 20 }, visible: (custom: number = 0) => ({ opacity: 1, diff --git a/apps/web/components/pages/seo/GoogleDriveScreenRecorderPage.tsx b/apps/web/components/pages/seo/GoogleDriveScreenRecorderPage.tsx index d0bd5767659..f2c5ab9ee8f 100644 --- a/apps/web/components/pages/seo/GoogleDriveScreenRecorderPage.tsx +++ b/apps/web/components/pages/seo/GoogleDriveScreenRecorderPage.tsx @@ -9,7 +9,7 @@ import { } from "@fortawesome/free-solid-svg-icons"; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; import clsx from "clsx"; -import { AnimatePresence, motion } from "framer-motion"; +import { AnimatePresence, motion, type Variants } from "framer-motion"; import { ArrowLeftRight, Building2, @@ -173,7 +173,7 @@ const steps = [ }, ]; -const fadeUp = { +const fadeUp: Variants = { hidden: { opacity: 0, y: 24 }, visible: (custom: number) => ({ opacity: 1, diff --git a/apps/web/package.json b/apps/web/package.json index 9284b7e66dc..3ab961e91c9 100644 --- a/apps/web/package.json +++ b/apps/web/package.json @@ -107,7 +107,7 @@ "effect": "^3.18.4", "ffmpeg-static": "^5.3.0", "file-saver": "^2.0.5", - "framer-motion": "^11.13.1", + "framer-motion": "^12.42.2", "geist": "^1.3.1", "gif.js": "0.2.0", "hls.js": "^1.5.3", diff --git a/bun.lock b/bun.lock index ae3266e557d..b8a841db2c5 100644 --- a/bun.lock +++ b/bun.lock @@ -338,7 +338,7 @@ "effect": "^3.18.4", "ffmpeg-static": "^5.3.0", "file-saver": "^2.0.5", - "framer-motion": "^11.13.1", + "framer-motion": "^12.42.2", "geist": "^1.3.1", "gif.js": "0.2.0", "hls.js": "^1.5.3", @@ -3814,7 +3814,7 @@ "fraction.js": ["fraction.js@5.3.4", "", {}, "sha512-1X1NTtiJphryn/uLQz3whtY6jK3fTqoE3ohKs0tT+Ujr1W59oopxmoEh7Lu5p6vBaPbgoM0bzveAW4Qi5RyWDQ=="], - "framer-motion": ["framer-motion@11.18.2", "", { "dependencies": { "motion-dom": "11.18.1", "motion-utils": "11.18.1", "tslib": "2.8.1" }, "peerDependencies": { "@emotion/is-prop-valid": "*", "react": "^18.0.0 || ^19.0.0", "react-dom": "^18.0.0 || ^19.0.0" }, "optionalPeers": ["@emotion/is-prop-valid", "react", "react-dom"] }, "sha512-5F5Och7wrvtLVElIpclDT0CBzMVg3dL22B64aZwHtsIY8RB4mXICLrkajK4G9R+ieSAGcgrLeae2SeUTg2pr6w=="], + "framer-motion": ["framer-motion@12.42.2", "", { "dependencies": { "motion-dom": "12.42.2", "motion-utils": "12.39.0", "tslib": "2.8.1" }, "peerDependencies": { "@emotion/is-prop-valid": "*", "react": "^18.0.0 || ^19.0.0", "react-dom": "^18.0.0 || ^19.0.0" }, "optionalPeers": ["@emotion/is-prop-valid", "react", "react-dom"] }, "sha512-5XY9luDiu0oHfHBjpDthFMh0ES+122w6p/papSJBweMkO8Sn+PW2QaEgRblQBpWFnuvZS5qvarpt/hO2pjGmnw=="], "fresh": ["fresh@2.0.0", "", {}, "sha512-Rx/WycZ60HOaqLKAi6cHRKKI7zxWbJ31MhntmtwMoaTeF7XFH9hhBp8vITaMidfljRQ6eYWCKkaTK+ykVJHP2A=="], @@ -4568,9 +4568,9 @@ "motion": ["motion@12.42.2", "", { "dependencies": { "framer-motion": "12.42.2", "tslib": "2.8.1" }, "peerDependencies": { "@emotion/is-prop-valid": "*", "react": "^18.0.0 || ^19.0.0", "react-dom": "^18.0.0 || ^19.0.0" }, "optionalPeers": ["@emotion/is-prop-valid", "react", "react-dom"] }, "sha512-Atvv11yUKIid41cVrRBDVX5m8tF8kNpExRSlbpt6APClhDjtwQssgFHhQzejxw7/7YYbjHSPKBVbHo05BuJT5Q=="], - "motion-dom": ["motion-dom@11.18.1", "", { "dependencies": { "motion-utils": "11.18.1" } }, "sha512-g76KvA001z+atjfxczdRtw/RXOM3OMSdd1f4DL77qCTF/+avrRJiawSG4yDibEQ215sr9kpinSlX2pCTJ9zbhw=="], + "motion-dom": ["motion-dom@12.42.2", "", { "dependencies": { "motion-utils": "12.39.0" } }, "sha512-5gIMWLp/PycBtJRJWRgjxke5n8dlvkSn2DrYW+tr3XcqAZY1xZh6BJyooJXCM8wdfM7wfMjkBJNLge1CKPUIRA=="], - "motion-utils": ["motion-utils@11.18.1", "", {}, "sha512-49Kt+HKjtbJKLtgO/LKj9Ld+6vw9BjH5d9sc40R/kVyH8GLAXgT42M2NnuPcJNuA3s9ZfZBUcwIgpmZWGEE+hA=="], + "motion-utils": ["motion-utils@12.39.0", "", {}, "sha512-8nadJAJjTtqRkmRF36FoJTrywK9nnFmnPwnSMyxaOCU7GDjN9RTMJIxx9De8ErM+vpPhMccr/6fo5WciyQLnMQ=="], "mp4box": ["mp4box@0.5.4", "", {}, "sha512-GcCH0fySxBurJtvr0dfhz0IxHZjc1RP+F+I8xw+LIwkU1a+7HJx8NCDiww1I5u4Hz6g4eR1JlGADEGJ9r4lSfA=="], @@ -6872,8 +6872,6 @@ "mlly/pkg-types": ["pkg-types@1.3.1", "", { "dependencies": { "confbox": "0.1.8", "mlly": "1.8.2", "pathe": "2.0.3" } }, "sha512-/Jm5M4RvtBFVkKWRu2BLUTNP8/M2a+UwuAX+ae4770q1qVGtfjG+WTCupoZixokjmHiry8uI+dlY8KXYV5HVVQ=="], - "motion/framer-motion": ["framer-motion@12.42.2", "", { "dependencies": { "motion-dom": "12.42.2", "motion-utils": "12.39.0", "tslib": "2.8.1" }, "peerDependencies": { "@emotion/is-prop-valid": "*", "react": "^18.0.0 || ^19.0.0", "react-dom": "^18.0.0 || ^19.0.0" }, "optionalPeers": ["@emotion/is-prop-valid", "react", "react-dom"] }, "sha512-5XY9luDiu0oHfHBjpDthFMh0ES+122w6p/papSJBweMkO8Sn+PW2QaEgRblQBpWFnuvZS5qvarpt/hO2pjGmnw=="], - "next-auth/jose": ["jose@4.15.9", "", {}, "sha512-1vUQX+IdDMVPj4k8kOxgUqlcK518yluMuGZwqlr44FS1ppZB/5GWh4rZG89erpOBOJjU/OBsnCVFfapsRz6nEA=="], "next-auth/uuid": ["uuid@8.3.2", "", { "bin": { "uuid": "dist/bin/uuid" } }, "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg=="], @@ -8266,10 +8264,6 @@ "mlly/pkg-types/confbox": ["confbox@0.1.8", "", {}, "sha512-RMtmw0iFkeR4YV+fUOSucriAQNb9g8zFR52MWCtl+cCZOFRNL6zeB395vPzFhEjjn4fMxXudmELnl/KF/WrK6w=="], - "motion/framer-motion/motion-dom": ["motion-dom@12.42.2", "", { "dependencies": { "motion-utils": "12.39.0" } }, "sha512-5gIMWLp/PycBtJRJWRgjxke5n8dlvkSn2DrYW+tr3XcqAZY1xZh6BJyooJXCM8wdfM7wfMjkBJNLge1CKPUIRA=="], - - "motion/framer-motion/motion-utils": ["motion-utils@12.39.0", "", {}, "sha512-8nadJAJjTtqRkmRF36FoJTrywK9nnFmnPwnSMyxaOCU7GDjN9RTMJIxx9De8ErM+vpPhMccr/6fo5WciyQLnMQ=="], - "next-mdx-remote/@babel/code-frame/js-tokens": ["js-tokens@4.0.0", "", {}, "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ=="], "next-mdx-remote/unist-util-visit/unist-util-is": ["unist-util-is@6.0.1", "", { "dependencies": { "@types/unist": "3.0.3" } }, "sha512-LsiILbtBETkDz8I9p1dQ0uyRUWuaQzd/cuEeS1hoRSyW5E5XGmTzlwY1OrNzzakGowI9Dr/I8HVaw4hTtnxy8g=="],