@tamagui/animations-moti 1.115.5 → 1.116.1

package/dist/cjs/createAnimations.cjs

@@ -34,46 +34,82 @@ __export(createAnimations_exports, {
   createAnimations: () => createAnimations
 });
 module.exports = __toCommonJS(createAnimations_exports);
-var import_react = __toESM(require("react")),
-  import_use_presence = require("@tamagui/use-presence"),
+var import_use_presence = require("@tamagui/use-presence"),
+  import_web = require("@tamagui/web"),
   import_author = require("moti/author"),
-  import_react_native_reanimated = __toESM(require("react-native-reanimated"));
-const onlyAnimateKeys = {
-  transform: !0,
-  opacity: !0,
-  height: !0,
-  width: !0,
-  backgroundColor: !0,
-  borderColor: !0,
-  borderLeftColor: !0,
-  borderRightColor: !0,
-  borderTopColor: !0,
-  borderBottomColor: !0,
-  borderRadius: !0,
-  borderTopLeftRadius: !0,
-  borderTopRightRadius: !0,
-  borderBottomLeftRadius: !0,
-  borderBottomRightRadius: !0,
-  borderLeftWidth: !0,
-  borderRightWidth: !0,
-  borderTopWidth: !0,
-  borderBottomWidth: !0,
-  color: !0,
-  left: !0,
-  right: !0,
-  top: !0,
-  bottom: !0,
-  fontSize: !0,
-  fontWeight: !0,
-  lineHeight: !0,
-  letterSpacing: !0
-};
+  import_react = __toESM(require("react")),
+  import_react_native_reanimated = __toESM(require("react-native-reanimated")),
+  import_jsx_runtime = require("react/jsx-runtime");
+function createTamaguiAnimatedComponent(defaultTag = "div") {
+  const Component = import_react_native_reanimated.default.createAnimatedComponent((0, import_react.forwardRef)((propsIn, ref) => {
+    const {
+        forwardedRef,
+        style,
+        disableClassName,
+        animation,
+        tag = defaultTag,
+        ...props
+      } = propsIn,
+      hostRef = (0, import_react.useRef)(),
+      composedRefs = (0, import_web.useComposedRefs)(forwardedRef, ref, hostRef),
+      stateRef = (0, import_react.useRef)();
+    stateRef.current || (stateRef.current = {
+      get host() {
+        return hostRef.current;
+      }
+    });
+    const styleFlat = [].concat(style).flat(100).reduce((acc, cur) => (cur && Object.assign(acc, cur), acc), {}),
+      styleOut = (0, import_web.getStylesAtomic)(styleFlat).reduce((acc, [key, value]) => (acc[key] = value, acc), {}),
+      Element = tag,
+      finalProps = {
+        ...import_web.hooks.usePropsTransform?.(tag, props, stateRef, !1),
+        style: styleOut,
+        ref: composedRefs
+      };
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Element, {
+      ...finalProps
+    });
+  }));
+  return Component.acceptTagProp = !0, Component;
+}
+const AnimatedView = createTamaguiAnimatedComponent("div"),
+  AnimatedText = createTamaguiAnimatedComponent("span"),
+  onlyAnimateKeys = {
+    transform: !0,
+    opacity: !0,
+    height: !0,
+    width: !0,
+    backgroundColor: !0,
+    borderColor: !0,
+    borderLeftColor: !0,
+    borderRightColor: !0,
+    borderTopColor: !0,
+    borderBottomColor: !0,
+    borderRadius: !0,
+    borderTopLeftRadius: !0,
+    borderTopRightRadius: !0,
+    borderBottomLeftRadius: !0,
+    borderBottomRightRadius: !0,
+    borderLeftWidth: !0,
+    borderRightWidth: !0,
+    borderTopWidth: !0,
+    borderBottomWidth: !0,
+    color: !0,
+    left: !0,
+    right: !0,
+    top: !0,
+    bottom: !0,
+    fontSize: !0,
+    fontWeight: !0,
+    lineHeight: !0,
+    letterSpacing: !0
+  };
 function createAnimations(animations) {
   return {
-    // View: isWeb ? AnimatedView : Animated.View,
-    // Text: isWeb ? AnimatedText : Animated.Text,
-    View: import_react_native_reanimated.default.View,
-    Text: import_react_native_reanimated.default.Text,
+    View: import_web.isWeb ? AnimatedView : import_react_native_reanimated.default.View,
+    Text: import_web.isWeb ? AnimatedText : import_react_native_reanimated.default.Text,
+    // View: Animated.View,
+    // Text: Animated.Text,
     isReactNative: !0,
     animations,
     usePresence: import_use_presence.usePresence,
@@ -151,8 +187,7 @@ function createAnimations(animations) {
         }
       }
       componentState.unmounted === "should-enter" && (dontAnimate = style);
-      const animateStr = JSON.stringify(animate),
-        styles = import_react.default.useMemo(() => JSON.parse(animateStr), [animateStr]),
+      const styles = animate,
         isExiting = !!presence?.[1],
         presenceContext = import_react.default.useContext(import_use_presence.PresenceContext),
         usePresenceValue = presence || void 0;
@@ -179,6 +214,7 @@ function createAnimations(animations) {
         },
         moti = (0, import_author.useMotify)(motiProps);
       return process.env.NODE_ENV === "development" && props.debug && console.info("useMotify(", JSON.stringify(motiProps, null, 2) + ")", {
+        "componentState.unmounted": componentState.unmounted,
         animationProps,
         motiProps,
         moti,

package/dist/cjs/createAnimations.cjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/createAnimations.tsx"],
-  "mappings": "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",
+  "mappings": "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",
   "names": ["Animated", "React"]
 }

package/dist/cjs/createAnimations.native.js

@@ -26,7 +26,32 @@ __export(createAnimations_exports, {
   createAnimations: () => createAnimations
 });
 module.exports = __toCommonJS(createAnimations_exports);
-var import_react = __toESM(require("react")), import_use_presence = require("@tamagui/use-presence"), import_author = require("moti/author"), import_react_native_reanimated = __toESM(require("react-native-reanimated")), onlyAnimateKeys = {
+var import_jsx_runtime = require("react/jsx-runtime"), import_use_presence = require("@tamagui/use-presence"), import_web = require("@tamagui/web"), import_author = require("moti/author"), import_react = __toESM(require("react")), import_react_native_reanimated = __toESM(require("react-native-reanimated"));
+function createTamaguiAnimatedComponent() {
+  var defaultTag = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "div", Component = import_react_native_reanimated.default.createAnimatedComponent(/* @__PURE__ */ (0, import_react.forwardRef)(function(propsIn, ref) {
+    var _hooks_usePropsTransform, { forwardedRef, style, disableClassName, animation, tag = defaultTag, ...props } = propsIn, hostRef = (0, import_react.useRef)(), composedRefs = (0, import_web.useComposedRefs)(forwardedRef, ref, hostRef), stateRef = (0, import_react.useRef)();
+    stateRef.current || (stateRef.current = {
+      get host() {
+        return hostRef.current;
+      }
+    });
+    var styleFlat = [].concat(style).flat(100).reduce(function(acc, cur) {
+      return cur && Object.assign(acc, cur), acc;
+    }, {}), styleOut = (0, import_web.getStylesAtomic)(styleFlat).reduce(function(acc, param) {
+      var [key, value] = param;
+      return acc[key] = value, acc;
+    }, {}), Element = tag, transformedProps = (_hooks_usePropsTransform = import_web.hooks.usePropsTransform) === null || _hooks_usePropsTransform === void 0 ? void 0 : _hooks_usePropsTransform.call(import_web.hooks, tag, props, stateRef, !1), finalProps = {
+      ...transformedProps,
+      style: styleOut,
+      ref: composedRefs
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Element, {
+      ...finalProps
+    });
+  }));
+  return Component.acceptTagProp = !0, Component;
+}
+var AnimatedView = createTamaguiAnimatedComponent("div"), AnimatedText = createTamaguiAnimatedComponent("span"), onlyAnimateKeys = {
   transform: !0,
   opacity: !0,
   height: !0,
@@ -58,10 +83,10 @@ var import_react = __toESM(require("react")), import_use_presence = require("@ta
 };
 function createAnimations(animations) {
   return {
-    // View: isWeb ? AnimatedView : Animated.View,
-    // Text: isWeb ? AnimatedText : Animated.Text,
-    View: import_react_native_reanimated.default.View,
-    Text: import_react_native_reanimated.default.Text,
+    View: import_web.isWeb ? AnimatedView : import_react_native_reanimated.default.View,
+    Text: import_web.isWeb ? AnimatedText : import_react_native_reanimated.default.Text,
+    // View: Animated.View,
+    // Text: Animated.Text,
     isReactNative: !0,
     animations,
     usePresence: import_use_presence.usePresence,
@@ -155,11 +180,14 @@ function createAnimations(animations) {
         }
       }
       componentState.unmounted === "should-enter" && (dontAnimate = style);
-      var animateStr = JSON.stringify(animate), styles = import_react.default.useMemo(function() {
-        return JSON.parse(animateStr);
-      }, [
-        animateStr
-      ]), isExiting = !!(presence != null && presence[1]), presenceContext = import_react.default.useContext(import_use_presence.PresenceContext), usePresenceValue = presence || void 0, transition = isHydrating ? {
+      var styles = function() {
+        var animateStr = JSON.stringify(animate);
+        return import_react.default.useMemo(function() {
+          return JSON.parse(animateStr);
+        }, [
+          animateStr
+        ]);
+      }(), isExiting = !!(presence != null && presence[1]), presenceContext = import_react.default.useContext(import_use_presence.PresenceContext), usePresenceValue = presence || void 0, transition = isHydrating ? {
         type: "transition",
         duration: 0
       } : animations[animationKey], hasClonedTransition = !1;
@@ -181,6 +209,7 @@ function createAnimations(animations) {
         exit: isExiting ? styles : void 0
       }, moti = (0, import_author.useMotify)(motiProps);
       return process.env.NODE_ENV === "development" && props.debug && console.info("useMotify(", JSON.stringify(motiProps, null, 2) + ")", {
+        "componentState.unmounted": componentState.unmounted,
         animationProps,
         motiProps,
         moti,

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/code/core/animations-moti/src/createAnimations.tsx"],
-  "mappings": "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",
-  "names": ["onlyAnimateKeys", "transform", "opacity", "height", "width", "backgroundColor", "borderColor", "borderLeftColor", "borderRightColor", "borderTopColor", "borderBottomColor", "borderRadius", "borderTopLeftRadius", "borderTopRightRadius", "borderBottomLeftRadius", "borderBottomRightRadius", "borderLeftWidth", "borderRightWidth", "borderTopWidth", "borderBottomWidth", "color", "left", "right", "top", "bottom", "fontSize", "fontWeight", "lineHeight", "letterSpacing", "createAnimations", "animations", "View", "Animated", "Text", "isReactNative", "usePresence", "ResetPresence", "useAnimatedNumber", "initial", "sharedValue", "useSharedValue", "React", "useMemo", "getInstance", "getValue", "value", "setValue", "next", "config", "type", "onFinish", "withSpring", "runOnJS", "undefined", "withTiming", "stop", "cancelAnimation", "useAnimatedNumberReaction", "onValue", "instance", "useAnimatedReaction", "prev", "useAnimatedNumberStyle", "val", "getStyle", "derivedValue", "useDerivedValue", "useAnimatedStyle", "useAnimations", "animationProps", "props", "presence", "style", "componentState", "animationKey", "Array", "isArray", "animation", "isHydrating", "unmounted", "disableAnimation", "animate", "dontAnimate", "animateOnly", "key", "startsWith", "includes", "animateStr", "JSON", "stringify", "styles", "parse", "isExiting", "Boolean", "presenceContext", "useContext", "PresenceContext", "usePresenceValue", "transition", "duration", "hasClonedTransition", "Object", "assign", "motiProps", "exit", "moti", "useMotify", "process", "env", "NODE_ENV", "console", "info"]
+  "mappings": "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",
+  "names": ["createTamaguiAnimatedComponent", "defaultTag", "Component", "Animated", "createAnimatedComponent", "forwardRef", "propsIn", "ref", "hooks", "forwardedRef", "style", "disableClassName", "animation", "tag", "props", "hostRef", "useRef", "composedRefs", "useComposedRefs", "stateRef", "current", "host", "styleFlat", "concat", "flat", "reduce", "acc", "cur", "Object", "assign", "styleOut", "getStylesAtomic", "key", "value", "Element", "transformedProps", "usePropsTransform", "finalProps", "_jsx", "AnimatedView", "AnimatedText", "onlyAnimateKeys", "transform", "opacity", "height", "width", "backgroundColor", "borderColor", "borderLeftColor", "borderRightColor", "borderTopColor", "borderBottomColor", "borderRadius", "borderTopLeftRadius", "borderTopRightRadius", "borderBottomLeftRadius", "borderBottomRightRadius", "borderLeftWidth", "borderRightWidth", "borderTopWidth", "borderBottomWidth", "color", "left", "right", "top", "bottom", "fontSize", "fontWeight", "lineHeight", "letterSpacing", "createAnimations", "animations", "View", "isWeb", "Text", "isReactNative", "usePresence", "ResetPresence", "useAnimatedNumber", "initial", "sharedValue", "useSharedValue", "React", "useMemo", "getInstance", "getValue", "setValue", "next", "config", "type", "onFinish", "withSpring", "runOnJS", "undefined", "withTiming", "stop", "cancelAnimation", "useAnimatedNumberReaction", "onValue", "instance", "useAnimatedReaction", "prev", "useAnimatedNumberStyle", "val", "getStyle", "derivedValue", "useDerivedValue", "useAnimatedStyle", "useAnimations", "animationProps", "presence", "componentState", "animationKey", "Array", "isArray", "isHydrating", "unmounted", "disableAnimation", "animate", "dontAnimate", "animateOnly", "startsWith", "includes", "styles", "animateStr", "JSON", "stringify", "parse", "isExiting", "Boolean", "presenceContext", "useContext", "PresenceContext", "usePresenceValue", "transition", "duration", "hasClonedTransition", "motiProps", "exit", "moti", "useMotify", "process", "env", "NODE_ENV", "console", "info"]
 }

package/dist/esm/createAnimations.js

@@ -1,6 +1,12 @@
-import React from "react";
 import { PresenceContext, ResetPresence, usePresence } from "@tamagui/use-presence";
+import {
+  getStylesAtomic,
+  hooks,
+  isWeb,
+  useComposedRefs
+} from "@tamagui/web";
 import { useMotify } from "moti/author";
+import React, { forwardRef, useRef } from "react";
 import Animated, {
   cancelAnimation,
   runOnJS,
@@ -11,7 +17,34 @@ import Animated, {
   withSpring,
   withTiming
 } from "react-native-reanimated";
-const onlyAnimateKeys = {
+import { jsx } from "react/jsx-runtime";
+function createTamaguiAnimatedComponent(defaultTag = "div") {
+  const Component = Animated.createAnimatedComponent(
+    forwardRef((propsIn, ref) => {
+      const {
+        forwardedRef,
+        style,
+        disableClassName,
+        animation,
+        tag = defaultTag,
+        ...props
+      } = propsIn, hostRef = useRef(), composedRefs = useComposedRefs(forwardedRef, ref, hostRef), stateRef = useRef();
+      stateRef.current || (stateRef.current = {
+        get host() {
+          return hostRef.current;
+        }
+      });
+      const styleFlat = [].concat(style).flat(100).reduce((acc, cur) => (cur && Object.assign(acc, cur), acc), {}), styleOut = getStylesAtomic(styleFlat).reduce((acc, [key, value]) => (acc[key] = value, acc), {}), Element = tag, finalProps = {
+        ...hooks.usePropsTransform?.(tag, props, stateRef, !1),
+        style: styleOut,
+        ref: composedRefs
+      };
+      return /* @__PURE__ */ jsx(Element, { ...finalProps });
+    })
+  );
+  return Component.acceptTagProp = !0, Component;
+}
+const AnimatedView = createTamaguiAnimatedComponent("div"), AnimatedText = createTamaguiAnimatedComponent("span"), onlyAnimateKeys = {
   transform: !0,
   opacity: !0,
   height: !0,
@@ -43,10 +76,10 @@ const onlyAnimateKeys = {
 };
 function createAnimations(animations) {
   return {
-    // View: isWeb ? AnimatedView : Animated.View,
-    // Text: isWeb ? AnimatedText : Animated.Text,
-    View: Animated.View,
-    Text: Animated.Text,
+    View: isWeb ? AnimatedView : Animated.View,
+    Text: isWeb ? AnimatedText : Animated.Text,
+    // View: Animated.View,
+    // Text: Animated.Text,
     isReactNative: !0,
     animations,
     usePresence,
@@ -120,7 +153,7 @@ function createAnimations(animations) {
         }
       }
       componentState.unmounted === "should-enter" && (dontAnimate = style);
-      const animateStr = JSON.stringify(animate), styles = React.useMemo(() => JSON.parse(animateStr), [animateStr]), isExiting = !!presence?.[1], presenceContext = React.useContext(PresenceContext), usePresenceValue = presence || void 0;
+      const styles = animate, isExiting = !!presence?.[1], presenceContext = React.useContext(PresenceContext), usePresenceValue = presence || void 0;
       let transition = isHydrating ? { type: "transition", duration: 0 } : animations[animationKey], hasClonedTransition = !1;
       if (Array.isArray(props.animation)) {
         const config = props.animation[1];
@@ -138,6 +171,7 @@ function createAnimations(animations) {
         exit: isExiting ? styles : void 0
       }, moti = useMotify(motiProps);
       return process.env.NODE_ENV === "development" && props.debug && console.info("useMotify(", JSON.stringify(motiProps, null, 2) + ")", {
+        "componentState.unmounted": componentState.unmounted,
         animationProps,
         motiProps,
         moti,

package/dist/esm/createAnimations.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/createAnimations.tsx"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/dist/esm/createAnimations.mjs

@@ -1,43 +1,79 @@
-import React from "react";
 import { PresenceContext, ResetPresence, usePresence } from "@tamagui/use-presence";
+import { getStylesAtomic, hooks, isWeb, useComposedRefs } from "@tamagui/web";
 import { useMotify } from "moti/author";
+import React, { forwardRef, useRef } from "react";
 import Animated, { cancelAnimation, runOnJS, useAnimatedReaction, useAnimatedStyle, useDerivedValue, useSharedValue, withSpring, withTiming } from "react-native-reanimated";
-const onlyAnimateKeys = {
-  transform: !0,
-  opacity: !0,
-  height: !0,
-  width: !0,
-  backgroundColor: !0,
-  borderColor: !0,
-  borderLeftColor: !0,
-  borderRightColor: !0,
-  borderTopColor: !0,
-  borderBottomColor: !0,
-  borderRadius: !0,
-  borderTopLeftRadius: !0,
-  borderTopRightRadius: !0,
-  borderBottomLeftRadius: !0,
-  borderBottomRightRadius: !0,
-  borderLeftWidth: !0,
-  borderRightWidth: !0,
-  borderTopWidth: !0,
-  borderBottomWidth: !0,
-  color: !0,
-  left: !0,
-  right: !0,
-  top: !0,
-  bottom: !0,
-  fontSize: !0,
-  fontWeight: !0,
-  lineHeight: !0,
-  letterSpacing: !0
-};
+import { jsx } from "react/jsx-runtime";
+function createTamaguiAnimatedComponent(defaultTag = "div") {
+  const Component = Animated.createAnimatedComponent(forwardRef((propsIn, ref) => {
+    const {
+        forwardedRef,
+        style,
+        disableClassName,
+        animation,
+        tag = defaultTag,
+        ...props
+      } = propsIn,
+      hostRef = useRef(),
+      composedRefs = useComposedRefs(forwardedRef, ref, hostRef),
+      stateRef = useRef();
+    stateRef.current || (stateRef.current = {
+      get host() {
+        return hostRef.current;
+      }
+    });
+    const styleFlat = [].concat(style).flat(100).reduce((acc, cur) => (cur && Object.assign(acc, cur), acc), {}),
+      styleOut = getStylesAtomic(styleFlat).reduce((acc, [key, value]) => (acc[key] = value, acc), {}),
+      Element = tag,
+      finalProps = {
+        ...hooks.usePropsTransform?.(tag, props, stateRef, !1),
+        style: styleOut,
+        ref: composedRefs
+      };
+    return /* @__PURE__ */jsx(Element, {
+      ...finalProps
+    });
+  }));
+  return Component.acceptTagProp = !0, Component;
+}
+const AnimatedView = createTamaguiAnimatedComponent("div"),
+  AnimatedText = createTamaguiAnimatedComponent("span"),
+  onlyAnimateKeys = {
+    transform: !0,
+    opacity: !0,
+    height: !0,
+    width: !0,
+    backgroundColor: !0,
+    borderColor: !0,
+    borderLeftColor: !0,
+    borderRightColor: !0,
+    borderTopColor: !0,
+    borderBottomColor: !0,
+    borderRadius: !0,
+    borderTopLeftRadius: !0,
+    borderTopRightRadius: !0,
+    borderBottomLeftRadius: !0,
+    borderBottomRightRadius: !0,
+    borderLeftWidth: !0,
+    borderRightWidth: !0,
+    borderTopWidth: !0,
+    borderBottomWidth: !0,
+    color: !0,
+    left: !0,
+    right: !0,
+    top: !0,
+    bottom: !0,
+    fontSize: !0,
+    fontWeight: !0,
+    lineHeight: !0,
+    letterSpacing: !0
+  };
 function createAnimations(animations) {
   return {
-    // View: isWeb ? AnimatedView : Animated.View,
-    // Text: isWeb ? AnimatedText : Animated.Text,
-    View: Animated.View,
-    Text: Animated.Text,
+    View: isWeb ? AnimatedView : Animated.View,
+    Text: isWeb ? AnimatedText : Animated.Text,
+    // View: Animated.View,
+    // Text: Animated.Text,
     isReactNative: !0,
     animations,
     usePresence,
@@ -115,8 +151,7 @@ function createAnimations(animations) {
         }
       }
       componentState.unmounted === "should-enter" && (dontAnimate = style);
-      const animateStr = JSON.stringify(animate),
-        styles = React.useMemo(() => JSON.parse(animateStr), [animateStr]),
+      const styles = animate,
         isExiting = !!presence?.[1],
         presenceContext = React.useContext(PresenceContext),
         usePresenceValue = presence || void 0;
@@ -143,6 +178,7 @@ function createAnimations(animations) {
         },
         moti = useMotify(motiProps);
       return process.env.NODE_ENV === "development" && props.debug && console.info("useMotify(", JSON.stringify(motiProps, null, 2) + ")", {
+        "componentState.unmounted": componentState.unmounted,
         animationProps,
         motiProps,
         moti,

package/dist/esm/createAnimations.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["React","PresenceContext","ResetPresence","usePresence","useMotify","Animated","cancelAnimation","runOnJS","useAnimatedReaction","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","withTiming","onlyAnimateKeys","transform","opacity","height","width","backgroundColor","borderColor","borderLeftColor","borderRightColor","borderTopColor","borderBottomColor","borderRadius","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth","color","left","right","top","bottom","fontSize","fontWeight","lineHeight","letterSpacing","createAnimations","animations","View","Text","isReactNative","useAnimatedNumber","initial","sharedValue","useMemo","getInstance","getValue","value","setValue","next","config","type","onFinish","stop","useAnimatedNumberReaction","onValue","instance","prev","useAnimatedNumberStyle","val","getStyle","derivedValue","useAnimations","animationProps","props","presence","style","componentState","animationKey","Array","isArray","animation","isHydrating","unmounted","disableAnimation","animate","dontAnimate","animateOnly","key","startsWith","includes","animateStr","JSON","stringify","styles","parse","isExiting","presenceContext","useContext","usePresenceValue","transition","duration","hasClonedTransition","Object","assign","motiProps","exit","moti","process","env","NODE_ENV","debug","console","info"],"sources":["../../src/createAnimations.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["PresenceContext","ResetPresence","usePresence","getStylesAtomic","hooks","isWeb","useComposedRefs","useMotify","React","forwardRef","useRef","Animated","cancelAnimation","runOnJS","useAnimatedReaction","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","withTiming","jsx","createTamaguiAnimatedComponent","defaultTag","Component","createAnimatedComponent","propsIn","ref","forwardedRef","style","disableClassName","animation","tag","props","hostRef","composedRefs","stateRef","current","host","styleFlat","concat","flat","reduce","acc","cur","Object","assign","styleOut","key","value","Element","finalProps","usePropsTransform","acceptTagProp","AnimatedView","AnimatedText","onlyAnimateKeys","transform","opacity","height","width","backgroundColor","borderColor","borderLeftColor","borderRightColor","borderTopColor","borderBottomColor","borderRadius","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth","color","left","right","top","bottom","fontSize","fontWeight","lineHeight","letterSpacing","createAnimations","animations","View","Text","isReactNative","useAnimatedNumber","initial","sharedValue","useMemo","getInstance","getValue","setValue","next","config","type","onFinish","stop","useAnimatedNumberReaction","onValue","instance","prev","useAnimatedNumberStyle","val","getStyle","derivedValue","useAnimations","animationProps","presence","componentState","animationKey","Array","isArray","isHydrating","unmounted","disableAnimation","animate","dontAnimate","animateOnly","startsWith","includes","styles","isExiting","presenceContext","useContext","usePresenceValue","transition","duration","hasClonedTransition","motiProps","exit","moti","process","env","NODE_ENV","debug","console","info","JSON","stringify"],"sources":["../../src/createAnimations.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/createAnimations.native.js

@@ -1,8 +1,34 @@
-import React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { PresenceContext, ResetPresence, usePresence } from "@tamagui/use-presence";
+import { getStylesAtomic, hooks, isWeb, useComposedRefs } from "@tamagui/web";
 import { useMotify } from "moti/author";
+import React, { forwardRef, useRef } from "react";
 import Animated, { cancelAnimation, runOnJS, useAnimatedReaction, useAnimatedStyle, useDerivedValue, useSharedValue, withSpring, withTiming } from "react-native-reanimated";
-var onlyAnimateKeys = {
+function createTamaguiAnimatedComponent() {
+  var defaultTag = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "div", Component = Animated.createAnimatedComponent(/* @__PURE__ */ forwardRef(function(propsIn, ref) {
+    var _hooks_usePropsTransform, { forwardedRef, style, disableClassName, animation, tag = defaultTag, ...props } = propsIn, hostRef = useRef(), composedRefs = useComposedRefs(forwardedRef, ref, hostRef), stateRef = useRef();
+    stateRef.current || (stateRef.current = {
+      get host() {
+        return hostRef.current;
+      }
+    });
+    var styleFlat = [].concat(style).flat(100).reduce(function(acc, cur) {
+      return cur && Object.assign(acc, cur), acc;
+    }, {}), styleOut = getStylesAtomic(styleFlat).reduce(function(acc, param) {
+      var [key, value] = param;
+      return acc[key] = value, acc;
+    }, {}), Element = tag, transformedProps = (_hooks_usePropsTransform = hooks.usePropsTransform) === null || _hooks_usePropsTransform === void 0 ? void 0 : _hooks_usePropsTransform.call(hooks, tag, props, stateRef, !1), finalProps = {
+      ...transformedProps,
+      style: styleOut,
+      ref: composedRefs
+    };
+    return /* @__PURE__ */ _jsx(Element, {
+      ...finalProps
+    });
+  }));
+  return Component.acceptTagProp = !0, Component;
+}
+var AnimatedView = createTamaguiAnimatedComponent("div"), AnimatedText = createTamaguiAnimatedComponent("span"), onlyAnimateKeys = {
   transform: !0,
   opacity: !0,
   height: !0,
@@ -34,10 +60,10 @@ var onlyAnimateKeys = {
 };
 function createAnimations(animations) {
   return {
-    // View: isWeb ? AnimatedView : Animated.View,
-    // Text: isWeb ? AnimatedText : Animated.Text,
-    View: Animated.View,
-    Text: Animated.Text,
+    View: isWeb ? AnimatedView : Animated.View,
+    Text: isWeb ? AnimatedText : Animated.Text,
+    // View: Animated.View,
+    // Text: Animated.Text,
     isReactNative: !0,
     animations,
     usePresence,
@@ -131,11 +157,14 @@ function createAnimations(animations) {
         }
       }
       componentState.unmounted === "should-enter" && (dontAnimate = style);
-      var animateStr = JSON.stringify(animate), styles = React.useMemo(function() {
-        return JSON.parse(animateStr);
-      }, [
-        animateStr
-      ]), isExiting = !!presence?.[1], presenceContext = React.useContext(PresenceContext), usePresenceValue = presence || void 0, transition = isHydrating ? {
+      var styles = function() {
+        var animateStr = JSON.stringify(animate);
+        return React.useMemo(function() {
+          return JSON.parse(animateStr);
+        }, [
+          animateStr
+        ]);
+      }(), isExiting = !!presence?.[1], presenceContext = React.useContext(PresenceContext), usePresenceValue = presence || void 0, transition = isHydrating ? {
         type: "transition",
         duration: 0
       } : animations[animationKey], hasClonedTransition = !1;
@@ -157,6 +186,7 @@ function createAnimations(animations) {
         exit: isExiting ? styles : void 0
       }, moti = useMotify(motiProps);
       return process.env.NODE_ENV === "development" && props.debug && console.info("useMotify(", JSON.stringify(motiProps, null, 2) + ")", {
+        "componentState.unmounted": componentState.unmounted,
         animationProps,
         motiProps,
         moti,

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/code/core/animations-moti/src/createAnimations.tsx"],
-  "mappings": "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",
-  "names": ["React", "PresenceContext", "ResetPresence", "usePresence", "useMotify", "Animated", "cancelAnimation", "runOnJS", "useAnimatedReaction", "useAnimatedStyle", "useDerivedValue", "useSharedValue", "withSpring", "withTiming", "onlyAnimateKeys", "transform", "opacity", "height", "width", "backgroundColor", "borderColor", "borderLeftColor", "borderRightColor", "borderTopColor", "borderBottomColor", "borderRadius", "borderTopLeftRadius", "borderTopRightRadius", "borderBottomLeftRadius", "borderBottomRightRadius", "borderLeftWidth", "borderRightWidth", "borderTopWidth", "borderBottomWidth", "color", "left", "right", "top", "bottom", "fontSize", "fontWeight", "lineHeight", "letterSpacing", "createAnimations", "animations", "View", "Text", "isReactNative", "useAnimatedNumber", "initial", "sharedValue", "useMemo", "getInstance", "getValue", "value", "setValue", "next", "config", "type", "onFinish", "undefined", "stop", "useAnimatedNumberReaction", "onValue", "instance", "prev", "useAnimatedNumberStyle", "val", "getStyle", "derivedValue", "useAnimations", "animationProps", "props", "presence", "style", "componentState", "animationKey", "Array", "isArray", "animation", "isHydrating", "unmounted", "disableAnimation", "animate", "dontAnimate", "animateOnly", "key", "startsWith", "includes", "animateStr", "JSON", "stringify", "styles", "parse", "isExiting", "Boolean", "presenceContext", "useContext", "usePresenceValue", "transition", "duration", "hasClonedTransition", "Object", "assign", "motiProps", "exit", "moti", "process", "env", "NODE_ENV", "console", "info"]
+  "mappings": "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",
+  "names": ["PresenceContext", "ResetPresence", "usePresence", "getStylesAtomic", "hooks", "isWeb", "useComposedRefs", "useMotify", "React", "forwardRef", "useRef", "Animated", "cancelAnimation", "runOnJS", "useAnimatedReaction", "useAnimatedStyle", "useDerivedValue", "useSharedValue", "withSpring", "withTiming", "createTamaguiAnimatedComponent", "defaultTag", "Component", "createAnimatedComponent", "propsIn", "ref", "forwardedRef", "style", "disableClassName", "animation", "tag", "props", "hostRef", "composedRefs", "stateRef", "current", "host", "styleFlat", "concat", "flat", "reduce", "acc", "cur", "Object", "assign", "styleOut", "key", "value", "Element", "transformedProps", "usePropsTransform", "finalProps", "AnimatedView", "AnimatedText", "onlyAnimateKeys", "transform", "opacity", "height", "width", "backgroundColor", "borderColor", "borderLeftColor", "borderRightColor", "borderTopColor", "borderBottomColor", "borderRadius", "borderTopLeftRadius", "borderTopRightRadius", "borderBottomLeftRadius", "borderBottomRightRadius", "borderLeftWidth", "borderRightWidth", "borderTopWidth", "borderBottomWidth", "color", "left", "right", "top", "bottom", "fontSize", "fontWeight", "lineHeight", "letterSpacing", "createAnimations", "animations", "View", "Text", "isReactNative", "useAnimatedNumber", "initial", "sharedValue", "useMemo", "getInstance", "getValue", "setValue", "next", "config", "type", "onFinish", "undefined", "stop", "useAnimatedNumberReaction", "onValue", "instance", "prev", "useAnimatedNumberStyle", "val", "getStyle", "derivedValue", "useAnimations", "animationProps", "presence", "componentState", "animationKey", "Array", "isArray", "isHydrating", "unmounted", "disableAnimation", "animate", "dontAnimate", "animateOnly", "startsWith", "includes", "styles", "animateStr", "JSON", "stringify", "parse", "isExiting", "Boolean", "presenceContext", "useContext", "usePresenceValue", "transition", "duration", "hasClonedTransition", "motiProps", "exit", "moti", "process", "env", "NODE_ENV", "console", "info"]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/animations-moti",
-  "version": "1.115.5",
+  "version": "1.116.1",
   "source": "src/index.ts",
   "license": "MIT",
   "types": "./types/index.d.ts",
@@ -15,12 +15,12 @@
     "dist"
   ],
   "dependencies": {
-    "@tamagui/use-presence": "1.115.5",
-    "@tamagui/web": "1.115.5",
+    "@tamagui/use-presence": "1.116.1",
+    "@tamagui/web": "1.116.1",
     "moti": "^0.29.0"
   },
   "devDependencies": {
-    "@tamagui/build": "1.115.5",
+    "@tamagui/build": "1.116.1",
     "react": "^18.2.0 || ^19.0.0",
     "react-native-reanimated": "~3.11.0"
   },

package/src/createAnimations.tsx

@@ -1,9 +1,16 @@
-import React from 'react'
 import { PresenceContext, ResetPresence, usePresence } from '@tamagui/use-presence'
-import type { AnimationDriver, UniversalAnimatedNumber } from '@tamagui/web'
+import {
+  getStylesAtomic,
+  hooks,
+  isWeb,
+  useComposedRefs,
+  type AnimationDriver,
+  type UniversalAnimatedNumber,
+} from '@tamagui/web'
 import type { TransitionConfig } from 'moti'
 import { useMotify } from 'moti/author'
 import type { CSSProperties } from 'react'
+import React, { forwardRef, useRef } from 'react'
 import type { TextStyle } from 'react-native'
 import type { SharedValue } from 'react-native-reanimated'
 import Animated, {
@@ -19,31 +26,71 @@ import Animated, {
 
 type ReanimatedAnimatedNumber = SharedValue<number>
 
-// function createTamaguiAnimatedComponent(tag = 'div') {
-//   const Component = Animated.createAnimatedComponent(
-//     forwardRef(({ forwardedRef, style, ...props }: any, ref) => {
-//       const composedRefs = useComposedRefs(forwardedRef, ref)
-//       const Element = props.tag || tag
-
-//       // TODO this block should be exported by web as styleToWebStyle()
-//       const webStyle = style
-//       styleToCSS(style)
-//       if (Array.isArray(webStyle.transform)) {
-//         style.transform = transformsToString(style.transform)
-//       }
-//       for (const key in style) {
-//         style[key] = normalizeValueWithProperty(style[key], key)
-//       }
-
-//       return <Element {...props} style={style} ref={composedRefs} />
-//     })
-//   )
-//   Component['acceptTagProp'] = true
-//   return Component
-// }
-
-// const AnimatedView = createTamaguiAnimatedComponent('div')
-// const AnimatedText = createTamaguiAnimatedComponent('span')
+// this is our own custom reanimated animated component so we can allow data- attributes, className etc
+// this should ultimately be merged with react-native-web-lite
+
+function createTamaguiAnimatedComponent(defaultTag = 'div') {
+  const Component = Animated.createAnimatedComponent(
+    forwardRef((propsIn: any, ref) => {
+      const {
+        forwardedRef,
+        style,
+        disableClassName,
+        animation,
+        tag = defaultTag,
+        ...props
+      } = propsIn
+      const hostRef = useRef()
+      const composedRefs = useComposedRefs(forwardedRef, ref, hostRef)
+      const stateRef = useRef<any>()
+      if (!stateRef.current) {
+        stateRef.current = {
+          get host() {
+            return hostRef.current
+          },
+        }
+      }
+
+      const styleFlat = []
+        .concat(style)
+        .flat(100)
+        .reduce((acc, cur) => {
+          if (cur) {
+            Object.assign(acc, cur)
+          }
+          return acc
+        }, {})
+
+      const styleOut = getStylesAtomic(styleFlat).reduce((acc, [key, value]) => {
+        acc[key] = value
+        return acc
+      }, {})
+
+      const Element = tag
+      const transformedProps = hooks.usePropsTransform?.(tag, props, stateRef, false)
+      const finalProps = {
+        ...transformedProps,
+        style: styleOut,
+        ref: composedRefs,
+      }
+
+      return <Element {...finalProps} />
+    })
+  )
+  Component['acceptTagProp'] = true
+  return Component
+}
+
+const AnimatedView = createTamaguiAnimatedComponent('div')
+const AnimatedText = createTamaguiAnimatedComponent('span')
+
+// const AnimatedView = styled(View, {
+//   disableClassName: true,
+// })
+
+// const AnimatedText = styled(Text, {
+//   disableClassName: true,
+// })
 
 const onlyAnimateKeys: { [key in keyof TextStyle | keyof CSSProperties]?: boolean } = {
   transform: true,
@@ -80,10 +127,10 @@ export function createAnimations<A extends Record<string, TransitionConfig>>(
   animations: A
 ): AnimationDriver<A> {
   return {
-    // View: isWeb ? AnimatedView : Animated.View,
-    // Text: isWeb ? AnimatedText : Animated.Text,
-    View: Animated.View,
-    Text: Animated.Text,
+    View: isWeb ? AnimatedView : Animated.View,
+    Text: isWeb ? AnimatedText : Animated.Text,
+    // View: Animated.View,
+    // Text: Animated.Text,
     isReactNative: true,
     animations,
     usePresence,
@@ -214,8 +261,14 @@ export function createAnimations<A extends Record<string, TransitionConfig>>(
 
       // without this, the driver breaks on native
       // stringifying -> parsing fixes that
-      const animateStr = JSON.stringify(animate)
-      const styles = React.useMemo(() => JSON.parse(animateStr), [animateStr])
+      const styles = (() => {
+        if (process.env.TAMAGUI_TARGET === 'native') {
+          const animateStr = JSON.stringify(animate)
+          return React.useMemo(() => JSON.parse(animateStr), [animateStr])
+        } else {
+          return animate
+        }
+      })()
 
       const isExiting = Boolean(presence?.[1])
       const presenceContext = React.useContext(PresenceContext)
@@ -265,6 +318,7 @@ export function createAnimations<A extends Record<string, TransitionConfig>>(
 
       if (process.env.NODE_ENV === 'development' && props['debug']) {
         console.info(`useMotify(`, JSON.stringify(motiProps, null, 2) + ')', {
+          'componentState.unmounted': componentState.unmounted,
           animationProps,
           motiProps,
           moti,

package/types/createAnimations.d.ts

@@ -1,4 +1,4 @@
-import type { AnimationDriver } from '@tamagui/web';
+import { type AnimationDriver } from '@tamagui/web';
 import type { TransitionConfig } from 'moti';
 export declare function createAnimations<A extends Record<string, TransitionConfig>>(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":"AAEA,OAAO,KAAK,EAAE,eAAe,EAA2B,MAAM,cAAc,CAAA;AAC5E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,MAAM,CAAA;AA2E5C,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,EACzE,UAAU,EAAE,CAAC,GACZ,eAAe,CAAC,CAAC,CAAC,CAuMpB"}
+{"version":3,"file":"createAnimations.d.ts","sourceRoot":"","sources":["../src/createAnimations.tsx"],"names":[],"mappings":"AACA,OAAO,EAKL,KAAK,eAAe,EAErB,MAAM,cAAc,CAAA;AACrB,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,MAAM,CAAA;AAoH5C,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,EACzE,UAAU,EAAE,CAAC,GACZ,eAAe,CAAC,CAAC,CAAC,CA8MpB"}