@tamagui/animations-react-native 1.0.1-beta.92

package/dist/cjs/createAnimations.js

@@ -0,0 +1,93 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var createAnimations_exports = {};
+__export(createAnimations_exports, {
+  createAnimations: () => createAnimations
+});
+module.exports = __toCommonJS(createAnimations_exports);
+var import_animate_presence = require("@tamagui/animate-presence");
+var import_react = require("react");
+var import_react_native = require("react-native");
+function createAnimations(animations) {
+  const AnimatedView = import_react_native.Animated.View;
+  const AnimatedText = import_react_native.Animated.Text;
+  AnimatedView["displayName"] = "AnimatedView";
+  AnimatedText["displayName"] = "AnimatedText";
+  return {
+    avoidClasses: true,
+    animations,
+    View: AnimatedView,
+    Text: AnimatedText,
+    useAnimations: (props, helpers) => {
+      var _a, _b;
+      const { pseudos, onDidAnimate, delay, getStyle, state, staticConfig } = helpers;
+      const [isPresent, sendExitComplete] = (0, import_animate_presence.usePresence)();
+      const presence = (0, import_react.useContext)(import_animate_presence.PresenceContext);
+      const exitStyle = (presence == null ? void 0 : presence.exitVariant) ? ((_b = (_a = staticConfig.variantsParsed) == null ? void 0 : _a[presence.exitVariant]) == null ? void 0 : _b.true) || pseudos.exitStyle : pseudos.exitStyle;
+      const onDidAnimateCb = (0, import_react.useCallback)((...args2) => {
+        onDidAnimate == null ? void 0 : onDidAnimate(...args2);
+      }, [onDidAnimate]);
+      const isExiting = isPresent === false;
+      const isEntering = !state.mounted;
+      const all = getStyle({
+        isExiting,
+        isEntering,
+        exitVariant: presence == null ? void 0 : presence.exitVariant,
+        enterVariant: presence == null ? void 0 : presence.enterVariant
+      });
+      const animatedValues = (0, import_react.useRef)({});
+      const [animatedStyles, nonAnimatedStyle] = [{}, {}];
+      const animatedStyleKey = {
+        transform: true,
+        opacity: true
+      };
+      for (const key of Object.keys(all)) {
+        if (animatedStyleKey[key]) {
+          animatedStyles[key] = all[key];
+        } else {
+          nonAnimatedStyle[key] = all[key];
+        }
+      }
+      const animatedStyle = animatedStyleKey;
+      const args = [
+        JSON.stringify(all),
+        state.mounted,
+        state.hover,
+        state.press,
+        state.pressIn,
+        state.focus,
+        delay,
+        isPresent,
+        onDidAnimate,
+        onDidAnimateCb,
+        presence == null ? void 0 : presence.exitVariant,
+        presence == null ? void 0 : presence.enterVariant
+      ];
+      return (0, import_react.useMemo)(() => {
+        return {
+          style: [nonAnimatedStyle, animatedStyle]
+        };
+      }, args);
+    }
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createAnimations
+});
+//# sourceMappingURL=createAnimations.js.map

