@tamagui/animations-css 1.14.1 → 1.14.2

package/dist/cjs/createAnimations.js

@@ -1,2 +1,108 @@
-"use strict";var v=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var N=Object.prototype.hasOwnProperty;var y=(r,n)=>{for(var t in n)v(r,t,{get:n[t],enumerable:!0})},S=(r,n,t,i)=>{if(n&&typeof n=="object"||typeof n=="function")for(let e of b(n))!N.call(r,e)&&e!==t&&v(r,e,{get:()=>n[e],enumerable:!(i=g(n,e))||i.enumerable});return r};var T=r=>S(v({},"__esModule",{value:!0}),r);var O={};y(O,{createAnimations:()=>V});module.exports=T(O);var A=require("@tamagui/use-presence"),o=require("@tamagui/web"),d=require("react");function V(r){return{View:o.Stack,Text:o.Text,animations:r,usePresence:A.usePresence,useAnimatedNumber(n){const[t,i]=(0,d.useState)(n);return{getInstance(){return t},getValue(){return t},setValue(e){i(e)},stop(){}}},useAnimatedNumberReaction({hostRef:n,value:t},i){(0,o.useIsomorphicLayoutEffect)(()=>{if(!n.current)return;const e=l=>{i(t.getValue())},a=n.current;return a.addEventListener("transitionstart",e),a.addEventListener("transitioncancel",e),a.addEventListener("transitionend",e),()=>{a.removeEventListener("transitionstart",e),a.removeEventListener("transitioncancel",e),a.removeEventListener("transitionend",e)}},[n,i])},useAnimatedNumberStyle(n,t){return t(n.getValue())},useAnimations:({props:n,presence:t,style:i,state:e,hostRef:a})=>{const l=!!e.unmounted,c=(t==null?void 0:t[0])===!1,s=t==null?void 0:t[1],L=Array.isArray(n.animation)?n.animation[0]:n.animation,E=r[L];if(!E)return null;const f=n.animateOnly?n.animateOnly.join(" "):"all";return(0,o.useIsomorphicLayoutEffect)(()=>{if(!s||!c||!a.current)return;const u=a.current,m=()=>{s==null||s()};return u.addEventListener("transitionend",m),u.addEventListener("transitioncancel",m),()=>{u.removeEventListener("transitionend",m),u.addEventListener("transitioncancel",m)}},[s,c]),i.transition=`${f} ${E}`,process.env.NODE_ENV==="development"&&n.debug&&console.log("CSS animation",i,{isEntering:l,isExiting:c}),(0,d.useMemo)(()=>({style:i}),[JSON.stringify(i)])}}}0&&(module.exports={createAnimations});
+"use strict";
+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_use_presence = require("@tamagui/use-presence");
+var import_web = require("@tamagui/web");
+var import_react = require("react");
+function createAnimations(animations) {
+  return {
+    View: import_web.Stack,
+    Text: import_web.Text,
+    animations,
+    usePresence: import_use_presence.usePresence,
+    useAnimatedNumber(initial) {
+      const [val, setVal] = (0, import_react.useState)(initial);
+      return {
+        getInstance() {
+          return val;
+        },
+        getValue() {
+          return val;
+        },
+        setValue(next) {
+          setVal(next);
+        },
+        stop() {
+        }
+      };
+    },
+    useAnimatedNumberReaction({ hostRef, value }, onValue) {
+      (0, import_web.useIsomorphicLayoutEffect)(() => {
+        if (!hostRef.current)
+          return;
+        const onTransitionEvent = (e) => {
+          onValue(value.getValue());
+        };
+        const node = hostRef.current;
+        node.addEventListener("transitionstart", onTransitionEvent);
+        node.addEventListener("transitioncancel", onTransitionEvent);
+        node.addEventListener("transitionend", onTransitionEvent);
+        return () => {
+          node.removeEventListener("transitionstart", onTransitionEvent);
+          node.removeEventListener("transitioncancel", onTransitionEvent);
+          node.removeEventListener("transitionend", onTransitionEvent);
+        };
+      }, [hostRef, onValue]);
+    },
+    useAnimatedNumberStyle(val, getStyle) {
+      return getStyle(val.getValue());
+    },
+    useAnimations: ({ props, presence, style, state, hostRef }) => {
+      const isEntering = !!state.unmounted;
+      const isExiting = (presence == null ? void 0 : presence[0]) === false;
+      const sendExitComplete = presence == null ? void 0 : presence[1];
+      const animationKey = Array.isArray(props.animation) ? props.animation[0] : props.animation;
+      const animation = animations[animationKey];
+      if (!animation) {
+        return null;
+      }
+      const keys = props.animateOnly ? props.animateOnly.join(" ") : "all";
+      (0, import_web.useIsomorphicLayoutEffect)(() => {
+        if (!sendExitComplete || !isExiting || !hostRef.current)
+          return;
+        const node = hostRef.current;
+        const onFinishAnimation = () => {
+          sendExitComplete == null ? void 0 : sendExitComplete();
+        };
+        node.addEventListener("transitionend", onFinishAnimation);
+        node.addEventListener("transitioncancel", onFinishAnimation);
+        return () => {
+          node.removeEventListener("transitionend", onFinishAnimation);
+          node.addEventListener("transitioncancel", onFinishAnimation);
+        };
+      }, [sendExitComplete, isExiting]);
+      style.transition = `${keys} ${animation}`;
+      if (process.env.NODE_ENV === "development" && props["debug"]) {
+        console.log("CSS animation", style, { isEntering, isExiting });
+      }
+      return (0, import_react.useMemo)(() => {
+        return { style };
+      }, [JSON.stringify(style)]);
+    }
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createAnimations
+});
 //# sourceMappingURL=createAnimations.js.map

