@hanzogui/animations-moti 2.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+  Copyright (c) 2020 Nate Wienert
+  
+  Permission is hereby granted, free of charge, to any person obtaining a copy
+  of this software and associated documentation files (the "Software"), to deal
+  in the Software without restriction, including without limitation the rights
+  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+  copies of the Software, and to permit persons to whom the Software is
+  furnished to do so, subject to the following conditions:
+  
+  The above copyright notice and this permission notice shall be included in all
+  copies or substantial portions of the Software.
+  
+  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+  SOFTWARE.

package/dist/cjs/createAnimations.cjs

@@ -0,0 +1,256 @@
+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, {
+  createAnimations: () => createAnimations
+});
+module.exports = __toCommonJS(createAnimations_exports);
+var import_use_presence = require("@hanzogui/use-presence"),
+  import_core = require("@hanzogui/core"),
+  import_author = require("moti/author"),
+  import_react = __toESM(require("react"), 1),
+  import_react_native_reanimated = __toESM(require("react-native-reanimated"), 1),
+  import_jsx_runtime = require("react/jsx-runtime");
+const resolveDynamicValue = (value, isDark) => value && typeof value == "object" && "dynamic" in value ? isDark ? value.dynamic.dark : value.dynamic.light : value,
+  safeESModule = a => {
+    const b = a;
+    return (b.__esModule || b[Symbol.toStringTag] === "Module" ? b.default : b) || a;
+  },
+  Animated = safeESModule(import_react_native_reanimated.default);
+function createGuiAnimatedComponent(defaultTag = "div") {
+  const isText = defaultTag === "span",
+    Component = Animated.createAnimatedComponent((0, import_react.forwardRef)((propsIn, ref) => {
+      const {
+          forwardedRef,
+          animation,
+          render = defaultTag,
+          ...propsRest
+        } = propsIn,
+        hostRef = (0, import_react.useRef)(null),
+        composedRefs = (0, import_core.useComposedRefs)(forwardedRef, ref, hostRef),
+        stateRef = (0, import_react.useRef)(null);
+      stateRef.current || (stateRef.current = {
+        get host() {
+          return hostRef.current;
+        }
+      });
+      const [_, state] = (0, import_core.useThemeWithState)({}),
+        props = (0, import_core.getSplitStyles)(propsRest, isText ? import_core.Text.staticConfig : import_core.View.staticConfig, state?.theme, state?.name, {
+          unmounted: !1
+        }, {
+          isAnimated: !1,
+          noClass: !0
+        })?.viewProps || {},
+        Element = render,
+        transformedProps = import_core.hooks.usePropsTransform?.(render, props, stateRef, !1);
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Element, {
+        ...transformedProps,
+        ref: composedRefs
+      });
+    }));
+  return Component.acceptRenderProp = !0, Component;
+}
+const AnimatedView = createGuiAnimatedComponent("div"),
+  AnimatedText = createGuiAnimatedComponent("span"),
+  onlyAnimateKeys = {
+    transform: !0,
+    opacity: !0,
+    height: !0,
+    width: !0,
+    backgroundColor: !0,
+    borderColor: !0,
+    borderLeftColor: !0,
+    borderRightColor: !0,
+    borderTopColor: !0,
+    borderBottomColor: !0,
+    borderRadius: !0,
+    borderTopLeftRadius: !0,
+    borderTopRightRadius: !0,
+    borderBottomLeftRadius: !0,
+    borderBottomRightRadius: !0,
+    borderLeftWidth: !0,
+    borderRightWidth: !0,
+    borderTopWidth: !0,
+    borderBottomWidth: !0,
+    color: !0,
+    left: !0,
+    right: !0,
+    top: !0,
+    bottom: !0,
+    fontSize: !0,
+    fontWeight: !0,
+    lineHeight: !0,
+    letterSpacing: !0
+  };
+function createAnimations(animations) {
+  return {
+    needsCustomComponent: !0,
+    View: import_core.isWeb ? AnimatedView : Animated.View,
+    Text: import_core.isWeb ? AnimatedText : Animated.Text,
+    // View: Animated.View,
+    // Text: Animated.Text,
+    isReactNative: !0,
+    inputStyle: "value",
+    outputStyle: "inline",
+    animations,
+    usePresence: import_use_presence.usePresence,
+    ResetPresence: import_use_presence.ResetPresence,
+    useAnimatedNumber(initial) {
+      const sharedValue = (0, import_react_native_reanimated.useSharedValue)(initial);
+      return import_react.default.useMemo(() => ({
+        getInstance() {
+          "worklet";
+
+          return sharedValue;
+        },
+        getValue() {
+          "worklet";
+
+          return sharedValue.value;
+        },
+        setValue(next, config = {
+          type: "spring"
+        }, onFinish) {
+          "worklet";
+
+          config.type === "direct" ? (sharedValue.value = next, onFinish?.()) : config.type === "spring" ? sharedValue.value = (0, import_react_native_reanimated.withSpring)(next, config, onFinish ? () => {
+            "worklet";
+
+            (0, import_react_native_reanimated.runOnJS)(onFinish)();
+          } : void 0) : sharedValue.value = (0, import_react_native_reanimated.withTiming)(next, config, onFinish ? () => {
+            "worklet";
+
+            (0, import_react_native_reanimated.runOnJS)(onFinish)();
+          } : void 0);
+        },
+        stop() {
+          "worklet";
+
+          (0, import_react_native_reanimated.cancelAnimation)(sharedValue);
+        }
+      }), [sharedValue]);
+    },
+    useAnimatedNumberReaction({
+      value
+    }, onValue) {
+      const instance = value.getInstance();
+      return (0, import_react_native_reanimated.useAnimatedReaction)(() => instance.value, (next, prev) => {
+        prev !== next && (0, import_react_native_reanimated.runOnJS)(onValue)(next);
+      },
+      // dependency array is very important here
+      [onValue, instance]);
+    },
+    /**
+     * `getStyle` must be a worklet
+     */
+    useAnimatedNumberStyle(val, getStyle) {
+      const instance = val.getInstance(),
+        derivedValue = (0, import_react_native_reanimated.useDerivedValue)(() => instance.value, [instance, getStyle]);
+      return (0, import_react_native_reanimated.useAnimatedStyle)(() => getStyle(derivedValue.value), [val, getStyle, derivedValue, instance]);
+    },
+    useAnimations: animationProps => {
+      const {
+          props,
+          presence,
+          style,
+          componentState
+        } = animationProps,
+        animationKey = Array.isArray(props.transition) ? props.transition[0] : props.transition,
+        isHydrating = componentState.unmounted === !0,
+        disableAnimation = isHydrating || !animationKey,
+        presenceContext = import_react.default.useContext(import_use_presence.PresenceContext),
+        [, themeState] = (0, import_core.useThemeWithState)({}),
+        isDark = themeState?.scheme === "dark" || themeState?.name?.startsWith("dark"),
+        {
+          dontAnimate,
+          motiProps
+        } = (0, import_react.useMemo)(() => {
+          let animate = {},
+            dontAnimate2 = {};
+          if (disableAnimation) for (const key in style) {
+            const rawValue = style[key],
+              value = resolveDynamicValue(rawValue, isDark);
+            value !== void 0 && (dontAnimate2[key] = value);
+          } else {
+            const animateOnly = props.animateOnly;
+            for (const key in style) {
+              const rawValue = style[key],
+                value = resolveDynamicValue(rawValue, isDark);
+              value !== void 0 && (!onlyAnimateKeys[key] || value === "auto" || typeof value == "string" && value.startsWith("calc") || animateOnly && !animateOnly.includes(key) ? dontAnimate2[key] = value : animate[key] = value);
+            }
+          }
+          if (componentState.unmounted === "should-enter") for (const key in style) {
+            const rawValue = style[key],
+              value = resolveDynamicValue(rawValue, isDark);
+            value !== void 0 && (dontAnimate2[key] = value);
+          }
+          const styles = animate,
+            isExiting = !!presence?.[1],
+            usePresenceValue = presence || void 0;
+          let transition = isHydrating ? {
+              type: "transition",
+              duration: 0
+            } : animations[animationKey],
+            hasClonedTransition = !1;
+          if (Array.isArray(props.transition)) {
+            const config = props.transition[1];
+            if (config && typeof config == "object") for (const key in config) {
+              const val = config[key];
+              hasClonedTransition || (transition = Object.assign({}, transition), hasClonedTransition = !0), typeof val == "string" ? transition[key] = animations[val] : transition[key] = val;
+            }
+          }
+          return {
+            dontAnimate: dontAnimate2,
+            motiProps: {
+              animate: isExiting || componentState.unmounted === !0 ? {} : styles,
+              transition: componentState.unmounted ? {
+                duration: 0
+              } : transition,
+              usePresenceValue,
+              presenceContext,
+              exit: isExiting ? styles : void 0
+            }
+          };
+        }, [presenceContext, presence, animationKey, componentState.unmounted, JSON.stringify(style), presenceContext, isDark]),
+        moti = (0, import_author.useMotify)(motiProps);
+      return process.env.NODE_ENV === "development" && props.debug && props.debug !== "profile" && console.info("useMotify(", JSON.stringify(motiProps, null, 2) + ")", {
+        "componentState.unmounted": componentState.unmounted,
+        animationProps,
+        motiProps,
+        moti,
+        style: [dontAnimate, moti.style]
+      }), {
+        style: [dontAnimate, moti.style]
+      };
+    }
+  };
+}