package/dist/cjs/createAnimations.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/createAnimations.tsx"],
+  "sourcesContent": ["import { PresenceContext, usePresence } from '@tamagui/animate-presence'\nimport { AnimationDriver, AnimationProp } from '@tamagui/core'\nimport { useCallback, useContext, useMemo, useRef, useState } from 'react'\nimport { Animated } from 'react-native'\n\ntype AnimationsConfig<A extends Object = any> = {\n  [Key in keyof A]: AnimationConfig\n}\n\ntype AnimationConfig = {}\n// | ({ type: 'timing'; loop?: number; repeat?: number; repeatReverse?: boolean } & WithTimingConfig)\n// | ({ type: 'spring'; loop?: number; repeat?: number; repeatReverse?: boolean } & WithSpringConfig)\n// | ({ type: 'decay'; loop?: number; repeat?: number; repeatReverse?: boolean } & WithDecayConfig)\n\nexport function createAnimations<A extends AnimationsConfig>(animations: A): AnimationDriver<A> {\n  const AnimatedView = Animated.View\n  const AnimatedText = Animated.Text\n\n  AnimatedView['displayName'] = 'AnimatedView'\n  AnimatedText['displayName'] = 'AnimatedText'\n\n  return {\n    avoidClasses: true,\n    animations,\n    View: AnimatedView,\n    Text: AnimatedText,\n    useAnimations: (props, helpers) => {\n      const { pseudos, onDidAnimate, delay, getStyle, state, staticConfig } = helpers\n      const [isPresent, sendExitComplete] = usePresence()\n      const presence = useContext(PresenceContext)\n\n      const exitStyle = presence?.exitVariant\n        ? staticConfig.variantsParsed?.[presence.exitVariant]?.true || pseudos.exitStyle\n        : pseudos.exitStyle\n\n      const onDidAnimateCb = useCallback<NonNullable<typeof onDidAnimate>>(\n        (...args) => {\n          onDidAnimate?.(...args)\n        },\n        [onDidAnimate]\n      )\n\n      const isExiting = isPresent === false\n      const isEntering = !state.mounted\n\n      const all = getStyle({\n        isExiting,\n        isEntering,\n        exitVariant: presence?.exitVariant,\n        enterVariant: presence?.enterVariant,\n      })\n\n      const animatedValues = useRef<Record<string, Animated.Value>>({})\n\n      // TODO loop and create values, run them if they change\n\n      const [animatedStyles, nonAnimatedStyle] = [{}, {}]\n      const animatedStyleKey = {\n        transform: true,\n        opacity: true,\n      }\n      for (const key of Object.keys(all)) {\n        if (animatedStyleKey[key]) {\n          animatedStyles[key] = all[key]\n        } else {\n          nonAnimatedStyle[key] = all[key]\n        }\n      }\n\n      const animatedStyle = animatedStyleKey\n\n      const args = [\n        JSON.stringify(all),\n        state.mounted,\n        state.hover,\n        state.press,\n        state.pressIn,\n        state.focus,\n        delay,\n        isPresent,\n        onDidAnimate,\n        onDidAnimateCb,\n        presence?.exitVariant,\n        presence?.enterVariant,\n      ]\n\n      // const callback = (\n      //   isExiting: boolean,\n      //   exitingStyleProps: Record<string, boolean>,\n      //   key: string,\n      //   value: any\n      // ) => {\n      //   return (completed, current) => {\n      //     onDidAnimateCb(key, completed, current, {\n      //       attemptedValue: value,\n      //     })\n      //     if (isExiting) {\n      //       exitingStyleProps[key] = false\n      //       const areStylesExiting = Object.values(exitingStyleProps).some(Boolean)\n      //       // if this is true, then we've finished our exit animations\n      //       if (!areStylesExiting) {\n      //         sendExitComplete?.()\n      //       }\n      //     }\n      //   }\n      // }\n\n      return useMemo(() => {\n        return {\n          style: [nonAnimatedStyle, animatedStyle],\n        }\n      }, args)\n    },\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAA6C;AAE7C,mBAAmE;AACnE,0BAAyB;AAWlB,0BAAsD,YAAmC;AAC9F,QAAM,eAAe,6BAAS;AAC9B,QAAM,eAAe,6BAAS;AAE9B,eAAa,iBAAiB;AAC9B,eAAa,iBAAiB;AAE9B,SAAO;AAAA,IACL,cAAc;AAAA,IACd;AAAA,IACA,MAAM;AAAA,IACN,MAAM;AAAA,IACN,eAAe,CAAC,OAAO,YAAY;AA1BvC;AA2BM,YAAM,EAAE,SAAS,cAAc,OAAO,UAAU,OAAO,iBAAiB;AACxE,YAAM,CAAC,WAAW,oBAAoB,yCAAY;AAClD,YAAM,WAAW,6BAAW,uCAAe;AAE3C,YAAM,YAAY,sCAAU,eACxB,0BAAa,mBAAb,mBAA8B,SAAS,iBAAvC,mBAAqD,SAAQ,QAAQ,YACrE,QAAQ;AAEZ,YAAM,iBAAiB,8BACrB,IAAI,UAAS;AACX,qDAAe,GAAG;AAAA,MACpB,GACA,CAAC,YAAY,CACf;AAEA,YAAM,YAAY,cAAc;AAChC,YAAM,aAAa,CAAC,MAAM;AAE1B,YAAM,MAAM,SAAS;AAAA,QACnB;AAAA,QACA;AAAA,QACA,aAAa,qCAAU;AAAA,QACvB,cAAc,qCAAU;AAAA,MAC1B,CAAC;AAED,YAAM,iBAAiB,yBAAuC,CAAC,CAAC;AAIhE,YAAM,CAAC,gBAAgB,oBAAoB,CAAC,CAAC,GAAG,CAAC,CAAC;AAClD,YAAM,mBAAmB;AAAA,QACvB,WAAW;AAAA,QACX,SAAS;AAAA,MACX;AACA,iBAAW,OAAO,OAAO,KAAK,GAAG,GAAG;AAClC,YAAI,iBAAiB,MAAM;AACzB,yBAAe,OAAO,IAAI;AAAA,QAC5B,OAAO;AACL,2BAAiB,OAAO,IAAI;AAAA,QAC9B;AAAA,MACF;AAEA,YAAM,gBAAgB;AAEtB,YAAM,OAAO;AAAA,QACX,KAAK,UAAU,GAAG;AAAA,QAClB,MAAM;AAAA,QACN,MAAM;AAAA,QACN,MAAM;AAAA,QACN,MAAM;AAAA,QACN,MAAM;AAAA,QACN;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,qCAAU;AAAA,QACV,qCAAU;AAAA,MACZ;AAuBA,aAAO,0BAAQ,MAAM;AACnB,eAAO;AAAA,UACL,OAAO,CAAC,kBAAkB,aAAa;AAAA,QACzC;AAAA,MACF,GAAG,IAAI;AAAA,IACT;AAAA,EACF;AACF;",
+  "names": []
+}