package/dist/cjs/createAnimations.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/createAnimations.tsx"],
   "sourcesContent": ["import { usePresence } from '@tamagui/use-presence'\nimport {\n  AnimationDriver,\n  Stack,\n  Text,\n  UniversalAnimatedNumber,\n  useIsomorphicLayoutEffect,\n} from '@tamagui/web'\nimport { useMemo, useRef, useState } from 'react'\n\nexport function createAnimations<A extends Object>(animations: A): AnimationDriver<A> {\n  return {\n    View: Stack,\n    Text: Text,\n    animations,\n    usePresence,\n\n    useAnimatedNumber(initial): UniversalAnimatedNumber<number> {\n      const [val, setVal] = useState(initial)\n\n      return {\n        getInstance() {\n          return val\n        },\n        getValue() {\n          return val\n        },\n        setValue(next) {\n          setVal(next)\n        },\n        stop() {},\n      }\n    },\n\n    useAnimatedNumberReaction({ hostRef, value }, onValue) {\n      // doesn't make much sense given value the animated value is a state in this driver, but this is compatible\n      useIsomorphicLayoutEffect(() => {\n        if (!hostRef.current) return\n        const onTransitionEvent = (e: TransitionEvent) => {\n          onValue(value.getValue())\n        }\n\n        const node = hostRef.current as HTMLElement\n        node.addEventListener('transitionstart', onTransitionEvent)\n        node.addEventListener('transitioncancel', onTransitionEvent)\n        node.addEventListener('transitionend', onTransitionEvent)\n        return () => {\n          node.removeEventListener('transitionstart', onTransitionEvent)\n          node.removeEventListener('transitioncancel', onTransitionEvent)\n          node.removeEventListener('transitionend', onTransitionEvent)\n        }\n      }, [hostRef, onValue])\n    },\n\n    useAnimatedNumberStyle(val, getStyle) {\n      return getStyle(val.getValue())\n    },\n\n    useAnimations: ({ props, presence, style, state, hostRef }) => {\n      const isEntering = !!state.unmounted\n      const isExiting = presence?.[0] === false\n      const sendExitComplete = presence?.[1]\n      const animationKey = Array.isArray(props.animation)\n        ? props.animation[0]\n        : props.animation\n      const animation = animations[animationKey as any]\n      if (!animation) {\n        return null\n      }\n\n      const keys = props.animateOnly ? props.animateOnly.join(' ') : 'all'\n\n      useIsomorphicLayoutEffect(() => {\n        if (!sendExitComplete || !isExiting || !hostRef.current) return\n        const node = hostRef.current as HTMLElement\n        const onFinishAnimation = () => {\n          sendExitComplete?.()\n        }\n        node.addEventListener('transitionend', onFinishAnimation)\n        node.addEventListener('transitioncancel', onFinishAnimation)\n        return () => {\n          node.removeEventListener('transitionend', onFinishAnimation)\n          node.addEventListener('transitioncancel', onFinishAnimation)\n        }\n      }, [sendExitComplete, isExiting])\n\n      // add css transition\n      style.transition = `${keys} ${animation}`\n\n      if (process.env.NODE_ENV === 'development' && props['debug']) {\n        // eslint-disable-next-line no-console\n        console.log('CSS animation', style, { isEntering, isExiting })\n      }\n\n      return useMemo(() => {\n        return { style }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n      }, [JSON.stringify(style)])\n    },\n  }\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,sBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA4B,iCAC5BC,EAMO,wBACPC,EAA0C,iBAEnC,SAASJ,EAAmCK,EAAmC,CACpF,MAAO,CACL,KAAM,QACN,KAAM,OACN,WAAAA,EACA,0BAEA,kBAAkBC,EAA0C,CAC1D,KAAM,CAACC,EAAKC,CAAM,KAAI,YAASF,CAAO,EAEtC,MAAO,CACL,aAAc,CACZ,OAAOC,CACT,EACA,UAAW,CACT,OAAOA,CACT,EACA,SAASE,EAAM,CACbD,EAAOC,CAAI,CACb,EACA,MAAO,CAAC,CACV,CACF,EAEA,0BAA0B,CAAE,QAAAC,EAAS,MAAAC,CAAM,EAAGC,EAAS,IAErD,6BAA0B,IAAM,CAC9B,GAAI,CAACF,EAAQ,QAAS,OACtB,MAAMG,EAAqBC,GAAuB,CAChDF,EAAQD,EAAM,SAAS,CAAC,CAC1B,EAEMI,EAAOL,EAAQ,QACrB,OAAAK,EAAK,iBAAiB,kBAAmBF,CAAiB,EAC1DE,EAAK,iBAAiB,mBAAoBF,CAAiB,EAC3DE,EAAK,iBAAiB,gBAAiBF,CAAiB,EACjD,IAAM,CACXE,EAAK,oBAAoB,kBAAmBF,CAAiB,EAC7DE,EAAK,oBAAoB,mBAAoBF,CAAiB,EAC9DE,EAAK,oBAAoB,gBAAiBF,CAAiB,CAC7D,CACF,EAAG,CAACH,EAASE,CAAO,CAAC,CACvB,EAEA,uBAAuBL,EAAKS,EAAU,CACpC,OAAOA,EAAST,EAAI,SAAS,CAAC,CAChC,EAEA,cAAe,CAAC,CAAE,MAAAU,EAAO,SAAAC,EAAU,MAAAC,EAAO,MAAAC,EAAO,QAAAV,CAAQ,IAAM,CAC7D,MAAMW,EAAa,CAAC,CAACD,EAAM,UACrBE,GAAYJ,GAAA,YAAAA,EAAW,MAAO,GAC9BK,EAAmBL,GAAA,YAAAA,EAAW,GAC9BM,EAAe,MAAM,QAAQP,EAAM,SAAS,EAC9CA,EAAM,UAAU,CAAC,EACjBA,EAAM,UACJQ,EAAYpB,EAAWmB,CAAmB,EAChD,GAAI,CAACC,EACH,OAAO,KAGT,MAAMC,EAAOT,EAAM,YAAcA,EAAM,YAAY,KAAK,GAAG,EAAI,MAE/D,sCAA0B,IAAM,CAC9B,GAAI,CAACM,GAAoB,CAACD,GAAa,CAACZ,EAAQ,QAAS,OACzD,MAAMK,EAAOL,EAAQ,QACfiB,EAAoB,IAAM,CAC9BJ,GAAA,MAAAA,GACF,EACA,OAAAR,EAAK,iBAAiB,gBAAiBY,CAAiB,EACxDZ,EAAK,iBAAiB,mBAAoBY,CAAiB,EACpD,IAAM,CACXZ,EAAK,oBAAoB,gBAAiBY,CAAiB,EAC3DZ,EAAK,iBAAiB,mBAAoBY,CAAiB,CAC7D,CACF,EAAG,CAACJ,EAAkBD,CAAS,CAAC,EAGhCH,EAAM,WAAa,GAAGO,KAAQD,IAE1B,QAAQ,IAAI,WAAa,eAAiBR,EAAM,OAElD,QAAQ,IAAI,gBAAiBE,EAAO,CAAE,WAAAE,EAAY,UAAAC,CAAU,CAAC,KAGxD,WAAQ,KACN,CAAE,MAAAH,CAAM,GAEd,CAAC,KAAK,UAAUA,CAAK,CAAC,CAAC,CAC5B,CACF,CACF",
-  "names": ["createAnimations_exports", "__export", "createAnimations", "__toCommonJS", "import_use_presence", "import_web", "import_react", "animations", "initial", "val", "setVal", "next", "hostRef", "value", "onValue", "onTransitionEvent", "e", "node", "getStyle", "props", "presence", "style", "state", "isEntering", "isExiting", "sendExitComplete", "animationKey", "animation", "keys", "onFinishAnimation"]
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAA4B;AAC5B,iBAMO;AACP,mBAA0C;AAEnC,SAAS,iBAAmC,YAAmC;AACpF,SAAO;AAAA,IACL,MAAM;AAAA,IACN,MAAM;AAAA,IACN;AAAA,IACA;AAAA,IAEA,kBAAkB,SAA0C;AAC1D,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;AACb,iBAAO,IAAI;AAAA,QACb;AAAA,QACA,OAAO;AAAA,QAAC;AAAA,MACV;AAAA,IACF;AAAA,IAEA,0BAA0B,EAAE,SAAS,MAAM,GAAG,SAAS;AAErD,gDAA0B,MAAM;AAC9B,YAAI,CAAC,QAAQ;AAAS;AACtB,cAAM,oBAAoB,CAAC,MAAuB;AAChD,kBAAQ,MAAM,SAAS,CAAC;AAAA,QAC1B;AAEA,cAAM,OAAO,QAAQ;AACrB,aAAK,iBAAiB,mBAAmB,iBAAiB;AAC1D,aAAK,iBAAiB,oBAAoB,iBAAiB;AAC3D,aAAK,iBAAiB,iBAAiB,iBAAiB;AACxD,eAAO,MAAM;AACX,eAAK,oBAAoB,mBAAmB,iBAAiB;AAC7D,eAAK,oBAAoB,oBAAoB,iBAAiB;AAC9D,eAAK,oBAAoB,iBAAiB,iBAAiB;AAAA,QAC7D;AAAA,MACF,GAAG,CAAC,SAAS,OAAO,CAAC;AAAA,IACvB;AAAA,IAEA,uBAAuB,KAAK,UAAU;AACpC,aAAO,SAAS,IAAI,SAAS,CAAC;AAAA,IAChC;AAAA,IAEA,eAAe,CAAC,EAAE,OAAO,UAAU,OAAO,OAAO,QAAQ,MAAM;AAC7D,YAAM,aAAa,CAAC,CAAC,MAAM;AAC3B,YAAM,aAAY,qCAAW,QAAO;AACpC,YAAM,mBAAmB,qCAAW;AACpC,YAAM,eAAe,MAAM,QAAQ,MAAM,SAAS,IAC9C,MAAM,UAAU,CAAC,IACjB,MAAM;AACV,YAAM,YAAY,WAAW,YAAmB;AAChD,UAAI,CAAC,WAAW;AACd,eAAO;AAAA,MACT;AAEA,YAAM,OAAO,MAAM,cAAc,MAAM,YAAY,KAAK,GAAG,IAAI;AAE/D,gDAA0B,MAAM;AAC9B,YAAI,CAAC,oBAAoB,CAAC,aAAa,CAAC,QAAQ;AAAS;AACzD,cAAM,OAAO,QAAQ;AACrB,cAAM,oBAAoB,MAAM;AAC9B;AAAA,QACF;AACA,aAAK,iBAAiB,iBAAiB,iBAAiB;AACxD,aAAK,iBAAiB,oBAAoB,iBAAiB;AAC3D,eAAO,MAAM;AACX,eAAK,oBAAoB,iBAAiB,iBAAiB;AAC3D,eAAK,iBAAiB,oBAAoB,iBAAiB;AAAA,QAC7D;AAAA,MACF,GAAG,CAAC,kBAAkB,SAAS,CAAC;AAGhC,YAAM,aAAa,GAAG,QAAQ;AAE9B,UAAI,QAAQ,IAAI,aAAa,iBAAiB,MAAM,OAAO,GAAG;AAE5D,gBAAQ,IAAI,iBAAiB,OAAO,EAAE,YAAY,UAAU,CAAC;AAAA,MAC/D;AAEA,iBAAO,sBAAQ,MAAM;AACnB,eAAO,EAAE,MAAM;AAAA,MAEjB,GAAG,CAAC,KAAK,UAAU,KAAK,CAAC,CAAC;AAAA,IAC5B;AAAA,EACF;AACF;",
+  "names": []
 }

