@tamagui/animations-react-native 2.0.0-rc.4 → 2.0.0-rc.40

package/types/index.d.ts.map

@@ -4,8 +4,8 @@
   "sources": [
     "src/index.ts"
   ],
+  "version": 3,
   "sourcesContent": [
     "import './polyfill'\n\nexport * from './createAnimations'\n"
-  ],
-  "version": 3
+  ]
 }

package/types/polyfill.d.ts.map

@@ -4,8 +4,8 @@
   "sources": [
     "src/polyfill.ts"
   ],
+  "version": 3,
   "sourcesContent": [
     "// for SSR\nif (typeof requestAnimationFrame === 'undefined') {\n  globalThis['requestAnimationFrame'] =\n    typeof setImmediate === 'undefined' ? setTimeout : setImmediate\n}\n"
-  ],
-  "version": 3
+  ]
 }

package/dist/cjs/createAnimations.js

@@ -1,297 +0,0 @@
-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 __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;
-};
-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);
-var createAnimations_exports = {};
-__export(createAnimations_exports, {
-  AnimatedText: () => AnimatedText,
-  AnimatedView: () => AnimatedView,
-  createAnimations: () => createAnimations,
-  useAnimatedNumber: () => useAnimatedNumber,
-  useAnimatedNumberReaction: () => useAnimatedNumberReaction,
-  useAnimatedNumberStyle: () => useAnimatedNumberStyle
-});
-module.exports = __toCommonJS(createAnimations_exports);
-var import_animation_helpers = require("@tamagui/animation-helpers"), import_constants = require("@tamagui/constants"), import_use_presence = require("@tamagui/use-presence"), import_web = require("@tamagui/web"), import_react = __toESM(require("react"), 1), import_react_native = require("react-native-web");
-const resolveDynamicValue = (value, isDark) => value && typeof value == "object" && "dynamic" in value ? isDark ? value.dynamic.dark : value.dynamic.light : value, animatedStyleKey = {
-  transform: !0,
-  opacity: !0
-}, colorStyleKey = {
-  backgroundColor: !0,
-  color: !0,
-  borderColor: !0,
-  borderLeftColor: !0,
-  borderRightColor: !0,
-  borderTopColor: !0,
-  borderBottomColor: !0
-}, costlyToAnimateStyleKey = {
-  borderRadius: !0,
-  borderTopLeftRadius: !0,
-  borderTopRightRadius: !0,
-  borderBottomLeftRadius: !0,
-  borderBottomRightRadius: !0,
-  borderWidth: !0,
-  borderLeftWidth: !0,
-  borderRightWidth: !0,
-  borderTopWidth: !0,
-  borderBottomWidth: !0,
-  ...colorStyleKey
-  // TODO for other keys like height or width, it's better to not add them here till layout animations are ready
-}, AnimatedView = import_react_native.Animated.View, AnimatedText = import_react_native.Animated.Text;
-function useAnimatedNumber(initial) {
-  const state = import_react.default.useRef(
-    null
-  );
-  return state.current || (state.current = {
-    composite: null,
-    val: new import_react_native.Animated.Value(initial),
-    strategy: { type: "spring" }
-  }), {
-    getInstance() {
-      return state.current.val;
-    },
-    getValue() {
-      return state.current.val._value;
-    },
-    stop() {
-      state.current.composite?.stop(), state.current.composite = null;
-    },
-    setValue(next, { type, ...config } = { type: "spring" }, onFinish) {
-      const val = state.current.val, handleFinish = onFinish ? ({ finished }) => finished ? onFinish() : null : void 0;
-      if (type === "direct")
-        val.setValue(next);
-      else if (type === "spring") {
-        state.current.composite?.stop();
-        const composite = import_react_native.Animated.spring(val, {
-          ...config,
-          toValue: next,
-          useNativeDriver: !import_constants.isWeb
-        });
-        composite.start(handleFinish), state.current.composite = composite;
-      } else {
-        state.current.composite?.stop();
-        const composite = import_react_native.Animated.timing(val, {
-          ...config,
-          toValue: next,
-          useNativeDriver: !import_constants.isWeb
-        });
-        composite.start(handleFinish), state.current.composite = composite;
-      }
-    }
-  };
-}
-const useAnimatedNumberReaction = ({ value }, onValue) => {
-  const onChange = (0, import_web.useEvent)((current) => {
-    onValue(current.value);
-  });
-  import_react.default.useEffect(() => {
-    const id = value.getInstance().addListener(onChange);
-    return () => {
-      value.getInstance().removeListener(id);
-    };
-  }, [value, onChange]);
-}, useAnimatedNumberStyle = (value, getStyle) => getStyle(value.getInstance());
-function createAnimations(animations) {
-  return {
-    isReactNative: !0,
-    inputStyle: "value",
-    outputStyle: "inline",
-    animations,
-    View: AnimatedView,
-    Text: AnimatedText,
-    useAnimatedNumber,
-    useAnimatedNumberReaction,
-    useAnimatedNumberStyle,
-    usePresence: import_use_presence.usePresence,
-    ResetPresence: import_use_presence.ResetPresence,
-    useAnimations: ({ props, onDidAnimate, style, componentState, presence }) => {
-      const isDisabled = import_constants.isWeb && componentState.unmounted === !0, isExiting = presence?.[0] === !1, sendExitComplete = presence?.[1], [, themeState] = (0, import_web.useThemeWithState)({}), isDark = themeState?.scheme === "dark" || themeState?.name?.startsWith("dark"), animateStyles = import_react.default.useRef({}), animatedTranforms = import_react.default.useRef([]), animationsState = import_react.default.useRef(
-        /* @__PURE__ */ new WeakMap()
-      ), animateOnly = props.animateOnly || [], hasTransitionOnly = !!props.animateOnly, isEntering = !!componentState.unmounted, wasEnteringRef = import_react.default.useRef(isEntering), justFinishedEntering = wasEnteringRef.current && !isEntering;
-      import_react.default.useEffect(() => {
-        wasEnteringRef.current = isEntering;
-      });
-      const args = [
-        JSON.stringify(style),
-        componentState,
-        isExiting,
-        !!onDidAnimate,
-        isDark,
-        justFinishedEntering
-      ], isThereNoNativeStyleKeys = import_react.default.useMemo(() => import_constants.isWeb ? !0 : Object.keys(style).some((key) => animateOnly ? !animatedStyleKey[key] && animateOnly.indexOf(key) === -1 : !animatedStyleKey[key]), args), res = import_react.default.useMemo(() => {
-        const runners = [], completions = [], animationState = isExiting ? "exit" : isEntering || justFinishedEntering ? "enter" : "default", nonAnimatedStyle = {};
-        for (const key in style) {
-          const rawVal = style[key], val = resolveDynamicValue(rawVal, isDark);
-          if (val !== void 0 && !isDisabled) {
-            if (animatedStyleKey[key] == null && !costlyToAnimateStyleKey[key]) {
-              nonAnimatedStyle[key] = val;
-              continue;
-            }
-            if (hasTransitionOnly && !animateOnly.includes(key)) {
-              nonAnimatedStyle[key] = val;
-              continue;
-            }
-            if (key !== "transform") {
-              animateStyles.current[key] = update(key, animateStyles.current[key], val);
-              continue;
-            }
-            if (val) {
-              if (typeof val == "string") {
-                console.warn("Warning: Tamagui can't animate string transforms yet!");
-                continue;
-              }
-              for (const [index, transform] of val.entries()) {
-                if (!transform) continue;
-                const tkey = Object.keys(transform)[0], currentTransform = animatedTranforms.current[index]?.[tkey];
-                animatedTranforms.current[index] = {
-                  [tkey]: update(tkey, currentTransform, transform[tkey])
-                }, animatedTranforms.current = [...animatedTranforms.current];
-              }
-            }
-          }
-        }
-        const animatedStyle = {
-          ...Object.fromEntries(
-            Object.entries(animateStyles.current).map(([k, v]) => [
-              k,
-              animationsState.current.get(v)?.interpolation || v
-            ])
-          ),
-          transform: animatedTranforms.current.map((r) => {
-            const key = Object.keys(r)[0], val = animationsState.current.get(r[key])?.interpolation || r[key];
-            return { [key]: val };
-          })
-        };
-        return {
-          runners,
-          completions,
-          style: [nonAnimatedStyle, animatedStyle]
-        };
-        function update(key, animated, valIn) {
-          const isColorStyleKey = colorStyleKey[key], [val, type] = isColorStyleKey ? [0, void 0] : getValue(valIn);
-          let animateToValue = val;
-          const value = animated || new import_react_native.Animated.Value(val), curInterpolation = animationsState.current.get(value);
-          let interpolateArgs;
-          if (type && (interpolateArgs = getInterpolated(
-            curInterpolation?.current ?? value._value,
-            val,
-            type
-          ), animationsState.current.set(value, {
-            interpolation: value.interpolate(interpolateArgs),
-            current: val
-          })), isColorStyleKey && (animateToValue = curInterpolation?.animateToValue ? 0 : 1, interpolateArgs = getColorInterpolated(
-            curInterpolation?.current,
-            // valIn is the next color
-            valIn,
-            animateToValue
-          ), animationsState.current.set(value, {
-            current: valIn,
-            interpolation: value.interpolate(interpolateArgs),
-            animateToValue: curInterpolation?.animateToValue ? 0 : 1
-          })), value) {
-            const animationConfig = getAnimationConfig(
-              key,
-              animations,
-              props.transition,
-              animationState
-            );
-            let resolve;
-            const promise = new Promise((res2) => {
-              resolve = res2;
-            });
-            completions.push(promise), runners.push(() => {
-              value.stopAnimation();
-              function getAnimation() {
-                return import_react_native.Animated[animationConfig.type || "spring"](value, {
-                  toValue: animateToValue,
-                  useNativeDriver: !import_constants.isWeb && !isThereNoNativeStyleKeys,
-                  ...animationConfig
-                });
-              }
-              (animationConfig.delay ? import_react_native.Animated.sequence([
-                import_react_native.Animated.delay(animationConfig.delay),
-                getAnimation()
-              ]) : getAnimation()).start(({ finished }) => {
-                finished && resolve();
-              });
-            });
-          }
-          return process.env.NODE_ENV === "development" && props.debug === "verbose" && console.info(
-            " \u{1F4A0} animate",
-            key,
-            `from (${value._value}) to`,
-            valIn,
-            `(${val})`,
-            "type",
-            type,
-            "interpolate",
-            interpolateArgs
-          ), value;
-        }
-      }, args);
-      return (0, import_constants.useIsomorphicLayoutEffect)(() => {
-        res.runners.forEach((r) => r());
-        let cancel = !1;
-        return Promise.all(res.completions).then(() => {
-          cancel || (onDidAnimate?.(), isExiting && sendExitComplete?.());
-        }), () => {
-          cancel = !0;
-        };
-      }, args), process.env.NODE_ENV === "development" && props.debug === "verbose" && console.info("Animated", { response: res, inputStyle: style, isExiting }), res;
-    }
-  };
-}
-function getColorInterpolated(currentColor, nextColor, animateToValue) {
-  const inputRange = [0, 1], outputRange = [currentColor || nextColor, nextColor];
-  return animateToValue === 0 && outputRange.reverse(), {
-    inputRange,
-    outputRange
-  };
-}
-function getInterpolated(current, next, postfix = "deg") {
-  next === current && (current = next - 1e-9);
-  const inputRange = [current, next], outputRange = [`${current}${postfix}`, `${next}${postfix}`];
-  return next < current && (inputRange.reverse(), outputRange.reverse()), {
-    inputRange,
-    outputRange
-  };
-}
-function getAnimationConfig(key, animations, transition, animationState = "default") {
-  const normalized = (0, import_animation_helpers.normalizeTransition)(transition), shortKey = transformShorthands[key], propAnimation = normalized.properties[key] ?? normalized.properties[shortKey];
-  let animationType = null, extraConf = {};
-  return typeof propAnimation == "string" ? animationType = propAnimation : propAnimation && typeof propAnimation == "object" ? (animationType = propAnimation.type || (0, import_animation_helpers.getEffectiveAnimation)(normalized, animationState), extraConf = propAnimation) : animationType = (0, import_animation_helpers.getEffectiveAnimation)(normalized, animationState), normalized.delay && !extraConf.delay && (extraConf = { ...extraConf, delay: normalized.delay }), {
-    ...animationType ? animations[animationType] : {},
-    ...extraConf
-  };
-}
-const transformShorthands = {
-  x: "translateX",
-  y: "translateY",
-  translateX: "x",
-  translateY: "y"
-};
-function getValue(input, isColor = !1) {
-  if (typeof input != "string")
-    return [input];
-  const [_, number, after] = input.match(/([-0-9]+)(deg|%|px)/) ?? [];
-  return [+number, after];
-}
-//# sourceMappingURL=createAnimations.js.map

