@tamagui/react-native-web-lite 2.7.6 → 3.0.0-beta.637.1

package/dist/esm/vendor/react-native/Animated/createAnimatedComponent.mjs

@@ -2,27 +2,23 @@ import { useAnimatedProps } from "./useAnimatedProps.mjs";
 import { useMergeRefs } from "../Utilities/useMergeRefs.mjs";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
+
 function createAnimatedComponent(Component) {
-  return React.forwardRef((props, forwardedRef) => {
-    const [reducedProps, callbackRef] = useAnimatedProps(props);
-    const ref = useMergeRefs(callbackRef, forwardedRef);
-    const {
-      passthroughAnimatedPropExplicitValues,
-      style
-    } = reducedProps;
-    const {
-      style: passthroughStyle,
-      ...passthroughProps
-    } = passthroughAnimatedPropExplicitValues ?? {};
-    const mergedStyle = [style, passthroughStyle];
-    return /* @__PURE__ */jsx(Component, {
-      ...reducedProps,
-      ...passthroughProps,
-      style: mergedStyle,
-      ref
-    });
-  });
+	return React.forwardRef((props, forwardedRef) => {
+		const [reducedProps, callbackRef] = useAnimatedProps(props);
+		const ref = useMergeRefs(callbackRef, forwardedRef);
+		const { passthroughAnimatedPropExplicitValues, style } = reducedProps;
+		const { style: passthroughStyle, ...passthroughProps } = passthroughAnimatedPropExplicitValues ?? {};
+		const mergedStyle = [style, passthroughStyle];
+		return /* @__PURE__ */ jsx(Component, {
+			...reducedProps,
+			...passthroughProps,
+			style: mergedStyle,
+			ref
+		});
+	});
 }
 var createAnimatedComponent_default = createAnimatedComponent;
+
 export { createAnimatedComponent, createAnimatedComponent_default as default };
 //# sourceMappingURL=createAnimatedComponent.mjs.map

