@tamagui/animations-css 1.103.0 → 1.103.1

package/dist/cjs/createAnimations.js

@@ -60,7 +60,7 @@ function createAnimations(animations) {
       return getStyle(val.getValue());
     },
     useAnimations: ({ props, presence, style, componentState, stateRef }) => {
-      const isEntering = !!componentState.unmounted, isExiting = presence?.[0] === !1, sendExitComplete = presence?.[1], [animationKey, animationConfig] = [].concat(props.animation), animation = animations[animationKey], keys = props.animateOnly ?? ["all"];
+      const isEntering = !!componentState.unmounted, isExiting = presence?.[0] === !1, sendExitComplete = presence?.[1], [animationKey, animationConfig] = Array.isArray(props.animation) ? props.animation : [props.animation], animation = animations[animationKey], keys = props.animateOnly ?? ["all"];
       return (0, import_constants.useIsomorphicLayoutEffect)(() => {
         const host = stateRef.current.host;
         if (!sendExitComplete || !isExiting || !host) return;
@@ -70,10 +70,18 @@ function createAnimations(animations) {
         return node.addEventListener("transitionend", onFinishAnimation), node.addEventListener("transitioncancel", onFinishAnimation), () => {
           node.removeEventListener("transitionend", onFinishAnimation), node.removeEventListener("transitioncancel", onFinishAnimation);
         };
-      }, [sendExitComplete, isExiting]), animation ? (Array.isArray(style.transform) && (style.transform = (0, import_web.transformsToString)(style.transform)), style.transition = keys.map((key) => {
+      }, [sendExitComplete, isExiting]), animation && (Array.isArray(style.transform) && (style.transform = (0, import_web.transformsToString)(style.transform)), style.transition = keys.map((key) => {
         const override = animations[animationConfig?.[key]] ?? animation;
         return `${key} ${override}`;
-      }).join(", "), process.env.NODE_ENV === "development" && props.debug && console.info("CSS animation", style, style.transition, { isEntering, isExiting }), { style }) : null;
+      }).join(", ")), process.env.NODE_ENV === "development" && props.debug && console.info("CSS animation", {
+        props,
+        animations,
+        animation,
+        animationKey,
+        style,
+        isEntering,
+        isExiting
+      }), animation ? { style, className: isEntering ? "t_unmounted" : "" } : null;
     }
   };
 }