package/dist/cjs/index.js

@@ -0,0 +1,18 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var src_exports = {};
+module.exports = __toCommonJS(src_exports);
+__reExport(src_exports, require("./createAnimations"), module.exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.tsx"],
+  "sourcesContent": ["export * from './createAnimations'\n"],
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,+BAAd;",
+  "names": []
+}

package/dist/esm/createAnimations.js

@@ -0,0 +1,70 @@
+import { PresenceContext, usePresence } from "@tamagui/animate-presence";
+import { useCallback, useContext, useMemo, useRef } from "react";
+import { Animated } from "react-native";
+function createAnimations(animations) {
+  const AnimatedView = Animated.View;
+  const AnimatedText = Animated.Text;
+  AnimatedView["displayName"] = "AnimatedView";
+  AnimatedText["displayName"] = "AnimatedText";
+  return {
+    avoidClasses: true,
+    animations,
+    View: AnimatedView,
+    Text: AnimatedText,
+    useAnimations: (props, helpers) => {
+      var _a, _b;
+      const { pseudos, onDidAnimate, delay, getStyle, state, staticConfig } = helpers;
+      const [isPresent, sendExitComplete] = usePresence();
+      const presence = useContext(PresenceContext);
+      const exitStyle = (presence == null ? void 0 : presence.exitVariant) ? ((_b = (_a = staticConfig.variantsParsed) == null ? void 0 : _a[presence.exitVariant]) == null ? void 0 : _b.true) || pseudos.exitStyle : pseudos.exitStyle;
+      const onDidAnimateCb = useCallback((...args2) => {
+        onDidAnimate == null ? void 0 : onDidAnimate(...args2);
+      }, [onDidAnimate]);
+      const isExiting = isPresent === false;
+      const isEntering = !state.mounted;
+      const all = getStyle({
+        isExiting,
+        isEntering,
+        exitVariant: presence == null ? void 0 : presence.exitVariant,
+        enterVariant: presence == null ? void 0 : presence.enterVariant
+      });
+      const animatedValues = useRef({});
+      const [animatedStyles, nonAnimatedStyle] = [{}, {}];
+      const animatedStyleKey = {
+        transform: true,
+        opacity: true
+      };
+      for (const key of Object.keys(all)) {
+        if (animatedStyleKey[key]) {
+          animatedStyles[key] = all[key];
+        } else {
+          nonAnimatedStyle[key] = all[key];
+        }
+      }
+      const animatedStyle = animatedStyleKey;
+      const args = [
+        JSON.stringify(all),
+        state.mounted,
+        state.hover,
+        state.press,
+        state.pressIn,
+        state.focus,
+        delay,
+        isPresent,
+        onDidAnimate,
+        onDidAnimateCb,
+        presence == null ? void 0 : presence.exitVariant,
+        presence == null ? void 0 : presence.enterVariant
+      ];
+      return useMemo(() => {
+        return {
+          style: [nonAnimatedStyle, animatedStyle]
+        };
+      }, args);
+    }
+  };
+}
+export {
+  createAnimations
+};
+//# sourceMappingURL=createAnimations.js.map

