@tamagui/animations-css 1.114.4 → 1.115.1

package/dist/cjs/{createAnimations.js → createAnimations.cjs}

@@ -2,32 +2,44 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getProtoOf = Object.getPrototypeOf,
+  __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: !0 });
-}, __copyProps = (to, from, except, desc) => {
-  if (from && typeof from == "object" || typeof from == "function")
-    for (let key of __getOwnPropNames(from))
-      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  return to;
-};
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
   // If the importer is in node compatibility mode or this is not an ESM
   // file that has been converted to a CommonJS file using a Babel-
   // compatible transform (i.e. "__esModule" has not been set), then set
   // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
-  mod
-)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+    value: mod,
+    enumerable: !0
+  }) : target, mod)),
+  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+    value: !0
+  }), mod);
 var createAnimations_exports = {};
 __export(createAnimations_exports, {
   createAnimations: () => createAnimations
 });
 module.exports = __toCommonJS(createAnimations_exports);
-var import_react = __toESM(require("react")), import_constants = require("@tamagui/constants"), import_web = require("@tamagui/web"), import_use_presence = require("@tamagui/use-presence");
+var import_react = __toESM(require("react")),
+  import_constants = require("@tamagui/constants"),
+  import_web = require("@tamagui/web"),
+  import_use_presence = require("@tamagui/use-presence");
 function createAnimations(animations) {
-  const reactionListeners = /* @__PURE__ */ new WeakMap();
+  const reactionListeners = /* @__PURE__ */new WeakMap();
   return {
     animations,
     usePresence: import_use_presence.usePresence,
@@ -45,18 +57,19 @@ function createAnimations(animations) {
         setValue(next, config, onFinish) {
           setVal(next);
           const listeners = reactionListeners.get(setVal);
-          listeners && listeners.forEach((cb) => cb(next)), onFinish?.();
+          listeners && listeners.forEach(cb => cb(next)), onFinish?.();
         },
-        stop() {
-        }
+        stop() {}
       };
     },
-    useAnimatedNumberReaction({ value }, onValue) {
+    useAnimatedNumberReaction({
+      value
+    }, onValue) {
       import_react.default.useEffect(() => {
         const instance = value.getInstance();
         let queue = reactionListeners.get(instance);
         if (!queue) {
-          const next = /* @__PURE__ */ new Set();
+          const next = /* @__PURE__ */new Set();
           reactionListeners.set(instance, next), queue = next;
         }
         return queue.add(onValue), () => {
@@ -67,18 +80,30 @@ function createAnimations(animations) {
     useAnimatedNumberStyle(val, getStyle) {
       return getStyle(val.getValue());
     },
-    useAnimations: ({ props, presence, style, componentState, stateRef }) => {
-      const isEntering = !!componentState.unmounted, isExiting = presence?.[0] === !1, sendExitComplete = presence?.[1], [animationKey, animationConfig] = Array.isArray(props.animation) ? props.animation : [props.animation], animation = animations[animationKey], keys = props.animateOnly ?? ["all"];
+    useAnimations: ({
+      props,
+      presence,
+      style,
+      componentState,
+      stateRef
+    }) => {
+      const isEntering = !!componentState.unmounted,
+        isExiting = presence?.[0] === !1,
+        sendExitComplete = presence?.[1],
+        [animationKey, animationConfig] = Array.isArray(props.animation) ? props.animation : [props.animation],
+        animation = animations[animationKey],
+        keys = props.animateOnly ?? ["all"];
       return (0, import_constants.useIsomorphicLayoutEffect)(() => {
         const host = stateRef.current.host;
         if (!sendExitComplete || !isExiting || !host) return;
-        const node = host, onFinishAnimation = () => {
-          sendExitComplete?.();
-        };
+        const node = host,
+          onFinishAnimation = () => {
+            sendExitComplete?.();
+          };
         return node.addEventListener("transitionend", onFinishAnimation), node.addEventListener("transitioncancel", onFinishAnimation), () => {
           node.removeEventListener("transitionend", onFinishAnimation), node.removeEventListener("transitioncancel", onFinishAnimation);
         };
-      }, [sendExitComplete, isExiting]), animation && (Array.isArray(style.transform) && (style.transform = (0, import_web.transformsToString)(style.transform)), style.transition = keys.map((key) => {
+      }, [sendExitComplete, isExiting]), animation && (Array.isArray(style.transform) && (style.transform = (0, import_web.transformsToString)(style.transform)), style.transition = keys.map(key => {
         const override = animations[animationConfig?.[key]] ?? animation;
         return `${key} ${override}`;
       }).join(", ")), process.env.NODE_ENV === "development" && props.debug === "verbose" && console.info("CSS animation", {
@@ -89,8 +114,10 @@ function createAnimations(animations) {
         style,
         isEntering,
         isExiting
-      }), animation ? { style, className: isEntering ? "t_unmounted" : "" } : null;
+      }), animation ? {
+        style,
+        className: isEntering ? "t_unmounted" : ""
+      } : null;
     }
   };
-}
-//# sourceMappingURL=createAnimations.js.map
+}

package/dist/cjs/index.cjs

@@ -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)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  },
+  __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var src_exports = {};
+module.exports = __toCommonJS(src_exports);
+__reExport(src_exports, require("./createAnimations.cjs"), module.exports);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/animations-css",
-  "version": "1.114.4",
+  "version": "1.115.1",
   "source": "src/index.ts",
   "sideEffects": false,
   "license": "MIT",
@@ -19,17 +19,18 @@
       "react-native": "./dist/cjs/index.native.js",
       "types": "./types/index.d.ts",
       "import": "./dist/esm/index.mjs",
-      "require": "./dist/cjs/index.js"
+      "require": "./dist/cjs/index.cjs",
+      "default": "./dist/cjs/index.native.js"
     }
   },
   "dependencies": {
-    "@tamagui/constants": "1.114.4",
-    "@tamagui/cubic-bezier-animator": "1.114.4",
-    "@tamagui/use-presence": "1.114.4",
-    "@tamagui/web": "1.114.4"
+    "@tamagui/constants": "1.115.1",
+    "@tamagui/cubic-bezier-animator": "1.115.1",
+    "@tamagui/use-presence": "1.115.1",
+    "@tamagui/web": "1.115.1"
   },
   "devDependencies": {
-    "@tamagui/build": "1.114.4",
+    "@tamagui/build": "1.115.1",
     "react": "^18.2.0 || ^19.0.0"
   },
   "scripts": {

package/dist/cjs/index.js

@@ -1,15 +0,0 @@
-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))
-      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  return to;
-}, __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
-var src_exports = {};
-module.exports = __toCommonJS(src_exports);
-__reExport(src_exports, require("./createAnimations"), module.exports);
-//# sourceMappingURL=index.js.map