package/dist/cjs/createAnimations.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/createAnimations.tsx"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,uBAA0C,+BAE1C,aAAmC,yBACnC,sBAA2C,kCAC3C,eAAoC;AAE7B,SAAS,iBAAmC,YAAmC;AACpF,QAAM,oBAAoB,oBAAI,QAA4B;AAE1D,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,iBAAiB;AAAA,IAEjB,kBAAkB,SAA4C;AAC5D,YAAM,CAAC,KAAK,MAAM,QAAI,uBAAS,OAAO;AAEtC,aAAO;AAAA,QACL,cAAc;AACZ,iBAAO;AAAA,QACT;AAAA,QACA,WAAW;AACT,iBAAO;AAAA,QACT;AAAA,QACA,SAAS,MAAM,QAAQ,UAAU;AAC/B,iBAAO,IAAI;AACX,gBAAM,YAAY,kBAAkB,IAAI,MAAM;AAC9C,UAAI,aACF,UAAU,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC,GAGpC,WAAW;AAAA,QACb;AAAA,QACA,OAAO;AAAA,QAAC;AAAA,MACV;AAAA,IACF;AAAA,IAEA,0BAA0B,EAAE,MAAM,GAAG,SAAS;AAC5C,kCAAU,MAAM;AACd,cAAM,WAAW,MAAM,YAAY;AACnC,YAAI,QAAQ,kBAAkB,IAAI,QAAQ;AAC1C,YAAI,CAAC,OAAO;AACV,gBAAM,OAAO,oBAAI,IAAc;AAC/B,4BAAkB,IAAI,UAAU,IAAI,GACpC,QAAQ;AAAA,QACV;AACA,qBAAM,IAAI,OAAO,GACV,MAAM;AACX,iBAAO,OAAO,OAAO;AAAA,QACvB;AAAA,MACF,GAAG,CAAC,CAAC;AAAA,IACP;AAAA,IAEA,uBAAuB,KAAK,UAAU;AACpC,aAAO,SAAS,IAAI,SAAS,CAAC;AAAA,IAChC;AAAA,IAEA,eAAe,CAAC,EAAE,OAAO,UAAU,OAAO,gBAAgB,SAAS,MAAM;AACvE,YAAM,aAAa,CAAC,CAAC,eAAe,WAC9B,YAAY,WAAW,CAAC,MAAM,IAC9B,mBAAmB,WAAW,CAAC,GAE/B,CAAC,cAAc,eAAe,IAAI,CAAC,EAAE,OAAO,MAAM,SAAS,GAC3D,YAAY,WAAW,YAAY,GACnC,OAAO,MAAM,eAAe,CAAC,KAAK;AAkDxC,iBAhDA,4CAA0B,MAAM;AAC9B,cAAM,OAAO,SAAS,QAAQ;AAC9B,YAAI,CAAC,oBAAoB,CAAC,aAAa,CAAC,KAAM;AAC9C,cAAM,OAAO,MACP,oBAAoB,MAAM;AAC9B,6BAAmB;AAAA,QACrB;AACA,oBAAK,iBAAiB,iBAAiB,iBAAiB,GACxD,KAAK,iBAAiB,oBAAoB,iBAAiB,GACpD,MAAM;AACX,eAAK,oBAAoB,iBAAiB,iBAAiB,GAC3D,KAAK,oBAAoB,oBAAoB,iBAAiB;AAAA,QAChE;AAAA,MACF,GAAG,CAAC,kBAAkB,SAAS,CAAC,GAmC3B,aAID,MAAM,QAAQ,MAAM,SAAS,MAC/B,MAAM,gBAAY,+BAAmB,MAAM,SAAS,IAMtD,MAAM,aAAa,KAChB,IAAI,CAAC,QAAQ;AACZ,cAAM,WAAW,WAAW,kBAAkB,GAAG,CAAC,KAAK;AACvD,eAAO,GAAG,GAAG,IAAI,QAAQ;AAAA,MAC3B,CAAC,EACA,KAAK,IAAI,GAMR,QAAQ,IAAI,aAAa,iBAAiB,MAAM,SAClD,QAAQ,KAAK,iBAAiB,OAAO,MAAM,YAAY,EAAE,YAAY,UAAU,CAAC,GAG3E,EAAE,MAAM,KAzBN;AAAA,IA0BX;AAAA,EACF;AACF;",
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,uBAA0C,+BAE1C,aAAmC,yBACnC,sBAA2C,kCAC3C,eAAoC;AAE7B,SAAS,iBAAmC,YAAmC;AACpF,QAAM,oBAAoB,oBAAI,QAA4B;AAE1D,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,iBAAiB;AAAA,IAEjB,kBAAkB,SAA4C;AAC5D,YAAM,CAAC,KAAK,MAAM,QAAI,uBAAS,OAAO;AAEtC,aAAO;AAAA,QACL,cAAc;AACZ,iBAAO;AAAA,QACT;AAAA,QACA,WAAW;AACT,iBAAO;AAAA,QACT;AAAA,QACA,SAAS,MAAM,QAAQ,UAAU;AAC/B,iBAAO,IAAI;AACX,gBAAM,YAAY,kBAAkB,IAAI,MAAM;AAC9C,UAAI,aACF,UAAU,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC,GAGpC,WAAW;AAAA,QACb;AAAA,QACA,OAAO;AAAA,QAAC;AAAA,MACV;AAAA,IACF;AAAA,IAEA,0BAA0B,EAAE,MAAM,GAAG,SAAS;AAC5C,kCAAU,MAAM;AACd,cAAM,WAAW,MAAM,YAAY;AACnC,YAAI,QAAQ,kBAAkB,IAAI,QAAQ;AAC1C,YAAI,CAAC,OAAO;AACV,gBAAM,OAAO,oBAAI,IAAc;AAC/B,4BAAkB,IAAI,UAAU,IAAI,GACpC,QAAQ;AAAA,QACV;AACA,qBAAM,IAAI,OAAO,GACV,MAAM;AACX,iBAAO,OAAO,OAAO;AAAA,QACvB;AAAA,MACF,GAAG,CAAC,CAAC;AAAA,IACP;AAAA,IAEA,uBAAuB,KAAK,UAAU;AACpC,aAAO,SAAS,IAAI,SAAS,CAAC;AAAA,IAChC;AAAA,IAEA,eAAe,CAAC,EAAE,OAAO,UAAU,OAAO,gBAAgB,SAAS,MAAM;AACvE,YAAM,aAAa,CAAC,CAAC,eAAe,WAC9B,YAAY,WAAW,CAAC,MAAM,IAC9B,mBAAmB,WAAW,CAAC,GAE/B,CAAC,cAAc,eAAe,IAAI,MAAM,QAAQ,MAAM,SAAS,IACjE,MAAM,YACN,CAAC,MAAM,SAAS,GACd,YAAY,WAAW,YAAY,GACnC,OAAO,MAAM,eAAe,CAAC,KAAK;AA6CxC,iBA3CA,4CAA0B,MAAM;AAC9B,cAAM,OAAO,SAAS,QAAQ;AAC9B,YAAI,CAAC,oBAAoB,CAAC,aAAa,CAAC,KAAM;AAC9C,cAAM,OAAO,MACP,oBAAoB,MAAM;AAC9B,6BAAmB;AAAA,QACrB;AACA,oBAAK,iBAAiB,iBAAiB,iBAAiB,GACxD,KAAK,iBAAiB,oBAAoB,iBAAiB,GACpD,MAAM;AACX,eAAK,oBAAoB,iBAAiB,iBAAiB,GAC3D,KAAK,oBAAoB,oBAAoB,iBAAiB;AAAA,QAChE;AAAA,MACF,GAAG,CAAC,kBAAkB,SAAS,CAAC,GAE5B,cACE,MAAM,QAAQ,MAAM,SAAS,MAC/B,MAAM,gBAAY,+BAAmB,MAAM,SAAS,IAMtD,MAAM,aAAa,KAChB,IAAI,CAAC,QAAQ;AACZ,cAAM,WAAW,WAAW,kBAAkB,GAAG,CAAC,KAAK;AACvD,eAAO,GAAG,GAAG,IAAI,QAAQ;AAAA,MAC3B,CAAC,EACA,KAAK,IAAI,IAGV,QAAQ,IAAI,aAAa,iBAAiB,MAAM,SAClD,QAAQ,KAAK,iBAAiB;AAAA,QAC5B;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF,CAAC,GAGE,YAIE,EAAE,OAAO,WAAW,aAAa,gBAAgB,GAAG,IAHlD;AAAA,IAIX;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/cjs/createAnimations.native.js