package/dist/esm/vendor/react-native/Animated/createAnimatedComponent.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["useAnimatedProps","useMergeRefs","React","jsx","createAnimatedComponent","Component","forwardRef","props","forwardedRef","reducedProps","callbackRef","ref","passthroughAnimatedPropExplicitValues","style","passthroughStyle","passthroughProps","mergedStyle","createAnimatedComponent_default"],"sources":["../../../../../src/vendor/react-native/Animated/createAnimatedComponent.jsx"],"sourcesContent":[null],"mappings":"AASA,SAASA,gBAAA,QAAwB;AACjC,SAASC,YAAA,QAAoB;AAC7B,YAAYC,KAAA,MAAW;AAqBjB,SAAAC,GAAA;AAfN,SAASC,wBAAwBC,SAAA,EAAW;EAC1C,OAAOH,KAAA,CAAMI,UAAA,CAAW,CAACC,KAAA,EAAOC,YAAA,KAAiB;IAC/C,MAAM,CAACC,YAAA,EAAcC,WAAW,IAAIV,gBAAA,CAAiBO,KAAK;IAC1D,MAAMI,GAAA,GAAMV,YAAA,CAAaS,WAAA,EAAaF,YAAY;IAMlD,MAAM;MAAEI,qCAAA;MAAuCC;IAAM,IAAIJ,YAAA;IACzD,MAAM;MAAEI,KAAA,EAAOC,gBAAA;MAAkB,GAAGC;IAAiB,IACnDH,qCAAA,IAAyC,CAAC;IAC5C,MAAMI,WAAA,GAAc,CAACH,KAAA,EAAOC,gBAAgB;IAE5C,OACE,eAAAX,GAAA,CAACE,SAAA;MAAW,GAAGI,YAAA;MAAe,GAAGM,gBAAA;MAAkBF,KAAA,EAAOG,WAAA;MAAaL;IAAA,CAAU;EAErF,CAAC;AACH;AAGA,IAAOM,+BAAA,GAAQb,uBAAA","ignoreList":[]}
+{"version":3,"file":"createAnimatedComponent.js","names":[],"sources":["esm/vendor/react-native/Animated/createAnimatedComponent.js"],"sourcesContent":["import { useAnimatedProps } from \"./useAnimatedProps\";\nimport { useMergeRefs } from \"../Utilities/useMergeRefs\";\nimport * as React from \"react\";\nimport { jsx } from \"react/jsx-runtime\";\nfunction createAnimatedComponent(Component) {\n  return React.forwardRef((props, forwardedRef) => {\n    const [reducedProps, callbackRef] = useAnimatedProps(props);\n    const ref = useMergeRefs(callbackRef, forwardedRef);\n    const { passthroughAnimatedPropExplicitValues, style } = reducedProps;\n    const { style: passthroughStyle, ...passthroughProps } = passthroughAnimatedPropExplicitValues ?? {};\n    const mergedStyle = [style, passthroughStyle];\n    return /* @__PURE__ */ jsx(Component, { ...reducedProps, ...passthroughProps, style: mergedStyle, ref });\n  });\n}\nvar createAnimatedComponent_default = createAnimatedComponent;\nexport {\n  createAnimatedComponent,\n  createAnimatedComponent_default as default\n};\n//# sourceMappingURL=createAnimatedComponent.js.map\n"],"mappings":";;;;;;AAIA,SAAS,wBAAwB,WAAW;CAC1C,OAAO,MAAM,YAAY,OAAO,iBAAiB;EAC/C,MAAM,CAAC,cAAc,eAAe,iBAAiB,KAAK;EAC1D,MAAM,MAAM,aAAa,aAAa,YAAY;EAClD,MAAM,EAAE,uCAAuC,UAAU;EACzD,MAAM,EAAE,OAAO,kBAAkB,GAAG,qBAAqB,yCAAyC,CAAC;EACnG,MAAM,cAAc,CAAC,OAAO,gBAAgB;EAC5C,OAAuB,oBAAI,WAAW;GAAE,GAAG;GAAc,GAAG;GAAkB,OAAO;GAAa;EAAI,CAAC;CACzG,CAAC;AACH;AACA,IAAI,kCAAkC"}

package/dist/esm/vendor/react-native/Animated/nodes/AnimatedAddition.mjs

@@ -1,41 +1,43 @@
 import { AnimatedInterpolation } from "./AnimatedInterpolation.mjs";
 import { AnimatedValue } from "./AnimatedValue.mjs";
 import { AnimatedWithChildren } from "./AnimatedWithChildren.mjs";
-class AnimatedAddition extends AnimatedWithChildren {
-  _a;
-  _b;
-  constructor(a, b) {
-    super();
-    this._a = typeof a === "number" ? new AnimatedValue(a) : a;
-    this._b = typeof b === "number" ? new AnimatedValue(b) : b;
-  }
-  __makeNative(platformConfig) {
-    this._a.__makeNative(platformConfig);
-    this._b.__makeNative(platformConfig);
-    super.__makeNative(platformConfig);
-  }
-  __getValue() {
-    return this._a.__getValue() + this._b.__getValue();
-  }
-  interpolate(config) {
-    return new AnimatedInterpolation(this, config);
-  }
-  __attach() {
-    this._a.__addChild(this);
-    this._b.__addChild(this);
-  }
-  __detach() {
-    this._a.__removeChild(this);
-    this._b.__removeChild(this);
-    super.__detach();
-  }
-  __getNativeConfig() {
-    return {
-      type: "addition",
-      input: [this._a.__getNativeTag(), this._b.__getNativeTag()]
-    };
-  }
-}
+
+var AnimatedAddition = class extends AnimatedWithChildren {
+	_a;
+	_b;
+	constructor(a, b) {
+		super();
+		this._a = typeof a === "number" ? new AnimatedValue(a) : a;
+		this._b = typeof b === "number" ? new AnimatedValue(b) : b;
+	}
+	__makeNative(platformConfig) {
+		this._a.__makeNative(platformConfig);
+		this._b.__makeNative(platformConfig);
+		super.__makeNative(platformConfig);
+	}
+	__getValue() {
+		return this._a.__getValue() + this._b.__getValue();
+	}
+	interpolate(config) {
+		return new AnimatedInterpolation(this, config);
+	}
+	__attach() {
+		this._a.__addChild(this);
+		this._b.__addChild(this);
+	}
+	__detach() {
+		this._a.__removeChild(this);
+		this._b.__removeChild(this);
+		super.__detach();
+	}
+	__getNativeConfig() {
+		return {
+			type: "addition",
+			input: [this._a.__getNativeTag(), this._b.__getNativeTag()]
+		};
+	}
+};
 var AnimatedAddition_default = AnimatedAddition;