package/dist/cjs/index.js

@@ -1,2 +1,19 @@
-"use strict";var a=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var p=(r,o,f,x)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of c(o))!d.call(r,e)&&e!==f&&a(r,e,{get:()=>o[e],enumerable:!(x=b(o,e))||x.enumerable});return r},t=(r,o,f)=>(p(r,o,"default"),f&&p(f,o,"default"));var g=r=>p(a({},"__esModule",{value:!0}),r);var m={};module.exports=g(m);t(m,require("./createAnimations"),module.exports);
+"use strict";
+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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.tsx"],
   "sourcesContent": ["export * from './createAnimations'\n"],
-  "mappings": "iaAAA,IAAAA,EAAA,kBAAAC,EAAAD,GAAAE,EAAAF,EAAc,8BAAd",
-  "names": ["src_exports", "__toCommonJS", "__reExport"]
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,+BAAd;",
+  "names": []
 }

package/dist/esm/createAnimations.js

@@ -1,2 +1,88 @@
-import{usePresence as A}from"@tamagui/use-presence";import{Stack as L,Text as f,useIsomorphicLayoutEffect as v}from"@tamagui/web";import{useMemo as g,useState as b}from"react";function x(m){return{View:L,Text:f,animations:m,usePresence:A,useAnimatedNumber(n){const[t,i]=b(n);return{getInstance(){return t},getValue(){return t},setValue(e){i(e)},stop(){}}},useAnimatedNumberReaction({hostRef:n,value:t},i){v(()=>{if(!n.current)return;const e=d=>{i(t.getValue())},r=n.current;return r.addEventListener("transitionstart",e),r.addEventListener("transitioncancel",e),r.addEventListener("transitionend",e),()=>{r.removeEventListener("transitionstart",e),r.removeEventListener("transitioncancel",e),r.removeEventListener("transitionend",e)}},[n,i])},useAnimatedNumberStyle(n,t){return t(n.getValue())},useAnimations:({props:n,presence:t,style:i,state:e,hostRef:r})=>{const d=!!e.unmounted,u=(t==null?void 0:t[0])===!1,a=t==null?void 0:t[1],l=Array.isArray(n.animation)?n.animation[0]:n.animation,c=m[l];if(!c)return null;const E=n.animateOnly?n.animateOnly.join(" "):"all";return v(()=>{if(!a||!u||!r.current)return;const o=r.current,s=()=>{a==null||a()};return o.addEventListener("transitionend",s),o.addEventListener("transitioncancel",s),()=>{o.removeEventListener("transitionend",s),o.addEventListener("transitioncancel",s)}},[a,u]),i.transition=`${E} ${c}`,process.env.NODE_ENV==="development"&&n.debug&&console.log("CSS animation",i,{isEntering:d,isExiting:u}),g(()=>({style:i}),[JSON.stringify(i)])}}}export{x as createAnimations};
+import { usePresence } from "@tamagui/use-presence";
+import {
+  Stack,
+  Text,
+  useIsomorphicLayoutEffect
+} from "@tamagui/web";
+import { useMemo, useState } from "react";
+function createAnimations(animations) {
+  return {
+    View: Stack,
+    Text,
+    animations,
+    usePresence,
+    useAnimatedNumber(initial) {
+      const [val, setVal] = useState(initial);
+      return {
+        getInstance() {
+          return val;
+        },
+        getValue() {
+          return val;
+        },
+        setValue(next) {
+          setVal(next);
+        },
+        stop() {
+        }
+      };
+    },
+    useAnimatedNumberReaction({ hostRef, value }, onValue) {
+      useIsomorphicLayoutEffect(() => {
+        if (!hostRef.current)
+          return;
+        const onTransitionEvent = (e) => {
+          onValue(value.getValue());
+        };
+        const node = hostRef.current;
+        node.addEventListener("transitionstart", onTransitionEvent);
+        node.addEventListener("transitioncancel", onTransitionEvent);
+        node.addEventListener("transitionend", onTransitionEvent);
+        return () => {
+          node.removeEventListener("transitionstart", onTransitionEvent);
+          node.removeEventListener("transitioncancel", onTransitionEvent);
+          node.removeEventListener("transitionend", onTransitionEvent);
+        };
+      }, [hostRef, onValue]);
+    },
+    useAnimatedNumberStyle(val, getStyle) {
+      return getStyle(val.getValue());
+    },
+    useAnimations: ({ props, presence, style, state, hostRef }) => {
+      const isEntering = !!state.unmounted;
+      const isExiting = (presence == null ? void 0 : presence[0]) === false;
+      const sendExitComplete = presence == null ? void 0 : presence[1];
+      const animationKey = Array.isArray(props.animation) ? props.animation[0] : props.animation;
+      const animation = animations[animationKey];
+      if (!animation) {
+        return null;
+      }
+      const keys = props.animateOnly ? props.animateOnly.join(" ") : "all";
+      useIsomorphicLayoutEffect(() => {
+        if (!sendExitComplete || !isExiting || !hostRef.current)
+          return;
+        const node = hostRef.current;
+        const onFinishAnimation = () => {
+          sendExitComplete == null ? void 0 : sendExitComplete();
+        };
+        node.addEventListener("transitionend", onFinishAnimation);
+        node.addEventListener("transitioncancel", onFinishAnimation);
+        return () => {
+          node.removeEventListener("transitionend", onFinishAnimation);
+          node.addEventListener("transitioncancel", onFinishAnimation);
+        };
+      }, [sendExitComplete, isExiting]);
+      style.transition = `${keys} ${animation}`;
+      if (process.env.NODE_ENV === "development" && props["debug"]) {
+        console.log("CSS animation", style, { isEntering, isExiting });
+      }
+      return useMemo(() => {
+        return { style };
+      }, [JSON.stringify(style)]);
+    }
+  };
+}
+export {
+  createAnimations
+};
 //# sourceMappingURL=createAnimations.js.map