@@ -104,7 +104,9 @@ function createAnimations(animations) {
       return getStyle(val.getValue());
     },
     useAnimations: function(param) {
-      var props = param.props, presence = param.presence, style = param.style, componentState = param.componentState, stateRef = param.stateRef, isEntering = !!componentState.unmounted, isExiting = (presence == null ? void 0 : presence[0]) === !1, sendExitComplete = presence == null ? void 0 : presence[1], _concat = _sliced_to_array([].concat(props.animation), 2), animationKey = _concat[0], animationConfig = _concat[1], animation = animations[animationKey], _props_animateOnly, keys = (_props_animateOnly = props.animateOnly) !== null && _props_animateOnly !== void 0 ? _props_animateOnly : [
+      var props = param.props, presence = param.presence, style = param.style, componentState = param.componentState, stateRef = param.stateRef, isEntering = !!componentState.unmounted, isExiting = (presence == null ? void 0 : presence[0]) === !1, sendExitComplete = presence == null ? void 0 : presence[1], _ref = _sliced_to_array(Array.isArray(props.animation) ? props.animation : [
+        props.animation
+      ], 2), animationKey = _ref[0], animationConfig = _ref[1], animation = animations[animationKey], _props_animateOnly, keys = (_props_animateOnly = props.animateOnly) !== null && _props_animateOnly !== void 0 ? _props_animateOnly : [
         "all"
       ];
       return (0, import_constants.useIsomorphicLayoutEffect)(function() {
@@ -120,15 +122,21 @@ function createAnimations(animations) {
       }, [
         sendExitComplete,
         isExiting
-      ]), animation ? (Array.isArray(style.transform) && (style.transform = (0, import_web.transformsToString)(style.transform)), style.transition = keys.map(function(key) {
+      ]), animation && (Array.isArray(style.transform) && (style.transform = (0, import_web.transformsToString)(style.transform)), style.transition = keys.map(function(key) {
         var _animations_animationConfig_key, override = (_animations_animationConfig_key = animations[animationConfig == null ? void 0 : animationConfig[key]]) !== null && _animations_animationConfig_key !== void 0 ? _animations_animationConfig_key : animation;
         return "".concat(key, " ").concat(override);
-      }).join(", "), process.env.NODE_ENV === "development" && props.debug && console.info("CSS animation", style, style.transition, {
+      }).join(", ")), process.env.NODE_ENV === "development" && props.debug && console.info("CSS animation", {
+        props,
+        animations,
+        animation,
+        animationKey,
+        style,
         isEntering,
         isExiting
-      }), {
-        style
-      }) : null;
+      }), animation ? {
+        style,
+        className: isEntering ? "t_unmounted" : ""
+      } : null;
     }
   };
 }

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/code/core/animations-css/src/createAnimations.tsx"],
-  "mappings": "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",
-  "names": ["createAnimations", "animations", "reactionListeners", "WeakMap", "usePresence", "ResetPresence", "supportsCSSVars", "useAnimatedNumber", "initial", "useState", "val", "setVal", "getInstance", "getValue", "setValue", "next", "config", "onFinish", "listeners", "get", "forEach", "cb", "stop", "useAnimatedNumberReaction", "onValue", "value", "useEffect", "instance", "queue", "Set", "set", "add", "delete", "useAnimatedNumberStyle", "getStyle", "useAnimations", "props", "presence", "style", "componentState", "stateRef", "isEntering", "unmounted", "isExiting", "sendExitComplete", "concat", "animation", "animationKey", "animationConfig", "keys", "animateOnly", "useIsomorphicLayoutEffect", "host", "current", "node", "onFinishAnimation", "addEventListener", "removeEventListener", "Array", "isArray", "transform", "transformsToString", "transition", "map", "key", "override", "join", "process", "env", "NODE_ENV", "console", "info"]
+  "mappings": "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",
+  "names": ["createAnimations", "animations", "reactionListeners", "WeakMap", "usePresence", "ResetPresence", "supportsCSSVars", "useAnimatedNumber", "initial", "useState", "val", "setVal", "getInstance", "getValue", "setValue", "next", "config", "onFinish", "listeners", "get", "forEach", "cb", "stop", "useAnimatedNumberReaction", "onValue", "value", "useEffect", "instance", "queue", "Set", "set", "add", "delete", "useAnimatedNumberStyle", "getStyle", "useAnimations", "props", "presence", "style", "componentState", "stateRef", "isEntering", "unmounted", "isExiting", "sendExitComplete", "Array", "isArray", "animation", "animationKey", "animationConfig", "keys", "animateOnly", "useIsomorphicLayoutEffect", "host", "current", "node", "onFinishAnimation", "addEventListener", "removeEventListener", "transform", "transformsToString", "transition", "map", "key", "override", "join", "process", "env", "NODE_ENV", "console", "info", "className"]
 }