package/dist/esm/createAnimations.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/createAnimations.tsx"],
+  "sourcesContent": ["import { PresenceContext, usePresence } from '@tamagui/animate-presence'\nimport { AnimationDriver, AnimationProp } from '@tamagui/core'\nimport { useCallback, useContext, useMemo, useRef, useState } from 'react'\nimport { Animated } from 'react-native'\n\ntype AnimationsConfig<A extends Object = any> = {\n  [Key in keyof A]: AnimationConfig\n}\n\ntype AnimationConfig = {}\n// | ({ type: 'timing'; loop?: number; repeat?: number; repeatReverse?: boolean } & WithTimingConfig)\n// | ({ type: 'spring'; loop?: number; repeat?: number; repeatReverse?: boolean } & WithSpringConfig)\n// | ({ type: 'decay'; loop?: number; repeat?: number; repeatReverse?: boolean } & WithDecayConfig)\n\nexport function createAnimations<A extends AnimationsConfig>(animations: A): AnimationDriver<A> {\n  const AnimatedView = Animated.View\n  const AnimatedText = Animated.Text\n\n  AnimatedView['displayName'] = 'AnimatedView'\n  AnimatedText['displayName'] = 'AnimatedText'\n\n  return {\n    avoidClasses: true,\n    animations,\n    View: AnimatedView,\n    Text: AnimatedText,\n    useAnimations: (props, helpers) => {\n      const { pseudos, onDidAnimate, delay, getStyle, state, staticConfig } = helpers\n      const [isPresent, sendExitComplete] = usePresence()\n      const presence = useContext(PresenceContext)\n\n      const exitStyle = presence?.exitVariant\n        ? staticConfig.variantsParsed?.[presence.exitVariant]?.true || pseudos.exitStyle\n        : pseudos.exitStyle\n\n      const onDidAnimateCb = useCallback<NonNullable<typeof onDidAnimate>>(\n        (...args) => {\n          onDidAnimate?.(...args)\n        },\n        [onDidAnimate]\n      )\n\n      const isExiting = isPresent === false\n      const isEntering = !state.mounted\n\n      const all = getStyle({\n        isExiting,\n        isEntering,\n        exitVariant: presence?.exitVariant,\n        enterVariant: presence?.enterVariant,\n      })\n\n      const animatedValues = useRef<Record<string, Animated.Value>>({})\n\n      // TODO loop and create values, run them if they change\n\n      const [animatedStyles, nonAnimatedStyle] = [{}, {}]\n      const animatedStyleKey = {\n        transform: true,\n        opacity: true,\n      }\n      for (const key of Object.keys(all)) {\n        if (animatedStyleKey[key]) {\n          animatedStyles[key] = all[key]\n        } else {\n          nonAnimatedStyle[key] = all[key]\n        }\n      }\n\n      const animatedStyle = animatedStyleKey\n\n      const args = [\n        JSON.stringify(all),\n        state.mounted,\n        state.hover,\n        state.press,\n        state.pressIn,\n        state.focus,\n        delay,\n        isPresent,\n        onDidAnimate,\n        onDidAnimateCb,\n        presence?.exitVariant,\n        presence?.enterVariant,\n      ]\n\n      // const callback = (\n      //   isExiting: boolean,\n      //   exitingStyleProps: Record<string, boolean>,\n      //   key: string,\n      //   value: any\n      // ) => {\n      //   return (completed, current) => {\n      //     onDidAnimateCb(key, completed, current, {\n      //       attemptedValue: value,\n      //     })\n      //     if (isExiting) {\n      //       exitingStyleProps[key] = false\n      //       const areStylesExiting = Object.values(exitingStyleProps).some(Boolean)\n      //       // if this is true, then we've finished our exit animations\n      //       if (!areStylesExiting) {\n      //         sendExitComplete?.()\n      //       }\n      //     }\n      //   }\n      // }\n\n      return useMemo(() => {\n        return {\n          style: [nonAnimatedStyle, animatedStyle],\n        }\n      }, args)\n    },\n  }\n}\n"],
+  "mappings": "AAAA;AAEA;AACA;AAWO,0BAAsD,YAAmC;AAC9F,QAAM,eAAe,SAAS;AAC9B,QAAM,eAAe,SAAS;AAE9B,eAAa,iBAAiB;AAC9B,eAAa,iBAAiB;AAE9B,SAAO;AAAA,IACL,cAAc;AAAA,IACd;AAAA,IACA,MAAM;AAAA,IACN,MAAM;AAAA,IACN,eAAe,CAAC,OAAO,YAAY;AA1BvC;AA2BM,YAAM,EAAE,SAAS,cAAc,OAAO,UAAU,OAAO,iBAAiB;AACxE,YAAM,CAAC,WAAW,oBAAoB,YAAY;AAClD,YAAM,WAAW,WAAW,eAAe;AAE3C,YAAM,YAAY,sCAAU,eACxB,0BAAa,mBAAb,mBAA8B,SAAS,iBAAvC,mBAAqD,SAAQ,QAAQ,YACrE,QAAQ;AAEZ,YAAM,iBAAiB,YACrB,IAAI,UAAS;AACX,qDAAe,GAAG;AAAA,MACpB,GACA,CAAC,YAAY,CACf;AAEA,YAAM,YAAY,cAAc;AAChC,YAAM,aAAa,CAAC,MAAM;AAE1B,YAAM,MAAM,SAAS;AAAA,QACnB;AAAA,QACA;AAAA,QACA,aAAa,qCAAU;AAAA,QACvB,cAAc,qCAAU;AAAA,MAC1B,CAAC;AAED,YAAM,iBAAiB,OAAuC,CAAC,CAAC;AAIhE,YAAM,CAAC,gBAAgB,oBAAoB,CAAC,CAAC,GAAG,CAAC,CAAC;AAClD,YAAM,mBAAmB;AAAA,QACvB,WAAW;AAAA,QACX,SAAS;AAAA,MACX;AACA,iBAAW,OAAO,OAAO,KAAK,GAAG,GAAG;AAClC,YAAI,iBAAiB,MAAM;AACzB,yBAAe,OAAO,IAAI;AAAA,QAC5B,OAAO;AACL,2BAAiB,OAAO,IAAI;AAAA,QAC9B;AAAA,MACF;AAEA,YAAM,gBAAgB;AAEtB,YAAM,OAAO;AAAA,QACX,KAAK,UAAU,GAAG;AAAA,QAClB,MAAM;AAAA,QACN,MAAM;AAAA,QACN,MAAM;AAAA,QACN,MAAM;AAAA,QACN,MAAM;AAAA,QACN;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,qCAAU;AAAA,QACV,qCAAU;AAAA,MACZ;AAuBA,aAAO,QAAQ,MAAM;AACnB,eAAO;AAAA,UACL,OAAO,CAAC,kBAAkB,aAAa;AAAA,QACzC;AAAA,MACF,GAAG,IAAI;AAAA,IACT;AAAA,EACF;AACF;",
+  "names": []
+}