package/dist/esm/createAnimations.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/createAnimations.tsx"],
   "sourcesContent": ["import { usePresence } from '@tamagui/use-presence'\nimport {\n  AnimationDriver,\n  Stack,\n  Text,\n  UniversalAnimatedNumber,\n  useIsomorphicLayoutEffect,\n} from '@tamagui/web'\nimport { useMemo, useRef, useState } from 'react'\n\nexport function createAnimations<A extends Object>(animations: A): AnimationDriver<A> {\n  return {\n    View: Stack,\n    Text: Text,\n    animations,\n    usePresence,\n\n    useAnimatedNumber(initial): UniversalAnimatedNumber<number> {\n      const [val, setVal] = useState(initial)\n\n      return {\n        getInstance() {\n          return val\n        },\n        getValue() {\n          return val\n        },\n        setValue(next) {\n          setVal(next)\n        },\n        stop() {},\n      }\n    },\n\n    useAnimatedNumberReaction({ hostRef, value }, onValue) {\n      // doesn't make much sense given value the animated value is a state in this driver, but this is compatible\n      useIsomorphicLayoutEffect(() => {\n        if (!hostRef.current) return\n        const onTransitionEvent = (e: TransitionEvent) => {\n          onValue(value.getValue())\n        }\n\n        const node = hostRef.current as HTMLElement\n        node.addEventListener('transitionstart', onTransitionEvent)\n        node.addEventListener('transitioncancel', onTransitionEvent)\n        node.addEventListener('transitionend', onTransitionEvent)\n        return () => {\n          node.removeEventListener('transitionstart', onTransitionEvent)\n          node.removeEventListener('transitioncancel', onTransitionEvent)\n          node.removeEventListener('transitionend', onTransitionEvent)\n        }\n      }, [hostRef, onValue])\n    },\n\n    useAnimatedNumberStyle(val, getStyle) {\n      return getStyle(val.getValue())\n    },\n\n    useAnimations: ({ props, presence, style, state, hostRef }) => {\n      const isEntering = !!state.unmounted\n      const isExiting = presence?.[0] === false\n      const sendExitComplete = presence?.[1]\n      const animationKey = Array.isArray(props.animation)\n        ? props.animation[0]\n        : props.animation\n      const animation = animations[animationKey as any]\n      if (!animation) {\n        return null\n      }\n\n      const keys = props.animateOnly ? props.animateOnly.join(' ') : 'all'\n\n      useIsomorphicLayoutEffect(() => {\n        if (!sendExitComplete || !isExiting || !hostRef.current) return\n        const node = hostRef.current as HTMLElement\n        const onFinishAnimation = () => {\n          sendExitComplete?.()\n        }\n        node.addEventListener('transitionend', onFinishAnimation)\n        node.addEventListener('transitioncancel', onFinishAnimation)\n        return () => {\n          node.removeEventListener('transitionend', onFinishAnimation)\n          node.addEventListener('transitioncancel', onFinishAnimation)\n        }\n      }, [sendExitComplete, isExiting])\n\n      // add css transition\n      style.transition = `${keys} ${animation}`\n\n      if (process.env.NODE_ENV === 'development' && props['debug']) {\n        // eslint-disable-next-line no-console\n        console.log('CSS animation', style, { isEntering, isExiting })\n      }\n\n      return useMemo(() => {\n        return { style }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n      }, [JSON.stringify(style)])\n    },\n  }\n}\n"],
