@sanity/ui 4.0.0-static.41 → 4.0.0-static.42

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sanity/ui",
-  "version": "4.0.0-static.41",
+  "version": "4.0.0-static.42",
   "keywords": [
     "react",
     "ui",
@@ -119,7 +119,7 @@
     "@sanity/icons": "^3.7.4",
     "@vanilla-extract/dynamic": "^2.1.5",
     "csstype": "^3.1.3",
-    "framer-motion": "^12.23.24",
+    "motion": "^12.23.24",
     "react-refractor": "^4.0.0",
     "use-effect-event": "^2.0.3"
   },
@@ -132,10 +132,10 @@
     "@commitlint/config-conventional": "^19.8.1",
     "@eslint/js": "^9.37.0",
     "@sanity/browserslist-config": "^1.0.5",
-    "@sanity/pkg-utils": "^8.1.19",
+    "@sanity/pkg-utils": "^8.1.24",
     "@sanity/prettier-config": "^2.0.1",
     "@sanity/semantic-release-preset": "^5.0.0",
-    "@sanity/ui-workshop": "4.0.0-static.11",
+    "@sanity/ui-workshop": "4.0.0-static.12",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.8.0",
     "@testing-library/react": "^16.3.0",

package/src/core/components/toast/Toast.tsx

@@ -1,6 +1,6 @@
 import {CloseIcon} from '@sanity/icons'
 import {type RadiusStyleProps, toast} from '@sanity/ui/css'
-import {motion, type Variant, type Variants} from 'framer-motion'
+import {motion, type Variant, type Variants} from 'motion/react'
 import {type ReactNode} from 'react'
 
 import {usePrefersReducedMotion} from '../../hooks/usePrefersReducedMotion'

package/src/core/components/toast/ToastProvider.tsx

@@ -1,5 +1,5 @@
 import type {ResponsiveProp} from '@sanity/ui/css'
-import {AnimatePresence} from 'framer-motion'
+import {AnimatePresence} from 'motion/react'
 import {startTransition, useMemo, useRef, useState} from 'react'
 
 import {useMounted} from '../../hooks/useMounted'

package/src/core/constants.ts

@@ -1,4 +1,4 @@
-import type {Transition, Variant} from 'framer-motion'
+import type {Transition, Variant} from 'motion/react'
 
 export const EMPTY_ARRAY: never[] = []
 

package/src/core/primitives/popover/Popover.tsx

@@ -11,7 +11,7 @@ import {
   useFloating,
 } from '@floating-ui/react-dom'
 import {type MaxWidth, popover as popoverCss, type ResponsiveProp} from '@sanity/ui/css'
-import {AnimatePresence} from 'framer-motion'
+import {AnimatePresence} from 'motion/react'
 import {
   cloneElement,
   type ForwardedRef,

package/src/core/primitives/popover/PopoverLayer.tsx

@@ -1,6 +1,6 @@
 import type {Strategy} from '@floating-ui/react-dom'
 import {popoverCard} from '@sanity/ui/css'
-import {motion} from 'framer-motion'
+import {motion} from 'motion/react'
 import {type CSSProperties, type ForwardedRef, useMemo} from 'react'
 
 import {POPOVER_MOTION_PROPS} from '../../constants'

package/src/core/primitives/tooltip/Tooltip.tsx

@@ -10,7 +10,7 @@ import {
 } from '@floating-ui/react-dom'
 import {type RadiusStyleProps, type ShadowStyleProps, tooltip} from '@sanity/ui/css'
 import type {CardTone, ColorScheme} from '@sanity/ui/theme'
-import {AnimatePresence} from 'framer-motion'
+import {AnimatePresence} from 'motion/react'
 import {
   cloneElement,
   type FocusEvent,

package/src/core/primitives/tooltip/TooltipLayer.tsx

@@ -1,4 +1,4 @@
-import {motion, type MotionStyle} from 'framer-motion'
+import {motion, type MotionStyle} from 'motion/react'
 import {type CSSProperties, type ForwardedRef, useMemo} from 'react'
 
 import {POPOVER_MOTION_PROPS} from '../../constants'