package/dist/esm/createAnimations.js

@@ -44,7 +44,7 @@ function createAnimations(animations) {
       return getStyle(val.getValue());
     },
     useAnimations: ({ props, presence, style, componentState, stateRef }) => {
-      const isEntering = !!componentState.unmounted, isExiting = presence?.[0] === !1, sendExitComplete = presence?.[1], [animationKey, animationConfig] = [].concat(props.animation), animation = animations[animationKey], keys = props.animateOnly ?? ["all"];
+      const isEntering = !!componentState.unmounted, isExiting = presence?.[0] === !1, sendExitComplete = presence?.[1], [animationKey, animationConfig] = Array.isArray(props.animation) ? props.animation : [props.animation], animation = animations[animationKey], keys = props.animateOnly ?? ["all"];
       return useIsomorphicLayoutEffect(() => {
         const host = stateRef.current.host;
         if (!sendExitComplete || !isExiting || !host) return;
@@ -54,10 +54,18 @@ function createAnimations(animations) {
         return node.addEventListener("transitionend", onFinishAnimation), node.addEventListener("transitioncancel", onFinishAnimation), () => {
           node.removeEventListener("transitionend", onFinishAnimation), node.removeEventListener("transitioncancel", onFinishAnimation);
         };
-      }, [sendExitComplete, isExiting]), animation ? (Array.isArray(style.transform) && (style.transform = transformsToString(style.transform)), style.transition = keys.map((key) => {
+      }, [sendExitComplete, isExiting]), animation && (Array.isArray(style.transform) && (style.transform = transformsToString(style.transform)), style.transition = keys.map((key) => {
         const override = animations[animationConfig?.[key]] ?? animation;
         return `${key} ${override}`;
-      }).join(", "), process.env.NODE_ENV === "development" && props.debug && console.info("CSS animation", style, style.transition, { isEntering, isExiting }), { style }) : null;
+      }).join(", ")), process.env.NODE_ENV === "development" && props.debug && console.info("CSS animation", {
+        props,
+        animations,
+        animation,
+        animationKey,
+        style,
+        isEntering,
+        isExiting
+      }), animation ? { style, className: isEntering ? "t_unmounted" : "" } : null;
     }
   };
 }