-  "mappings": "AAAA,OAAS,eAAAA,MAAmB,wBAC5B,OAEE,SAAAC,EACA,QAAAC,EAEA,6BAAAC,MACK,eACP,OAAS,WAAAC,EAAiB,YAAAC,MAAgB,QAEnC,SAASC,EAAmCC,EAAmC,CACpF,MAAO,CACL,KAAMN,EACN,KAAMC,EACN,WAAAK,EACA,YAAAP,EAEA,kBAAkBQ,EAA0C,CAC1D,KAAM,CAACC,EAAKC,CAAM,EAAIL,EAASG,CAAO,EAEtC,MAAO,CACL,aAAc,CACZ,OAAOC,CACT,EACA,UAAW,CACT,OAAOA,CACT,EACA,SAASE,EAAM,CACbD,EAAOC,CAAI,CACb,EACA,MAAO,CAAC,CACV,CACF,EAEA,0BAA0B,CAAE,QAAAC,EAAS,MAAAC,CAAM,EAAGC,EAAS,CAErDX,EAA0B,IAAM,CAC9B,GAAI,CAACS,EAAQ,QAAS,OACtB,MAAMG,EAAqBC,GAAuB,CAChDF,EAAQD,EAAM,SAAS,CAAC,CAC1B,EAEMI,EAAOL,EAAQ,QACrB,OAAAK,EAAK,iBAAiB,kBAAmBF,CAAiB,EAC1DE,EAAK,iBAAiB,mBAAoBF,CAAiB,EAC3DE,EAAK,iBAAiB,gBAAiBF,CAAiB,EACjD,IAAM,CACXE,EAAK,oBAAoB,kBAAmBF,CAAiB,EAC7DE,EAAK,oBAAoB,mBAAoBF,CAAiB,EAC9DE,EAAK,oBAAoB,gBAAiBF,CAAiB,CAC7D,CACF,EAAG,CAACH,EAASE,CAAO,CAAC,CACvB,EAEA,uBAAuBL,EAAKS,EAAU,CACpC,OAAOA,EAAST,EAAI,SAAS,CAAC,CAChC,EAEA,cAAe,CAAC,CAAE,MAAAU,EAAO,SAAAC,EAAU,MAAAC,EAAO,MAAAC,EAAO,QAAAV,CAAQ,IAAM,CAC7D,MAAMW,EAAa,CAAC,CAACD,EAAM,UACrBE,GAAYJ,GAAA,YAAAA,EAAW,MAAO,GAC9BK,EAAmBL,GAAA,YAAAA,EAAW,GAC9BM,EAAe,MAAM,QAAQP,EAAM,SAAS,EAC9CA,EAAM,UAAU,CAAC,EACjBA,EAAM,UACJQ,EAAYpB,EAAWmB,CAAmB,EAChD,GAAI,CAACC,EACH,OAAO,KAGT,MAAMC,EAAOT,EAAM,YAAcA,EAAM,YAAY,KAAK,GAAG,EAAI,MAE/D,OAAAhB,EAA0B,IAAM,CAC9B,GAAI,CAACsB,GAAoB,CAACD,GAAa,CAACZ,EAAQ,QAAS,OACzD,MAAMK,EAAOL,EAAQ,QACfiB,EAAoB,IAAM,CAC9BJ,GAAA,MAAAA,GACF,EACA,OAAAR,EAAK,iBAAiB,gBAAiBY,CAAiB,EACxDZ,EAAK,iBAAiB,mBAAoBY,CAAiB,EACpD,IAAM,CACXZ,EAAK,oBAAoB,gBAAiBY,CAAiB,EAC3DZ,EAAK,iBAAiB,mBAAoBY,CAAiB,CAC7D,CACF,EAAG,CAACJ,EAAkBD,CAAS,CAAC,EAGhCH,EAAM,WAAa,GAAGO,KAAQD,IAE1B,QAAQ,IAAI,WAAa,eAAiBR,EAAM,OAElD,QAAQ,IAAI,gBAAiBE,EAAO,CAAE,WAAAE,EAAY,UAAAC,CAAU,CAAC,EAGxDpB,EAAQ,KACN,CAAE,MAAAiB,CAAM,GAEd,CAAC,KAAK,UAAUA,CAAK,CAAC,CAAC,CAC5B,CACF,CACF",
-  "names": ["usePresence", "Stack", "Text", "useIsomorphicLayoutEffect", "useMemo", "useState", "createAnimations", "animations", "initial", "val", "setVal", "next", "hostRef", "value", "onValue", "onTransitionEvent", "e", "node", "getStyle", "props", "presence", "style", "state", "isEntering", "isExiting", "sendExitComplete", "animationKey", "animation", "keys", "onFinishAnimation"]
+  "mappings": "AAAA,SAAS,mBAAmB;AAC5B;AAAA,EAEE;AAAA,EACA;AAAA,EAEA;AAAA,OACK;AACP,SAAS,SAAiB,gBAAgB;AAEnC,SAAS,iBAAmC,YAAmC;AACpF,SAAO;AAAA,IACL,MAAM;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,IAEA,kBAAkB,SAA0C;AAC1D,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;AACb,iBAAO,IAAI;AAAA,QACb;AAAA,QACA,OAAO;AAAA,QAAC;AAAA,MACV;AAAA,IACF;AAAA,IAEA,0BAA0B,EAAE,SAAS,MAAM,GAAG,SAAS;AAErD,gCAA0B,MAAM;AAC9B,YAAI,CAAC,QAAQ;AAAS;AACtB,cAAM,oBAAoB,CAAC,MAAuB;AAChD,kBAAQ,MAAM,SAAS,CAAC;AAAA,QAC1B;AAEA,cAAM,OAAO,QAAQ;AACrB,aAAK,iBAAiB,mBAAmB,iBAAiB;AAC1D,aAAK,iBAAiB,oBAAoB,iBAAiB;AAC3D,aAAK,iBAAiB,iBAAiB,iBAAiB;AACxD,eAAO,MAAM;AACX,eAAK,oBAAoB,mBAAmB,iBAAiB;AAC7D,eAAK,oBAAoB,oBAAoB,iBAAiB;AAC9D,eAAK,oBAAoB,iBAAiB,iBAAiB;AAAA,QAC7D;AAAA,MACF,GAAG,CAAC,SAAS,OAAO,CAAC;AAAA,IACvB;AAAA,IAEA,uBAAuB,KAAK,UAAU;AACpC,aAAO,SAAS,IAAI,SAAS,CAAC;AAAA,IAChC;AAAA,IAEA,eAAe,CAAC,EAAE,OAAO,UAAU,OAAO,OAAO,QAAQ,MAAM;AAC7D,YAAM,aAAa,CAAC,CAAC,MAAM;AAC3B,YAAM,aAAY,qCAAW,QAAO;AACpC,YAAM,mBAAmB,qCAAW;AACpC,YAAM,eAAe,MAAM,QAAQ,MAAM,SAAS,IAC9C,MAAM,UAAU,CAAC,IACjB,MAAM;AACV,YAAM,YAAY,WAAW,YAAmB;AAChD,UAAI,CAAC,WAAW;AACd,eAAO;AAAA,MACT;AAEA,YAAM,OAAO,MAAM,cAAc,MAAM,YAAY,KAAK,GAAG,IAAI;AAE/D,gCAA0B,MAAM;AAC9B,YAAI,CAAC,oBAAoB,CAAC,aAAa,CAAC,QAAQ;AAAS;AACzD,cAAM,OAAO,QAAQ;AACrB,cAAM,oBAAoB,MAAM;AAC9B;AAAA,QACF;AACA,aAAK,iBAAiB,iBAAiB,iBAAiB;AACxD,aAAK,iBAAiB,oBAAoB,iBAAiB;AAC3D,eAAO,MAAM;AACX,eAAK,oBAAoB,iBAAiB,iBAAiB;AAC3D,eAAK,iBAAiB,oBAAoB,iBAAiB;AAAA,QAC7D;AAAA,MACF,GAAG,CAAC,kBAAkB,SAAS,CAAC;AAGhC,YAAM,aAAa,GAAG,QAAQ;AAE9B,UAAI,QAAQ,IAAI,aAAa,iBAAiB,MAAM,OAAO,GAAG;AAE5D,gBAAQ,IAAI,iBAAiB,OAAO,EAAE,YAAY,UAAU,CAAC;AAAA,MAC/D;AAEA,aAAO,QAAQ,MAAM;AACnB,eAAO,EAAE,MAAM;AAAA,MAEjB,GAAG,CAAC,KAAK,UAAU,KAAK,CAAC,CAAC;AAAA,IAC5B;AAAA,EACF;AACF;",
+  "names": []
 }