package/dist/cjs/createAnimations.native.js

@@ -0,0 +1,290 @@
+"use strict";
+
+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, {
+  createAnimations: () => createAnimations
+});
+module.exports = __toCommonJS(createAnimations_exports);
+var import_jsx_runtime = require("react/jsx-runtime"),
+  import_use_presence = require("@hanzogui/use-presence"),
+  import_core = require("@hanzogui/core"),
+  import_author = require("moti/author"),
+  import_react = __toESM(require("react"), 1),
+  import_react_native_reanimated = __toESM(require("react-native-reanimated"), 1);
+function _type_of(obj) {
+  "@swc/helpers - typeof";
+
+  return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
+var resolveDynamicValue = function (value, isDark) {
+    if (value && (typeof value > "u" ? "undefined" : _type_of(value)) === "object" && "dynamic" in value) {
+      var dynamicValue = isDark ? value.dynamic.dark : value.dynamic.light;
+      return dynamicValue;
+    }
+    return value;
+  },
+  safeESModule = function (a) {
+    var b = a,
+      out = b.__esModule || b[Symbol.toStringTag] === "Module" ? b.default : b;
+    return out || a;
+  },
+  Animated = safeESModule(import_react_native_reanimated.default);
+function createGuiAnimatedComponent() {
+  var defaultTag = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "div",
+    isText = defaultTag === "span",
+    Component = Animated.createAnimatedComponent(/* @__PURE__ */(0, import_react.forwardRef)(function (propsIn, ref) {
+      var _hooks_usePropsTransform,
+        {
+          forwardedRef,
+          animation,
+          render = defaultTag,
+          ...propsRest
+        } = propsIn,
+        hostRef = (0, import_react.useRef)(null),
+        composedRefs = (0, import_core.useComposedRefs)(forwardedRef, ref, hostRef),
+        stateRef = (0, import_react.useRef)(null);
+      stateRef.current || (stateRef.current = {
+        get host() {
+          return hostRef.current;
+        }
+      });
+      var [_, state] = (0, import_core.useThemeWithState)({}),
+        result = (0, import_core.getSplitStyles)(propsRest, isText ? import_core.Text.staticConfig : import_core.View.staticConfig, state?.theme, state?.name, {
+          unmounted: !1
+        }, {
+          isAnimated: !1,
+          noClass: !0
+        }),
+        props = result?.viewProps || {},
+        Element = render,
+        transformedProps = (_hooks_usePropsTransform = import_core.hooks.usePropsTransform) === null || _hooks_usePropsTransform === void 0 ? void 0 : _hooks_usePropsTransform.call(import_core.hooks, render, props, stateRef, !1);
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Element, {
+        ...transformedProps,
+        ref: composedRefs
+      });
+    }));
+  return Component.acceptRenderProp = !0, Component;
+}
+var AnimatedView = createGuiAnimatedComponent("div"),
+  AnimatedText = createGuiAnimatedComponent("span"),
+  onlyAnimateKeys = {
+    transform: !0,
+    opacity: !0,
+    height: !0,
+    width: !0,
+    backgroundColor: !0,
+    borderColor: !0,
+    borderLeftColor: !0,
+    borderRightColor: !0,
+    borderTopColor: !0,
+    borderBottomColor: !0,
+    borderRadius: !0,
+    borderTopLeftRadius: !0,
+    borderTopRightRadius: !0,
+    borderBottomLeftRadius: !0,
+    borderBottomRightRadius: !0,
+    borderLeftWidth: !0,
+    borderRightWidth: !0,
+    borderTopWidth: !0,
+    borderBottomWidth: !0,
+    color: !0,
+    left: !0,
+    right: !0,
+    top: !0,
+    bottom: !0,
+    fontSize: !0,
+    fontWeight: !0,
+    lineHeight: !0,
+    letterSpacing: !0
+  };
+function createAnimations(animations) {
+  return {
+    needsCustomComponent: !0,
+    View: import_core.isWeb ? AnimatedView : Animated.View,
+    Text: import_core.isWeb ? AnimatedText : Animated.Text,
+    // View: Animated.View,
+    // Text: Animated.Text,
+    isReactNative: !0,
+    inputStyle: "value",
+    outputStyle: "inline",
+    animations,
+    usePresence: import_use_presence.usePresence,
+    ResetPresence: import_use_presence.ResetPresence,
+    useAnimatedNumber(initial) {
+      var sharedValue = (0, import_react_native_reanimated.useSharedValue)(initial);
+      return import_react.default.useMemo(function () {
+        return {
+          getInstance() {
+            "worklet";
+
+            return sharedValue;
+          },
+          getValue() {
+            "worklet";
+
+            return sharedValue.value;
+          },
+          setValue(next) {
+            "worklet";
+
+            var config = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {
+                type: "spring"
+              },
+              onFinish = arguments.length > 2 ? arguments[2] : void 0;
+            config.type === "direct" ? (sharedValue.value = next, onFinish?.()) : config.type === "spring" ? sharedValue.value = (0, import_react_native_reanimated.withSpring)(next, config, onFinish ? function () {
+              "worklet";
+
+              (0, import_react_native_reanimated.runOnJS)(onFinish)();
+            } : void 0) : sharedValue.value = (0, import_react_native_reanimated.withTiming)(next, config, onFinish ? function () {
+              "worklet";
+
+              (0, import_react_native_reanimated.runOnJS)(onFinish)();
+            } : void 0);
+          },
+          stop() {
+            "worklet";
+
+            (0, import_react_native_reanimated.cancelAnimation)(sharedValue);
+          }
+        };
+      }, [sharedValue]);
+    },
+    useAnimatedNumberReaction(param, onValue) {
+      var {
+          value
+        } = param,
+        instance = value.getInstance();
+      return (0, import_react_native_reanimated.useAnimatedReaction)(function () {
+        return instance.value;
+      }, function (next, prev) {
+        prev !== next && (0, import_react_native_reanimated.runOnJS)(onValue)(next);
+      },
+      // dependency array is very important here
+      [onValue, instance]);
+    },
+    /**
+    * `getStyle` must be a worklet
+    */
+    useAnimatedNumberStyle(val, getStyle) {
+      var instance = val.getInstance(),
+        derivedValue = (0, import_react_native_reanimated.useDerivedValue)(function () {
+          return instance.value;
+        },
+        // dependency array is very important here
+        [instance, getStyle]);
+      return (0, import_react_native_reanimated.useAnimatedStyle)(function () {
+        return getStyle(derivedValue.value);
+      },
+      // dependency array is very important here
+      [val, getStyle, derivedValue, instance]);
+    },
+    useAnimations: function (animationProps) {
+      var _themeState_name,
+        {
+          props,
+          presence,
+          style,
+          componentState
+        } = animationProps,
+        animationKey = Array.isArray(props.transition) ? props.transition[0] : props.transition,
+        isHydrating = componentState.unmounted === !0,
+        disableAnimation = isHydrating || !animationKey,
+        presenceContext = import_react.default.useContext(import_use_presence.PresenceContext),
+        [, themeState] = (0, import_core.useThemeWithState)({}),
+        isDark = themeState?.scheme === "dark" || (themeState == null || (_themeState_name = themeState.name) === null || _themeState_name === void 0 ? void 0 : _themeState_name.startsWith("dark")),
+        {
+          dontAnimate,
+          motiProps
+        } = (0, import_react.useMemo)(function () {
+          var animate = {},
+            dontAnimate2 = {};
+          if (disableAnimation) for (var key in style) {
+            var rawValue = style[key],
+              value = resolveDynamicValue(rawValue, isDark);
+            value !== void 0 && (dontAnimate2[key] = value);
+          } else {
+            var animateOnly = props.animateOnly;
+            for (var key1 in style) {
+              var rawValue1 = style[key1],
+                value1 = resolveDynamicValue(rawValue1, isDark);
+              value1 !== void 0 && (!onlyAnimateKeys[key1] || value1 === "auto" || typeof value1 == "string" && value1.startsWith("calc") || animateOnly && !animateOnly.includes(key1) ? dontAnimate2[key1] = value1 : animate[key1] = value1);
+            }
+          }
+          if (componentState.unmounted === "should-enter") for (var key2 in style) {
+            var rawValue2 = style[key2],
+              value2 = resolveDynamicValue(rawValue2, isDark);
+            value2 !== void 0 && (dontAnimate2[key2] = value2);
+          }
+          var styles = animate,
+            isExiting = !!presence?.[1],
+            usePresenceValue = presence || void 0,
+            transition = isHydrating ? {
+              type: "transition",
+              duration: 0
+            } : animations[animationKey],
+            hasClonedTransition = !1;
+          if (Array.isArray(props.transition)) {
+            var config = props.transition[1];
+            if (config && (typeof config > "u" ? "undefined" : _type_of(config)) === "object") for (var key3 in config) {
+              var val = config[key3];
+              hasClonedTransition || (transition = Object.assign({}, transition), hasClonedTransition = !0), typeof val == "string" ? transition[key3] = animations[val] : transition[key3] = val;
+            }
+          }
+          return {
+            dontAnimate: dontAnimate2,
+            motiProps: {
+              animate: isExiting || componentState.unmounted === !0 ? {} : styles,
+              transition: componentState.unmounted ? {
+                duration: 0
+              } : transition,
+              usePresenceValue,
+              presenceContext,
+              exit: isExiting ? styles : void 0
+            }
+          };
+        }, [presenceContext, presence, animationKey, componentState.unmounted, JSON.stringify(style), presenceContext, isDark]),
+        moti = (0, import_author.useMotify)(motiProps);
+      return process.env.NODE_ENV === "development" && props.debug && props.debug !== "profile" && console.info("useMotify(", JSON.stringify(motiProps, null, 2) + ")", {
+        "componentState.unmounted": componentState.unmounted,
+        animationProps,
+        motiProps,
+        moti,
+        style: [dontAnimate, moti.style]
+      }), {
+        style: [dontAnimate, moti.style]
+      };
+    }
+  };
+}
+//# sourceMappingURL=createAnimations.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","createAnimations_exports","__export","createAnimations","module","exports","import_jsx_runtime","require","import_use_presence","import_core","import_author","import_react","__toESM","import_react_native_reanimated","_type_of","obj","Symbol","constructor","resolveDynamicValue","isDark","dynamicValue","dynamic","dark","light","safeESModule","a","b","out","__esModule","toStringTag","default","Animated","createGuiAnimatedComponent","defaultTag","arguments","length","isText","Component","createAnimatedComponent","forwardRef","propsIn","ref","_hooks_usePropsTransform","forwardedRef","animation","render","propsRest","hostRef","useRef","composedRefs","useComposedRefs","stateRef","current","host","_","state","useThemeWithState","result","getSplitStyles","Text","staticConfig","View","theme","name","unmounted","isAnimated","noClass","props","viewProps","Element","transformedProps","hooks","usePropsTransform","call","jsx","acceptRenderProp","AnimatedView","AnimatedText","onlyAnimateKeys","transform","opacity","height","width","backgroundColor","borderColor","borderLeftColor","borderRightColor","borderTopColor","borderBottomColor","borderRadius","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth","color","left","right","top","bottom","fontSize","fontWeight","lineHeight","letterSpacing","animations","needsCustomComponent","isWeb","isReactNative","inputStyle","outputStyle","usePresence","ResetPresence","useAnimatedNumber","initial","sharedValue","useSharedValue","useMemo","getInstance","getValue","setValue","next","config","type","onFinish","withSpring","runOnJS","withTiming","stop","cancelAnimation","useAnimatedNumberReaction","param","onValue","instance","useAnimatedReaction","prev","useAnimatedNumberStyle","val","getStyle","derivedValue","useDerivedValue","useAnimatedStyle","useAnimations","animationProps","_themeState_name","presence","style","componentState","animationKey","Array","isArray","transition","isHydrating","disableAnimation","presenceContext","useContext","PresenceContext","themeState","scheme","startsWith","dontAnimate","motiProps","animate","dontAnimate2","key","rawValue","animateOnly","key1","rawValue1","value1","includes","key2","rawValue2","value2","styles","isExiting","usePresenceValue","duration","hasClonedTransition","key3","Object","assign"],"sources":["../../src/createAnimations.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/index.cjs