package/dist/esm/createAnimations.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/createAnimations.tsx"],
-  "mappings": "AACA,SAAS,iCAAiC;AAE1C,SAAS,0BAA0B;AACnC,SAAS,eAAe,mBAAmB;AAC3C,SAAS,WAAW,gBAAgB;AAE7B,SAAS,iBAAmC,YAAmC;AACpF,QAAM,oBAAoB,oBAAI,QAA4B;AAE1D,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,iBAAiB;AAAA,IAEjB,kBAAkB,SAA4C;AAC5D,YAAM,CAAC,KAAK,MAAM,IAAI,SAAS,OAAO;AAEtC,aAAO;AAAA,QACL,cAAc;AACZ,iBAAO;AAAA,QACT;AAAA,QACA,WAAW;AACT,iBAAO;AAAA,QACT;AAAA,QACA,SAAS,MAAM,QAAQ,UAAU;AAC/B,iBAAO,IAAI;AACX,gBAAM,YAAY,kBAAkB,IAAI,MAAM;AAC9C,UAAI,aACF,UAAU,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC,GAGpC,WAAW;AAAA,QACb;AAAA,QACA,OAAO;AAAA,QAAC;AAAA,MACV;AAAA,IACF;AAAA,IAEA,0BAA0B,EAAE,MAAM,GAAG,SAAS;AAC5C,gBAAU,MAAM;AACd,cAAM,WAAW,MAAM,YAAY;AACnC,YAAI,QAAQ,kBAAkB,IAAI,QAAQ;AAC1C,YAAI,CAAC,OAAO;AACV,gBAAM,OAAO,oBAAI,IAAc;AAC/B,4BAAkB,IAAI,UAAU,IAAI,GACpC,QAAQ;AAAA,QACV;AACA,qBAAM,IAAI,OAAO,GACV,MAAM;AACX,iBAAO,OAAO,OAAO;AAAA,QACvB;AAAA,MACF,GAAG,CAAC,CAAC;AAAA,IACP;AAAA,IAEA,uBAAuB,KAAK,UAAU;AACpC,aAAO,SAAS,IAAI,SAAS,CAAC;AAAA,IAChC;AAAA,IAEA,eAAe,CAAC,EAAE,OAAO,UAAU,OAAO,gBAAgB,SAAS,MAAM;AACvE,YAAM,aAAa,CAAC,CAAC,eAAe,WAC9B,YAAY,WAAW,CAAC,MAAM,IAC9B,mBAAmB,WAAW,CAAC,GAE/B,CAAC,cAAc,eAAe,IAAI,CAAC,EAAE,OAAO,MAAM,SAAS,GAC3D,YAAY,WAAW,YAAY,GACnC,OAAO,MAAM,eAAe,CAAC,KAAK;AAkDxC,aAhDA,0BAA0B,MAAM;AAC9B,cAAM,OAAO,SAAS,QAAQ;AAC9B,YAAI,CAAC,oBAAoB,CAAC,aAAa,CAAC,KAAM;AAC9C,cAAM,OAAO,MACP,oBAAoB,MAAM;AAC9B,6BAAmB;AAAA,QACrB;AACA,oBAAK,iBAAiB,iBAAiB,iBAAiB,GACxD,KAAK,iBAAiB,oBAAoB,iBAAiB,GACpD,MAAM;AACX,eAAK,oBAAoB,iBAAiB,iBAAiB,GAC3D,KAAK,oBAAoB,oBAAoB,iBAAiB;AAAA,QAChE;AAAA,MACF,GAAG,CAAC,kBAAkB,SAAS,CAAC,GAmC3B,aAID,MAAM,QAAQ,MAAM,SAAS,MAC/B,MAAM,YAAY,mBAAmB,MAAM,SAAS,IAMtD,MAAM,aAAa,KAChB,IAAI,CAAC,QAAQ;AACZ,cAAM,WAAW,WAAW,kBAAkB,GAAG,CAAC,KAAK;AACvD,eAAO,GAAG,GAAG,IAAI,QAAQ;AAAA,MAC3B,CAAC,EACA,KAAK,IAAI,GAMR,QAAQ,IAAI,aAAa,iBAAiB,MAAM,SAClD,QAAQ,KAAK,iBAAiB,OAAO,MAAM,YAAY,EAAE,YAAY,UAAU,CAAC,GAG3E,EAAE,MAAM,KAzBN;AAAA,IA0BX;AAAA,EACF;AACF;",
+  "mappings": "AACA,SAAS,iCAAiC;AAE1C,SAAS,0BAA0B;AACnC,SAAS,eAAe,mBAAmB;AAC3C,SAAS,WAAW,gBAAgB;AAE7B,SAAS,iBAAmC,YAAmC;AACpF,QAAM,oBAAoB,oBAAI,QAA4B;AAE1D,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,iBAAiB;AAAA,IAEjB,kBAAkB,SAA4C;AAC5D,YAAM,CAAC,KAAK,MAAM,IAAI,SAAS,OAAO;AAEtC,aAAO;AAAA,QACL,cAAc;AACZ,iBAAO;AAAA,QACT;AAAA,QACA,WAAW;AACT,iBAAO;AAAA,QACT;AAAA,QACA,SAAS,MAAM,QAAQ,UAAU;AAC/B,iBAAO,IAAI;AACX,gBAAM,YAAY,kBAAkB,IAAI,MAAM;AAC9C,UAAI,aACF,UAAU,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC,GAGpC,WAAW;AAAA,QACb;AAAA,QACA,OAAO;AAAA,QAAC;AAAA,MACV;AAAA,IACF;AAAA,IAEA,0BAA0B,EAAE,MAAM,GAAG,SAAS;AAC5C,gBAAU,MAAM;AACd,cAAM,WAAW,MAAM,YAAY;AACnC,YAAI,QAAQ,kBAAkB,IAAI,QAAQ;AAC1C,YAAI,CAAC,OAAO;AACV,gBAAM,OAAO,oBAAI,IAAc;AAC/B,4BAAkB,IAAI,UAAU,IAAI,GACpC,QAAQ;AAAA,QACV;AACA,qBAAM,IAAI,OAAO,GACV,MAAM;AACX,iBAAO,OAAO,OAAO;AAAA,QACvB;AAAA,MACF,GAAG,CAAC,CAAC;AAAA,IACP;AAAA,IAEA,uBAAuB,KAAK,UAAU;AACpC,aAAO,SAAS,IAAI,SAAS,CAAC;AAAA,IAChC;AAAA,IAEA,eAAe,CAAC,EAAE,OAAO,UAAU,OAAO,gBAAgB,SAAS,MAAM;AACvE,YAAM,aAAa,CAAC,CAAC,eAAe,WAC9B,YAAY,WAAW,CAAC,MAAM,IAC9B,mBAAmB,WAAW,CAAC,GAE/B,CAAC,cAAc,eAAe,IAAI,MAAM,QAAQ,MAAM,SAAS,IACjE,MAAM,YACN,CAAC,MAAM,SAAS,GACd,YAAY,WAAW,YAAY,GACnC,OAAO,MAAM,eAAe,CAAC,KAAK;AA6CxC,aA3CA,0BAA0B,MAAM;AAC9B,cAAM,OAAO,SAAS,QAAQ;AAC9B,YAAI,CAAC,oBAAoB,CAAC,aAAa,CAAC,KAAM;AAC9C,cAAM,OAAO,MACP,oBAAoB,MAAM;AAC9B,6BAAmB;AAAA,QACrB;AACA,oBAAK,iBAAiB,iBAAiB,iBAAiB,GACxD,KAAK,iBAAiB,oBAAoB,iBAAiB,GACpD,MAAM;AACX,eAAK,oBAAoB,iBAAiB,iBAAiB,GAC3D,KAAK,oBAAoB,oBAAoB,iBAAiB;AAAA,QAChE;AAAA,MACF,GAAG,CAAC,kBAAkB,SAAS,CAAC,GAE5B,cACE,MAAM,QAAQ,MAAM,SAAS,MAC/B,MAAM,YAAY,mBAAmB,MAAM,SAAS,IAMtD,MAAM,aAAa,KAChB,IAAI,CAAC,QAAQ;AACZ,cAAM,WAAW,WAAW,kBAAkB,GAAG,CAAC,KAAK;AACvD,eAAO,GAAG,GAAG,IAAI,QAAQ;AAAA,MAC3B,CAAC,EACA,KAAK,IAAI,IAGV,QAAQ,IAAI,aAAa,iBAAiB,MAAM,SAClD,QAAQ,KAAK,iBAAiB;AAAA,QAC5B;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF,CAAC,GAGE,YAIE,EAAE,OAAO,WAAW,aAAa,gBAAgB,GAAG,IAHlD;AAAA,IAIX;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/esm/createAnimations.mjs