package/dist/esm/createAnimations.mjs

@@ -1,2 +1,88 @@
-import{usePresence as A}from"@tamagui/use-presence";import{Stack as L,Text as f,useIsomorphicLayoutEffect as v}from"@tamagui/web";import{useMemo as g,useState as b}from"react";function x(m){return{View:L,Text:f,animations:m,usePresence:A,useAnimatedNumber(n){const[t,i]=b(n);return{getInstance(){return t},getValue(){return t},setValue(e){i(e)},stop(){}}},useAnimatedNumberReaction({hostRef:n,value:t},i){v(()=>{if(!n.current)return;const e=d=>{i(t.getValue())},r=n.current;return r.addEventListener("transitionstart",e),r.addEventListener("transitioncancel",e),r.addEventListener("transitionend",e),()=>{r.removeEventListener("transitionstart",e),r.removeEventListener("transitioncancel",e),r.removeEventListener("transitionend",e)}},[n,i])},useAnimatedNumberStyle(n,t){return t(n.getValue())},useAnimations:({props:n,presence:t,style:i,state:e,hostRef:r})=>{const d=!!e.unmounted,u=(t==null?void 0:t[0])===!1,a=t==null?void 0:t[1],l=Array.isArray(n.animation)?n.animation[0]:n.animation,c=m[l];if(!c)return null;const E=n.animateOnly?n.animateOnly.join(" "):"all";return v(()=>{if(!a||!u||!r.current)return;const o=r.current,s=()=>{a==null||a()};return o.addEventListener("transitionend",s),o.addEventListener("transitioncancel",s),()=>{o.removeEventListener("transitionend",s),o.addEventListener("transitioncancel",s)}},[a,u]),i.transition=`${E} ${c}`,process.env.NODE_ENV==="development"&&n.debug&&console.log("CSS animation",i,{isEntering:d,isExiting:u}),g(()=>({style:i}),[JSON.stringify(i)])}}}export{x as createAnimations};
+import { usePresence } from "@tamagui/use-presence";
+import {
+  Stack,
+  Text,
+  useIsomorphicLayoutEffect
+} from "@tamagui/web";
+import { useMemo, useState } from "react";
+function createAnimations(animations) {
+  return {
+    View: Stack,
+    Text,
+    animations,
+    usePresence,
+    useAnimatedNumber(initial) {
+      const [val, setVal] = useState(initial);
+      return {
+        getInstance() {
+          return val;
+        },
+        getValue() {
+          return val;
+        },
+        setValue(next) {
+          setVal(next);
+        },
+        stop() {
+        }
+      };
+    },
+    useAnimatedNumberReaction({ hostRef, value }, onValue) {
+      useIsomorphicLayoutEffect(() => {
+        if (!hostRef.current)
+          return;
+        const onTransitionEvent = (e) => {
+          onValue(value.getValue());
+        };
+        const node = hostRef.current;
+        node.addEventListener("transitionstart", onTransitionEvent);
+        node.addEventListener("transitioncancel", onTransitionEvent);
+        node.addEventListener("transitionend", onTransitionEvent);
+        return () => {
+          node.removeEventListener("transitionstart", onTransitionEvent);
+          node.removeEventListener("transitioncancel", onTransitionEvent);
+          node.removeEventListener("transitionend", onTransitionEvent);
+        };
+      }, [hostRef, onValue]);
+    },
+    useAnimatedNumberStyle(val, getStyle) {
+      return getStyle(val.getValue());
+    },
+    useAnimations: ({ props, presence, style, state, hostRef }) => {
+      const isEntering = !!state.unmounted;
+      const isExiting = (presence == null ? void 0 : presence[0]) === false;
+      const sendExitComplete = presence == null ? void 0 : presence[1];
+      const animationKey = Array.isArray(props.animation) ? props.animation[0] : props.animation;
+      const animation = animations[animationKey];
+      if (!animation) {
+        return null;
+      }
+      const keys = props.animateOnly ? props.animateOnly.join(" ") : "all";
+      useIsomorphicLayoutEffect(() => {
+        if (!sendExitComplete || !isExiting || !hostRef.current)
+          return;
+        const node = hostRef.current;
+        const onFinishAnimation = () => {
+          sendExitComplete == null ? void 0 : sendExitComplete();
+        };
+        node.addEventListener("transitionend", onFinishAnimation);
+        node.addEventListener("transitioncancel", onFinishAnimation);
+        return () => {
+          node.removeEventListener("transitionend", onFinishAnimation);
+          node.addEventListener("transitioncancel", onFinishAnimation);
+        };
+      }, [sendExitComplete, isExiting]);
+      style.transition = `${keys} ${animation}`;
+      if (process.env.NODE_ENV === "development" && props["debug"]) {
+        console.log("CSS animation", style, { isEntering, isExiting });
+      }
+      return useMemo(() => {
+        return { style };
+      }, [JSON.stringify(style)]);
+    }
+  };
+}
+export {
+  createAnimations
+};
 //# sourceMappingURL=createAnimations.mjs.map