package/dist/esm/index.js

@@ -0,0 +1,2 @@
+export * from "./createAnimations";
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.tsx"],
+  "sourcesContent": ["export * from './createAnimations'\n"],
+  "mappings": "AAAA;",
+  "names": []
+}

package/dist/jsx/createAnimations.js

@@ -0,0 +1,70 @@
+import { PresenceContext, usePresence } from "@tamagui/animate-presence";
+import { useCallback, useContext, useMemo, useRef } from "react";
+import { Animated } from "react-native";
+function createAnimations(animations) {
+  const AnimatedView = Animated.View;
+  const AnimatedText = Animated.Text;
+  AnimatedView["displayName"] = "AnimatedView";
+  AnimatedText["displayName"] = "AnimatedText";
+  return {
+    avoidClasses: true,
+    animations,
+    View: AnimatedView,
+    Text: AnimatedText,
+    useAnimations: (props, helpers) => {
+      var _a, _b;
+      const { pseudos, onDidAnimate, delay, getStyle, state, staticConfig } = helpers;
+      const [isPresent, sendExitComplete] = usePresence();
+      const presence = useContext(PresenceContext);
+      const exitStyle = (presence == null ? void 0 : presence.exitVariant) ? ((_b = (_a = staticConfig.variantsParsed) == null ? void 0 : _a[presence.exitVariant]) == null ? void 0 : _b.true) || pseudos.exitStyle : pseudos.exitStyle;
+      const onDidAnimateCb = useCallback((...args2) => {
+        onDidAnimate == null ? void 0 : onDidAnimate(...args2);
+      }, [onDidAnimate]);
+      const isExiting = isPresent === false;
+      const isEntering = !state.mounted;
+      const all = getStyle({
+        isExiting,
+        isEntering,
+        exitVariant: presence == null ? void 0 : presence.exitVariant,
+        enterVariant: presence == null ? void 0 : presence.enterVariant
+      });
+      const animatedValues = useRef({});
+      const [animatedStyles, nonAnimatedStyle] = [{}, {}];
+      const animatedStyleKey = {
+        transform: true,
+        opacity: true
+      };
+      for (const key of Object.keys(all)) {
+        if (animatedStyleKey[key]) {
+          animatedStyles[key] = all[key];
+        } else {
+          nonAnimatedStyle[key] = all[key];
+        }
+      }
+      const animatedStyle = animatedStyleKey;
+      const args = [
+        JSON.stringify(all),
+        state.mounted,
+        state.hover,
+        state.press,
+        state.pressIn,
+        state.focus,
+        delay,
+        isPresent,
+        onDidAnimate,
+        onDidAnimateCb,
+        presence == null ? void 0 : presence.exitVariant,
+        presence == null ? void 0 : presence.enterVariant
+      ];
+      return useMemo(() => {
+        return {
+          style: [nonAnimatedStyle, animatedStyle]
+        };
+      }, args);
+    }
+  };
+}
+export {
+  createAnimations
+};
+//# sourceMappingURL=createAnimations.js.map