@@ -54,7 +54,7 @@ function createAnimations(animations) {
       const isEntering = !!componentState.unmounted,
         isExiting = presence?.[0] === !1,
         sendExitComplete = presence?.[1],
-        [animationKey, animationConfig] = [].concat(props.animation),
+        [animationKey, animationConfig] = Array.isArray(props.animation) ? props.animation : [props.animation],
         animation = animations[animationKey],
         keys = props.animateOnly ?? ["all"];
       return useIsomorphicLayoutEffect(() => {
@@ -67,15 +67,21 @@ function createAnimations(animations) {
         return node.addEventListener("transitionend", onFinishAnimation), node.addEventListener("transitioncancel", onFinishAnimation), () => {
           node.removeEventListener("transitionend", onFinishAnimation), node.removeEventListener("transitioncancel", onFinishAnimation);
         };
-      }, [sendExitComplete, isExiting]), animation ? (Array.isArray(style.transform) && (style.transform = transformsToString(style.transform)), style.transition = keys.map(key => {
+      }, [sendExitComplete, isExiting]), animation && (Array.isArray(style.transform) && (style.transform = transformsToString(style.transform)), style.transition = keys.map(key => {
         const override = animations[animationConfig?.[key]] ?? animation;
         return `${key} ${override}`;
-      }).join(", "), process.env.NODE_ENV === "development" && props.debug && console.info("CSS animation", style, style.transition, {
+      }).join(", ")), process.env.NODE_ENV === "development" && props.debug && console.info("CSS animation", {
+        props,
+        animations,
+        animation,
+        animationKey,
+        style,
         isEntering,
         isExiting
-      }), {
-        style
-      }) : null;
+      }), animation ? {
+        style,
+        className: isEntering ? "t_unmounted" : ""
+      } : null;
     }
   };
 }

package/dist/esm/createAnimations.native.js