package/dist/esm/createAnimations.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/createAnimations.tsx"],
   "sourcesContent": ["import { usePresence } from '@tamagui/use-presence'\nimport {\n  AnimationDriver,\n  Stack,\n  Text,\n  UniversalAnimatedNumber,\n  useIsomorphicLayoutEffect,\n} from '@tamagui/web'\nimport { useMemo, useRef, useState } from 'react'\n\nexport function createAnimations<A extends Object>(animations: A): AnimationDriver<A> {\n  return {\n    View: Stack,\n    Text: Text,\n    animations,\n    usePresence,\n\n    useAnimatedNumber(initial): UniversalAnimatedNumber<number> {\n      const [val, setVal] = useState(initial)\n\n      return {\n        getInstance() {\n          return val\n        },\n        getValue() {\n          return val\n        },\n        setValue(next) {\n          setVal(next)\n        },\n        stop() {},\n      }\n    },\n\n    useAnimatedNumberReaction({ hostRef, value }, onValue) {\n      // doesn't make much sense given value the animated value is a state in this driver, but this is compatible\n      useIsomorphicLayoutEffect(() => {\n        if (!hostRef.current) return\n        const onTransitionEvent = (e: TransitionEvent) => {\n          onValue(value.getValue())\n        }\n\n        const node = hostRef.current as HTMLElement\n        node.addEventListener('transitionstart', onTransitionEvent)\n        node.addEventListener('transitioncancel', onTransitionEvent)\n        node.addEventListener('transitionend', onTransitionEvent)\n        return () => {\n          node.removeEventListener('transitionstart', onTransitionEvent)\n          node.removeEventListener('transitioncancel', onTransitionEvent)\n          node.removeEventListener('transitionend', onTransitionEvent)\n        }\n      }, [hostRef, onValue])\n    },\n\n    useAnimatedNumberStyle(val, getStyle) {\n      return getStyle(val.getValue())\n    },\n\n    useAnimations: ({ props, presence, style, state, hostRef }) => {\n      const isEntering = !!state.unmounted\n      const isExiting = presence?.[0] === false\n      const sendExitComplete = presence?.[1]\n      const animationKey = Array.isArray(props.animation)\n        ? props.animation[0]\n        : props.animation\n      const animation = animations[animationKey as any]\n      if (!animation) {\n        return null\n      }\n\n      const keys = props.animateOnly ? props.animateOnly.join(' ') : 'all'\n\n      useIsomorphicLayoutEffect(() => {\n        if (!sendExitComplete || !isExiting || !hostRef.current) return\n        const node = hostRef.current as HTMLElement\n        const onFinishAnimation = () => {\n          sendExitComplete?.()\n        }\n        node.addEventListener('transitionend', onFinishAnimation)\n        node.addEventListener('transitioncancel', onFinishAnimation)\n        return () => {\n          node.removeEventListener('transitionend', onFinishAnimation)\n          node.addEventListener('transitioncancel', onFinishAnimation)\n        }\n      }, [sendExitComplete, isExiting])\n\n      // add css transition\n      style.transition = `${keys} ${animation}`\n\n      if (process.env.NODE_ENV === 'development' && props['debug']) {\n        // eslint-disable-next-line no-console\n        console.log('CSS animation', style, { isEntering, isExiting })\n      }\n\n      return useMemo(() => {\n        return { style }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n      }, [JSON.stringify(style)])\n    },\n  }\n}\n"],