package/dist/jsx/createAnimations.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/createAnimations.tsx"],
+  "sourcesContent": ["import { PresenceContext, usePresence } from '@tamagui/animate-presence'\nimport { AnimationDriver, AnimationProp } from '@tamagui/core'\nimport { useCallback, useContext, useMemo, useRef, useState } from 'react'\nimport { Animated } from 'react-native'\n\ntype AnimationsConfig<A extends Object = any> = {\n  [Key in keyof A]: AnimationConfig\n}\n\ntype AnimationConfig = {}\n// | ({ type: 'timing'; loop?: number; repeat?: number; repeatReverse?: boolean } & WithTimingConfig)\n// | ({ type: 'spring'; loop?: number; repeat?: number; repeatReverse?: boolean } & WithSpringConfig)\n// | ({ type: 'decay'; loop?: number; repeat?: number; repeatReverse?: boolean } & WithDecayConfig)\n\nexport function createAnimations<A extends AnimationsConfig>(animations: A): AnimationDriver<A> {\n  const AnimatedView = Animated.View\n  const AnimatedText = Animated.Text\n\n  AnimatedView['displayName'] = 'AnimatedView'\n  AnimatedText['displayName'] = 'AnimatedText'\n\n  return {\n    avoidClasses: true,\n    animations,\n    View: AnimatedView,\n    Text: AnimatedText,\n    useAnimations: (props, helpers) => {\n      const { pseudos, onDidAnimate, delay, getStyle, state, staticConfig } = helpers\n      const [isPresent, sendExitComplete] = usePresence()\n      const presence = useContext(PresenceContext)\n\n      const exitStyle = presence?.exitVariant\n        ? staticConfig.variantsParsed?.[presence.exitVariant]?.true || pseudos.exitStyle\n        : pseudos.exitStyle\n\n      const onDidAnimateCb = useCallback<NonNullable<typeof onDidAnimate>>(\n        (...args) => {\n          onDidAnimate?.(...args)\n        },\n        [onDidAnimate]\n      )\n\n      const isExiting = isPresent === false\n      const isEntering = !state.mounted\n\n      const all = getStyle({\n        isExiting,\n        isEntering,\n        exitVariant: presence?.exitVariant,\n        enterVariant: presence?.enterVariant,\n      })\n\n      const animatedValues = useRef<Record<string, Animated.Value>>({})\n\n      // TODO loop and create values, run them if they change\n\n      const [animatedStyles, nonAnimatedStyle] = [{}, {}]\n      const animatedStyleKey = {\n        transform: true,\n        opacity: true,\n      }\n      for (const key of Object.keys(all)) {\n        if (animatedStyleKey[key]) {\n          animatedStyles[key] = all[key]\n        } else {\n          nonAnimatedStyle[key] = all[key]\n        }\n      }\n\n      const animatedStyle = animatedStyleKey\n\n      const args = [\n        JSON.stringify(all),\n        state.mounted,\n        state.hover,\n        state.press,\n        state.pressIn,\n        state.focus,\n        delay,\n        isPresent,\n        onDidAnimate,\n        onDidAnimateCb,\n        presence?.exitVariant,\n        presence?.enterVariant,\n      ]\n\n      // const callback = (\n      //   isExiting: boolean,\n      //   exitingStyleProps: Record<string, boolean>,\n      //   key: string,\n      //   value: any\n      // ) => {\n      //   return (completed, current) => {\n      //     onDidAnimateCb(key, completed, current, {\n      //       attemptedValue: value,\n      //     })\n      //     if (isExiting) {\n      //       exitingStyleProps[key] = false\n      //       const areStylesExiting = Object.values(exitingStyleProps).some(Boolean)\n      //       // if this is true, then we've finished our exit animations\n      //       if (!areStylesExiting) {\n      //         sendExitComplete?.()\n      //       }\n      //     }\n      //   }\n      // }\n\n      return useMemo(() => {\n        return {\n          style: [nonAnimatedStyle, animatedStyle],\n        }\n      }, args)\n    },\n  }\n}\n"],
+  "mappings": "AAAA;AAEA;AACA;AAWO,0BAAsD,YAAmC;AAC9F,QAAM,eAAe,SAAS;AAC9B,QAAM,eAAe,SAAS;AAE9B,eAAa,iBAAiB;AAC9B,eAAa,iBAAiB;AAE9B,SAAO;AAAA,IACL,cAAc;AAAA,IACd;AAAA,IACA,MAAM;AAAA,IACN,MAAM;AAAA,IACN,eAAe,CAAC,OAAO,YAAY;AA1BvC;AA2BM,YAAM,EAAE,SAAS,cAAc,OAAO,UAAU,OAAO,iBAAiB;AACxE,YAAM,CAAC,WAAW,oBAAoB,YAAY;AAClD,YAAM,WAAW,WAAW,eAAe;AAE3C,YAAM,YAAY,sCAAU,eACxB,0BAAa,mBAAb,mBAA8B,SAAS,iBAAvC,mBAAqD,SAAQ,QAAQ,YACrE,QAAQ;AAEZ,YAAM,iBAAiB,YACrB,IAAI,UAAS;AACX,qDAAe,GAAG;AAAA,MACpB,GACA,CAAC,YAAY,CACf;AAEA,YAAM,YAAY,cAAc;AAChC,YAAM,aAAa,CAAC,MAAM;AAE1B,YAAM,MAAM,SAAS;AAAA,QACnB;AAAA,QACA;AAAA,QACA,aAAa,qCAAU;AAAA,QACvB,cAAc,qCAAU;AAAA,MAC1B,CAAC;AAED,YAAM,iBAAiB,OAAuC,CAAC,CAAC;AAIhE,YAAM,CAAC,gBAAgB,oBAAoB,CAAC,CAAC,GAAG,CAAC,CAAC;AAClD,YAAM,mBAAmB;AAAA,QACvB,WAAW;AAAA,QACX,SAAS;AAAA,MACX;AACA,iBAAW,OAAO,OAAO,KAAK,GAAG,GAAG;AAClC,YAAI,iBAAiB,MAAM;AACzB,yBAAe,OAAO,IAAI;AAAA,QAC5B,OAAO;AACL,2BAAiB,OAAO,IAAI;AAAA,QAC9B;AAAA,MACF;AAEA,YAAM,gBAAgB;AAEtB,YAAM,OAAO;AAAA,QACX,KAAK,UAAU,GAAG;AAAA,QAClB,MAAM;AAAA,QACN,MAAM;AAAA,QACN,MAAM;AAAA,QACN,MAAM;AAAA,QACN,MAAM;AAAA,QACN;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,qCAAU;AAAA,QACV,qCAAU;AAAA,MACZ;AAuBA,aAAO,QAAQ,MAAM;AACnB,eAAO;AAAA,UACL,OAAO,CAAC,kBAAkB,aAAa;AAAA,QACzC;AAAA,MACF,GAAG,IAAI;AAAA,IACT;AAAA,EACF;AACF;",
+  "names": []
+}

