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

package/dist/cjs/vendor/react-native/Animated/nodes/AnimatedValue.cjs

@@ -5,20 +5,22 @@ 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: !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, {
+  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;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var AnimatedValue_exports = {};
 __export(AnimatedValue_exports, {
@@ -26,20 +28,27 @@ __export(AnimatedValue_exports, {
   default: () => AnimatedValue_default
 });
 module.exports = __toCommonJS(AnimatedValue_exports);
-var import_AnimatedInterpolation = require("./AnimatedInterpolation.cjs"),
-  import_AnimatedWithChildren = require("./AnimatedWithChildren.cjs"),
-  import_react_native_web_internals = require("@tamagui/react-native-web-internals"),
-  import_NativeAnimatedHelper = require("../NativeAnimatedHelper.cjs");
+var import_AnimatedInterpolation = require("./AnimatedInterpolation.cjs");
+var import_AnimatedWithChildren = require("./AnimatedWithChildren.cjs");
+var import_react_native_web_internals = require("@tamagui/react-native-web-internals");
+var import_NativeAnimatedHelper = require("../NativeAnimatedHelper.cjs");
 const NativeAnimatedAPI = import_NativeAnimatedHelper.NativeAnimatedHelper.API;
 function _flush(rootNode) {
   const animatedStyles = /* @__PURE__ */new Set();
   function findAnimatedStyles(node) {
-    typeof node.update == "function" ? animatedStyles.add(node) : node.__getChildren().forEach(findAnimatedStyles);
-  }
-  findAnimatedStyles(rootNode), animatedStyles.forEach(animatedStyle => animatedStyle.update());
+    if (typeof node.update === "function") {
+      animatedStyles.add(node);
+    } else {
+      node.__getChildren().forEach(findAnimatedStyles);
+    }
+  }
+  findAnimatedStyles(rootNode);
+  animatedStyles.forEach(animatedStyle => animatedStyle.update());
 }
 function _executeAsAnimatedBatch(id, operation) {
-  NativeAnimatedAPI.setWaitingForIdentifier(id), operation(), NativeAnimatedAPI.unsetWaitingForIdentifier(id);
+  NativeAnimatedAPI.setWaitingForIdentifier(id);
+  operation();
+  NativeAnimatedAPI.unsetWaitingForIdentifier(id);
 }
 class AnimatedValue extends import_AnimatedWithChildren.AnimatedWithChildren {
   _value;
@@ -48,13 +57,25 @@ class AnimatedValue extends import_AnimatedWithChildren.AnimatedWithChildren {
   _animation;
   _tracking;
   constructor(value, config) {
-    if (super(), typeof value != "number") throw new Error("AnimatedValue: Attempting to set value to undefined");
-    this._startingValue = this._value = value, this._offset = 0, this._animation = null, config && config.useNativeDriver && this.__makeNative();
+    super();
+    if (typeof value !== "number") {
+      throw new Error("AnimatedValue: Attempting to set value to undefined");
+    }
+    this._startingValue = this._value = value;
+    this._offset = 0;
+    this._animation = null;
+    if (config && config.useNativeDriver) {
+      this.__makeNative();
+    }
   }
   __detach() {
-    this.__isNative && NativeAnimatedAPI.getValue(this.__getNativeTag(), value => {
-      this._value = value - this._offset;
-    }), this.stopAnimation(), super.__detach();
+    if (this.__isNative) {
+      NativeAnimatedAPI.getValue(this.__getNativeTag(), value => {
+        this._value = value - this._offset;
+      });
+    }
+    this.stopAnimation();
+    super.__detach();
   }
   __getValue() {
     return this._value + this._offset;
@@ -66,8 +87,15 @@ class AnimatedValue extends import_AnimatedWithChildren.AnimatedWithChildren {
    * See https://reactnative.dev/docs/animatedvalue#setvalue
    */
   setValue(value) {
-    this._animation && (this._animation.stop(), this._animation = null), this._updateValue(value, !this.__isNative
-    /* don't perform a flush for natively driven values */), this.__isNative && _executeAsAnimatedBatch(this.__getNativeTag().toString(), () => NativeAnimatedAPI.setAnimatedNodeValue(this.__getNativeTag(), value));
+    if (this._animation) {
+      this._animation.stop();
+      this._animation = null;
+    }
+    this._updateValue(value, !this.__isNative
+    /* don't perform a flush for natively driven values */);
+    if (this.__isNative) {
+      _executeAsAnimatedBatch(this.__getNativeTag().toString(), () => NativeAnimatedAPI.setAnimatedNodeValue(this.__getNativeTag(), value));
+    }
   }
   /**
    * Sets an offset that is applied on top of whatever value is set, whether via
@@ -77,7 +105,10 @@ class AnimatedValue extends import_AnimatedWithChildren.AnimatedWithChildren {
    * See https://reactnative.dev/docs/animatedvalue#setoffset
    */
   setOffset(offset) {
-    this._offset = offset, this.__isNative && NativeAnimatedAPI.setAnimatedNodeOffset(this.__getNativeTag(), offset);
+    this._offset = offset;
+    if (this.__isNative) {
+      NativeAnimatedAPI.setAnimatedNodeOffset(this.__getNativeTag(), offset);
+    }
   }
   /**
    * Merges the offset value into the base value and resets the offset to zero.
@@ -86,7 +117,11 @@ class AnimatedValue extends import_AnimatedWithChildren.AnimatedWithChildren {
    * See https://reactnative.dev/docs/animatedvalue#flattenoffset
    */
   flattenOffset() {
-    this._value += this._offset, this._offset = 0, this.__isNative && NativeAnimatedAPI.flattenAnimatedNodeOffset(this.__getNativeTag());
+    this._value += this._offset;
+    this._offset = 0;
+    if (this.__isNative) {
+      NativeAnimatedAPI.flattenAnimatedNodeOffset(this.__getNativeTag());
+    }
   }
   /**
    * Sets the offset value to the base value, and resets the base value to zero.
@@ -95,7 +130,11 @@ class AnimatedValue extends import_AnimatedWithChildren.AnimatedWithChildren {
    * See https://reactnative.dev/docs/animatedvalue#extractoffset
    */
   extractOffset() {
-    this._offset += this._value, this._value = 0, this.__isNative && NativeAnimatedAPI.extractAnimatedNodeOffset(this.__getNativeTag());
+    this._offset += this._value;
+    this._value = 0;
+    if (this.__isNative) {
+      NativeAnimatedAPI.extractAnimatedNodeOffset(this.__getNativeTag());
+    }
   }
   /**
    * Stops any running animation or tracking. `callback` is invoked with the
@@ -105,7 +144,16 @@ class AnimatedValue extends import_AnimatedWithChildren.AnimatedWithChildren {
    * See https://reactnative.dev/docs/animatedvalue#stopanimation
    */
   stopAnimation(callback) {
-    this.stopTracking(), this._animation && this._animation.stop(), this._animation = null, callback && (this.__isNative ? NativeAnimatedAPI.getValue(this.__getNativeTag(), callback) : callback(this.__getValue()));
+    this.stopTracking();
+    this._animation && this._animation.stop();
+    this._animation = null;
+    if (callback) {
+      if (this.__isNative) {
+        NativeAnimatedAPI.getValue(this.__getNativeTag(), callback);
+      } else {
+        callback(this.__getValue());
+      }
+    }
   }
   /**
    * Stops any animation and resets the value to its original.
@@ -113,10 +161,14 @@ class AnimatedValue extends import_AnimatedWithChildren.AnimatedWithChildren {
    * See https://reactnative.dev/docs/animatedvalue#resetanimation
    */
   resetAnimation(callback) {
-    this.stopAnimation(callback), this._value = this._startingValue, this.__isNative && NativeAnimatedAPI.setAnimatedNodeValue(this.__getNativeTag(), this._startingValue);
+    this.stopAnimation(callback);
+    this._value = this._startingValue;
+    if (this.__isNative) {
+      NativeAnimatedAPI.setAnimatedNodeValue(this.__getNativeTag(), this._startingValue);
+    }
   }
   __onAnimatedValueUpdateReceived(value) {
-    this._updateValue(value, !1
+    this._updateValue(value, false
     /*flush*/);
   }
   /**
@@ -134,30 +186,47 @@ class AnimatedValue extends import_AnimatedWithChildren.AnimatedWithChildren {
    */
   animate(animation, callback) {
     let handle = null;
-    animation.__isInteraction && (handle = import_react_native_web_internals.InteractionManager.createInteractionHandle());
+    if (animation.__isInteraction) {
+      handle = import_react_native_web_internals.InteractionManager.createInteractionHandle();
+    }
     const previousAnimation = this._animation;
-    this._animation && this._animation.stop(), this._animation = animation, animation.start(this._value, value => {
-      this._updateValue(value, !0
+    this._animation && this._animation.stop();
+    this._animation = animation;
+    animation.start(this._value, value => {
+      this._updateValue(value, true
       /* flush */);
     }, result => {
-      this._animation = null, handle !== null && import_react_native_web_internals.InteractionManager.clearInteractionHandle(handle), callback && callback(result);
+      this._animation = null;
+      if (handle !== null) {
+        import_react_native_web_internals.InteractionManager.clearInteractionHandle(handle);
+      }
+      callback && callback(result);
     }, previousAnimation, this);
   }
   /**
    * Typically only used internally.
    */
   stopTracking() {
-    this._tracking && this._tracking.__detach(), this._tracking = null;
+    this._tracking && this._tracking.__detach();
+    this._tracking = null;
   }
   /**
    * Typically only used internally.
    */
   track(tracking) {
-    this.stopTracking(), this._tracking = tracking, this._tracking && this._tracking.update();
+    this.stopTracking();
+    this._tracking = tracking;
+    this._tracking && this._tracking.update();
   }
   _updateValue(value, flush) {
-    if (value === void 0) throw new Error("AnimatedValue: Attempting to set value to undefined");
-    this._value = value, flush && _flush(this), super.__callListeners(this.__getValue());
+    if (value === void 0) {
+      throw new Error("AnimatedValue: Attempting to set value to undefined");
+    }
+    this._value = value;
+    if (flush) {
+      _flush(this);
+    }
+    super.__callListeners(this.__getValue());
   }
   __getNativeConfig() {
     return {

package/dist/cjs/vendor/react-native/Animated/nodes/AnimatedValueXY.cjs

@@ -3,20 +3,22 @@ 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: !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, {
+  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;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var AnimatedValueXY_exports = {};
 __export(AnimatedValueXY_exports, {
@@ -24,9 +26,9 @@ __export(AnimatedValueXY_exports, {
   default: () => AnimatedValueXY_default
 });
 module.exports = __toCommonJS(AnimatedValueXY_exports);
-var import_AnimatedValue = require("./AnimatedValue.cjs"),
-  import_AnimatedWithChildren = require("./AnimatedWithChildren.cjs"),
-  import_react_native_web_internals = require("@tamagui/react-native-web-internals");
+var import_AnimatedValue = require("./AnimatedValue.cjs");
+var import_AnimatedWithChildren = require("./AnimatedWithChildren.cjs");
+var import_react_native_web_internals = require("@tamagui/react-native-web-internals");
 let _uniqueId = 1;
 class AnimatedValueXY extends import_AnimatedWithChildren.AnimatedWithChildren {
   constructor(valueIn) {
@@ -35,19 +37,31 @@ class AnimatedValueXY extends import_AnimatedWithChildren.AnimatedWithChildren {
       x: 0,
       y: 0
     };
-    typeof value.x == "number" && typeof value.y == "number" ? (this.x = new import_AnimatedValue.AnimatedValue(value.x), this.y = new import_AnimatedValue.AnimatedValue(value.y)) : ((0, import_react_native_web_internals.invariant)(value.x instanceof import_AnimatedValue.AnimatedValue && value.y instanceof import_AnimatedValue.AnimatedValue, "AnimatedValueXY must be initialized with an object of numbers or AnimatedValues."), this.x = value.x, this.y = value.y), this._listeners = {};
+    if (typeof value.x === "number" && typeof value.y === "number") {
+      this.x = new import_AnimatedValue.AnimatedValue(value.x);
+      this.y = new import_AnimatedValue.AnimatedValue(value.y);
+    } else {
+      (0, import_react_native_web_internals.invariant)(value.x instanceof import_AnimatedValue.AnimatedValue && value.y instanceof import_AnimatedValue.AnimatedValue, "AnimatedValueXY must be initialized with an object of numbers or AnimatedValues.");
+      this.x = value.x;
+      this.y = value.y;
+    }
+    this._listeners = {};
   }
   setValue(value) {
-    this.x.setValue(value.x), this.y.setValue(value.y);
+    this.x.setValue(value.x);
+    this.y.setValue(value.y);
   }
   setOffset(offset) {
-    this.x.setOffset(offset.x), this.y.setOffset(offset.y);
+    this.x.setOffset(offset.x);
+    this.y.setOffset(offset.y);
   }
   flattenOffset() {
-    this.x.flattenOffset(), this.y.flattenOffset();
+    this.x.flattenOffset();
+    this.y.flattenOffset();
   }
   extractOffset() {
-    this.x.extractOffset(), this.y.extractOffset();
+    this.x.extractOffset();
+    this.y.extractOffset();
   }
   __getValue() {
     return {
@@ -56,28 +70,37 @@ class AnimatedValueXY extends import_AnimatedWithChildren.AnimatedWithChildren {
     };
   }
   resetAnimation(callback) {
-    this.x.resetAnimation(), this.y.resetAnimation(), callback && callback(this.__getValue());
+    this.x.resetAnimation();
+    this.y.resetAnimation();
+    callback && callback(this.__getValue());
   }
   stopAnimation(callback) {
-    this.x.stopAnimation(), this.y.stopAnimation(), callback && callback(this.__getValue());
+    this.x.stopAnimation();
+    this.y.stopAnimation();
+    callback && callback(this.__getValue());
   }
   addListener(callback) {
-    const id = String(_uniqueId++),
-      jointCallback = ({
-        value
-      }) => {
-        callback(this.__getValue());
-      };
-    return this._listeners[id] = {
+    const id = String(_uniqueId++);
+    const jointCallback = ({
+      value
+    }) => {
+      callback(this.__getValue());
+    };
+    this._listeners[id] = {
       x: this.x.addListener(jointCallback),
       y: this.y.addListener(jointCallback)
-    }, id;
+    };
+    return id;
   }
   removeListener(id) {
-    this.x.removeListener(this._listeners[id].x), this.y.removeListener(this._listeners[id].y), delete this._listeners[id];
+    this.x.removeListener(this._listeners[id].x);
+    this.y.removeListener(this._listeners[id].y);
+    delete this._listeners[id];
   }
   removeAllListeners() {
-    this.x.removeAllListeners(), this.y.removeAllListeners(), this._listeners = {};
+    this.x.removeAllListeners();
+    this.y.removeAllListeners();
+    this._listeners = {};
   }
   getLayout() {
     return {

package/dist/cjs/vendor/react-native/Animated/nodes/AnimatedWithChildren.cjs

@@ -5,20 +5,22 @@ 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: !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, {
+  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;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var AnimatedWithChildren_exports = {};
 __export(AnimatedWithChildren_exports, {
@@ -26,22 +28,33 @@ __export(AnimatedWithChildren_exports, {
   default: () => AnimatedWithChildren_default
 });
 module.exports = __toCommonJS(AnimatedWithChildren_exports);
-var import_AnimatedNode = require("./AnimatedNode.cjs"),
-  import_NativeAnimatedHelper = require("../NativeAnimatedHelper.cjs");
+var import_AnimatedNode = require("./AnimatedNode.cjs");
+var import_NativeAnimatedHelper = require("../NativeAnimatedHelper.cjs");
 class AnimatedWithChildren extends import_AnimatedNode.AnimatedNode {
   _children;
   constructor() {
-    super(), this._children = [];
+    super();
+    this._children = [];
   }
   __makeNative(platformConfig) {
     if (!this.__isNative) {
-      this.__isNative = !0;
-      for (const child of this._children) child.__makeNative(platformConfig), import_NativeAnimatedHelper.NativeAnimatedHelper.API.connectAnimatedNodes(this.__getNativeTag(), child.__getNativeTag());
+      this.__isNative = true;
+      for (const child of this._children) {
+        child.__makeNative(platformConfig);
+        import_NativeAnimatedHelper.NativeAnimatedHelper.API.connectAnimatedNodes(this.__getNativeTag(), child.__getNativeTag());
+      }
     }
     super.__makeNative(platformConfig);
   }
   __addChild(child) {
-    this._children.length === 0 && this.__attach(), this._children.push(child), this.__isNative && (child.__makeNative(this.__getPlatformConfig()), import_NativeAnimatedHelper.NativeAnimatedHelper.API.connectAnimatedNodes(this.__getNativeTag(), child.__getNativeTag()));
+    if (this._children.length === 0) {
+      this.__attach();
+    }
+    this._children.push(child);
+    if (this.__isNative) {
+      child.__makeNative(this.__getPlatformConfig());
+      import_NativeAnimatedHelper.NativeAnimatedHelper.API.connectAnimatedNodes(this.__getNativeTag(), child.__getNativeTag());
+    }
   }
   __removeChild(child) {
     const index = this._children.indexOf(child);
@@ -49,13 +62,26 @@ class AnimatedWithChildren extends import_AnimatedNode.AnimatedNode {
       console.warn("Trying to remove a child that doesn't exist");
       return;
     }
-    this.__isNative && child.__isNative && import_NativeAnimatedHelper.NativeAnimatedHelper.API.disconnectAnimatedNodes(this.__getNativeTag(), child.__getNativeTag()), this._children.splice(index, 1), this._children.length === 0 && this.__detach();
+    if (this.__isNative && child.__isNative) {
+      import_NativeAnimatedHelper.NativeAnimatedHelper.API.disconnectAnimatedNodes(this.__getNativeTag(), child.__getNativeTag());
+    }
+    this._children.splice(index, 1);
+    if (this._children.length === 0) {
+      this.__detach();
+    }
   }
   __getChildren() {
     return this._children;
   }
   __callListeners(value) {
-    if (super.__callListeners(value), !this.__isNative) for (const child of this._children) child.__getValue && child.__callListeners(child.__getValue());
+    super.__callListeners(value);
+    if (!this.__isNative) {
+      for (const child of this._children) {
+        if (child.__getValue) {
+          child.__callListeners(child.__getValue());
+        }
+      }
+    }
   }
 }
 var AnimatedWithChildren_default = AnimatedWithChildren;

package/dist/cjs/vendor/react-native/Animated/useAnimatedProps.cjs

@@ -5,20 +5,22 @@ 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: !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, {
+  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;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var useAnimatedProps_exports = {};
 __export(useAnimatedProps_exports, {
@@ -26,59 +28,77 @@ __export(useAnimatedProps_exports, {
   useAnimatedProps: () => useAnimatedProps
 });
 module.exports = __toCommonJS(useAnimatedProps_exports);
-var import_AnimatedProps = require("./nodes/AnimatedProps.cjs"),
-  import_AnimatedEvent = require("./AnimatedEvent.cjs"),
-  import_useRefEffect = require("../Utilities/useRefEffect.cjs"),
-  import_NativeAnimatedHelper = require("./NativeAnimatedHelper.cjs"),
-  import_react = require("react"),
-  import_react_native_web_internals = require("@tamagui/react-native-web-internals");
+var import_AnimatedProps = require("./nodes/AnimatedProps.cjs");
+var import_AnimatedEvent = require("./AnimatedEvent.cjs");
+var import_useRefEffect = require("../Utilities/useRefEffect.cjs");
+var import_NativeAnimatedHelper = require("./NativeAnimatedHelper.cjs");
+var import_react = require("react");
+var import_react_native_web_internals = require("@tamagui/react-native-web-internals");
 function useAnimatedProps(props) {
-  const [, scheduleUpdate] = (0, import_react.useReducer)(count => count + 1, 0),
-    onUpdateRef = (0, import_react.useRef)(null),
-    node = (0, import_react.useMemo)(() => new import_AnimatedProps.AnimatedProps(props, () => onUpdateRef.current?.()), [props]);
+  const [, scheduleUpdate] = (0, import_react.useReducer)(count => count + 1, 0);
+  const onUpdateRef = (0, import_react.useRef)(null);
+  const node = (0, import_react.useMemo)(() => new import_AnimatedProps.AnimatedProps(props, () => onUpdateRef.current?.()), [props]);
   useAnimatedPropsLifecycle(node);
   const refEffect = (0, import_react.useCallback)(instance => {
-      node.setNativeView(instance), onUpdateRef.current = () => {
-        scheduleUpdate();
-      };
-      const target = getEventTarget(instance),
-        events = [];
-      for (const propName in props) {
-        const propValue = props[propName];
-        propValue instanceof import_AnimatedEvent.AnimatedEvent && propValue.__isNative && (propValue.__attach(target, propName), events.push([propName, propValue]));
+    node.setNativeView(instance);
+    onUpdateRef.current = () => {
+      scheduleUpdate();
+    };
+    const target = getEventTarget(instance);
+    const events = [];
+    for (const propName in props) {
+      const propValue = props[propName];
+      if (propValue instanceof import_AnimatedEvent.AnimatedEvent && propValue.__isNative) {
+        propValue.__attach(target, propName);
+        events.push([propName, propValue]);
+      }
+    }
+    return () => {
+      onUpdateRef.current = null;
+      for (const [propName, propValue] of events) {
+        propValue.__detach(target, propName);
       }
-      return () => {
-        onUpdateRef.current = null;
-        for (const [propName, propValue] of events) propValue.__detach(target, propName);
-      };
-    }, [props, node]),
-    callbackRef = (0, import_useRefEffect.useRefEffect)(refEffect);
+    };
+  }, [props, node]);
+  const callbackRef = (0, import_useRefEffect.useRefEffect)(refEffect);
   return [reduceAnimatedProps(node), callbackRef];
 }
 function reduceAnimatedProps(node) {
   return {
     ...node.__getValue(),
-    collapsable: !1
+    collapsable: false
   };
 }
 function useAnimatedPropsLifecycle(node) {
-  const prevNodeRef = (0, import_react.useRef)(null),
-    isUnmountingRef = (0, import_react.useRef)(!1);
+  const prevNodeRef = (0, import_react.useRef)(null);
+  const isUnmountingRef = (0, import_react.useRef)(false);
   (0, import_react.useEffect)(() => {
     import_NativeAnimatedHelper.NativeAnimatedHelper.API.flushQueue();
-  }), (0, import_react_native_web_internals.useLayoutEffect)(() => (isUnmountingRef.current = !1, () => {
-    isUnmountingRef.current = !0;
-  }), []), (0, import_react_native_web_internals.useLayoutEffect)(() => {
-    if (node.__attach(), prevNodeRef.current != null) {
+  });
+  (0, import_react_native_web_internals.useLayoutEffect)(() => {
+    isUnmountingRef.current = false;
+    return () => {
+      isUnmountingRef.current = true;
+    };
+  }, []);
+  (0, import_react_native_web_internals.useLayoutEffect)(() => {
+    node.__attach();
+    if (prevNodeRef.current != null) {
       const prevNode = prevNodeRef.current;
-      prevNode.__restoreDefaultValues(), prevNode.__detach(), prevNodeRef.current = null;
+      prevNode.__restoreDefaultValues();
+      prevNode.__detach();
+      prevNodeRef.current = null;
     }
     return () => {
-      isUnmountingRef.current ? node.__detach() : prevNodeRef.current = node;
+      if (isUnmountingRef.current) {
+        node.__detach();
+      } else {
+        prevNodeRef.current = node;
+      }
     };
   }, [node]);
 }
 function getEventTarget(instance) {
-  return typeof instance == "object" && typeof instance?.getScrollableNode == "function" ? instance.getScrollableNode() : instance;
+  return typeof instance === "object" && typeof instance?.getScrollableNode === "function" ? instance.getScrollableNode() : instance;
 }
 var useAnimatedProps_default = useAnimatedProps;