@tamagui/animations-moti 1.46.2 → 1.47.0

package/dist/cjs/createAnimations.js

@@ -32,7 +32,7 @@ __export(createAnimations_exports, {
 });
 module.exports = __toCommonJS(createAnimations_exports);
 var import_use_presence = require("@tamagui/use-presence");
-var import_moti = require("moti");
+var import_author = require("moti/author");
 var import_react = require("react");
 var import_react_native_reanimated = __toESM(require("react-native-reanimated"));
 function createAnimations(animations) {
@@ -41,6 +41,7 @@ function createAnimations(animations) {
     Text: import_react_native_reanimated.default.Text,
     isReactNative: true,
     keepStyleSSR: true,
+    supportsCSSVars: true,
     animations,
     usePresence: import_use_presence.usePresence,
     useAnimatedNumber(initial) {
@@ -100,7 +101,7 @@ function createAnimations(animations) {
         return getStyle(derivedValue.value);
       }, [val, getStyle, derivedValue]);
     },
-    useAnimations: ({ props, presence, style, state, onDidAnimate }) => {
+    useAnimations: ({ props, presence, style, onDidAnimate }) => {
       const animationKey = Array.isArray(props.animation) ? props.animation[0] : props.animation;
       let animate;
       let dontAnimate;
@@ -123,18 +124,19 @@ function createAnimations(animations) {
       const isExiting = Boolean(presence == null ? void 0 : presence[1]);
       const sendExitComplete = presence == null ? void 0 : presence[1];
       const transition = animations[animationKey];
+      const onDidAnimateCombined = (0, import_react.useCallback)(() => {
+        onDidAnimate == null ? void 0 : onDidAnimate();
+        sendExitComplete == null ? void 0 : sendExitComplete();
+      }, []);
       const motiProps = {
         animate: isExiting ? void 0 : styles,
         transition,
-        onDidAnimate() {
-          onDidAnimate == null ? void 0 : onDidAnimate();
-          sendExitComplete == null ? void 0 : sendExitComplete();
-        },
+        onDidAnimate: onDidAnimateCombined,
         usePresenceValue: presence,
         presenceContext: (0, import_react.useContext)(import_use_presence.PresenceContext),
         exit: isExiting ? styles : void 0
       };
-      const moti = (0, import_moti.useMotify)(motiProps);
+      const moti = (0, import_author.useMotify)(motiProps);
       if (process.env.NODE_ENV === "development" && props["debug"] === "verbose") {
         console.log(`Moti animation:`, {
           animate,
@@ -142,7 +144,8 @@ function createAnimations(animations) {
           styles,
           moti,
           dontAnimate,
-          isExiting
+          isExiting,
+          animateStr
         });
       }
       return {

package/dist/cjs/createAnimations.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/createAnimations.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAA6C;AAE7C,kBAA0C;AAC1C,mBAA4C;AAC5C,qCAUO;AAIA,SAAS,iBACd,YACoB;AACpB,SAAO;AAAA,IACL,MAAM,+BAAAA,QAAS;AAAA,IACf,MAAM,+BAAAA,QAAS;AAAA,IACf,eAAe;AAAA,IACf,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IAEA,kBAAkB,SAA4D;AAC5E,YAAM,kBAAc,+CAAe,OAAO;AAE1C,iBAAO;AAAA,QACL,OAAO;AAAA,UACL,cAAc;AACZ;AACA,mBAAO;AAAA,UACT;AAAA,UACA,WAAW;AACT;AACA,mBAAO,YAAY;AAAA,UACrB;AAAA,UACA,SAAS,MAAM,SAAS,EAAE,MAAM,SAAS,GAAG;AAC1C;AACA,gBAAI,OAAO,SAAS,UAAU;AAC5B,0BAAY,QAAQ;AAAA,YACtB,WAAW,OAAO,SAAS,UAAU;AACnC,0BAAY,YAAQ,2CAAW,MAAM,MAAM;AAAA,YAC7C,OAAO;AACL,0BAAY,YAAQ,2CAAW,MAAM,MAAM;AAAA,YAC7C;AAAA,UACF;AAAA,UACA,OAAO;AACL;AACA,gEAAgB,WAAW;AAAA,UAC7B;AAAA,QACF;AAAA,QACA,CAAC,WAAW;AAAA,MACd;AAAA,IACF;AAAA,IAEA,0BAA0B,EAAE,MAAM,GAAG,SAAS;AAC5C,YAAM,WAAW,MAAM,YAAY;AACnC,iBAAO;AAAA,QACL,MAAM;AACJ,iBAAO,SAAS;AAAA,QAClB;AAAA,QACA,CAAC,MAAM,SAAS;AACd,cAAI,SAAS,MAAM;AAGjB,wDAAQ,OAAO,EAAE,IAAI;AAAA,UACvB;AAAA,QACF;AAAA;AAAA,QAEA,CAAC,SAAS,QAAQ;AAAA,MACpB;AAAA,IACF;AAAA;AAAA;AAAA;AAAA,IAKA,uBAAuB,KAAK,UAAU;AACpC,YAAM,WAAW,IAAI,YAAY;AAGjC,YAAM,mBAAe,gDAAgB,MAAM;AACzC,eAAO,SAAS;AAAA,MAElB,GAAG,CAAC,QAAQ,CAAC;AAEb,iBAAO,iDAAiB,MAAM;AAC5B,eAAO,SAAS,aAAa,KAAK;AAAA,MAEpC,GAAG,CAAC,KAAK,UAAU,YAAY,CAAC;AAAA,IAClC;AAAA,IAEA,eAAe,CAAC,EAAE,OAAO,UAAU,OAAO,OAAO,aAAa,MAAM;AAClE,YAAM,eAAe,MAAM,QAAQ,MAAM,SAAS,IAC9C,MAAM,UAAU,CAAC,IACjB,MAAM;AAEV,UAAI;AACJ,UAAI;AAEJ,YAAM,cAAc,MAAM,eAAe,CAAC,aAAa,SAAS;AAChE,UAAI,aAAa;AACf,kBAAU,CAAC;AACX,sBAAc,EAAE,GAAG,MAAM;AAEzB,mBAAW,OAAO,aAAa;AAC7B,cAAI,EAAE,OAAO;AAAQ;AACrB,kBAAQ,GAAG,IAAI,MAAM,GAAG;AACxB,iBAAO,YAAY,GAAG;AAAA,QACxB;AAAA,MACF,OAAO;AACL,kBAAU,EAAE,GAAG,MAAM;AACrB,sBAAc,CAAC;AAAA,MACjB;AAIA,YAAM,aAAa,KAAK,UAAU,OAAO;AACzC,YAAM,aAAS,sBAAQ,MAAM,KAAK,MAAM,UAAU,GAAG,CAAC,UAAU,CAAC;AACjE,YAAM,YAAY,QAAQ,qCAAW,EAAE;AACvC,YAAM,mBAAmB,qCAAW;AACpC,YAAM,aAAa,WAAW,YAAuC;AAErE,YAAM,YAAY;AAAA,QAChB,SAAS,YAAY,SAAY;AAAA,QACjC;AAAA,QACA,eAAe;AACb;AACA;AAAA,QACF;AAAA,QACA,kBAAkB;AAAA,QAClB,qBAAiB,yBAAW,mCAAe;AAAA,QAC3C,MAAM,YAAY,SAAS;AAAA,MAC7B;AAEA,YAAM,WAAO,uBAAU,SAAS;AAEhC,UAAI,QAAQ,IAAI,aAAa,iBAAiB,MAAM,OAAO,MAAM,WAAW;AAE1E,gBAAQ,IAAI,mBAAmB;AAAA,UAC7B;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF,CAAC;AAAA,MACH;AAEA,aAAO;AAAA,QACL,OAAO,CAAC,aAAa,KAAK,KAAK;AAAA,MACjC;AAAA,IACF;AAAA,EACF;AACF;",
+  "mappings": "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",
   "names": ["Animated"]
 }

package/dist/esm/createAnimations.js

@@ -1,6 +1,6 @@
 import { PresenceContext, usePresence } from "@tamagui/use-presence";
-import { useMotify } from "moti";
-import { useContext, useMemo } from "react";
+import { useMotify } from "moti/author";
+import { useCallback, useContext, useMemo } from "react";
 import Animated, {
   cancelAnimation,
   runOnJS,
@@ -17,6 +17,7 @@ function createAnimations(animations) {
     Text: Animated.Text,
     isReactNative: true,
     keepStyleSSR: true,
+    supportsCSSVars: true,
     animations,
     usePresence,
     useAnimatedNumber(initial) {
@@ -76,7 +77,7 @@ function createAnimations(animations) {
         return getStyle(derivedValue.value);
       }, [val, getStyle, derivedValue]);
     },
-    useAnimations: ({ props, presence, style, state, onDidAnimate }) => {
+    useAnimations: ({ props, presence, style, onDidAnimate }) => {
       const animationKey = Array.isArray(props.animation) ? props.animation[0] : props.animation;
       let animate;
       let dontAnimate;
@@ -99,13 +100,14 @@ function createAnimations(animations) {
       const isExiting = Boolean(presence == null ? void 0 : presence[1]);
       const sendExitComplete = presence == null ? void 0 : presence[1];
       const transition = animations[animationKey];
+      const onDidAnimateCombined = useCallback(() => {
+        onDidAnimate == null ? void 0 : onDidAnimate();
+        sendExitComplete == null ? void 0 : sendExitComplete();
+      }, []);
       const motiProps = {
         animate: isExiting ? void 0 : styles,
         transition,
-        onDidAnimate() {
-          onDidAnimate == null ? void 0 : onDidAnimate();
-          sendExitComplete == null ? void 0 : sendExitComplete();
-        },
+        onDidAnimate: onDidAnimateCombined,
         usePresenceValue: presence,
         presenceContext: useContext(PresenceContext),
         exit: isExiting ? styles : void 0
@@ -118,7 +120,8 @@ function createAnimations(animations) {
           styles,
           moti,
           dontAnimate,
-          isExiting
+          isExiting,
+          animateStr
         });
       }
       return {

package/dist/esm/createAnimations.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/createAnimations.tsx"],
-  "mappings": "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",
+  "mappings": "AAAA,SAAS,iBAAiB,mBAAmB;AAG7C,SAAS,iBAAiB;AAC1B,SAAS,aAAa,YAAY,eAAe;AACjD,OAAO;AAAA,EAEL;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAIA,SAAS,iBACd,YACoB;AACpB,SAAO;AAAA,IACL,MAAM,SAAS;AAAA,IACf,MAAM,SAAS;AAAA,IACf,eAAe;AAAA,IACf,cAAc;AAAA,IACd,iBAAiB;AAAA,IACjB;AAAA,IACA;AAAA,IAEA,kBAAkB,SAA4D;AAC5E,YAAM,cAAc,eAAe,OAAO;AAE1C,aAAO;AAAA,QACL,OAAO;AAAA,UACL,cAAc;AACZ;AACA,mBAAO;AAAA,UACT;AAAA,UACA,WAAW;AACT;AACA,mBAAO,YAAY;AAAA,UACrB;AAAA,UACA,SAAS,MAAM,SAAS,EAAE,MAAM,SAAS,GAAG;AAC1C;AACA,gBAAI,OAAO,SAAS,UAAU;AAC5B,0BAAY,QAAQ;AAAA,YACtB,WAAW,OAAO,SAAS,UAAU;AACnC,0BAAY,QAAQ,WAAW,MAAM,MAAM;AAAA,YAC7C,OAAO;AACL,0BAAY,QAAQ,WAAW,MAAM,MAAM;AAAA,YAC7C;AAAA,UACF;AAAA,UACA,OAAO;AACL;AACA,4BAAgB,WAAW;AAAA,UAC7B;AAAA,QACF;AAAA,QACA,CAAC,WAAW;AAAA,MACd;AAAA,IACF;AAAA,IAEA,0BAA0B,EAAE,MAAM,GAAG,SAAS;AAC5C,YAAM,WAAW,MAAM,YAAY;AACnC,aAAO;AAAA,QACL,MAAM;AACJ,iBAAO,SAAS;AAAA,QAClB;AAAA,QACA,CAAC,MAAM,SAAS;AACd,cAAI,SAAS,MAAM;AAGjB,oBAAQ,OAAO,EAAE,IAAI;AAAA,UACvB;AAAA,QACF;AAAA;AAAA,QAEA,CAAC,SAAS,QAAQ;AAAA,MACpB;AAAA,IACF;AAAA;AAAA;AAAA;AAAA,IAKA,uBAAuB,KAAK,UAAU;AACpC,YAAM,WAAW,IAAI,YAAY;AAGjC,YAAM,eAAe,gBAAgB,MAAM;AACzC,eAAO,SAAS;AAAA,MAElB,GAAG,CAAC,QAAQ,CAAC;AAEb,aAAO,iBAAiB,MAAM;AAC5B,eAAO,SAAS,aAAa,KAAK;AAAA,MAEpC,GAAG,CAAC,KAAK,UAAU,YAAY,CAAC;AAAA,IAClC;AAAA,IAEA,eAAe,CAAC,EAAE,OAAO,UAAU,OAAO,aAAa,MAAM;AAC3D,YAAM,eAAe,MAAM,QAAQ,MAAM,SAAS,IAC9C,MAAM,UAAU,CAAC,IACjB,MAAM;AAEV,UAAI;AACJ,UAAI;AAEJ,YAAM,cAAc,MAAM,eAAe,CAAC,aAAa,SAAS;AAChE,UAAI,aAAa;AACf,kBAAU,CAAC;AACX,sBAAc,EAAE,GAAG,MAAM;AACzB,mBAAW,OAAO,aAAa;AAC7B,cAAI,EAAE,OAAO;AAAQ;AACrB,kBAAQ,GAAG,IAAI,MAAM,GAAG;AACxB,iBAAO,YAAY,GAAG;AAAA,QACxB;AAAA,MACF,OAAO;AACL,kBAAU,EAAE,GAAG,MAAM;AACrB,sBAAc,CAAC;AAAA,MACjB;AAIA,YAAM,aAAa,KAAK,UAAU,OAAO;AACzC,YAAM,SAAS,QAAQ,MAAM,KAAK,MAAM,UAAU,GAAG,CAAC,UAAU,CAAC;AACjE,YAAM,YAAY,QAAQ,qCAAW,EAAE;AACvC,YAAM,mBAAmB,qCAAW;AACpC,YAAM,aAAa,WAAW,YAAuC;AAErE,YAAM,uBAAuB,YAAY,MAAM;AAC7C;AACA;AAAA,MACF,GAAG,CAAC,CAAC;AAEL,YAAM,YAAY;AAAA,QAChB,SAAS,YAAY,SAAY;AAAA,QACjC;AAAA,QACA,cAAc;AAAA,QACd,kBAAkB;AAAA,QAClB,iBAAiB,WAAW,eAAe;AAAA,QAC3C,MAAM,YAAY,SAAS;AAAA,MAC7B;AAEA,YAAM,OAAO,UAAU,SAAS;AAEhC,UAAI,QAAQ,IAAI,aAAa,iBAAiB,MAAM,OAAO,MAAM,WAAW;AAE1E,gBAAQ,IAAI,mBAAmB;AAAA,UAC7B;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF,CAAC;AAAA,MACH;AAEA,aAAO;AAAA,QACL,OAAO,CAAC,aAAa,KAAK,KAAK;AAAA,MACjC;AAAA,IACF;AAAA,EACF;AACF;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/animations-moti",
-  "version": "1.46.2",
+  "version": "1.47.0",
   "source": "src/index.ts",
   "license": "MIT",
   "types": "./types/index.d.ts",
@@ -12,12 +12,12 @@
     "dist"
   ],
   "dependencies": {
-    "@tamagui/use-presence": "1.46.2",
-    "@tamagui/web": "1.46.2",
+    "@tamagui/use-presence": "1.47.0",
+    "@tamagui/web": "1.47.0",
     "moti": "^0.25.3"
   },
   "devDependencies": {
-    "@tamagui/build": "1.46.2",
+    "@tamagui/build": "1.47.0",
     "react-native-reanimated": "^3.3.0"
   },
   "scripts": {

package/src/createAnimations.tsx

@@ -1,7 +1,8 @@
 import { PresenceContext, usePresence } from '@tamagui/use-presence'
-import { AnimationDriver, UniversalAnimatedNumber, useSafeRef } from '@tamagui/web'
-import { MotiTransition, useMotify } from 'moti'
-import { useContext, useMemo, useRef } from 'react'
+import { AnimationDriver, UniversalAnimatedNumber } from '@tamagui/web'
+import type { MotiTransition } from 'moti'
+import { useMotify } from 'moti/author'
+import { useCallback, useContext, useMemo } from 'react'
 import Animated, {
   SharedValue,
   cancelAnimation,
@@ -24,6 +25,7 @@ export function createAnimations<A extends Record<string, MotiTransition>>(
     Text: Animated.Text,
     isReactNative: true,
     keepStyleSSR: true,
+    supportsCSSVars: true,
     animations,
     usePresence,
 
@@ -95,7 +97,7 @@ export function createAnimations<A extends Record<string, MotiTransition>>(
       }, [val, getStyle, derivedValue])
     },
 
-    useAnimations: ({ props, presence, style, state, onDidAnimate }) => {
+    useAnimations: ({ props, presence, style, onDidAnimate }) => {
       const animationKey = Array.isArray(props.animation)
         ? props.animation[0]
         : props.animation
@@ -107,7 +109,6 @@ export function createAnimations<A extends Record<string, MotiTransition>>(
       if (animateOnly) {
         animate = {}
         dontAnimate = { ...style }
-
         for (const key of animateOnly) {
           if (!(key in style)) continue
           animate[key] = style[key]
@@ -126,13 +127,15 @@ export function createAnimations<A extends Record<string, MotiTransition>>(
       const sendExitComplete = presence?.[1]
       const transition = animations[animationKey as keyof typeof animations]
 
+      const onDidAnimateCombined = useCallback(() => {
+        onDidAnimate?.()
+        sendExitComplete?.()
+      }, [])
+
       const motiProps = {
         animate: isExiting ? undefined : styles,
         transition,
-        onDidAnimate() {
-          onDidAnimate?.()
-          sendExitComplete?.()
-        },
+        onDidAnimate: onDidAnimateCombined,
         usePresenceValue: presence as any,
         presenceContext: useContext(PresenceContext),
         exit: isExiting ? styles : undefined,
@@ -149,6 +152,7 @@ export function createAnimations<A extends Record<string, MotiTransition>>(
           moti,
           dontAnimate,
           isExiting,
+          animateStr,
         })
       }
 

package/types/createAnimations.d.ts

@@ -1,4 +1,4 @@
 import { AnimationDriver } from '@tamagui/web';
-import { MotiTransition } from 'moti';
+import type { MotiTransition } from 'moti';
 export declare function createAnimations<A extends Record<string, MotiTransition>>(animations: A): AnimationDriver<A>;
 //# sourceMappingURL=createAnimations.d.ts.map

package/types/createAnimations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createAnimations.d.ts","sourceRoot":"","sources":["../src/createAnimations.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAuC,MAAM,cAAc,CAAA;AACnF,OAAO,EAAE,cAAc,EAAa,MAAM,MAAM,CAAA;AAgBhD,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,EACvE,UAAU,EAAE,CAAC,GACZ,eAAe,CAAC,CAAC,CAAC,CA2IpB"}
+{"version":3,"file":"createAnimations.d.ts","sourceRoot":"","sources":["../src/createAnimations.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAA2B,MAAM,cAAc,CAAA;AACvE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,MAAM,CAAA;AAiB1C,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,EACvE,UAAU,EAAE,CAAC,GACZ,eAAe,CAAC,CAAC,CAAC,CA8IpB"}