package/dist/jsx/index.js

@@ -0,0 +1,2 @@
+export * from "./createAnimations";
+//# sourceMappingURL=index.js.map

package/dist/jsx/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.tsx"],
+  "sourcesContent": ["export * from './createAnimations'\n"],
+  "mappings": "AAAA;",
+  "names": []
+}

package/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "@tamagui/animations-react-native",
+  "version": "1.0.1-beta.92",
+  "source": "src/index.ts",
+  "sideEffects": true,
+  "license": "MIT",
+  "types": "./types/index.d.ts",
+  "main": "dist/cjs",
+  "module": "dist/esm",
+  "module:jsx": "dist/jsx",
+  "files": [
+    "src",
+    "types",
+    "dist"
+  ],
+  "dependencies": {
+    "@tamagui/animate-presence": "^1.0.1-beta.92",
+    "@tamagui/core": "^1.0.1-beta.92"
+  },
+  "devDependencies": {
+    "@tamagui/build": "^1.0.1-beta.92",
+    "react": "*",
+    "react-dom": "*",
+    "react-native": "*"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-dom": "*",
+    "react-native": "*"
+  },
+  "scripts": {
+    "build": "tamagui-build",
+    "watch": "tamagui-build --watch",
+    "clean": "tamagui-build clean",
+    "clean:build": "tamagui-build clean:build"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "gitHead": "a49cc7ea6b93ba384e77a4880ae48ac4a5635c14"
+}

package/src/createAnimations.tsx

