@hanzogui/animations-motion 3.0.6 → 4.4.0

package/dist/esm/createAnimations.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","getEffectiveAnimation","normalizeTransition","ResetPresence","usePresence","fixStyles","getConfig","getSplitStyles","hooks","styleToCSS","Text","useComposedRefs","useIsomorphicLayoutEffect","useThemeWithState","View","useAnimate","useMotionValue","useMotionValueEvent","React","forwardRef","useEffect","useLayoutEffect","useMemo","useRef","useState","_instanceof","left","right","Symbol","hasInstance","_type_of","obj","constructor","isServer","window","useAnimateSSRSafe","MotionValueStrategy","WeakMap","createAnimations","animations","isHydratingGlobal","hydratingComponents","Set","MotionView","MotionText","isReactNative","inputStyle","outputStyle","avoidReRenders","onMount","forEach","cb","useAnimations","animationProps","settings","disableSSR","props","style","componentState","stateRef","useStyleEmitter","presence","animationKey","Array","isArray","transition","isComponentHydrating","unmounted","isMounting","isEntering","isExiting","sendExitComplete","refs","current","isFirstRender","lastDoAnimate","lastDontAnimate","controls","lastAnimateAt","disposed","wasExiting","animationState","frozenExitTarget","exitCompleteScheduled","wasEntering","justFinishedEntering","disableAnimation","scope","animate","justStartedExiting","justStoppedExiting","dontAnimate","doAnimate","animationOptions","getMotionAnimatedProps","firstRenderStyle","isHydrating","setIsHydrating","add","flushAnimation","param","doAnimateRaw","passedOptions","dontAnimate2","startedControls","isCurrentlyExiting","currentSendExitComplete","doAnimate2","_props_transition","animationOptions2","getAnimationOptions","node","host","process","env","NODE_ENV","debug","console","groupCollapsed","JSON","stringify","getDiff","info","trace","groupEnd","HTMLElement","prevDont","removeRemovedStyles","changed","Object","assign","key","lastAnimated","diff","isPopperPosition","hasAttribute","midFlightValues","computed","getComputedStyle","key1","val","stop","key2","anims","getAnimations","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","iterator","_step","next","done","anim","value","cancel","err","return","fixedDiff","fixTransparentColors","transform","Date","now","finished","then","catch","nextStyle","effectiveTransition","_$animationProps","keys","length","ref","render","useAnimatedNumber","initial","motionValue","getInstance","getValue","get","setValue","config","arguments","type","onFinish","set","unsubscribe","on","Math","abs","useAnimatedNumberReaction","onValue","instance","useAnimatedNumberStyle","getStyleProp","getStyleRef","getStyle","cur","disable","transitionOverride","_ref","animateOnly","disableAnimationProps","has","includes","transitionProp","normalized","effectiveKey","enter","exit","globalConfigOverride","properties","defaultConfig","withInferredType","delay","result","duration","damping","stiffness","mass","default","entries","propName","animationNameOrConfig","baseConfig","convertMsToS","isTimingBased","prev","dontClearIfIn","createMotionView","defaultTag","isText","Component","propsIn","_hooks_usePropsTransform","forwardedRef","animation","propsRest","hostRef","composedRefs","_","state","styles","animatedStyle","nonAnimatedStyles","animatedStyle2","nonAnimatedStyles2","style2","push","getProps","props2","out","staticConfig","theme","name","isAnimated","noClass","resolveValues","viewProps"],"sources":["../../src/createAnimations.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","getEffectiveAnimation","normalizeTransition","ResetPresence","usePresence","fixStyles","getConfig","getSplitStyles","hooks","styleToCSS","Text","useComposedRefs","useIsomorphicLayoutEffect","useThemeWithState","View","useAnimate","useMotionValue","useMotionValueEvent","React","forwardRef","useEffect","useLayoutEffect","useMemo","useRef","useState","_instanceof","left","right","Symbol","hasInstance","_type_of","obj","constructor","isServer","window","useAnimateSSRSafe","MotionValueStrategy","WeakMap","PendingMotionOnFinish","settlePendingMotionOnFinish","mv","controls","onFinish","get","delete","then","catch","createAnimations","animations","isHydratingGlobal","hydratingComponents","Set","MotionView","MotionText","isReactNative","inputStyle","outputStyle","avoidReRenders","onMount","forEach","cb","useAnimations","animationProps","settings","disableSSR","props","style","componentState","stateRef","useStyleEmitter","presence","animationKey","Array","isArray","transition","isComponentHydrating","unmounted","isMounting","isEntering","isExiting","sendExitComplete","refs","current","isFirstRender","lastDoAnimate","lastDontAnimate","lastAnimateAt","disposed","wasExiting","animationState","frozenExitTarget","exitCompleteScheduled","wasEntering","justFinishedEntering","disableAnimation","scope","animate","justStartedExiting","justStoppedExiting","dontAnimate","doAnimate","animationOptions","getMotionAnimatedProps","firstRenderStyle","isHydrating","setIsHydrating","add","flushAnimation","param","doAnimateRaw","passedOptions","dontAnimate2","startedControls","isCurrentlyExiting","currentSendExitComplete","doAnimate2","_props_transition","animationOptions2","getAnimationOptions","node","host","process","env","NODE_ENV","console","groupCollapsed","JSON","stringify","getDiff","info","trace","groupEnd","HTMLElement","prevDont","removeRemovedStyles","changed","Object","assign","key","lastAnimated","diff","isPopperPosition","hasAttribute","midFlightValues","computed","getComputedStyle","key1","val","e","stop","key2","anims","getAnimations","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","iterator","_step","next","done","anim","value","cancel","err","return","fixedDiff","fixTransparentColors","transform","Date","now","finished","nextStyle","effectiveTransition","_$animationProps","keys","length","ref","render","useAnimatedNumber","initial","motionValue","getInstance","getValue","setValue","config","arguments","type","set","prior","useAnimatedNumberReaction","onValue","instance","useAnimatedNumberStyle","getStyleProp","getStyleRef","getStyle","cur","useAnimatedNumbersStyle","vals","motionValues","map","v","_len","currentValues","_key","disable","transitionOverride","_ref","animateOnly","disableAnimationProps","has","includes","transitionProp","normalized","effectiveKey","enter","exit","globalConfigOverride","properties","defaultConfig","withInferredType","delay","result","duration","damping","stiffness","mass","default","entries","propName","animationNameOrConfig","baseConfig","convertMsToS","isTimingBased","prev","dontClearIfIn","createMotionView","defaultTag","isText","Component","propsIn","_hooks_usePropsTransform","forwardedRef","animation","propsRest","hostRef","composedRefs","_","state","styles","animatedStyle","nonAnimatedStyles","animatedStyle2","nonAnimatedStyles2","style2","push","getProps","props2","out","staticConfig","theme","name","isAnimated","noClass","resolveValues","viewProps","Element"],"sources":["../../src/createAnimations.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/index.native.js