+
 export { AnimatedAddition, AnimatedAddition_default as default };
 //# sourceMappingURL=AnimatedAddition.mjs.map

package/dist/esm/vendor/react-native/Animated/nodes/AnimatedAddition.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["AnimatedInterpolation","AnimatedValue","AnimatedWithChildren","AnimatedAddition","_a","_b","constructor","a","b","__makeNative","platformConfig","__getValue","interpolate","config","__attach","__addChild","__detach","__removeChild","__getNativeConfig","type","input","__getNativeTag","AnimatedAddition_default"],"sources":["../../../../../../src/vendor/react-native/Animated/nodes/AnimatedAddition.js"],"sourcesContent":[null],"mappings":"AAWA,SAASA,qBAAA,QAA6B;AACtC,SAASC,aAAA,QAAqB;AAC9B,SAASC,oBAAA,QAA4B;AAErC,MAAMC,gBAAA,SAAyBD,oBAAA,CAAqB;EAClDE,EAAA;EACAC,EAAA;EAEAC,YAAYC,CAAA,EAAGC,CAAA,EAAG;IAChB,MAAM;IACN,KAAKJ,EAAA,GAAK,OAAOG,CAAA,KAAM,WAAW,IAAIN,aAAA,CAAcM,CAAC,IAAIA,CAAA;IACzD,KAAKF,EAAA,GAAK,OAAOG,CAAA,KAAM,WAAW,IAAIP,aAAA,CAAcO,CAAC,IAAIA,CAAA;EAC3D;EAEAC,aAAaC,cAAA,EAAgB;IAC3B,KAAKN,EAAA,CAAGK,YAAA,CAAaC,cAAc;IACnC,KAAKL,EAAA,CAAGI,YAAA,CAAaC,cAAc;IACnC,MAAMD,YAAA,CAAaC,cAAc;EACnC;EAEAC,WAAA,EAAa;IACX,OAAO,KAAKP,EAAA,CAAGO,UAAA,CAAW,IAAI,KAAKN,EAAA,CAAGM,UAAA,CAAW;EACnD;EAEAC,YAAYC,MAAA,EAAQ;IAClB,OAAO,IAAIb,qBAAA,CAAsB,MAAMa,MAAM;EAC/C;EAEAC,SAAA,EAAW;IACT,KAAKV,EAAA,CAAGW,UAAA,CAAW,IAAI;IACvB,KAAKV,EAAA,CAAGU,UAAA,CAAW,IAAI;EACzB;EAEAC,SAAA,EAAW;IACT,KAAKZ,EAAA,CAAGa,aAAA,CAAc,IAAI;IAC1B,KAAKZ,EAAA,CAAGY,aAAA,CAAc,IAAI;IAC1B,MAAMD,QAAA,CAAS;EACjB;EAEAE,kBAAA,EAAoB;IAClB,OAAO;MACLC,IAAA,EAAM;MACNC,KAAA,EAAO,CAAC,KAAKhB,EAAA,CAAGiB,cAAA,CAAe,GAAG,KAAKhB,EAAA,CAAGgB,cAAA,CAAe,CAAC;IAC5D;EACF;AACF;AAGA,IAAOC,wBAAA,GAAQnB,gBAAA","ignoreList":[]}
+{"version":3,"file":"AnimatedAddition.js","names":[],"sources":["esm/vendor/react-native/Animated/nodes/AnimatedAddition.js"],"sourcesContent":["import { AnimatedInterpolation } from \"./AnimatedInterpolation\";\nimport { AnimatedValue } from \"./AnimatedValue\";\nimport { AnimatedWithChildren } from \"./AnimatedWithChildren\";\nclass AnimatedAddition extends AnimatedWithChildren {\n  _a;\n  _b;\n  constructor(a, b) {\n    super();\n    this._a = typeof a === \"number\" ? new AnimatedValue(a) : a;\n    this._b = typeof b === \"number\" ? new AnimatedValue(b) : b;\n  }\n  __makeNative(platformConfig) {\n    this._a.__makeNative(platformConfig);\n    this._b.__makeNative(platformConfig);\n    super.__makeNative(platformConfig);\n  }\n  __getValue() {\n    return this._a.__getValue() + this._b.__getValue();\n  }\n  interpolate(config) {\n    return new AnimatedInterpolation(this, config);\n  }\n  __attach() {\n    this._a.__addChild(this);\n    this._b.__addChild(this);\n  }\n  __detach() {\n    this._a.__removeChild(this);\n    this._b.__removeChild(this);\n    super.__detach();\n  }\n  __getNativeConfig() {\n    return {\n      type: \"addition\",\n      input: [this._a.__getNativeTag(), this._b.__getNativeTag()]\n    };\n  }\n}\nvar AnimatedAddition_default = AnimatedAddition;\nexport {\n  AnimatedAddition,\n  AnimatedAddition_default as default\n};\n//# sourceMappingURL=AnimatedAddition.js.map\n"],"mappings":";;;;;AAGA,IAAM,mBAAN,cAA+B,qBAAqB;CAClD;CACA;CACA,YAAY,GAAG,GAAG;EAChB,MAAM;EACN,KAAK,KAAK,OAAO,MAAM,WAAW,IAAI,cAAc,CAAC,IAAI;EACzD,KAAK,KAAK,OAAO,MAAM,WAAW,IAAI,cAAc,CAAC,IAAI;CAC3D;CACA,aAAa,gBAAgB;EAC3B,KAAK,GAAG,aAAa,cAAc;EACnC,KAAK,GAAG,aAAa,cAAc;EACnC,MAAM,aAAa,cAAc;CACnC;CACA,aAAa;EACX,OAAO,KAAK,GAAG,WAAW,IAAI,KAAK,GAAG,WAAW;CACnD;CACA,YAAY,QAAQ;EAClB,OAAO,IAAI,sBAAsB,MAAM,MAAM;CAC/C;CACA,WAAW;EACT,KAAK,GAAG,WAAW,IAAI;EACvB,KAAK,GAAG,WAAW,IAAI;CACzB;CACA,WAAW;EACT,KAAK,GAAG,cAAc,IAAI;EAC1B,KAAK,GAAG,cAAc,IAAI;EAC1B,MAAM,SAAS;CACjB;CACA,oBAAoB;EAClB,OAAO;GACL,MAAM;GACN,OAAO,CAAC,KAAK,GAAG,eAAe,GAAG,KAAK,GAAG,eAAe,CAAC;EAC5D;CACF;AACF;AACA,IAAI,2BAA2B"}