@@ -87,7 +87,9 @@ function createAnimations(animations) {
       return getStyle(val.getValue());
     },
     useAnimations: function(param) {
-      var props = param.props, presence = param.presence, style = param.style, componentState = param.componentState, stateRef = param.stateRef, isEntering = !!componentState.unmounted, isExiting = (presence == null ? void 0 : presence[0]) === !1, sendExitComplete = presence == null ? void 0 : presence[1], _concat = _sliced_to_array([].concat(props.animation), 2), animationKey = _concat[0], animationConfig = _concat[1], animation = animations[animationKey], _props_animateOnly, keys = (_props_animateOnly = props.animateOnly) !== null && _props_animateOnly !== void 0 ? _props_animateOnly : [
+      var props = param.props, presence = param.presence, style = param.style, componentState = param.componentState, stateRef = param.stateRef, isEntering = !!componentState.unmounted, isExiting = (presence == null ? void 0 : presence[0]) === !1, sendExitComplete = presence == null ? void 0 : presence[1], _ref = _sliced_to_array(Array.isArray(props.animation) ? props.animation : [
+        props.animation
+      ], 2), animationKey = _ref[0], animationConfig = _ref[1], animation = animations[animationKey], _props_animateOnly, keys = (_props_animateOnly = props.animateOnly) !== null && _props_animateOnly !== void 0 ? _props_animateOnly : [
         "all"
       ];
       return useIsomorphicLayoutEffect(function() {
@@ -103,15 +105,21 @@ function createAnimations(animations) {
       }, [
         sendExitComplete,
         isExiting
-      ]), animation ? (Array.isArray(style.transform) && (style.transform = transformsToString(style.transform)), style.transition = keys.map(function(key) {
+      ]), animation && (Array.isArray(style.transform) && (style.transform = transformsToString(style.transform)), style.transition = keys.map(function(key) {
         var _animations_animationConfig_key, override = (_animations_animationConfig_key = animations[animationConfig == null ? void 0 : animationConfig[key]]) !== null && _animations_animationConfig_key !== void 0 ? _animations_animationConfig_key : animation;
         return "".concat(key, " ").concat(override);
-      }).join(", "), process.env.NODE_ENV === "development" && props.debug && console.info("CSS animation", style, style.transition, {
+      }).join(", ")), process.env.NODE_ENV === "development" && props.debug && console.info("CSS animation", {
+        props,
+        animations,
+        animation,
+        animationKey,
+        style,
         isEntering,
         isExiting
-      }), {
-        style
-      }) : null;
+      }), animation ? {
+        style,
+        className: isEntering ? "t_unmounted" : ""
+      } : null;
     }
   };
 }

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/code/core/animations-css/src/createAnimations.tsx"],
-  "mappings": "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",
-  "names": ["useIsomorphicLayoutEffect", "transformsToString", "ResetPresence", "usePresence", "useEffect", "useState", "createAnimations", "animations", "reactionListeners", "WeakMap", "supportsCSSVars", "useAnimatedNumber", "initial", "val", "setVal", "getInstance", "getValue", "setValue", "next", "config", "onFinish", "listeners", "get", "forEach", "cb", "stop", "useAnimatedNumberReaction", "onValue", "value", "instance", "queue", "Set", "set", "add", "delete", "useAnimatedNumberStyle", "getStyle", "useAnimations", "props", "presence", "style", "componentState", "stateRef", "isEntering", "unmounted", "isExiting", "sendExitComplete", "concat", "animation", "animationKey", "animationConfig", "keys", "animateOnly", "host", "current", "node", "onFinishAnimation", "addEventListener", "removeEventListener", "Array", "isArray", "transform", "transition", "map", "key", "override", "join", "process", "env", "NODE_ENV", "console", "info"]
+  "mappings": "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",
+  "names": ["useIsomorphicLayoutEffect", "transformsToString", "ResetPresence", "usePresence", "useEffect", "useState", "createAnimations", "animations", "reactionListeners", "WeakMap", "supportsCSSVars", "useAnimatedNumber", "initial", "val", "setVal", "getInstance", "getValue", "setValue", "next", "config", "onFinish", "listeners", "get", "forEach", "cb", "stop", "useAnimatedNumberReaction", "onValue", "value", "instance", "queue", "Set", "set", "add", "delete", "useAnimatedNumberStyle", "getStyle", "useAnimations", "props", "presence", "style", "componentState", "stateRef", "isEntering", "unmounted", "isExiting", "sendExitComplete", "Array", "isArray", "animation", "animationKey", "animationConfig", "keys", "animateOnly", "host", "current", "node", "onFinishAnimation", "addEventListener", "removeEventListener", "transform", "transition", "map", "key", "override", "join", "process", "env", "NODE_ENV", "console", "info", "className"]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/animations-css",
-  "version": "1.103.0",
+  "version": "1.103.1",
   "source": "src/index.ts",
   "sideEffects": false,
   "license": "MIT",
@@ -22,13 +22,13 @@
     }
   },
   "dependencies": {
-    "@tamagui/constants": "1.103.0",
-    "@tamagui/cubic-bezier-animator": "1.103.0",
-    "@tamagui/use-presence": "1.103.0",
-    "@tamagui/web": "1.103.0"
+    "@tamagui/constants": "1.103.1",
+    "@tamagui/cubic-bezier-animator": "1.103.1",
+    "@tamagui/use-presence": "1.103.1",
+    "@tamagui/web": "1.103.1"
   },
   "devDependencies": {
-    "@tamagui/build": "1.103.0",
+    "@tamagui/build": "1.103.1",
     "react": "^18.2.0"
   },
   "scripts": {

package/src/createAnimations.tsx

@@ -62,7 +62,9 @@ export function createAnimations<A extends Object>(animations: A): AnimationDriv
       const isExiting = presence?.[0] === false
       const sendExitComplete = presence?.[1]
       // const initialPositionRef = useRef<any>(null)
-      const [animationKey, animationConfig] = [].concat(props.animation)
+      const [animationKey, animationConfig] = Array.isArray(props.animation)
+        ? props.animation
+        : [props.animation]
       const animation = animations[animationKey]
       const keys = props.animateOnly ?? ['all']
 
@@ -81,70 +83,80 @@ export function createAnimations<A extends Object>(animations: A): AnimationDriv
         }
       }, [sendExitComplete, isExiting])
 