@@ -1,7 +1,13 @@
-var hasWarnedOnce = !1;
+var hasWarnedOnce = false;
 function createAnimations(_animations) {
-  return process.env.NODE_ENV === "development" && (hasWarnedOnce || (hasWarnedOnce = !0, console.warn("[@hanzogui/animations-motion] This animation driver only works on web. On native, use @hanzogui/animations-react-native or @hanzogui/animations-reanimated instead."))), {
-    isReactNative: !1,
+  if (process.env.NODE_ENV === "development") {
+    if (!hasWarnedOnce) {
+      hasWarnedOnce = true;
+      console.warn("[@hanzogui/animations-motion] This animation driver only works on web. On native, use @hanzogui/animations-react-native or @hanzogui/animations-reanimated instead.");
+    }
+  }
+  return {
+    isReactNative: false,
     animations: _animations,
     View: void 0,
     Text: void 0

package/dist/esm/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["hasWarnedOnce","createAnimations","_animations","process","env","NODE_ENV","console","warn","isReactNative","animations","View","Text"],"sources":["../../src/index.native.ts"],"sourcesContent":[null],"mappings":"AAEA,IAAIA,aAAA,GAAgB;AACb,SAASC,iBAAiBC,WAAA,EAAa;EAC1C,OAAIC,OAAA,CAAQC,GAAA,CAAIC,QAAA,KAAa,kBACpBL,aAAA,KACDA,aAAA,GAAgB,IAChBM,OAAA,CAAQC,IAAA,CAAK,qKAAqK,KAKnL;IACHC,aAAA,EAAe;IACfC,UAAA,EAAYP,WAAA;IACZQ,IAAA,EAAM;IACNC,IAAA,EAAM;EACV;AACJ","ignoreList":[]}
+{"version":3,"names":["hasWarnedOnce","createAnimations","_animations","process","env","NODE_ENV","console","warn","isReactNative","animations","View","Text"],"sources":["../../src/index.native.ts"],"sourcesContent":[null],"mappings":"AAEA,IAAIA,aAAA,GAAgB;AACb,SAASC,iBAAiBC,WAAA,EAAa;EAC1C,IAAIC,OAAA,CAAQC,GAAA,CAAIC,QAAA,KAAa,eAAe;IACxC,IAAI,CAACL,aAAA,EAAe;MAChBA,aAAA,GAAgB;MAChBM,OAAA,CAAQC,IAAA,CAAK,qKAAqK;IACtL;EACJ;EAGA,OAAO;IACHC,aAAA,EAAe;IACfC,UAAA,EAAYP,WAAA;IACZQ,IAAA,EAAM;IACNC,IAAA,EAAM;EACV;AACJ","ignoreList":[]}

package/dist/esm/polyfill.mjs

@@ -1,2 +1,4 @@
-typeof requestAnimationFrame > "u" && (globalThis.requestAnimationFrame = setTimeout);
+if (typeof requestAnimationFrame === "undefined") {
+  globalThis["requestAnimationFrame"] = setTimeout;
+}
 //# sourceMappingURL=polyfill.mjs.map

package/dist/esm/polyfill.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["requestAnimationFrame","globalThis","setTimeout"],"sources":["../../src/polyfill.ts"],"sourcesContent":[null],"mappings":"AACI,OAAOA,qBAAA,GAA0B,QACnCC,UAAA,CAAWD,qBAAA,GAA2BE,UAAA","ignoreList":[]}
+{"version":3,"names":["requestAnimationFrame","globalThis","setTimeout"],"sources":["../../src/polyfill.ts"],"sourcesContent":[null],"mappings":"AACA,IAAI,OAAOA,qBAAA,KAA0B,aAAa;EAChDC,UAAA,CAAW,uBAAuB,IAAIC,UAAA;AACxC","ignoreList":[]}

package/dist/esm/polyfill.native.js

@@ -1,2 +1,4 @@
-typeof requestAnimationFrame > "u" && (globalThis.requestAnimationFrame = setTimeout);
+if (typeof requestAnimationFrame === "undefined") {
+  globalThis["requestAnimationFrame"] = setTimeout;
+}
 //# sourceMappingURL=polyfill.native.js.map

package/dist/esm/polyfill.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["requestAnimationFrame","globalThis","setTimeout"],"sources":["../../src/polyfill.ts"],"sourcesContent":[null],"mappings":"AACI,OAAOA,qBAAA,GAA0B,QACnCC,UAAA,CAAWD,qBAAA,GAA2BE,UAAA","ignoreList":[]}
+{"version":3,"names":["requestAnimationFrame","globalThis","setTimeout"],"sources":["../../src/polyfill.ts"],"sourcesContent":[null],"mappings":"AACA,IAAI,OAAOA,qBAAA,KAA0B,aAAa;EAChDC,UAAA,CAAW,uBAAuB,IAAIC,UAAA;AACxC","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzogui/animations-motion",
-  "version": "3.0.6",
+  "version": "4.4.0",
   "license": "MIT",
   "source": "src/index.ts",
   "files": [
@@ -38,13 +38,13 @@
     "clean:build": "hanzo-gui-build clean:build"
   },
   "dependencies": {
-    "@hanzogui/animation-helpers": "3.0.6",
-    "@hanzogui/use-presence": "3.0.6",
-    "@hanzogui/web": "3.0.6",
+    "@hanzogui/animation-helpers": "4.4.0",
+    "@hanzogui/use-presence": "4.4.0",
+    "@hanzogui/web": "4.4.0",
     "motion": ">=12.35.1"
   },
   "devDependencies": {
-    "@hanzogui/build": "3.0.6",
+    "@hanzogui/build": "4.4.0",
     "react": ">=19"
   },
   "peerDependencies": {

package/src/createAnimations.tsx

@@ -50,8 +50,9 @@ type MotionAnimatedNumber = MotionValue<number>
 type AnimationConfig = ValueTransition
 
 type MotionAnimatedNumberStyle = {
-  getStyle: (cur: number) => Record<string, unknown>
-  motionValue: MotionValue<number>
+  getStyle: (...args: any[]) => Record<string, unknown>
+  motionValue?: MotionValue<number>
+  motionValues?: MotionValue<number>[]
 }
 
 /**
@@ -65,6 +66,27 @@ type TransitionAnimationOptions = AnimationOptions & {
 
 const MotionValueStrategy = new WeakMap<MotionValue, AnimatedNumberStrategy>()
 
+// pending setValue onFinish callbacks, keyed by motion value. setValue stores
+// the callback here; the change handler in the animated component's useEffect
+// consumes it by chaining to the DOM-level animate() controls so onFinish
+// fires when the *visible* animation actually completes.
+const PendingMotionOnFinish = new WeakMap<MotionValue, () => void>()
+
+function settlePendingMotionOnFinish(
+  mv: MotionValue,
+  controls: AnimationPlaybackControlsWithThen
+) {
+  const onFinish = PendingMotionOnFinish.get(mv)
+  if (!onFinish) return
+  PendingMotionOnFinish.delete(mv)
+  // chain to the DOM animation's completion. settle on both resolve and
+  // reject — a rejection means the animation was cancelled by a later
+  // setValue, and the caller still needs a completion signal. use the
+  // real Promise interface (.then().catch()) because framer-motion types
+  // the .then() callbacks as VoidFunction with no error arg.
+  controls.then(() => onFinish()).catch(() => onFinish())
+}
+
 type AnimationProps = {
   doAnimate?: Record<string, unknown>
   dontAnimate?: Record<string, unknown>
@@ -500,25 +522,44 @@ export function createAnimations<A extends Record<string, AnimationConfig>>(
           },
           setValue(next, config = { type: 'spring' }, onFinish) {
             if (config.type === 'direct') {
-              MotionValueStrategy.set(motionValue, {
-                type: 'direct',
-              })
+              MotionValueStrategy.set(motionValue, { type: 'direct' })
               motionValue.set(next)
               onFinish?.()
-            } else {
-              MotionValueStrategy.set(motionValue, config)
+              return
+            }
 
-              if (onFinish) {
-                const unsubscribe = motionValue.on('change', (value) => {
-                  if (Math.abs(value - next) < 0.01) {
-                    unsubscribe()
-                    onFinish()
-                  }
-                })
+            MotionValueStrategy.set(motionValue, config)
+
+            // we intentionally DO NOT animate the motion value itself here
+            // (via framer-motion's imperative animate(motionValue, next)).
+            // doing so drives the JS value over time, which fires a 'change'
+            // event per frame, and each change event kicks off a new DOM
+            // animate(node, ...) that cancels the previous one — the DOM
+            // never reaches the target (double-animation stall).
+            //
+            // instead we jump the motion value to `next` synchronously. the
+            // animated component's change handler receives a single change
+            // event, computes the final webStyle, and drives the visible
+            // animation via DOM animate(node, webStyle, springConfig). that
+            // DOM animation is the real timing source.
+            //
+            // to make `onFinish` resolve when the VISIBLE animation finishes
+            // (not synchronously on the change event), we stash it in
+            // PendingMotionOnFinish here and the change handler chains it to
+            // the DOM animate() controls.
+            if (onFinish) {
+              // if a previous setValue is still pending on this motion value,
+              // fire it now — the new setValue will cancel the prior DOM
+              // animation, and the caller is still owed a completion signal.
+              const prior = PendingMotionOnFinish.get(motionValue)
+              if (prior) {
+                PendingMotionOnFinish.delete(motionValue)
+                prior()
               }
-
-              motionValue.set(next)
+              PendingMotionOnFinish.set(motionValue, onFinish)
             }
+
+            motionValue.set(next)
           },
           stop() {
             motionValue.stop()
@@ -549,6 +590,19 @@ export function createAnimations<A extends Record<string, AnimationConfig>>(
         } satisfies MotionAnimatedNumberStyle
       }, [])
     },
+
+    useAnimatedNumbersStyle(vals, getStyleProp) {
+      const motionValues = vals.map((v) => v.getInstance() as MotionValue<number>)
+      const getStyleRef = useRef<typeof getStyleProp>(getStyleProp)
+      getStyleRef.current = getStyleProp
+
+      return useMemo(() => {
+        return {
+          getStyle: (...currentValues: number[]) => getStyleRef.current(...currentValues),
+          motionValues,
+        } satisfies MotionAnimatedNumberStyle
+      }, [])
+    },
   }
 
   function getMotionAnimatedProps(
@@ -822,9 +876,40 @@ function createMotionView(defaultTag: string) {
     useEffect(() => {
       if (!animatedStyle) return
 
+      // multi-value path: subscribe to all motion values
+      if (animatedStyle.motionValues) {
+        const mvs = animatedStyle.motionValues
+        const unsubs = mvs.map((mv) =>
+          mv.on('change', () => {
+            const currentValues = mvs.map((v) => v.get())
+            const nextStyle = animatedStyle.getStyle(...currentValues)
+            const animationConfig = MotionValueStrategy.get(mv)
+            const node = hostRef.current
+
+            const webStyle = getProps({ style: nextStyle }).style
+
+            if (webStyle && node instanceof HTMLElement) {
+              const motionAnimationConfig =
+                animationConfig?.type === 'timing'
+                  ? { type: 'tween', duration: (animationConfig?.duration || 0) / 1000 }
+                  : animationConfig?.type === 'direct'
+                    ? { type: 'tween', duration: 0 }
+                    : { type: 'spring', ...(animationConfig as any) }
+
+              const controls = animate(node, webStyle as any, motionAnimationConfig)
+              settlePendingMotionOnFinish(mv, controls)
+            }
+          })
+        )
+        return () => unsubs.forEach((fn) => fn())
+      }
+
+      // single-value path
+      if (!animatedStyle.motionValue) return
+
       return animatedStyle.motionValue.on('change', (value) => {
         const nextStyle = animatedStyle.getStyle(value)
-        const animationConfig = MotionValueStrategy.get(animatedStyle.motionValue)
+        const animationConfig = MotionValueStrategy.get(animatedStyle.motionValue!)
         const node = hostRef.current
 
         const webStyle = getProps({ style: nextStyle }).style
@@ -843,7 +928,8 @@ function createMotionView(defaultTag: string) {
                     ...(animationConfig as any),
                   }
 
-          animate(node, webStyle as any, motionAnimationConfig)
+          const controls = animate(node, webStyle as any, motionAnimationConfig)
+          settlePendingMotionOnFinish(animatedStyle.motionValue!, controls)
         }
       })
     }, [animatedStyle])

package/types/createAnimations.d.ts.map

@@ -1,11 +1,11 @@
 {
-  "mappings": "AAEA,cAEO,uBAaA;AACP,cAOO,uBACA;KAuBF,kBAAkB;AAyCvB,OAAO,iBAAS,iBAAiB,UAAU,eAAe,kBACxD,YAAY,IACX,gBAAgB;AA+nBnB,OAAO,cAAM,uBAAuB",
+  "mappings": "AAEA,cAEO,uBAaA;AACP,cAOO,uBACA;KAuBF,kBAAkB;AA+DvB,OAAO,iBAAS,iBAAiB,UAAU,eAAe,kBACxD,YAAY,IACX,gBAAgB;AA+pBnB,OAAO,cAAM,uBAAuB",
   "names": [],
   "sources": [
     "src/createAnimations.tsx"
   ],
   "version": 3,
   "sourcesContent": [
-    "import { getEffectiveAnimation, normalizeTransition } from '@hanzogui/animation-helpers'\nimport { ResetPresence, usePresence } from '@hanzogui/use-presence'\nimport {\n  type AnimatedNumberStrategy,\n  type AnimationDriver,\n  fixStyles,\n  getConfig,\n  getSplitStyles,\n  hooks,\n  styleToCSS,\n  Text,\n  TransitionProp,\n  type UniversalAnimatedNumber,\n  useComposedRefs,\n  useIsomorphicLayoutEffect,\n  useThemeWithState,\n  View,\n} from '@hanzogui/web'\nimport {\n  type AnimationOptions,\n  type AnimationPlaybackControlsWithThen,\n  type MotionValue,\n  useAnimate,\n  useMotionValue,\n  useMotionValueEvent,\n  type ValueTransition,\n} from 'motion/react'\nimport React, {\n  forwardRef,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\n\nconst isServer = typeof window === 'undefined'\n\n// SSR-safe wrapper: framer-motion's useAnimate imports its own React copy in\n// Vite SSR bundles which causes \"Invalid hook call\" errors. during SSR we\n// don't need animations so we return a no-op scope/animate pair.\nfunction useAnimateSSRSafe() {\n  if (isServer) {\n    return [useRef(null), (() => {}) as any] as ReturnType<typeof useAnimate>\n  }\n  return useAnimate()\n}\n\ntype MotionAnimatedNumber = MotionValue<number>\ntype AnimationConfig = ValueTransition\n\ntype MotionAnimatedNumberStyle = {\n  getStyle: (cur: number) => Record<string, unknown>\n  motionValue: MotionValue<number>\n}\n\n/**\n * Animation options with optional default and per-property configs.\n * This extends AnimationOptions to support the default key.\n */\ntype TransitionAnimationOptions = AnimationOptions & {\n  default?: ValueTransition\n  [propertyName: string]: ValueTransition | undefined\n}\n\nconst MotionValueStrategy = new WeakMap<MotionValue, AnimatedNumberStrategy>()\n\ntype AnimationProps = {\n  doAnimate?: Record<string, unknown>\n  dontAnimate?: Record<string, unknown>\n  animationOptions?: AnimationOptions\n}\n\n// internal refs consolidated into a single object\ntype MotionRefs = {\n  isFirstRender: boolean\n  lastDoAnimate: Record<string, unknown> | null\n  lastDontAnimate: Record<string, unknown> | null\n  controls: AnimationPlaybackControlsWithThen | null\n  lastAnimateAt: number\n  disposed: boolean\n  wasExiting: boolean\n  isExiting: boolean\n  sendExitComplete: (() => void) | null | undefined\n  animationState: 'enter' | 'exit' | 'default'\n  frozenExitTarget: Record<string, unknown> | null\n  exitCompleteScheduled: boolean\n  wasEntering: boolean\n}\n\nexport function createAnimations<A extends Record<string, AnimationConfig>>(\n  animations: A\n): AnimationDriver<A> {\n  let isHydratingGlobal: boolean | undefined\n  const hydratingComponents = new Set<Function>()\n\n  return {\n    View: MotionView,\n    Text: MotionText,\n    isReactNative: false,\n    inputStyle: 'css',\n    outputStyle: 'inline',\n    avoidReRenders: true,\n    animations,\n    usePresence,\n    ResetPresence,\n\n    onMount() {\n      isHydratingGlobal = false\n      hydratingComponents.forEach((cb) => cb())\n    },\n\n    useAnimations: (animationProps) => {\n      if (isHydratingGlobal === undefined && !getConfig().settings.disableSSR) {\n        isHydratingGlobal = true\n      }\n\n      const { props, style, componentState, stateRef, useStyleEmitter, presence } =\n        animationProps\n\n      const animationKey = Array.isArray(props.transition)\n        ? props.transition[0]\n        : props.transition\n\n      const isComponentHydrating = componentState.unmounted === true\n      const isMounting = componentState.unmounted === 'should-enter'\n      const isEntering = !!componentState.unmounted\n      const isExiting = presence?.[0] === false\n      const sendExitComplete = presence?.[1]\n\n      // single consolidated ref with lazy init\n      const refs = useRef<MotionRefs>(null!)\n      if (!refs.current) {\n        refs.current = {\n          isFirstRender: true,\n          lastDoAnimate: null,\n          lastDontAnimate: null,\n          controls: null,\n          lastAnimateAt: 0,\n          disposed: false,\n          wasExiting: false,\n          isExiting: false,\n          sendExitComplete: undefined,\n          animationState: 'default',\n          frozenExitTarget: null,\n          exitCompleteScheduled: false,\n          wasEntering: false,\n        }\n      }\n\n      // track entering state transitions\n      const justFinishedEntering = refs.current.wasEntering && !isEntering\n      useEffect(() => {\n        refs.current.wasEntering = isEntering\n      })\n\n      // determine animation state for enter/exit transitions\n      const animationState: 'enter' | 'exit' | 'default' = isExiting\n        ? 'exit'\n        : isMounting || justFinishedEntering\n          ? 'enter'\n          : 'default'\n\n      // disable animation during hydration and mounting (prevents \"flying across the page\")\n      const disableAnimation = isComponentHydrating || isMounting || !animationKey\n\n      const [scope, animate] = useAnimateSSRSafe()\n\n      // sync ref values for reliable access from callbacks\n      refs.current.isExiting = isExiting\n      refs.current.sendExitComplete = sendExitComplete\n      refs.current.animationState = animationState\n\n      // detect transition into exiting state\n      const justStartedExiting = isExiting && !refs.current.wasExiting\n      const justStoppedExiting = !isExiting && refs.current.wasExiting\n\n      // freeze exit animation target so direction changes don't reverse mid-exit\n      if (justStartedExiting || justStoppedExiting) {\n        refs.current.frozenExitTarget = null\n        refs.current.exitCompleteScheduled = false\n      }\n\n      // track previous exiting state\n      useEffect(() => {\n        refs.current.wasExiting = isExiting\n      })\n\n      const {\n        dontAnimate = {},\n        doAnimate,\n        animationOptions,\n      } = getMotionAnimatedProps(props as any, style, disableAnimation, animationState)\n\n      const [firstRenderStyle] = useState(style)\n\n      // avoid first render returning wrong styles - always render all, after that we can just mutate\n      if (refs.current.isFirstRender) {\n        refs.current.lastDontAnimate = firstRenderStyle\n      }\n      const [isHydrating, setIsHydrating] = useState(isHydratingGlobal)\n\n      useLayoutEffect(() => {\n        if (isHydratingGlobal) {\n          hydratingComponents.add(() => {\n            setIsHydrating(false)\n          })\n        }\n        return () => {\n          refs.current.disposed = true\n        }\n      }, [])\n\n      const flushAnimation = ({\n        doAnimate: doAnimateRaw = {},\n        animationOptions: passedOptions = {},\n        dontAnimate,\n      }: AnimationProps) => {\n        // track whether THIS flush starts a new animation (vs using stale controls)\n        let startedControls: AnimationPlaybackControlsWithThen | null = null\n\n        // read current state from refs (closure variables can be stale)\n        const isCurrentlyExiting = refs.current.isExiting\n        const currentSendExitComplete = refs.current.sendExitComplete\n\n        // freeze exit target: once the first exit animation starts, subsequent\n        // renders (e.g. direction change) should not reverse the exit animation.\n        let doAnimate = doAnimateRaw\n        if (isCurrentlyExiting && refs.current.frozenExitTarget) {\n          doAnimate = refs.current.frozenExitTarget\n        }\n\n        // only recompute animation options for exit animations to avoid stale state.\n        const animationOptions =\n          isCurrentlyExiting && currentSendExitComplete\n            ? getAnimationOptions(props.transition ?? null, 'exit')\n            : passedOptions\n\n        try {\n          const node = stateRef.current.host\n\n          // on first render, reset stale animation refs - they can persist if component\n          // instance is reused (e.g. AnimatePresence keepChildrenMounted)\n          if (refs.current.isFirstRender) {\n            refs.current.lastDontAnimate = null\n            refs.current.lastDoAnimate = null\n          }\n\n          if (process.env.NODE_ENV === 'development') {\n            if (props['debug'] && props['debug'] !== 'profile') {\n              console.groupCollapsed(\n                `[motion] animate (${JSON.stringify(getDiff(refs.current.lastDoAnimate, doAnimate), null, 2)})`\n              )\n              console.info({\n                props,\n                componentState,\n                doAnimate,\n                dontAnimate,\n                animationOptions,\n                animationProps,\n                lastDoAnimate: { ...refs.current.lastDoAnimate },\n                lastDontAnimate: { ...refs.current.lastDontAnimate },\n                isExiting,\n                style,\n                node,\n              })\n              console.groupCollapsed(`trace >`)\n              console.trace()\n              console.groupEnd()\n              console.groupEnd()\n            }\n          }\n\n          if (!(node instanceof HTMLElement)) {\n            return\n          }\n\n          // handle case where dontAnimate changes\n          const prevDont = refs.current.lastDontAnimate\n          if (dontAnimate) {\n            if (prevDont) {\n              removeRemovedStyles(prevDont, dontAnimate, node, doAnimate)\n              const changed = getDiff(prevDont, dontAnimate)\n              if (changed) {\n                Object.assign(node.style, changed as any)\n              }\n            } else {\n              Object.assign(node.style, dontAnimate as any)\n            }\n          }\n\n          if (doAnimate) {\n            // when a property moves from dontAnimate to doAnimate, preserve\n            // the current inline style value so WAAPI starts from the right place\n            if (prevDont) {\n              for (const key in prevDont) {\n                if (key in doAnimate) {\n                  node.style[key] = prevDont[key]\n                  if (refs.current.lastDoAnimate) {\n                    refs.current.lastDoAnimate[key] = prevDont[key]\n                  }\n                }\n              }\n            }\n\n            const lastAnimated = refs.current.lastDoAnimate\n            if (lastAnimated) {\n              removeRemovedStyles(lastAnimated, doAnimate, node, dontAnimate)\n            }\n\n            const diff = getDiff(refs.current.lastDoAnimate, doAnimate)\n\n            if (diff) {\n              // capture frozen exit target on first exit diff\n              if (isCurrentlyExiting && !refs.current.frozenExitTarget) {\n                refs.current.frozenExitTarget = { ...doAnimate }\n              }\n\n              // capture mid-flight values so we can provide explicit [from, to]\n              // keyframes to WAAPI, ensuring smooth interpolation from the\n              // current visual state.\n              //\n              // only stop() during exit — for non-exit cases, WAAPI\n              // naturally replaces only conflicting property animations,\n              // letting non-conflicting ones (like an in-flight enter\n              // opacity animation) continue to completion.\n              const isPopperPosition = node.hasAttribute('data-popper-animate-position')\n              let midFlightValues: Record<string, string> | null = null\n              if (refs.current.controls) {\n                try {\n                  const computed = getComputedStyle(node)\n                  midFlightValues = {}\n                  for (const key in diff) {\n                    const val = (computed as any)[key]\n                    if (val !== undefined && val !== '') {\n                      midFlightValues[key] = val\n                    }\n                  }\n                } catch {\n                  // getComputedStyle can fail on detached nodes\n                }\n\n                if (isCurrentlyExiting) {\n                  refs.current.controls.stop()\n                }\n\n                // write mid-flight values to inline so the 1-frame gap\n                // (while motion resolves keyframes) shows the correct\n                // position instead of stale inline styles\n                if (midFlightValues) {\n                  for (const key in midFlightValues) {\n                    ;(node.style as any)[key] = midFlightValues[key]\n                  }\n                }\n\n                // for popper position elements, cancel WAAPI animations\n                // directly so motion.dev's internal stop() sees \"idle\" state\n                // and skips commitStyles. without this, commitStyles writes\n                // a mid-flight transform that's visible for 1 frame before\n                // the new animation starts, causing a flash toward (0,0).\n                if (isPopperPosition) {\n                  const anims = node.getAnimations()\n                  for (const anim of anims) {\n                    anim.cancel()\n                  }\n                }\n              }\n\n              const fixedDiff = fixTransparentColors(\n                diff,\n                refs.current.lastDoAnimate,\n                doAnimate\n              )\n\n              // provide explicit [from, to] keyframe for transforms during\n              // mid-flight interruption so motion starts from the right place\n              if (midFlightValues?.transform && fixedDiff.transform) {\n                fixedDiff.transform = [midFlightValues.transform, fixedDiff.transform]\n              }\n\n              startedControls = animate(scope.current, fixedDiff, animationOptions)\n              refs.current.controls = startedControls\n              refs.current.lastAnimateAt = Date.now()\n            }\n          }\n\n          refs.current.lastDontAnimate = dontAnimate ? { ...dontAnimate } : {}\n          refs.current.lastDoAnimate = doAnimate ? { ...doAnimate } : {}\n        } finally {\n          // exit completion: notify AnimatePresence when exit animation finishes\n          if (isCurrentlyExiting && currentSendExitComplete) {\n            if (startedControls) {\n              // new animation started — attach completion handler\n              refs.current.exitCompleteScheduled = true\n              startedControls.finished\n                .then(() => {\n                  // guard: only complete if still exiting (prevents stale promise\n                  // from calling sendExitComplete after a re-entry cancels the exit)\n                  if (refs.current.isExiting) {\n                    currentSendExitComplete()\n                  }\n                })\n                .catch(() => {\n                  if (refs.current.isExiting) {\n                    currentSendExitComplete()\n                  }\n                })\n            } else if (!refs.current.exitCompleteScheduled) {\n              // no animation started AND none previously scheduled (e.g. diff=null\n              // on re-render mid-exit because frozenExitTarget matches lastDoAnimate)\n              // — complete immediately only if we've never started an exit animation\n              currentSendExitComplete()\n            }\n            // else: exit animation already scheduled via a previous flush,\n            // its .finished promise will call sendExitComplete when done\n          }\n        }\n      }\n\n      useStyleEmitter?.((nextStyle, effectiveTransition) => {\n        const animationProps = getMotionAnimatedProps(\n          props as any,\n          nextStyle,\n          disableAnimation,\n          refs.current.animationState,\n          effectiveTransition\n        )\n\n        flushAnimation(animationProps)\n      })\n\n      useIsomorphicLayoutEffect(() => {\n        if (refs.current.isFirstRender) {\n          refs.current.isFirstRender = false\n\n          // during hydration, skip inline style writes entirely — SSR CSS\n          // already has the correct values. writing them again as inline\n          // styles triggers browser style recalc that causes visible font\n          // flashes (fontWeight, fontSize, letterSpacing, lineHeight).\n          // we only need to track refs for future animation diffing.\n          if (isHydrating) {\n            if (doAnimate && Object.keys(doAnimate).length > 0) {\n              refs.current.lastDoAnimate = { ...doAnimate }\n            } else {\n              refs.current.lastDoAnimate = dontAnimate ? { ...dontAnimate } : {}\n            }\n\n            refs.current.lastDontAnimate = dontAnimate ? { ...dontAnimate } : {}\n            refs.current.lastAnimateAt = Date.now()\n            return\n          }\n\n          // after hydration, use simpler logic\n          refs.current.lastDontAnimate = dontAnimate ? { ...dontAnimate } : {}\n          refs.current.lastDoAnimate = doAnimate ? { ...doAnimate } : {}\n          return\n        }\n\n        flushAnimation({\n          doAnimate,\n          dontAnimate,\n          animationOptions,\n        })\n      }, [style, isExiting, disableAnimation])\n\n      if (process.env.NODE_ENV === 'development') {\n        if (props['debug'] && props['debug'] !== 'profile') {\n          console.groupCollapsed(`[motion] render`)\n          console.info({\n            style,\n            doAnimate,\n            dontAnimate,\n            scope,\n            animationOptions,\n            isExiting,\n            isFirstRender: refs.current.isFirstRender,\n            animationProps,\n          })\n          console.groupEnd()\n        }\n      }\n\n      return {\n        style: firstRenderStyle,\n        ref: scope,\n        render: 'div',\n      }\n    },\n\n    useAnimatedNumber(initial): UniversalAnimatedNumber<MotionAnimatedNumber> {\n      const motionValue = useMotionValue(initial)\n\n      return React.useMemo(\n        () => ({\n          getInstance() {\n            return motionValue\n          },\n          getValue() {\n            return motionValue.get()\n          },\n          setValue(next, config = { type: 'spring' }, onFinish) {\n            if (config.type === 'direct') {\n              MotionValueStrategy.set(motionValue, {\n                type: 'direct',\n              })\n              motionValue.set(next)\n              onFinish?.()\n            } else {\n              MotionValueStrategy.set(motionValue, config)\n\n              if (onFinish) {\n                const unsubscribe = motionValue.on('change', (value) => {\n                  if (Math.abs(value - next) < 0.01) {\n                    unsubscribe()\n                    onFinish()\n                  }\n                })\n              }\n\n              motionValue.set(next)\n            }\n          },\n          stop() {\n            motionValue.stop()\n          },\n        }),\n        [motionValue]\n      )\n    },\n\n    useAnimatedNumberReaction({ value }, onValue) {\n      const instance = value.getInstance() as MotionValue<number>\n      useMotionValueEvent(instance, 'change', onValue)\n    },\n\n    useAnimatedNumberStyle(val, getStyleProp) {\n      const motionValue = val.getInstance() as MotionValue<number>\n      const getStyleRef = useRef<typeof getStyleProp>(getStyleProp)\n\n      // we need to change useAnimatedNumberStyle to have dep args to be concurrent safe\n      getStyleRef.current = getStyleProp\n\n      return useMemo(() => {\n        return {\n          getStyle: (cur) => {\n            return getStyleRef.current(cur)\n          },\n          motionValue,\n        } satisfies MotionAnimatedNumberStyle\n      }, [])\n    },\n  }\n\n  function getMotionAnimatedProps(\n    props: { transition?: TransitionProp | null; animateOnly?: string[] },\n    style: Record<string, unknown>,\n    disable: boolean,\n    animationState: 'enter' | 'exit' | 'default' = 'default',\n    transitionOverride?: TransitionProp | null\n  ): AnimationProps {\n    if (disable) {\n      return {\n        dontAnimate: style,\n      }\n    }\n\n    const animationOptions = getAnimationOptions(\n      transitionOverride ?? props.transition ?? null,\n      animationState\n    )\n\n    let dontAnimate: Record<string, unknown> | undefined\n    let doAnimate: Record<string, unknown> | undefined\n\n    const animateOnly = props.animateOnly as string[] | undefined\n    for (const key in style) {\n      const value = style[key]\n      if (disableAnimationProps.has(key) || (animateOnly && !animateOnly.includes(key))) {\n        dontAnimate ||= {}\n        dontAnimate[key] = value\n      } else {\n        doAnimate ||= {}\n        doAnimate[key] = value\n      }\n    }\n\n    return {\n      dontAnimate,\n      doAnimate,\n      animationOptions,\n    }\n  }\n\n  function getAnimationOptions(\n    transitionProp: TransitionProp | null,\n    animationState: 'enter' | 'exit' | 'default' = 'default'\n  ): TransitionAnimationOptions {\n    const normalized = normalizeTransition(transitionProp)\n\n    let effectiveKey = getEffectiveAnimation(normalized, animationState)\n\n    // fallback: if we have enter/exit defined but state is 'default' and no default key,\n    // use enter timing as fallback to avoid empty animation options\n    if (!effectiveKey && animationState === 'default') {\n      effectiveKey = normalized.enter || normalized.exit || null\n    }\n\n    const globalConfigOverride: Record<string, unknown> | undefined = normalized.config\n      ? { ...normalized.config }\n      : undefined\n\n    if (\n      !effectiveKey &&\n      Object.keys(normalized.properties).length === 0 &&\n      !globalConfigOverride\n    ) {\n      return {}\n    }\n\n    const defaultConfig = effectiveKey ? withInferredType(animations[effectiveKey]) : null\n\n    const delay = normalized.delay\n\n    // framer motion's animate() expects default config at the TOP LEVEL\n    const result: TransitionAnimationOptions = {}\n\n    if (defaultConfig) {\n      Object.assign(result, defaultConfig)\n    }\n\n    if (globalConfigOverride) {\n      Object.assign(result, globalConfigOverride)\n      if (\n        result.type === undefined &&\n        result.duration !== undefined &&\n        result.damping === undefined &&\n        result.stiffness === undefined &&\n        result.mass === undefined\n      ) {\n        result.type = 'tween'\n      }\n    }\n\n    if (delay) {\n      result.delay = delay\n    }\n\n    if (defaultConfig || globalConfigOverride || delay) {\n      result.default = {\n        ...defaultConfig,\n        ...globalConfigOverride,\n        ...(delay ? { delay } : null),\n      }\n    }\n\n    for (const [propName, animationNameOrConfig] of Object.entries(\n      normalized.properties\n    )) {\n      if (typeof animationNameOrConfig === 'string') {\n        result[propName] = withInferredType(animations[animationNameOrConfig])\n      } else if (animationNameOrConfig && typeof animationNameOrConfig === 'object') {\n        const baseConfig = animationNameOrConfig.type\n          ? withInferredType(animations[animationNameOrConfig.type])\n          : defaultConfig\n\n        result[propName] = {\n          ...baseConfig,\n          ...animationNameOrConfig,\n        } as ValueTransition\n      }\n    }\n\n    // we standardize to ms across drivers, motion expects s\n    convertMsToS(result as ValueTransition)\n    convertMsToS(result.default)\n    for (const key in result) {\n      if (key !== 'default' && typeof result[key] === 'object') {\n        convertMsToS(result[key])\n      }\n    }\n\n    return result\n  }\n}\n\nfunction withInferredType(config: AnimationConfig | undefined): AnimationConfig {\n  if (!config) {\n    return { type: 'spring' }\n  }\n  const isTimingBased =\n    config.duration !== undefined &&\n    config.damping === undefined &&\n    config.stiffness === undefined &&\n    config.mass === undefined\n  return { type: isTimingBased ? 'tween' : 'spring', ...config }\n}\n\nfunction convertMsToS(config: ValueTransition | undefined) {\n  if (!config) return\n  if (typeof config.delay === 'number') config.delay = config.delay / 1000\n  if (typeof config.duration === 'number') {\n    const isTimingBased =\n      config.type === 'tween' ||\n      (config.type === undefined &&\n        config.damping === undefined &&\n        config.stiffness === undefined &&\n        config.mass === undefined)\n    if (isTimingBased) {\n      config.duration = config.duration / 1000\n    }\n  }\n}\n\nfunction removeRemovedStyles(\n  prev: object,\n  next: object,\n  node: HTMLElement,\n  dontClearIfIn?: object\n) {\n  for (const key in prev) {\n    if (!(key in next)) {\n      if (dontClearIfIn && key in dontClearIfIn) {\n        continue\n      }\n      node.style[key] = ''\n    }\n  }\n}\n\n// truly non-animatable CSS properties (discrete, keyword-based, no interpolation)\n// properties like margin, maxHeight, zIndex, etc are animatable and intentionally excluded\nexport const disableAnimationProps: Set<string> = new Set<string>([\n  'alignContent',\n  'alignItems',\n  'boxSizing',\n  'contain',\n  'containerType',\n  'display',\n  'flexBasis',\n  'flexDirection',\n  'fontFamily',\n  'justifyContent',\n  'overflow',\n  'overflowX',\n  'overflowY',\n  'pointerEvents',\n  'position',\n  'textWrap',\n  'userSelect',\n])\n\nconst MotionView = createMotionView('div')\nconst MotionText = createMotionView('span')\n\nfunction createMotionView(defaultTag: string) {\n  const isText = defaultTag === 'span'\n\n  const Component = forwardRef((propsIn: any, ref) => {\n    const { forwardedRef, animation, render = defaultTag, style, ...propsRest } = propsIn\n    const [scope, animate] = useAnimateSSRSafe()\n    const hostRef = useRef<HTMLElement>(null)\n    const composedRefs = useComposedRefs(forwardedRef, ref, hostRef, scope)\n\n    const stateRef = useRef<any>(null)\n    if (!stateRef.current) {\n      stateRef.current = {\n        get host() {\n          return hostRef.current\n        },\n      }\n    }\n\n    const [_, state] = useThemeWithState({})\n\n    const styles = Array.isArray(style) ? style : [style]\n\n    const [animatedStyle, nonAnimatedStyles] = (() => {\n      let animatedStyle: MotionAnimatedNumberStyle | undefined\n      const nonAnimatedStyles: typeof styles = []\n      for (const style of styles) {\n        if (style.getStyle) {\n          animatedStyle = style as MotionAnimatedNumberStyle\n        } else {\n          nonAnimatedStyles.push(style)\n        }\n      }\n      return [animatedStyle, nonAnimatedStyles] as const\n    })()\n\n    function getProps(props: any) {\n      const out = getSplitStyles(\n        props,\n        isText ? Text.staticConfig : View.staticConfig,\n        state?.theme,\n        state?.name,\n        {\n          unmounted: false,\n        },\n        {\n          isAnimated: false,\n          noClass: true,\n          resolveValues: 'auto',\n        }\n      )\n\n      if (!out) {\n        return {}\n      }\n\n      if (out.viewProps.style) {\n        fixStyles(out.viewProps.style)\n        styleToCSS(out.viewProps.style)\n      }\n\n      return out.viewProps\n    }\n\n    const props = getProps({ ...propsRest, style: nonAnimatedStyles })\n    const Element = render || 'div'\n    const transformedProps = hooks.usePropsTransform?.(render, props, stateRef, false)\n\n    useEffect(() => {\n      if (!animatedStyle) return\n\n      return animatedStyle.motionValue.on('change', (value) => {\n        const nextStyle = animatedStyle.getStyle(value)\n        const animationConfig = MotionValueStrategy.get(animatedStyle.motionValue)\n        const node = hostRef.current\n\n        const webStyle = getProps({ style: nextStyle }).style\n\n        if (webStyle && node instanceof HTMLElement) {\n          const motionAnimationConfig =\n            animationConfig?.type === 'timing'\n              ? {\n                  type: 'tween',\n                  duration: (animationConfig?.duration || 0) / 1000,\n                }\n              : animationConfig?.type === 'direct'\n                ? { type: 'tween', duration: 0 }\n                : {\n                    type: 'spring',\n                    ...(animationConfig as any),\n                  }\n\n          animate(node, webStyle as any, motionAnimationConfig)\n        }\n      })\n    }, [animatedStyle])\n\n    return <Element {...transformedProps} ref={composedRefs} />\n  })\n\n  Component['acceptRenderProp'] = true\n\n  return Component\n}\n\nfunction getDiff<T extends Record<string, unknown>>(\n  previous: T | null,\n  next: T\n): Record<string, unknown> | null {\n  if (!previous) {\n    return next\n  }\n\n  let diff: Record<string, unknown> | null = null\n  for (const key in next) {\n    if (next[key] !== previous[key]) {\n      diff ||= {}\n      diff[key] = next[key]\n    }\n  }\n  return diff\n}\n\n// motion.dev can't animate to \"transparent\" - convert it to rgba\n// try to extract RGB from previous or next value for smooth color transitions\nfunction fixTransparentColors(\n  diff: Record<string, unknown>,\n  previous: Record<string, unknown> | null,\n  next?: Record<string, unknown> | null\n): Record<string, unknown> {\n  let result = diff\n  for (const key in diff) {\n    if (diff[key] === 'transparent') {\n      let fixed = 'rgba(0, 0, 0, 0)'\n      const candidates = [previous?.[key], next?.[key]]\n      for (const candidate of candidates) {\n        if (typeof candidate === 'string' && candidate !== 'transparent') {\n          const rgbaMatch = candidate.match(/^rgba?\\(([^,]+),\\s*([^,]+),\\s*([^,)]+)/)\n          if (rgbaMatch) {\n            fixed = `rgba(${rgbaMatch[1]}, ${rgbaMatch[2]}, ${rgbaMatch[3]}, 0)`\n            break\n          }\n        }\n      }\n      if (result === diff) {\n        result = { ...diff }\n      }\n      result[key] = fixed\n    }\n  }\n  return result\n}\n"
+    "import { getEffectiveAnimation, normalizeTransition } from '@hanzogui/animation-helpers'\nimport { ResetPresence, usePresence } from '@hanzogui/use-presence'\nimport {\n  type AnimatedNumberStrategy,\n  type AnimationDriver,\n  fixStyles,\n  getConfig,\n  getSplitStyles,\n  hooks,\n  styleToCSS,\n  Text,\n  TransitionProp,\n  type UniversalAnimatedNumber,\n  useComposedRefs,\n  useIsomorphicLayoutEffect,\n  useThemeWithState,\n  View,\n} from '@hanzogui/web'\nimport {\n  type AnimationOptions,\n  type AnimationPlaybackControlsWithThen,\n  type MotionValue,\n  useAnimate,\n  useMotionValue,\n  useMotionValueEvent,\n  type ValueTransition,\n} from 'motion/react'\nimport React, {\n  forwardRef,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\n\nconst isServer = typeof window === 'undefined'\n\n// SSR-safe wrapper: framer-motion's useAnimate imports its own React copy in\n// Vite SSR bundles which causes \"Invalid hook call\" errors. during SSR we\n// don't need animations so we return a no-op scope/animate pair.\nfunction useAnimateSSRSafe() {\n  if (isServer) {\n    return [useRef(null), (() => {}) as any] as ReturnType<typeof useAnimate>\n  }\n  return useAnimate()\n}\n\ntype MotionAnimatedNumber = MotionValue<number>\ntype AnimationConfig = ValueTransition\n\ntype MotionAnimatedNumberStyle = {\n  getStyle: (...args: any[]) => Record<string, unknown>\n  motionValue?: MotionValue<number>\n  motionValues?: MotionValue<number>[]\n}\n\n/**\n * Animation options with optional default and per-property configs.\n * This extends AnimationOptions to support the default key.\n */\ntype TransitionAnimationOptions = AnimationOptions & {\n  default?: ValueTransition\n  [propertyName: string]: ValueTransition | undefined\n}\n\nconst MotionValueStrategy = new WeakMap<MotionValue, AnimatedNumberStrategy>()\n\n// pending setValue onFinish callbacks, keyed by motion value. setValue stores\n// the callback here; the change handler in the animated component's useEffect\n// consumes it by chaining to the DOM-level animate() controls so onFinish\n// fires when the *visible* animation actually completes.\nconst PendingMotionOnFinish = new WeakMap<MotionValue, () => void>()\n\nfunction settlePendingMotionOnFinish(\n  mv: MotionValue,\n  controls: AnimationPlaybackControlsWithThen\n) {\n  const onFinish = PendingMotionOnFinish.get(mv)\n  if (!onFinish) return\n  PendingMotionOnFinish.delete(mv)\n  // chain to the DOM animation's completion. settle on both resolve and\n  // reject — a rejection means the animation was cancelled by a later\n  // setValue, and the caller still needs a completion signal. use the\n  // real Promise interface (.then().catch()) because framer-motion types\n  // the .then() callbacks as VoidFunction with no error arg.\n  controls.then(() => onFinish()).catch(() => onFinish())\n}\n\ntype AnimationProps = {\n  doAnimate?: Record<string, unknown>\n  dontAnimate?: Record<string, unknown>\n  animationOptions?: AnimationOptions\n}\n\n// internal refs consolidated into a single object\ntype MotionRefs = {\n  isFirstRender: boolean\n  lastDoAnimate: Record<string, unknown> | null\n  lastDontAnimate: Record<string, unknown> | null\n  controls: AnimationPlaybackControlsWithThen | null\n  lastAnimateAt: number\n  disposed: boolean\n  wasExiting: boolean\n  isExiting: boolean\n  sendExitComplete: (() => void) | null | undefined\n  animationState: 'enter' | 'exit' | 'default'\n  frozenExitTarget: Record<string, unknown> | null\n  exitCompleteScheduled: boolean\n  wasEntering: boolean\n}\n\nexport function createAnimations<A extends Record<string, AnimationConfig>>(\n  animations: A\n): AnimationDriver<A> {\n  let isHydratingGlobal: boolean | undefined\n  const hydratingComponents = new Set<Function>()\n\n  return {\n    View: MotionView,\n    Text: MotionText,\n    isReactNative: false,\n    inputStyle: 'css',\n    outputStyle: 'inline',\n    avoidReRenders: true,\n    animations,\n    usePresence,\n    ResetPresence,\n\n    onMount() {\n      isHydratingGlobal = false\n      hydratingComponents.forEach((cb) => cb())\n    },\n\n    useAnimations: (animationProps) => {\n      if (isHydratingGlobal === undefined && !getConfig().settings.disableSSR) {\n        isHydratingGlobal = true\n      }\n\n      const { props, style, componentState, stateRef, useStyleEmitter, presence } =\n        animationProps\n\n      const animationKey = Array.isArray(props.transition)\n        ? props.transition[0]\n        : props.transition\n\n      const isComponentHydrating = componentState.unmounted === true\n      const isMounting = componentState.unmounted === 'should-enter'\n      const isEntering = !!componentState.unmounted\n      const isExiting = presence?.[0] === false\n      const sendExitComplete = presence?.[1]\n\n      // single consolidated ref with lazy init\n      const refs = useRef<MotionRefs>(null!)\n      if (!refs.current) {\n        refs.current = {\n          isFirstRender: true,\n          lastDoAnimate: null,\n          lastDontAnimate: null,\n          controls: null,\n          lastAnimateAt: 0,\n          disposed: false,\n          wasExiting: false,\n          isExiting: false,\n          sendExitComplete: undefined,\n          animationState: 'default',\n          frozenExitTarget: null,\n          exitCompleteScheduled: false,\n          wasEntering: false,\n        }\n      }\n\n      // track entering state transitions\n      const justFinishedEntering = refs.current.wasEntering && !isEntering\n      useEffect(() => {\n        refs.current.wasEntering = isEntering\n      })\n\n      // determine animation state for enter/exit transitions\n      const animationState: 'enter' | 'exit' | 'default' = isExiting\n        ? 'exit'\n        : isMounting || justFinishedEntering\n          ? 'enter'\n          : 'default'\n\n      // disable animation during hydration and mounting (prevents \"flying across the page\")\n      const disableAnimation = isComponentHydrating || isMounting || !animationKey\n\n      const [scope, animate] = useAnimateSSRSafe()\n\n      // sync ref values for reliable access from callbacks\n      refs.current.isExiting = isExiting\n      refs.current.sendExitComplete = sendExitComplete\n      refs.current.animationState = animationState\n\n      // detect transition into exiting state\n      const justStartedExiting = isExiting && !refs.current.wasExiting\n      const justStoppedExiting = !isExiting && refs.current.wasExiting\n\n      // freeze exit animation target so direction changes don't reverse mid-exit\n      if (justStartedExiting || justStoppedExiting) {\n        refs.current.frozenExitTarget = null\n        refs.current.exitCompleteScheduled = false\n      }\n\n      // track previous exiting state\n      useEffect(() => {\n        refs.current.wasExiting = isExiting\n      })\n\n      const {\n        dontAnimate = {},\n        doAnimate,\n        animationOptions,\n      } = getMotionAnimatedProps(props as any, style, disableAnimation, animationState)\n\n      const [firstRenderStyle] = useState(style)\n\n      // avoid first render returning wrong styles - always render all, after that we can just mutate\n      if (refs.current.isFirstRender) {\n        refs.current.lastDontAnimate = firstRenderStyle\n      }\n      const [isHydrating, setIsHydrating] = useState(isHydratingGlobal)\n\n      useLayoutEffect(() => {\n        if (isHydratingGlobal) {\n          hydratingComponents.add(() => {\n            setIsHydrating(false)\n          })\n        }\n        return () => {\n          refs.current.disposed = true\n        }\n      }, [])\n\n      const flushAnimation = ({\n        doAnimate: doAnimateRaw = {},\n        animationOptions: passedOptions = {},\n        dontAnimate,\n      }: AnimationProps) => {\n        // track whether THIS flush starts a new animation (vs using stale controls)\n        let startedControls: AnimationPlaybackControlsWithThen | null = null\n\n        // read current state from refs (closure variables can be stale)\n        const isCurrentlyExiting = refs.current.isExiting\n        const currentSendExitComplete = refs.current.sendExitComplete\n\n        // freeze exit target: once the first exit animation starts, subsequent\n        // renders (e.g. direction change) should not reverse the exit animation.\n        let doAnimate = doAnimateRaw\n        if (isCurrentlyExiting && refs.current.frozenExitTarget) {\n          doAnimate = refs.current.frozenExitTarget\n        }\n\n        // only recompute animation options for exit animations to avoid stale state.\n        const animationOptions =\n          isCurrentlyExiting && currentSendExitComplete\n            ? getAnimationOptions(props.transition ?? null, 'exit')\n            : passedOptions\n\n        try {\n          const node = stateRef.current.host\n\n          // on first render, reset stale animation refs - they can persist if component\n          // instance is reused (e.g. AnimatePresence keepChildrenMounted)\n          if (refs.current.isFirstRender) {\n            refs.current.lastDontAnimate = null\n            refs.current.lastDoAnimate = null\n          }\n\n          if (process.env.NODE_ENV === 'development') {\n            if (props['debug'] && props['debug'] !== 'profile') {\n              console.groupCollapsed(\n                `[motion] animate (${JSON.stringify(getDiff(refs.current.lastDoAnimate, doAnimate), null, 2)})`\n              )\n              console.info({\n                props,\n                componentState,\n                doAnimate,\n                dontAnimate,\n                animationOptions,\n                animationProps,\n                lastDoAnimate: { ...refs.current.lastDoAnimate },\n                lastDontAnimate: { ...refs.current.lastDontAnimate },\n                isExiting,\n                style,\n                node,\n              })\n              console.groupCollapsed(`trace >`)\n              console.trace()\n              console.groupEnd()\n              console.groupEnd()\n            }\n          }\n\n          if (!(node instanceof HTMLElement)) {\n            return\n          }\n\n          // handle case where dontAnimate changes\n          const prevDont = refs.current.lastDontAnimate\n          if (dontAnimate) {\n            if (prevDont) {\n              removeRemovedStyles(prevDont, dontAnimate, node, doAnimate)\n              const changed = getDiff(prevDont, dontAnimate)\n              if (changed) {\n                Object.assign(node.style, changed as any)\n              }\n            } else {\n              Object.assign(node.style, dontAnimate as any)\n            }\n          }\n\n          if (doAnimate) {\n            // when a property moves from dontAnimate to doAnimate, preserve\n            // the current inline style value so WAAPI starts from the right place\n            if (prevDont) {\n              for (const key in prevDont) {\n                if (key in doAnimate) {\n                  node.style[key] = prevDont[key]\n                  if (refs.current.lastDoAnimate) {\n                    refs.current.lastDoAnimate[key] = prevDont[key]\n                  }\n                }\n              }\n            }\n\n            const lastAnimated = refs.current.lastDoAnimate\n            if (lastAnimated) {\n              removeRemovedStyles(lastAnimated, doAnimate, node, dontAnimate)\n            }\n\n            const diff = getDiff(refs.current.lastDoAnimate, doAnimate)\n\n            if (diff) {\n              // capture frozen exit target on first exit diff\n              if (isCurrentlyExiting && !refs.current.frozenExitTarget) {\n                refs.current.frozenExitTarget = { ...doAnimate }\n              }\n\n              // capture mid-flight values so we can provide explicit [from, to]\n              // keyframes to WAAPI, ensuring smooth interpolation from the\n              // current visual state.\n              //\n              // only stop() during exit — for non-exit cases, WAAPI\n              // naturally replaces only conflicting property animations,\n              // letting non-conflicting ones (like an in-flight enter\n              // opacity animation) continue to completion.\n              const isPopperPosition = node.hasAttribute('data-popper-animate-position')\n              let midFlightValues: Record<string, string> | null = null\n              if (refs.current.controls) {\n                try {\n                  const computed = getComputedStyle(node)\n                  midFlightValues = {}\n                  for (const key in diff) {\n                    const val = (computed as any)[key]\n                    if (val !== undefined && val !== '') {\n                      midFlightValues[key] = val\n                    }\n                  }\n                } catch {\n                  // getComputedStyle can fail on detached nodes\n                }\n\n                if (isCurrentlyExiting) {\n                  refs.current.controls.stop()\n                }\n\n                // write mid-flight values to inline so the 1-frame gap\n                // (while motion resolves keyframes) shows the correct\n                // position instead of stale inline styles\n                if (midFlightValues) {\n                  for (const key in midFlightValues) {\n                    ;(node.style as any)[key] = midFlightValues[key]\n                  }\n                }\n\n                // for popper position elements, cancel WAAPI animations\n                // directly so motion.dev's internal stop() sees \"idle\" state\n                // and skips commitStyles. without this, commitStyles writes\n                // a mid-flight transform that's visible for 1 frame before\n                // the new animation starts, causing a flash toward (0,0).\n                if (isPopperPosition) {\n                  const anims = node.getAnimations()\n                  for (const anim of anims) {\n                    anim.cancel()\n                  }\n                }\n              }\n\n              const fixedDiff = fixTransparentColors(\n                diff,\n                refs.current.lastDoAnimate,\n                doAnimate\n              )\n\n              // provide explicit [from, to] keyframe for transforms during\n              // mid-flight interruption so motion starts from the right place\n              if (midFlightValues?.transform && fixedDiff.transform) {\n                fixedDiff.transform = [midFlightValues.transform, fixedDiff.transform]\n              }\n\n              startedControls = animate(scope.current, fixedDiff, animationOptions)\n              refs.current.controls = startedControls\n              refs.current.lastAnimateAt = Date.now()\n            }\n          }\n\n          refs.current.lastDontAnimate = dontAnimate ? { ...dontAnimate } : {}\n          refs.current.lastDoAnimate = doAnimate ? { ...doAnimate } : {}\n        } finally {\n          // exit completion: notify AnimatePresence when exit animation finishes\n          if (isCurrentlyExiting && currentSendExitComplete) {\n            if (startedControls) {\n              // new animation started — attach completion handler\n              refs.current.exitCompleteScheduled = true\n              startedControls.finished\n                .then(() => {\n                  // guard: only complete if still exiting (prevents stale promise\n                  // from calling sendExitComplete after a re-entry cancels the exit)\n                  if (refs.current.isExiting) {\n                    currentSendExitComplete()\n                  }\n                })\n                .catch(() => {\n                  if (refs.current.isExiting) {\n                    currentSendExitComplete()\n                  }\n                })\n            } else if (!refs.current.exitCompleteScheduled) {\n              // no animation started AND none previously scheduled (e.g. diff=null\n              // on re-render mid-exit because frozenExitTarget matches lastDoAnimate)\n              // — complete immediately only if we've never started an exit animation\n              currentSendExitComplete()\n            }\n            // else: exit animation already scheduled via a previous flush,\n            // its .finished promise will call sendExitComplete when done\n          }\n        }\n      }\n\n      useStyleEmitter?.((nextStyle, effectiveTransition) => {\n        const animationProps = getMotionAnimatedProps(\n          props as any,\n          nextStyle,\n          disableAnimation,\n          refs.current.animationState,\n          effectiveTransition\n        )\n\n        flushAnimation(animationProps)\n      })\n\n      useIsomorphicLayoutEffect(() => {\n        if (refs.current.isFirstRender) {\n          refs.current.isFirstRender = false\n\n          // during hydration, skip inline style writes entirely — SSR CSS\n          // already has the correct values. writing them again as inline\n          // styles triggers browser style recalc that causes visible font\n          // flashes (fontWeight, fontSize, letterSpacing, lineHeight).\n          // we only need to track refs for future animation diffing.\n          if (isHydrating) {\n            if (doAnimate && Object.keys(doAnimate).length > 0) {\n              refs.current.lastDoAnimate = { ...doAnimate }\n            } else {\n              refs.current.lastDoAnimate = dontAnimate ? { ...dontAnimate } : {}\n            }\n\n            refs.current.lastDontAnimate = dontAnimate ? { ...dontAnimate } : {}\n            refs.current.lastAnimateAt = Date.now()\n            return\n          }\n\n          // after hydration, use simpler logic\n          refs.current.lastDontAnimate = dontAnimate ? { ...dontAnimate } : {}\n          refs.current.lastDoAnimate = doAnimate ? { ...doAnimate } : {}\n          return\n        }\n\n        flushAnimation({\n          doAnimate,\n          dontAnimate,\n          animationOptions,\n        })\n      }, [style, isExiting, disableAnimation])\n\n      if (process.env.NODE_ENV === 'development') {\n        if (props['debug'] && props['debug'] !== 'profile') {\n          console.groupCollapsed(`[motion] render`)\n          console.info({\n            style,\n            doAnimate,\n            dontAnimate,\n            scope,\n            animationOptions,\n            isExiting,\n            isFirstRender: refs.current.isFirstRender,\n            animationProps,\n          })\n          console.groupEnd()\n        }\n      }\n\n      return {\n        style: firstRenderStyle,\n        ref: scope,\n        render: 'div',\n      }\n    },\n\n    useAnimatedNumber(initial): UniversalAnimatedNumber<MotionAnimatedNumber> {\n      const motionValue = useMotionValue(initial)\n\n      return React.useMemo(\n        () => ({\n          getInstance() {\n            return motionValue\n          },\n          getValue() {\n            return motionValue.get()\n          },\n          setValue(next, config = { type: 'spring' }, onFinish) {\n            if (config.type === 'direct') {\n              MotionValueStrategy.set(motionValue, { type: 'direct' })\n              motionValue.set(next)\n              onFinish?.()\n              return\n            }\n\n            MotionValueStrategy.set(motionValue, config)\n\n            // we intentionally DO NOT animate the motion value itself here\n            // (via framer-motion's imperative animate(motionValue, next)).\n            // doing so drives the JS value over time, which fires a 'change'\n            // event per frame, and each change event kicks off a new DOM\n            // animate(node, ...) that cancels the previous one — the DOM\n            // never reaches the target (double-animation stall).\n            //\n            // instead we jump the motion value to `next` synchronously. the\n            // animated component's change handler receives a single change\n            // event, computes the final webStyle, and drives the visible\n            // animation via DOM animate(node, webStyle, springConfig). that\n            // DOM animation is the real timing source.\n            //\n            // to make `onFinish` resolve when the VISIBLE animation finishes\n            // (not synchronously on the change event), we stash it in\n            // PendingMotionOnFinish here and the change handler chains it to\n            // the DOM animate() controls.\n            if (onFinish) {\n              // if a previous setValue is still pending on this motion value,\n              // fire it now — the new setValue will cancel the prior DOM\n              // animation, and the caller is still owed a completion signal.\n              const prior = PendingMotionOnFinish.get(motionValue)\n              if (prior) {\n                PendingMotionOnFinish.delete(motionValue)\n                prior()\n              }\n              PendingMotionOnFinish.set(motionValue, onFinish)\n            }\n\n            motionValue.set(next)\n          },\n          stop() {\n            motionValue.stop()\n          },\n        }),\n        [motionValue]\n      )\n    },\n\n    useAnimatedNumberReaction({ value }, onValue) {\n      const instance = value.getInstance() as MotionValue<number>\n      useMotionValueEvent(instance, 'change', onValue)\n    },\n\n    useAnimatedNumberStyle(val, getStyleProp) {\n      const motionValue = val.getInstance() as MotionValue<number>\n      const getStyleRef = useRef<typeof getStyleProp>(getStyleProp)\n\n      // we need to change useAnimatedNumberStyle to have dep args to be concurrent safe\n      getStyleRef.current = getStyleProp\n\n      return useMemo(() => {\n        return {\n          getStyle: (cur) => {\n            return getStyleRef.current(cur)\n          },\n          motionValue,\n        } satisfies MotionAnimatedNumberStyle\n      }, [])\n    },\n\n    useAnimatedNumbersStyle(vals, getStyleProp) {\n      const motionValues = vals.map((v) => v.getInstance() as MotionValue<number>)\n      const getStyleRef = useRef<typeof getStyleProp>(getStyleProp)\n      getStyleRef.current = getStyleProp\n\n      return useMemo(() => {\n        return {\n          getStyle: (...currentValues: number[]) => getStyleRef.current(...currentValues),\n          motionValues,\n        } satisfies MotionAnimatedNumberStyle\n      }, [])\n    },\n  }\n\n  function getMotionAnimatedProps(\n    props: { transition?: TransitionProp | null; animateOnly?: string[] },\n    style: Record<string, unknown>,\n    disable: boolean,\n    animationState: 'enter' | 'exit' | 'default' = 'default',\n    transitionOverride?: TransitionProp | null\n  ): AnimationProps {\n    if (disable) {\n      return {\n        dontAnimate: style,\n      }\n    }\n\n    const animationOptions = getAnimationOptions(\n      transitionOverride ?? props.transition ?? null,\n      animationState\n    )\n\n    let dontAnimate: Record<string, unknown> | undefined\n    let doAnimate: Record<string, unknown> | undefined\n\n    const animateOnly = props.animateOnly as string[] | undefined\n    for (const key in style) {\n      const value = style[key]\n      if (disableAnimationProps.has(key) || (animateOnly && !animateOnly.includes(key))) {\n        dontAnimate ||= {}\n        dontAnimate[key] = value\n      } else {\n        doAnimate ||= {}\n        doAnimate[key] = value\n      }\n    }\n\n    return {\n      dontAnimate,\n      doAnimate,\n      animationOptions,\n    }\n  }\n\n  function getAnimationOptions(\n    transitionProp: TransitionProp | null,\n    animationState: 'enter' | 'exit' | 'default' = 'default'\n  ): TransitionAnimationOptions {\n    const normalized = normalizeTransition(transitionProp)\n\n    let effectiveKey = getEffectiveAnimation(normalized, animationState)\n\n    // fallback: if we have enter/exit defined but state is 'default' and no default key,\n    // use enter timing as fallback to avoid empty animation options\n    if (!effectiveKey && animationState === 'default') {\n      effectiveKey = normalized.enter || normalized.exit || null\n    }\n\n    const globalConfigOverride: Record<string, unknown> | undefined = normalized.config\n      ? { ...normalized.config }\n      : undefined\n\n    if (\n      !effectiveKey &&\n      Object.keys(normalized.properties).length === 0 &&\n      !globalConfigOverride\n    ) {\n      return {}\n    }\n\n    const defaultConfig = effectiveKey ? withInferredType(animations[effectiveKey]) : null\n\n    const delay = normalized.delay\n\n    // framer motion's animate() expects default config at the TOP LEVEL\n    const result: TransitionAnimationOptions = {}\n\n    if (defaultConfig) {\n      Object.assign(result, defaultConfig)\n    }\n\n    if (globalConfigOverride) {\n      Object.assign(result, globalConfigOverride)\n      if (\n        result.type === undefined &&\n        result.duration !== undefined &&\n        result.damping === undefined &&\n        result.stiffness === undefined &&\n        result.mass === undefined\n      ) {\n        result.type = 'tween'\n      }\n    }\n\n    if (delay) {\n      result.delay = delay\n    }\n\n    if (defaultConfig || globalConfigOverride || delay) {\n      result.default = {\n        ...defaultConfig,\n        ...globalConfigOverride,\n        ...(delay ? { delay } : null),\n      }\n    }\n\n    for (const [propName, animationNameOrConfig] of Object.entries(\n      normalized.properties\n    )) {\n      if (typeof animationNameOrConfig === 'string') {\n        result[propName] = withInferredType(animations[animationNameOrConfig])\n      } else if (animationNameOrConfig && typeof animationNameOrConfig === 'object') {\n        const baseConfig = animationNameOrConfig.type\n          ? withInferredType(animations[animationNameOrConfig.type])\n          : defaultConfig\n\n        result[propName] = {\n          ...baseConfig,\n          ...animationNameOrConfig,\n        } as ValueTransition\n      }\n    }\n\n    // we standardize to ms across drivers, motion expects s\n    convertMsToS(result as ValueTransition)\n    convertMsToS(result.default)\n    for (const key in result) {\n      if (key !== 'default' && typeof result[key] === 'object') {\n        convertMsToS(result[key])\n      }\n    }\n\n    return result\n  }\n}\n\nfunction withInferredType(config: AnimationConfig | undefined): AnimationConfig {\n  if (!config) {\n    return { type: 'spring' }\n  }\n  const isTimingBased =\n    config.duration !== undefined &&\n    config.damping === undefined &&\n    config.stiffness === undefined &&\n    config.mass === undefined\n  return { type: isTimingBased ? 'tween' : 'spring', ...config }\n}\n\nfunction convertMsToS(config: ValueTransition | undefined) {\n  if (!config) return\n  if (typeof config.delay === 'number') config.delay = config.delay / 1000\n  if (typeof config.duration === 'number') {\n    const isTimingBased =\n      config.type === 'tween' ||\n      (config.type === undefined &&\n        config.damping === undefined &&\n        config.stiffness === undefined &&\n        config.mass === undefined)\n    if (isTimingBased) {\n      config.duration = config.duration / 1000\n    }\n  }\n}\n\nfunction removeRemovedStyles(\n  prev: object,\n  next: object,\n  node: HTMLElement,\n  dontClearIfIn?: object\n) {\n  for (const key in prev) {\n    if (!(key in next)) {\n      if (dontClearIfIn && key in dontClearIfIn) {\n        continue\n      }\n      node.style[key] = ''\n    }\n  }\n}\n\n// truly non-animatable CSS properties (discrete, keyword-based, no interpolation)\n// properties like margin, maxHeight, zIndex, etc are animatable and intentionally excluded\nexport const disableAnimationProps: Set<string> = new Set<string>([\n  'alignContent',\n  'alignItems',\n  'boxSizing',\n  'contain',\n  'containerType',\n  'display',\n  'flexBasis',\n  'flexDirection',\n  'fontFamily',\n  'justifyContent',\n  'overflow',\n  'overflowX',\n  'overflowY',\n  'pointerEvents',\n  'position',\n  'textWrap',\n  'userSelect',\n])\n\nconst MotionView = createMotionView('div')\nconst MotionText = createMotionView('span')\n\nfunction createMotionView(defaultTag: string) {\n  const isText = defaultTag === 'span'\n\n  const Component = forwardRef((propsIn: any, ref) => {\n    const { forwardedRef, animation, render = defaultTag, style, ...propsRest } = propsIn\n    const [scope, animate] = useAnimateSSRSafe()\n    const hostRef = useRef<HTMLElement>(null)\n    const composedRefs = useComposedRefs(forwardedRef, ref, hostRef, scope)\n\n    const stateRef = useRef<any>(null)\n    if (!stateRef.current) {\n      stateRef.current = {\n        get host() {\n          return hostRef.current\n        },\n      }\n    }\n\n    const [_, state] = useThemeWithState({})\n\n    const styles = Array.isArray(style) ? style : [style]\n\n    const [animatedStyle, nonAnimatedStyles] = (() => {\n      let animatedStyle: MotionAnimatedNumberStyle | undefined\n      const nonAnimatedStyles: typeof styles = []\n      for (const style of styles) {\n        if (style.getStyle) {\n          animatedStyle = style as MotionAnimatedNumberStyle\n        } else {\n          nonAnimatedStyles.push(style)\n        }\n      }\n      return [animatedStyle, nonAnimatedStyles] as const\n    })()\n\n    function getProps(props: any) {\n      const out = getSplitStyles(\n        props,\n        isText ? Text.staticConfig : View.staticConfig,\n        state?.theme,\n        state?.name,\n        {\n          unmounted: false,\n        },\n        {\n          isAnimated: false,\n          noClass: true,\n          resolveValues: 'auto',\n        }\n      )\n\n      if (!out) {\n        return {}\n      }\n\n      if (out.viewProps.style) {\n        fixStyles(out.viewProps.style)\n        styleToCSS(out.viewProps.style)\n      }\n\n      return out.viewProps\n    }\n\n    const props = getProps({ ...propsRest, style: nonAnimatedStyles })\n    const Element = render || 'div'\n    const transformedProps = hooks.usePropsTransform?.(render, props, stateRef, false)\n\n    useEffect(() => {\n      if (!animatedStyle) return\n\n      // multi-value path: subscribe to all motion values\n      if (animatedStyle.motionValues) {\n        const mvs = animatedStyle.motionValues\n        const unsubs = mvs.map((mv) =>\n          mv.on('change', () => {\n            const currentValues = mvs.map((v) => v.get())\n            const nextStyle = animatedStyle.getStyle(...currentValues)\n            const animationConfig = MotionValueStrategy.get(mv)\n            const node = hostRef.current\n\n            const webStyle = getProps({ style: nextStyle }).style\n\n            if (webStyle && node instanceof HTMLElement) {\n              const motionAnimationConfig =\n                animationConfig?.type === 'timing'\n                  ? { type: 'tween', duration: (animationConfig?.duration || 0) / 1000 }\n                  : animationConfig?.type === 'direct'\n                    ? { type: 'tween', duration: 0 }\n                    : { type: 'spring', ...(animationConfig as any) }\n\n              const controls = animate(node, webStyle as any, motionAnimationConfig)\n              settlePendingMotionOnFinish(mv, controls)\n            }\n          })\n        )\n        return () => unsubs.forEach((fn) => fn())\n      }\n\n      // single-value path\n      if (!animatedStyle.motionValue) return\n\n      return animatedStyle.motionValue.on('change', (value) => {\n        const nextStyle = animatedStyle.getStyle(value)\n        const animationConfig = MotionValueStrategy.get(animatedStyle.motionValue!)\n        const node = hostRef.current\n\n        const webStyle = getProps({ style: nextStyle }).style\n\n        if (webStyle && node instanceof HTMLElement) {\n          const motionAnimationConfig =\n            animationConfig?.type === 'timing'\n              ? {\n                  type: 'tween',\n                  duration: (animationConfig?.duration || 0) / 1000,\n                }\n              : animationConfig?.type === 'direct'\n                ? { type: 'tween', duration: 0 }\n                : {\n                    type: 'spring',\n                    ...(animationConfig as any),\n                  }\n\n          const controls = animate(node, webStyle as any, motionAnimationConfig)\n          settlePendingMotionOnFinish(animatedStyle.motionValue!, controls)\n        }\n      })\n    }, [animatedStyle])\n\n    return <Element {...transformedProps} ref={composedRefs} />\n  })\n\n  Component['acceptRenderProp'] = true\n\n  return Component\n}\n\nfunction getDiff<T extends Record<string, unknown>>(\n  previous: T | null,\n  next: T\n): Record<string, unknown> | null {\n  if (!previous) {\n    return next\n  }\n\n  let diff: Record<string, unknown> | null = null\n  for (const key in next) {\n    if (next[key] !== previous[key]) {\n      diff ||= {}\n      diff[key] = next[key]\n    }\n  }\n  return diff\n}\n\n// motion.dev can't animate to \"transparent\" - convert it to rgba\n// try to extract RGB from previous or next value for smooth color transitions\nfunction fixTransparentColors(\n  diff: Record<string, unknown>,\n  previous: Record<string, unknown> | null,\n  next?: Record<string, unknown> | null\n): Record<string, unknown> {\n  let result = diff\n  for (const key in diff) {\n    if (diff[key] === 'transparent') {\n      let fixed = 'rgba(0, 0, 0, 0)'\n      const candidates = [previous?.[key], next?.[key]]\n      for (const candidate of candidates) {\n        if (typeof candidate === 'string' && candidate !== 'transparent') {\n          const rgbaMatch = candidate.match(/^rgba?\\(([^,]+),\\s*([^,]+),\\s*([^,)]+)/)\n          if (rgbaMatch) {\n            fixed = `rgba(${rgbaMatch[1]}, ${rgbaMatch[2]}, ${rgbaMatch[3]}, 0)`\n            break\n          }\n        }\n      }\n      if (result === diff) {\n        result = { ...diff }\n      }\n      result[key] = fixed\n    }\n  }\n  return result\n}\n"
   ]
 }