package/dist/esm/vendor/react-native/Animated/nodes/AnimatedColor.mjs

@@ -2,247 +2,247 @@ import { AnimatedValue } from "./AnimatedValue.mjs";
 import { AnimatedWithChildren } from "./AnimatedWithChildren.mjs";
 import { normalizeColor } from "@tamagui/react-native-web-internals";
 import { NativeAnimatedHelper } from "../NativeAnimatedHelper.mjs";
+
 const NativeAnimatedAPI = NativeAnimatedHelper.API;
 const defaultColor = {
-  r: 0,
-  g: 0,
-  b: 0,
-  a: 1
+	r: 0,
+	g: 0,
+	b: 0,
+	a: 1
 };
 let _uniqueId = 1;
-const processColorObject = color => {
-  return color;
+const processColorObject = (color) => {
+	return color;
 };
 function processColor(color) {
-  if (color === void 0 || color === null) {
-    return null;
-  }
-  if (isRgbaValue(color)) {
-    return color;
-  }
-  let normalizedColor = normalizeColor(color);
-  if (normalizedColor === void 0 || normalizedColor === null) {
-    return null;
-  }
-  if (typeof normalizedColor === "object") {
-    const processedColorObj = processColorObject(normalizedColor);
-    if (processedColorObj != null) {
-      return processedColorObj;
-    }
-  } else if (typeof normalizedColor === "number") {
-    const r = (normalizedColor & 4278190080) >>> 24;
-    const g = (normalizedColor & 16711680) >>> 16;
-    const b = (normalizedColor & 65280) >>> 8;
-    const a = (normalizedColor & 255) / 255;
-    return {
-      r,
-      g,
-      b,
-      a
-    };
-  }
-  return null;
+	if (color === void 0 || color === null) {
+		return null;
+	}
+	if (isRgbaValue(color)) {
+		return color;
+	}
+	let normalizedColor = normalizeColor(color);
+	if (normalizedColor === void 0 || normalizedColor === null) {
+		return null;
+	}
+	if (typeof normalizedColor === "object") {
+		const processedColorObj = processColorObject(normalizedColor);
+		if (processedColorObj != null) {
+			return processedColorObj;
+		}
+	} else if (typeof normalizedColor === "number") {
+		const r = (normalizedColor & 4278190080) >>> 24;
+		const g = (normalizedColor & 16711680) >>> 16;
+		const b = (normalizedColor & 65280) >>> 8;
+		const a = (normalizedColor & 255) / 255;
+		return {
+			r,
+			g,
+			b,
+			a
+		};
+	}
+	return null;
 }
 function isRgbaValue(value) {
-  return value && typeof value.r === "number" && typeof value.g === "number" && typeof value.b === "number" && typeof value.a === "number";
+	return value && typeof value.r === "number" && typeof value.g === "number" && typeof value.b === "number" && typeof value.a === "number";
 }
 function isRgbaAnimatedValue(value) {
-  return value && value.r instanceof AnimatedValue && value.g instanceof AnimatedValue && value.b instanceof AnimatedValue && value.a instanceof AnimatedValue;
-}
-class AnimatedColor extends AnimatedWithChildren {
-  constructor(valueIn, config) {
-    super();
-    this._listeners = {};
-    let value = valueIn ?? defaultColor;
-    if (isRgbaAnimatedValue(value)) {
-      const rgbaAnimatedValue = value;
-      this.r = rgbaAnimatedValue.r;
-      this.g = rgbaAnimatedValue.g;
-      this.b = rgbaAnimatedValue.b;
-      this.a = rgbaAnimatedValue.a;
-    } else {
-      const processedColor = processColor(value) ?? defaultColor;
-      let initColor = defaultColor;
-      if (isRgbaValue(processedColor)) {
-        initColor = processedColor;
-      } else {
-        this.nativeColor = processedColor;
-      }
-      this.r = new AnimatedValue(initColor.r);
-      this.g = new AnimatedValue(initColor.g);
-      this.b = new AnimatedValue(initColor.b);
-      this.a = new AnimatedValue(initColor.a);
-    }
-    if (this.nativeColor || config && config.useNativeDriver) {
-      this.__makeNative();
-    }
-  }
-  /**
-   * Directly set the value. This will stop any animations running on the value
-   * and update all the bound properties.
-   */
-  setValue(value) {
-    let shouldUpdateNodeConfig = false;
-    if (this.__isNative) {
-      const nativeTag = this.__getNativeTag();
-      NativeAnimatedAPI.setWaitingForIdentifier(nativeTag.toString());
-    }
-    const processedColor = processColor(value) ?? defaultColor;
-    if (isRgbaValue(processedColor)) {
-      const rgbaValue = processedColor;
-      this.r.setValue(rgbaValue.r);
-      this.g.setValue(rgbaValue.g);
-      this.b.setValue(rgbaValue.b);
-      this.a.setValue(rgbaValue.a);
-      if (this.nativeColor != null) {
-        this.nativeColor = null;
-        shouldUpdateNodeConfig = true;
-      }
-    } else {
-      const nativeColor = processedColor;
-      if (this.nativeColor !== nativeColor) {
-        this.nativeColor = nativeColor;
-        shouldUpdateNodeConfig = true;
-      }
-    }
-    if (this.__isNative) {
-      const nativeTag = this.__getNativeTag();
-      if (shouldUpdateNodeConfig) {
-        NativeAnimatedAPI.updateAnimatedNodeConfig(nativeTag, this.__getNativeConfig());
-      }
-      NativeAnimatedAPI.unsetWaitingForIdentifier(nativeTag.toString());
-    }
-  }
-  /**
-   * Sets an offset that is applied on top of whatever value is set, whether
-   * via `setValue`, an animation, or `Animated.event`. Useful for compensating
-   * things like the start of a pan gesture.
-   */
-  setOffset(offset) {
-    this.r.setOffset(offset.r);
-    this.g.setOffset(offset.g);
-    this.b.setOffset(offset.b);
-    this.a.setOffset(offset.a);
-  }
-  /**
-   * Merges the offset value into the base value and resets the offset to zero.
-   * The final output of the value is unchanged.
-   */
-  flattenOffset() {
-    this.r.flattenOffset();
-    this.g.flattenOffset();
-    this.b.flattenOffset();
-    this.a.flattenOffset();
-  }
-  /**
-   * Sets the offset value to the base value, and resets the base value to
-   * zero. The final output of the value is unchanged.
-   */
-  extractOffset() {
-    this.r.extractOffset();
-    this.g.extractOffset();
-    this.b.extractOffset();
-    this.a.extractOffset();
-  }
-  /**
-   * Adds an asynchronous listener to the value so you can observe updates from
-   * animations.  This is useful because there is no way to synchronously read
-   * the value because it might be driven natively.
-   *
-   * Returns a string that serves as an identifier for the listener.
-   */
-  addListener(callback) {
-    const id = String(_uniqueId++);
-    const jointCallback = ({
-      value
-    }) => {
-      callback(this.__getValue());
-    };
-    this._listeners[id] = {
-      r: this.r.addListener(jointCallback),
-      g: this.g.addListener(jointCallback),
-      b: this.b.addListener(jointCallback),
-      a: this.a.addListener(jointCallback)
-    };
-    return id;
-  }
-  removeListener(id) {
-    if (this._listeners[id]) {
-      this.r.removeListener(this._listeners[id].r);
-      this.g.removeListener(this._listeners[id].g);
-      this.b.removeListener(this._listeners[id].b);
-      this.a.removeListener(this._listeners[id].a);
-      delete this._listeners[id];
-    }
-  }
-  removeAllListeners() {
-    this.r.removeAllListeners();
-    this.g.removeAllListeners();
-    this.b.removeAllListeners();
-    this.a.removeAllListeners();
-    this._listeners = {};
-  }
-  stopAnimation(callback) {
-    this.r.stopAnimation();
-    this.g.stopAnimation();
-    this.b.stopAnimation();
-    this.a.stopAnimation();
-    callback && callback(this.__getValue());
-  }
-  resetAnimation(callback) {
-    this.r.resetAnimation();
-    this.g.resetAnimation();
-    this.b.resetAnimation();
-    this.a.resetAnimation();
-    callback && callback(this.__getValue());
-  }
-  interpolate(config) {
-    throw new Error("Directly calling interpolate on an AnimatedColor is not supported. Call interpolate on the AnimatedColor.r/g/b/a values instead.");
-  }
-  __getValue() {
-    if (this.nativeColor != null) {
-      return this.nativeColor;
-    } else {
-      return {
-        r: this.r.__getValue(),
-        g: this.g.__getValue(),
-        b: this.b.__getValue(),
-        a: this.a.__getValue()
-      };
-    }
-  }
-  __attach() {
-    this.r.__addChild(this);
-    this.g.__addChild(this);
-    this.b.__addChild(this);
-    this.a.__addChild(this);
-    super.__attach();
-  }
-  __detach() {
-    this.r.__removeChild(this);
-    this.g.__removeChild(this);
-    this.b.__removeChild(this);
-    this.a.__removeChild(this);
-    super.__detach();
-  }
-  __makeNative(platformConfig) {
-    this.r.__makeNative(platformConfig);
-    this.g.__makeNative(platformConfig);
-    this.b.__makeNative(platformConfig);
-    this.a.__makeNative(platformConfig);
-    super.__makeNative(platformConfig);
-  }
-  __getNativeConfig() {
-    return {
-      type: "color",
-      r: this.r.__getNativeTag(),
-      g: this.g.__getNativeTag(),
-      b: this.b.__getNativeTag(),
-      a: this.a.__getNativeTag(),
-      nativeColor: this.nativeColor
-    };
-  }
+	return value && value.r instanceof AnimatedValue && value.g instanceof AnimatedValue && value.b instanceof AnimatedValue && value.a instanceof AnimatedValue;
 }
+var AnimatedColor = class extends AnimatedWithChildren {
+	constructor(valueIn, config) {
+		super();
+		this._listeners = {};
+		let value = valueIn ?? defaultColor;
+		if (isRgbaAnimatedValue(value)) {
+			const rgbaAnimatedValue = value;
+			this.r = rgbaAnimatedValue.r;
+			this.g = rgbaAnimatedValue.g;
+			this.b = rgbaAnimatedValue.b;
+			this.a = rgbaAnimatedValue.a;
+		} else {
+			const processedColor = processColor(value) ?? defaultColor;
+			let initColor = defaultColor;
+			if (isRgbaValue(processedColor)) {
+				initColor = processedColor;
+			} else {
+				this.nativeColor = processedColor;
+			}
+			this.r = new AnimatedValue(initColor.r);
+			this.g = new AnimatedValue(initColor.g);
+			this.b = new AnimatedValue(initColor.b);
+			this.a = new AnimatedValue(initColor.a);
+		}
+		if (this.nativeColor || config && config.useNativeDriver) {
+			this.__makeNative();
+		}
+	}
+	/**
+	* Directly set the value. This will stop any animations running on the value
+	* and update all the bound properties.
+	*/
+	setValue(value) {
+		let shouldUpdateNodeConfig = false;
+		if (this.__isNative) {
+			const nativeTag = this.__getNativeTag();
+			NativeAnimatedAPI.setWaitingForIdentifier(nativeTag.toString());
+		}
+		const processedColor = processColor(value) ?? defaultColor;
+		if (isRgbaValue(processedColor)) {
+			const rgbaValue = processedColor;
+			this.r.setValue(rgbaValue.r);
+			this.g.setValue(rgbaValue.g);
+			this.b.setValue(rgbaValue.b);
+			this.a.setValue(rgbaValue.a);
+			if (this.nativeColor != null) {
+				this.nativeColor = null;
+				shouldUpdateNodeConfig = true;
+			}
+		} else {
+			const nativeColor = processedColor;
+			if (this.nativeColor !== nativeColor) {
+				this.nativeColor = nativeColor;
+				shouldUpdateNodeConfig = true;
+			}
+		}
+		if (this.__isNative) {
+			const nativeTag = this.__getNativeTag();
+			if (shouldUpdateNodeConfig) {
+				NativeAnimatedAPI.updateAnimatedNodeConfig(nativeTag, this.__getNativeConfig());
+			}
+			NativeAnimatedAPI.unsetWaitingForIdentifier(nativeTag.toString());
+		}
+	}
+	/**
+	* Sets an offset that is applied on top of whatever value is set, whether
+	* via `setValue`, an animation, or `Animated.event`. Useful for compensating
+	* things like the start of a pan gesture.
+	*/
+	setOffset(offset) {
+		this.r.setOffset(offset.r);
+		this.g.setOffset(offset.g);
+		this.b.setOffset(offset.b);
+		this.a.setOffset(offset.a);
+	}
+	/**
+	* Merges the offset value into the base value and resets the offset to zero.
+	* The final output of the value is unchanged.
+	*/
+	flattenOffset() {
+		this.r.flattenOffset();
+		this.g.flattenOffset();
+		this.b.flattenOffset();
+		this.a.flattenOffset();
+	}
+	/**
+	* Sets the offset value to the base value, and resets the base value to
+	* zero. The final output of the value is unchanged.
+	*/
+	extractOffset() {
+		this.r.extractOffset();
+		this.g.extractOffset();
+		this.b.extractOffset();
+		this.a.extractOffset();
+	}
+	/**
+	* Adds an asynchronous listener to the value so you can observe updates from
+	* animations.  This is useful because there is no way to synchronously read
+	* the value because it might be driven natively.
+	*
+	* Returns a string that serves as an identifier for the listener.
+	*/
+	addListener(callback) {
+		const id = String(_uniqueId++);
+		const jointCallback = ({ value }) => {
+			callback(this.__getValue());
+		};
+		this._listeners[id] = {
+			r: this.r.addListener(jointCallback),
+			g: this.g.addListener(jointCallback),
+			b: this.b.addListener(jointCallback),
+			a: this.a.addListener(jointCallback)
+		};
+		return id;
+	}
+	removeListener(id) {
+		if (this._listeners[id]) {
+			this.r.removeListener(this._listeners[id].r);
+			this.g.removeListener(this._listeners[id].g);
+			this.b.removeListener(this._listeners[id].b);
+			this.a.removeListener(this._listeners[id].a);
+			delete this._listeners[id];
+		}
+	}
+	removeAllListeners() {
+		this.r.removeAllListeners();
+		this.g.removeAllListeners();
+		this.b.removeAllListeners();
+		this.a.removeAllListeners();
+		this._listeners = {};
+	}
+	stopAnimation(callback) {
+		this.r.stopAnimation();
+		this.g.stopAnimation();
+		this.b.stopAnimation();
+		this.a.stopAnimation();
+		callback && callback(this.__getValue());
+	}
+	resetAnimation(callback) {
+		this.r.resetAnimation();
+		this.g.resetAnimation();
+		this.b.resetAnimation();
+		this.a.resetAnimation();
+		callback && callback(this.__getValue());
+	}
+	interpolate(config) {
+		throw new Error("Directly calling interpolate on an AnimatedColor is not supported. Call interpolate on the AnimatedColor.r/g/b/a values instead.");
+	}
+	__getValue() {
+		if (this.nativeColor != null) {
+			return this.nativeColor;
+		} else {
+			return {
+				r: this.r.__getValue(),
+				g: this.g.__getValue(),
+				b: this.b.__getValue(),
+				a: this.a.__getValue()
+			};
+		}
+	}
+	__attach() {
+		this.r.__addChild(this);
+		this.g.__addChild(this);
+		this.b.__addChild(this);
+		this.a.__addChild(this);
+		super.__attach();
+	}
+	__detach() {
+		this.r.__removeChild(this);
+		this.g.__removeChild(this);
+		this.b.__removeChild(this);
+		this.a.__removeChild(this);
+		super.__detach();
+	}
+	__makeNative(platformConfig) {
+		this.r.__makeNative(platformConfig);
+		this.g.__makeNative(platformConfig);
+		this.b.__makeNative(platformConfig);
+		this.a.__makeNative(platformConfig);
+		super.__makeNative(platformConfig);
+	}
+	__getNativeConfig() {
+		return {
+			type: "color",
+			r: this.r.__getNativeTag(),
+			g: this.g.__getNativeTag(),
+			b: this.b.__getNativeTag(),
+			a: this.a.__getNativeTag(),
+			nativeColor: this.nativeColor
+		};
+	}
+};
 var AnimatedColor_default = AnimatedColor;
+
 export { AnimatedColor, AnimatedColor_default as default };
 //# sourceMappingURL=AnimatedColor.mjs.map