-      // layout animations
-      // useIsomorphicLayoutEffect(() => {
-      //   if (!host || !props.layout) {
-      //     return
-      //   }
-      //   // @ts-ignore
-      //   const boundingBox = host?.getBoundingClientRect()
-      //   if (isChanged(initialPositionRef.current, boundingBox)) {
-      //     const transform = invert(
-      //       host,
-      //       boundingBox,
-      //       initialPositionRef.current
-      //     )
-
-      //     animate({
-      //       from: transform,
-      //       to: { x: 0, y: 0, scaleX: 1, scaleY: 1 },
-      //       duration: 1000,
-      //       onUpdate: ({ x, y, scaleX, scaleY }) => {
-      //         // @ts-ignore
-      //         host.style.transform = `translate(${x}px, ${y}px) scaleX(${scaleX}) scaleY(${scaleY})`
-      //         // TODO: handle childRef inverse scale
-      //         //   childRef.current.style.transform = `scaleX(${1 / scaleX}) scaleY(${
-      //         //     1 / scaleY
-      //         //   })`
-      //       },
-      //       // TODO: extract ease-in from string and convert/map it to a cubicBezier array
-      //       cubicBezier: [0, 1.38, 1, -0.41],
-      //     })
-      //   }
-      //   initialPositionRef.current = boundingBox
-      // })
-
-      if (!animation) {
-        return null
-      }
+      if (animation) {
+        if (Array.isArray(style.transform)) {
+          style.transform = transformsToString(style.transform)
+        }
 
-      if (Array.isArray(style.transform)) {
-        style.transform = transformsToString(style.transform)
+        // add css transition
+        // TODO: we disabled the transform transition, because it will create issue for inverse function and animate function
+        // for non layout transform properties either use animate function or find a workaround to do it with css
+        style.transition = keys
+          .map((key) => {
+            const override = animations[animationConfig?.[key]] ?? animation
+            return `${key} ${override}`
+          })
+          .join(', ')
       }
 
-      // add css transition
-      // TODO: we disabled the transform transition, because it will create issue for inverse function and animate function
-      // for non layout transform properties either use animate function or find a workaround to do it with css
-      style.transition = keys
-        .map((key) => {
-          const override = animations[animationConfig?.[key]] ?? animation
-          return `${key} ${override}`
+      if (process.env.NODE_ENV === 'development' && props['debug']) {
+        console.info('CSS animation', {
+          props,
+          animations,
+          animation,
+          animationKey,
+          style,
+          isEntering,
+          isExiting,
         })
-        .join(', ')
-
-      // style.transition = `${keys} ${animation}${
-      //   props.layout ? ',width 0s, height 0s, margin 0s, padding 0s, transform' : ''
-      // }`
+      }
 
-      if (process.env.NODE_ENV === 'development' && props['debug']) {
-        console.info('CSS animation', style, style.transition, { isEntering, isExiting })
+      if (!animation) {
+        return null
       }
 
-      return { style }
+      return { style, className: isEntering ? 't_unmounted' : '' }
     },
   }
 }
 
+// layout animations
+// useIsomorphicLayoutEffect(() => {
+//   if (!host || !props.layout) {
+//     return
+//   }
+//   // @ts-ignore
+//   const boundingBox = host?.getBoundingClientRect()
+//   if (isChanged(initialPositionRef.current, boundingBox)) {
+//     const transform = invert(
+//       host,
+//       boundingBox,
+//       initialPositionRef.current
+//     )
+
+//     animate({
+//       from: transform,
+//       to: { x: 0, y: 0, scaleX: 1, scaleY: 1 },
+//       duration: 1000,
+//       onUpdate: ({ x, y, scaleX, scaleY }) => {
+//         // @ts-ignore
+//         host.style.transform = `translate(${x}px, ${y}px) scaleX(${scaleX}) scaleY(${scaleY})`
+//         // TODO: handle childRef inverse scale
+//         //   childRef.current.style.transform = `scaleX(${1 / scaleX}) scaleY(${
+//         //     1 / scaleY
+//         //   })`
+//       },
+//       // TODO: extract ease-in from string and convert/map it to a cubicBezier array
+//       cubicBezier: [0, 1.38, 1, -0.41],
+//     })
+//   }
+//   initialPositionRef.current = boundingBox
+// })
+
+// style.transition = `${keys} ${animation}${
+//   props.layout ? ',width 0s, height 0s, margin 0s, padding 0s, transform' : ''
+// }`
+
 // const isChanged = (initialBox: any, finalBox: any) => {
 //   // we just mounted, so we don't have complete data yet
 //   if (!initialBox || !finalBox) return false

package/types/createAnimations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createAnimations.d.ts","sourceRoot":"","sources":["../src/createAnimations.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAA2B,MAAM,cAAc,CAAA;AAK5E,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,MAAM,EAAE,UAAU,EAAE,CAAC,GAAG,eAAe,CAAC,CAAC,CAAC,CA0IpF"}
+{"version":3,"file":"createAnimations.d.ts","sourceRoot":"","sources":["../src/createAnimations.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAA2B,MAAM,cAAc,CAAA;AAK5E,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,MAAM,EAAE,UAAU,EAAE,CAAC,GAAG,eAAe,CAAC,CAAC,CAAC,CAiHpF"}