@@ -0,0 +1,115 @@
+import { PresenceContext, usePresence } from '@tamagui/animate-presence'
+import { AnimationDriver, AnimationProp } from '@tamagui/core'
+import { useCallback, useContext, useMemo, useRef, useState } from 'react'
+import { Animated } from 'react-native'
+
+type AnimationsConfig<A extends Object = any> = {
+  [Key in keyof A]: AnimationConfig
+}
+
+type AnimationConfig = {}
+// | ({ type: 'timing'; loop?: number; repeat?: number; repeatReverse?: boolean } & WithTimingConfig)
+// | ({ type: 'spring'; loop?: number; repeat?: number; repeatReverse?: boolean } & WithSpringConfig)
+// | ({ type: 'decay'; loop?: number; repeat?: number; repeatReverse?: boolean } & WithDecayConfig)
+
+export function createAnimations<A extends AnimationsConfig>(animations: A): AnimationDriver<A> {
+  const AnimatedView = Animated.View
+  const AnimatedText = Animated.Text
+
+  AnimatedView['displayName'] = 'AnimatedView'
+  AnimatedText['displayName'] = 'AnimatedText'
+
+  return {
+    avoidClasses: true,
+    animations,
+    View: AnimatedView,
+    Text: AnimatedText,
+    useAnimations: (props, helpers) => {
+      const { pseudos, onDidAnimate, delay, getStyle, state, staticConfig } = helpers
+      const [isPresent, sendExitComplete] = usePresence()
+      const presence = useContext(PresenceContext)
+
+      const exitStyle = presence?.exitVariant
+        ? staticConfig.variantsParsed?.[presence.exitVariant]?.true || pseudos.exitStyle
+        : pseudos.exitStyle
+
+      const onDidAnimateCb = useCallback<NonNullable<typeof onDidAnimate>>(
+        (...args) => {
+          onDidAnimate?.(...args)
+        },
+        [onDidAnimate]
+      )
+
+      const isExiting = isPresent === false
+      const isEntering = !state.mounted
+
+      const all = getStyle({
+        isExiting,
+        isEntering,
+        exitVariant: presence?.exitVariant,
+        enterVariant: presence?.enterVariant,
+      })
+
+      const animatedValues = useRef<Record<string, Animated.Value>>({})
+
+      // TODO loop and create values, run them if they change
+
+      const [animatedStyles, nonAnimatedStyle] = [{}, {}]
+      const animatedStyleKey = {
+        transform: true,
+        opacity: true,
+      }
+      for (const key of Object.keys(all)) {
+        if (animatedStyleKey[key]) {
+          animatedStyles[key] = all[key]
+        } else {
+          nonAnimatedStyle[key] = all[key]
+        }
+      }
+
+      const animatedStyle = animatedStyleKey
+
+      const args = [
+        JSON.stringify(all),
+        state.mounted,
+        state.hover,
+        state.press,
+        state.pressIn,
+        state.focus,
+        delay,
+        isPresent,
+        onDidAnimate,
+        onDidAnimateCb,
+        presence?.exitVariant,
+        presence?.enterVariant,
+      ]
+
+      // const callback = (
+      //   isExiting: boolean,
+      //   exitingStyleProps: Record<string, boolean>,
+      //   key: string,
+      //   value: any
+      // ) => {
+      //   return (completed, current) => {
+      //     onDidAnimateCb(key, completed, current, {
+      //       attemptedValue: value,
+      //     })
+      //     if (isExiting) {
+      //       exitingStyleProps[key] = false
+      //       const areStylesExiting = Object.values(exitingStyleProps).some(Boolean)
+      //       // if this is true, then we've finished our exit animations
+      //       if (!areStylesExiting) {
+      //         sendExitComplete?.()
+      //       }
+      //     }
+      //   }
+      // }
+
+      return useMemo(() => {
+        return {
+          style: [nonAnimatedStyle, animatedStyle],
+        }
+      }, args)
+    },
+  }
+}

package/src/index.tsx

@@ -0,0 +1 @@
+export * from './createAnimations'

package/types/createAnimations.d.ts

@@ -0,0 +1,8 @@
+import { AnimationDriver } from '@tamagui/core';
+declare type AnimationsConfig<A extends Object = any> = {
+    [Key in keyof A]: AnimationConfig;
+};
+declare type AnimationConfig = {};
+export declare function createAnimations<A extends AnimationsConfig>(animations: A): AnimationDriver<A>;
+export {};
+//# sourceMappingURL=createAnimations.d.ts.map

package/types/createAnimations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createAnimations.d.ts","sourceRoot":"","sources":["../src/createAnimations.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAiB,MAAM,eAAe,CAAA;AAI9D,aAAK,gBAAgB,CAAC,CAAC,SAAS,MAAM,GAAG,GAAG,IAAI;KAC7C,GAAG,IAAI,MAAM,CAAC,GAAG,eAAe;CAClC,CAAA;AAED,aAAK,eAAe,GAAG,EAAE,CAAA;AAKzB,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,gBAAgB,EAAE,UAAU,EAAE,CAAC,GAAG,eAAe,CAAC,CAAC,CAAC,CAoG9F"}

package/types/index.d.ts

@@ -0,0 +1,2 @@
+export * from './createAnimations';
+//# sourceMappingURL=index.d.ts.map

package/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA"}