@@ -0,0 +1,19 @@
+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.cjs");
+__reExport(index_exports, require("./createAnimations.cjs"), module.exports);

package/dist/cjs/index.native.js

@@ -0,0 +1,22 @@
+"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)) !__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.native.js");
+__reExport(index_exports, require("./createAnimations.native.js"), module.exports);
+//# sourceMappingURL=index.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","index_exports","module","exports","import_polyfill","require"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAP,YAAO,CAAAK,aAAA;AAEP,IAAAG,eAAA,GAAAC,OAAc","ignoreList":[]}

package/dist/cjs/polyfill.cjs

@@ -0,0 +1,2 @@
+typeof requestAnimationFrame > "u" && (globalThis.requestAnimationFrame = setTimeout);
+typeof global > "u" && (globalThis.global = globalThis);

package/dist/cjs/polyfill.native.js

@@ -0,0 +1,5 @@
+"use strict";
+
+typeof requestAnimationFrame > "u" && (globalThis.requestAnimationFrame = setTimeout);
+typeof global > "u" && (globalThis.global = globalThis);
+//# sourceMappingURL=polyfill.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["requestAnimationFrame","globalThis","setTimeout"],"sources":["../../src/polyfill.ts"],"sourcesContent":[null],"mappings":"AACI,YAAO;;AAKP,OAAOA,qBACT,WAAWC,UAAY,CAAAD,qBAAA,GAAAE,UAAA","ignoreList":[]}