package/dist/cjs/createAnimations.js.map

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

package/dist/cjs/index.js

@@ -1,16 +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 index_exports = {};
-module.exports = __toCommonJS(index_exports);
-var import_polyfill = require("./polyfill");
-__reExport(index_exports, require("./createAnimations"), module.exports);
-//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/index.ts"],
-  "mappings": ";;;;;;;;;;;AAAA;AAAA;AAAA,sBAAO;AAEP,0BAAc,+BAFd;",
-  "names": []
-}

package/dist/cjs/polyfill.js

@@ -1,2 +0,0 @@
-typeof requestAnimationFrame > "u" && (globalThis.requestAnimationFrame = typeof setImmediate > "u" ? setTimeout : setImmediate);
-//# sourceMappingURL=polyfill.js.map

package/dist/cjs/polyfill.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/polyfill.ts"],
-  "mappings": "AACI,OAAO,wBAA0B,QACnC,WAAW,wBACT,OAAO,eAAiB,MAAc,aAAa;",
-  "names": []
-}

package/dist/esm/createAnimations.js

@@ -1,278 +0,0 @@
-import { normalizeTransition, getEffectiveAnimation } from "@tamagui/animation-helpers";
-import { isWeb, useIsomorphicLayoutEffect } from "@tamagui/constants";
-import { ResetPresence, usePresence } from "@tamagui/use-presence";
-import { useEvent, useThemeWithState } from "@tamagui/web";
-import React from "react";
-import { Animated } from "react-native-web";
-const resolveDynamicValue = (value, isDark) => value && typeof value == "object" && "dynamic" in value ? isDark ? value.dynamic.dark : value.dynamic.light : value, animatedStyleKey = {
-  transform: !0,
-  opacity: !0
-}, colorStyleKey = {
-  backgroundColor: !0,
-  color: !0,
-  borderColor: !0,
-  borderLeftColor: !0,
-  borderRightColor: !0,
-  borderTopColor: !0,
-  borderBottomColor: !0
-}, costlyToAnimateStyleKey = {
-  borderRadius: !0,
-  borderTopLeftRadius: !0,
-  borderTopRightRadius: !0,
-  borderBottomLeftRadius: !0,
-  borderBottomRightRadius: !0,
-  borderWidth: !0,
-  borderLeftWidth: !0,
-  borderRightWidth: !0,
-  borderTopWidth: !0,
-  borderBottomWidth: !0,
-  ...colorStyleKey
-  // TODO for other keys like height or width, it's better to not add them here till layout animations are ready
-}, AnimatedView = Animated.View, AnimatedText = Animated.Text;
-function useAnimatedNumber(initial) {
-  const state = React.useRef(
-    null
-  );
-  return state.current || (state.current = {
-    composite: null,
-    val: new Animated.Value(initial),
-    strategy: { type: "spring" }
-  }), {
-    getInstance() {
-      return state.current.val;
-    },
-    getValue() {
-      return state.current.val._value;
-    },
-    stop() {
-      state.current.composite?.stop(), state.current.composite = null;
-    },
-    setValue(next, { type, ...config } = { type: "spring" }, onFinish) {
-      const val = state.current.val, handleFinish = onFinish ? ({ finished }) => finished ? onFinish() : null : void 0;
-      if (type === "direct")
-        val.setValue(next);
-      else if (type === "spring") {
-        state.current.composite?.stop();
-        const composite = Animated.spring(val, {
-          ...config,
-          toValue: next,
-          useNativeDriver: !isWeb
-        });
-        composite.start(handleFinish), state.current.composite = composite;
-      } else {
-        state.current.composite?.stop();
-        const composite = Animated.timing(val, {
-          ...config,
-          toValue: next,
-          useNativeDriver: !isWeb
-        });
-        composite.start(handleFinish), state.current.composite = composite;
-      }
-    }
-  };
-}
-const useAnimatedNumberReaction = ({ value }, onValue) => {
-  const onChange = useEvent((current) => {
-    onValue(current.value);
-  });
-  React.useEffect(() => {
-    const id = value.getInstance().addListener(onChange);
-    return () => {
-      value.getInstance().removeListener(id);
-    };
-  }, [value, onChange]);
-}, useAnimatedNumberStyle = (value, getStyle) => getStyle(value.getInstance());
-function createAnimations(animations) {
-  return {
-    isReactNative: !0,
-    inputStyle: "value",
-    outputStyle: "inline",
-    animations,
-    View: AnimatedView,
-    Text: AnimatedText,
-    useAnimatedNumber,
-    useAnimatedNumberReaction,
-    useAnimatedNumberStyle,
-    usePresence,
-    ResetPresence,
-    useAnimations: ({ props, onDidAnimate, style, componentState, presence }) => {
-      const isDisabled = isWeb && componentState.unmounted === !0, isExiting = presence?.[0] === !1, sendExitComplete = presence?.[1], [, themeState] = useThemeWithState({}), isDark = themeState?.scheme === "dark" || themeState?.name?.startsWith("dark"), animateStyles = React.useRef({}), animatedTranforms = React.useRef([]), animationsState = React.useRef(
-        /* @__PURE__ */ new WeakMap()
-      ), animateOnly = props.animateOnly || [], hasTransitionOnly = !!props.animateOnly, isEntering = !!componentState.unmounted, wasEnteringRef = React.useRef(isEntering), justFinishedEntering = wasEnteringRef.current && !isEntering;
-      React.useEffect(() => {
-        wasEnteringRef.current = isEntering;
-      });
-      const args = [
-        JSON.stringify(style),
-        componentState,
-        isExiting,
-        !!onDidAnimate,
-        isDark,
-        justFinishedEntering
-      ], isThereNoNativeStyleKeys = React.useMemo(() => isWeb ? !0 : Object.keys(style).some((key) => animateOnly ? !animatedStyleKey[key] && animateOnly.indexOf(key) === -1 : !animatedStyleKey[key]), args), res = React.useMemo(() => {
-        const runners = [], completions = [], animationState = isExiting ? "exit" : isEntering || justFinishedEntering ? "enter" : "default", nonAnimatedStyle = {};
-        for (const key in style) {
-          const rawVal = style[key], val = resolveDynamicValue(rawVal, isDark);
-          if (val !== void 0 && !isDisabled) {
-            if (animatedStyleKey[key] == null && !costlyToAnimateStyleKey[key]) {
-              nonAnimatedStyle[key] = val;
-              continue;
-            }
-            if (hasTransitionOnly && !animateOnly.includes(key)) {
-              nonAnimatedStyle[key] = val;
-              continue;
-            }
-            if (key !== "transform") {
-              animateStyles.current[key] = update(key, animateStyles.current[key], val);
-              continue;
-            }
-            if (val) {
-              if (typeof val == "string") {
-                console.warn("Warning: Tamagui can't animate string transforms yet!");
-                continue;
-              }
-              for (const [index, transform] of val.entries()) {
-                if (!transform) continue;
-                const tkey = Object.keys(transform)[0], currentTransform = animatedTranforms.current[index]?.[tkey];
-                animatedTranforms.current[index] = {
-                  [tkey]: update(tkey, currentTransform, transform[tkey])
-                }, animatedTranforms.current = [...animatedTranforms.current];
-              }
-            }
-          }
-        }
-        const animatedStyle = {
-          ...Object.fromEntries(
-            Object.entries(animateStyles.current).map(([k, v]) => [
-              k,
-              animationsState.current.get(v)?.interpolation || v
-            ])
-          ),
-          transform: animatedTranforms.current.map((r) => {
-            const key = Object.keys(r)[0], val = animationsState.current.get(r[key])?.interpolation || r[key];
-            return { [key]: val };
-          })
-        };
-        return {
-          runners,
-          completions,
-          style: [nonAnimatedStyle, animatedStyle]
-        };
-        function update(key, animated, valIn) {
-          const isColorStyleKey = colorStyleKey[key], [val, type] = isColorStyleKey ? [0, void 0] : getValue(valIn);
-          let animateToValue = val;
-          const value = animated || new Animated.Value(val), curInterpolation = animationsState.current.get(value);
-          let interpolateArgs;
-          if (type && (interpolateArgs = getInterpolated(
-            curInterpolation?.current ?? value._value,
-            val,
-            type
-          ), animationsState.current.set(value, {
-            interpolation: value.interpolate(interpolateArgs),
-            current: val
-          })), isColorStyleKey && (animateToValue = curInterpolation?.animateToValue ? 0 : 1, interpolateArgs = getColorInterpolated(
-            curInterpolation?.current,
-            // valIn is the next color
-            valIn,
-            animateToValue
-          ), animationsState.current.set(value, {
-            current: valIn,
-            interpolation: value.interpolate(interpolateArgs),
-            animateToValue: curInterpolation?.animateToValue ? 0 : 1
-          })), value) {
-            const animationConfig = getAnimationConfig(
-              key,
-              animations,
-              props.transition,
-              animationState
-            );
-            let resolve;
-            const promise = new Promise((res2) => {
-              resolve = res2;
-            });
-            completions.push(promise), runners.push(() => {
-              value.stopAnimation();
-              function getAnimation() {
-                return Animated[animationConfig.type || "spring"](value, {
-                  toValue: animateToValue,
-                  useNativeDriver: !isWeb && !isThereNoNativeStyleKeys,
-                  ...animationConfig
-                });
-              }
-              (animationConfig.delay ? Animated.sequence([
-                Animated.delay(animationConfig.delay),
-                getAnimation()
-              ]) : getAnimation()).start(({ finished }) => {
-                finished && resolve();
-              });
-            });
-          }
-          return process.env.NODE_ENV === "development" && props.debug === "verbose" && console.info(
-            " \u{1F4A0} animate",
-            key,
-            `from (${value._value}) to`,
-            valIn,
-            `(${val})`,
-            "type",
-            type,
-            "interpolate",
-            interpolateArgs
-          ), value;
-        }
-      }, args);
-      return useIsomorphicLayoutEffect(() => {
-        res.runners.forEach((r) => r());
-        let cancel = !1;
-        return Promise.all(res.completions).then(() => {
-          cancel || (onDidAnimate?.(), isExiting && sendExitComplete?.());
-        }), () => {
-          cancel = !0;
-        };
-      }, args), process.env.NODE_ENV === "development" && props.debug === "verbose" && console.info("Animated", { response: res, inputStyle: style, isExiting }), res;
-    }
-  };
-}
-function getColorInterpolated(currentColor, nextColor, animateToValue) {
-  const inputRange = [0, 1], outputRange = [currentColor || nextColor, nextColor];
-  return animateToValue === 0 && outputRange.reverse(), {
-    inputRange,
-    outputRange
-  };
-}
-function getInterpolated(current, next, postfix = "deg") {
-  next === current && (current = next - 1e-9);
-  const inputRange = [current, next], outputRange = [`${current}${postfix}`, `${next}${postfix}`];
-  return next < current && (inputRange.reverse(), outputRange.reverse()), {
-    inputRange,
-    outputRange
-  };
-}
-function getAnimationConfig(key, animations, transition, animationState = "default") {
-  const normalized = normalizeTransition(transition), shortKey = transformShorthands[key], propAnimation = normalized.properties[key] ?? normalized.properties[shortKey];
-  let animationType = null, extraConf = {};
-  return typeof propAnimation == "string" ? animationType = propAnimation : propAnimation && typeof propAnimation == "object" ? (animationType = propAnimation.type || getEffectiveAnimation(normalized, animationState), extraConf = propAnimation) : animationType = getEffectiveAnimation(normalized, animationState), normalized.delay && !extraConf.delay && (extraConf = { ...extraConf, delay: normalized.delay }), {
-    ...animationType ? animations[animationType] : {},
-    ...extraConf
-  };
-}
-const transformShorthands = {
-  x: "translateX",
-  y: "translateY",
-  translateX: "x",
-  translateY: "y"
-};
-function getValue(input, isColor = !1) {
-  if (typeof input != "string")
-    return [input];
-  const [_, number, after] = input.match(/([-0-9]+)(deg|%|px)/) ?? [];
-  return [+number, after];
-}
-export {
-  AnimatedText,
-  AnimatedView,
-  createAnimations,
-  useAnimatedNumber,
-  useAnimatedNumberReaction,
-  useAnimatedNumberStyle
-};
-//# sourceMappingURL=createAnimations.js.map