-  "mappings": "AAAA,OAAS,eAAAA,MAAmB,wBAC5B,OAEE,SAAAC,EACA,QAAAC,EAEA,6BAAAC,MACK,eACP,OAAS,WAAAC,EAAiB,YAAAC,MAAgB,QAEnC,SAASC,EAAmCC,EAAmC,CACpF,MAAO,CACL,KAAMN,EACN,KAAMC,EACN,WAAAK,EACA,YAAAP,EAEA,kBAAkBQ,EAA0C,CAC1D,KAAM,CAACC,EAAKC,CAAM,EAAIL,EAASG,CAAO,EAEtC,MAAO,CACL,aAAc,CACZ,OAAOC,CACT,EACA,UAAW,CACT,OAAOA,CACT,EACA,SAASE,EAAM,CACbD,EAAOC,CAAI,CACb,EACA,MAAO,CAAC,CACV,CACF,EAEA,0BAA0B,CAAE,QAAAC,EAAS,MAAAC,CAAM,EAAGC,EAAS,CAErDX,EAA0B,IAAM,CAC9B,GAAI,CAACS,EAAQ,QAAS,OACtB,MAAMG,EAAqBC,GAAuB,CAChDF,EAAQD,EAAM,SAAS,CAAC,CAC1B,EAEMI,EAAOL,EAAQ,QACrB,OAAAK,EAAK,iBAAiB,kBAAmBF,CAAiB,EAC1DE,EAAK,iBAAiB,mBAAoBF,CAAiB,EAC3DE,EAAK,iBAAiB,gBAAiBF,CAAiB,EACjD,IAAM,CACXE,EAAK,oBAAoB,kBAAmBF,CAAiB,EAC7DE,EAAK,oBAAoB,mBAAoBF,CAAiB,EAC9DE,EAAK,oBAAoB,gBAAiBF,CAAiB,CAC7D,CACF,EAAG,CAACH,EAASE,CAAO,CAAC,CACvB,EAEA,uBAAuBL,EAAKS,EAAU,CACpC,OAAOA,EAAST,EAAI,SAAS,CAAC,CAChC,EAEA,cAAe,CAAC,CAAE,MAAAU,EAAO,SAAAC,EAAU,MAAAC,EAAO,MAAAC,EAAO,QAAAV,CAAQ,IAAM,CAC7D,MAAMW,EAAa,CAAC,CAACD,EAAM,UACrBE,GAAYJ,GAAA,YAAAA,EAAW,MAAO,GAC9BK,EAAmBL,GAAA,YAAAA,EAAW,GAC9BM,EAAe,MAAM,QAAQP,EAAM,SAAS,EAC9CA,EAAM,UAAU,CAAC,EACjBA,EAAM,UACJQ,EAAYpB,EAAWmB,CAAmB,EAChD,GAAI,CAACC,EACH,OAAO,KAGT,MAAMC,EAAOT,EAAM,YAAcA,EAAM,YAAY,KAAK,GAAG,EAAI,MAE/D,OAAAhB,EAA0B,IAAM,CAC9B,GAAI,CAACsB,GAAoB,CAACD,GAAa,CAACZ,EAAQ,QAAS,OACzD,MAAMK,EAAOL,EAAQ,QACfiB,EAAoB,IAAM,CAC9BJ,GAAA,MAAAA,GACF,EACA,OAAAR,EAAK,iBAAiB,gBAAiBY,CAAiB,EACxDZ,EAAK,iBAAiB,mBAAoBY,CAAiB,EACpD,IAAM,CACXZ,EAAK,oBAAoB,gBAAiBY,CAAiB,EAC3DZ,EAAK,iBAAiB,mBAAoBY,CAAiB,CAC7D,CACF,EAAG,CAACJ,EAAkBD,CAAS,CAAC,EAGhCH,EAAM,WAAa,GAAGO,KAAQD,IAE1B,QAAQ,IAAI,WAAa,eAAiBR,EAAM,OAElD,QAAQ,IAAI,gBAAiBE,EAAO,CAAE,WAAAE,EAAY,UAAAC,CAAU,CAAC,EAGxDpB,EAAQ,KACN,CAAE,MAAAiB,CAAM,GAEd,CAAC,KAAK,UAAUA,CAAK,CAAC,CAAC,CAC5B,CACF,CACF",
-  "names": ["usePresence", "Stack", "Text", "useIsomorphicLayoutEffect", "useMemo", "useState", "createAnimations", "animations", "initial", "val", "setVal", "next", "hostRef", "value", "onValue", "onTransitionEvent", "e", "node", "getStyle", "props", "presence", "style", "state", "isEntering", "isExiting", "sendExitComplete", "animationKey", "animation", "keys", "onFinishAnimation"]
+  "mappings": "AAAA,SAAS,mBAAmB;AAC5B;AAAA,EAEE;AAAA,EACA;AAAA,EAEA;AAAA,OACK;AACP,SAAS,SAAiB,gBAAgB;AAEnC,SAAS,iBAAmC,YAAmC;AACpF,SAAO;AAAA,IACL,MAAM;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,IAEA,kBAAkB,SAA0C;AAC1D,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;AACb,iBAAO,IAAI;AAAA,QACb;AAAA,QACA,OAAO;AAAA,QAAC;AAAA,MACV;AAAA,IACF;AAAA,IAEA,0BAA0B,EAAE,SAAS,MAAM,GAAG,SAAS;AAErD,gCAA0B,MAAM;AAC9B,YAAI,CAAC,QAAQ;AAAS;AACtB,cAAM,oBAAoB,CAAC,MAAuB;AAChD,kBAAQ,MAAM,SAAS,CAAC;AAAA,QAC1B;AAEA,cAAM,OAAO,QAAQ;AACrB,aAAK,iBAAiB,mBAAmB,iBAAiB;AAC1D,aAAK,iBAAiB,oBAAoB,iBAAiB;AAC3D,aAAK,iBAAiB,iBAAiB,iBAAiB;AACxD,eAAO,MAAM;AACX,eAAK,oBAAoB,mBAAmB,iBAAiB;AAC7D,eAAK,oBAAoB,oBAAoB,iBAAiB;AAC9D,eAAK,oBAAoB,iBAAiB,iBAAiB;AAAA,QAC7D;AAAA,MACF,GAAG,CAAC,SAAS,OAAO,CAAC;AAAA,IACvB;AAAA,IAEA,uBAAuB,KAAK,UAAU;AACpC,aAAO,SAAS,IAAI,SAAS,CAAC;AAAA,IAChC;AAAA,IAEA,eAAe,CAAC,EAAE,OAAO,UAAU,OAAO,OAAO,QAAQ,MAAM;AAC7D,YAAM,aAAa,CAAC,CAAC,MAAM;AAC3B,YAAM,aAAY,qCAAW,QAAO;AACpC,YAAM,mBAAmB,qCAAW;AACpC,YAAM,eAAe,MAAM,QAAQ,MAAM,SAAS,IAC9C,MAAM,UAAU,CAAC,IACjB,MAAM;AACV,YAAM,YAAY,WAAW,YAAmB;AAChD,UAAI,CAAC,WAAW;AACd,eAAO;AAAA,MACT;AAEA,YAAM,OAAO,MAAM,cAAc,MAAM,YAAY,KAAK,GAAG,IAAI;AAE/D,gCAA0B,MAAM;AAC9B,YAAI,CAAC,oBAAoB,CAAC,aAAa,CAAC,QAAQ;AAAS;AACzD,cAAM,OAAO,QAAQ;AACrB,cAAM,oBAAoB,MAAM;AAC9B;AAAA,QACF;AACA,aAAK,iBAAiB,iBAAiB,iBAAiB;AACxD,aAAK,iBAAiB,oBAAoB,iBAAiB;AAC3D,eAAO,MAAM;AACX,eAAK,oBAAoB,iBAAiB,iBAAiB;AAC3D,eAAK,iBAAiB,oBAAoB,iBAAiB;AAAA,QAC7D;AAAA,MACF,GAAG,CAAC,kBAAkB,SAAS,CAAC;AAGhC,YAAM,aAAa,GAAG,QAAQ;AAE9B,UAAI,QAAQ,IAAI,aAAa,iBAAiB,MAAM,OAAO,GAAG;AAE5D,gBAAQ,IAAI,iBAAiB,OAAO,EAAE,YAAY,UAAU,CAAC;AAAA,MAC/D;AAEA,aAAO,QAAQ,MAAM;AACnB,eAAO,EAAE,MAAM;AAAA,MAEjB,GAAG,CAAC,KAAK,UAAU,KAAK,CAAC,CAAC;AAAA,IAC5B;AAAA,EACF;AACF;",
+  "names": []
 }

package/dist/esm/index.js

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

package/dist/esm/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.tsx"],
   "sourcesContent": ["export * from './createAnimations'\n"],
-  "mappings": "AAAA,WAAc",
+  "mappings": "AAAA,cAAc;",
   "names": []
 }

package/dist/esm/index.mjs

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

package/dist/esm/index.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.tsx"],
   "sourcesContent": ["export * from './createAnimations'\n"],
-  "mappings": "AAAA,WAAc",
+  "mappings": "AAAA,cAAc;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/animations-css",
-  "version": "1.14.1",
+  "version": "1.14.2",
   "source": "src/index.ts",
   "sideEffects": false,
   "license": "MIT",
@@ -13,11 +13,11 @@
     "dist"
   ],
   "dependencies": {
-    "@tamagui/use-presence": "1.14.1",
-    "@tamagui/web": "1.14.1"
+    "@tamagui/use-presence": "1.14.2",
+    "@tamagui/web": "1.14.2"
   },
   "devDependencies": {
-    "@tamagui/build": "1.14.1"
+    "@tamagui/build": "1.14.2"
   },
   "scripts": {
     "build": "tamagui-build",