@tamagui/toast 2.7.7 → 3.0.0-beta.1091.1

package/dist/jsx/useReducedMotion.native.js

@@ -7,77 +7,69 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
+	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;
+	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;
 };
-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: true
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
 }) : target, mod));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var useReducedMotion_exports = {};
-__export(useReducedMotion_exports, {
-  useReducedMotion: () => useReducedMotion
-});
+__export(useReducedMotion_exports, { useReducedMotion: () => useReducedMotion });
 module.exports = __toCommonJS(useReducedMotion_exports);
 var import_constants = require("@tamagui/constants");
 var React = __toESM(require("react"), 1);
 var cachedResult = null;
 function getReducedMotion() {
-  var _window_matchMedia, _window_matchMedia1, _window;
-  if (cachedResult !== null) return cachedResult;
-  if (!import_constants.isWeb) {
-    cachedResult = false;
-    return false;
-  }
-  if (typeof window === "undefined") {
-    return false;
-  }
-  var _window_matchMedia_matches;
-  cachedResult = (_window_matchMedia_matches = (_window_matchMedia1 = (_window = window).matchMedia) === null || _window_matchMedia1 === void 0 ? void 0 : (_window_matchMedia = _window_matchMedia1.call(_window, "(prefers-reduced-motion: reduce)")) === null || _window_matchMedia === void 0 ? void 0 : _window_matchMedia.matches) !== null && _window_matchMedia_matches !== void 0 ? _window_matchMedia_matches : false;
-  return cachedResult;
+	var _window_matchMedia, _window_matchMedia1, _window;
+	if (cachedResult !== null) return cachedResult;
+	if (!import_constants.isWeb) {
+		cachedResult = false;
+		return false;
+	}
+	if (typeof window === "undefined") {
+		return false;
+	}
+	var _window_matchMedia_matches;
+	cachedResult = (_window_matchMedia_matches = (_window_matchMedia1 = (_window = window).matchMedia) === null || _window_matchMedia1 === void 0 ? void 0 : (_window_matchMedia = _window_matchMedia1.call(_window, "(prefers-reduced-motion: reduce)")) === null || _window_matchMedia === void 0 ? void 0 : _window_matchMedia.matches) !== null && _window_matchMedia_matches !== void 0 ? _window_matchMedia_matches : false;
+	return cachedResult;
 }
 function useReducedMotion(forceReducedMotion) {
-  var [reducedMotion, setReducedMotion] = React.useState(function () {
-    return forceReducedMotion !== null && forceReducedMotion !== void 0 ? forceReducedMotion : getReducedMotion();
-  });
-  React.useEffect(function () {
-    var _window_matchMedia, _window, _mediaQuery_addEventListener;
-    if (forceReducedMotion !== void 0) {
-      setReducedMotion(forceReducedMotion);
-      return;
-    }
-    if (!import_constants.isWeb || typeof window === "undefined") return;
-    var mediaQuery = (_window_matchMedia = (_window = window).matchMedia) === null || _window_matchMedia === void 0 ? void 0 : _window_matchMedia.call(_window, "(prefers-reduced-motion: reduce)");
-    if (!mediaQuery) return;
-    var handleChange = function (e) {
-      cachedResult = e.matches;
-      setReducedMotion(e.matches);
-    };
-    (_mediaQuery_addEventListener = mediaQuery.addEventListener) === null || _mediaQuery_addEventListener === void 0 ? void 0 : _mediaQuery_addEventListener.call(mediaQuery, "change", handleChange);
-    return function () {
-      var _mediaQuery_removeEventListener;
-      (_mediaQuery_removeEventListener = mediaQuery.removeEventListener) === null || _mediaQuery_removeEventListener === void 0 ? void 0 : _mediaQuery_removeEventListener.call(mediaQuery, "change", handleChange);
-    };
-  }, [forceReducedMotion]);
-  return reducedMotion;
+	var [reducedMotion, setReducedMotion] = React.useState(function() {
+		return forceReducedMotion !== null && forceReducedMotion !== void 0 ? forceReducedMotion : getReducedMotion();
+	});
+	React.useEffect(function() {
+		var _window_matchMedia, _window, _mediaQuery_addEventListener;
+		if (forceReducedMotion !== void 0) {
+			setReducedMotion(forceReducedMotion);
+			return;
+		}
+		if (!import_constants.isWeb || typeof window === "undefined") return;
+		var mediaQuery = (_window_matchMedia = (_window = window).matchMedia) === null || _window_matchMedia === void 0 ? void 0 : _window_matchMedia.call(_window, "(prefers-reduced-motion: reduce)");
+		if (!mediaQuery) return;
+		var handleChange = function(e) {
+			cachedResult = e.matches;
+			setReducedMotion(e.matches);
+		};
+		(_mediaQuery_addEventListener = mediaQuery.addEventListener) === null || _mediaQuery_addEventListener === void 0 ? void 0 : _mediaQuery_addEventListener.call(mediaQuery, "change", handleChange);
+		return function() {
+			var _mediaQuery_removeEventListener;
+			(_mediaQuery_removeEventListener = mediaQuery.removeEventListener) === null || _mediaQuery_removeEventListener === void 0 ? void 0 : _mediaQuery_removeEventListener.call(mediaQuery, "change", handleChange);
+		};
+	}, [forceReducedMotion]);
+	return reducedMotion;
 }
+
 //# sourceMappingURL=useReducedMotion.native.js.map

package/dist/jsx/useReducedMotion.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","useReducedMotion_exports","useReducedMotion","module","exports","import_constants","require","React","cachedResult","getReducedMotion","_window_matchMedia","_window_matchMedia1","_window"],"sources":["../../src/useReducedMotion.ts"],"sourcesContent":[null],"mappings":"AAKA,YAAS;;AACT,IAAAA,QAAY,GAAAC,MAAA,CAAAC,MAAW;AAEvB,IAAIC,SAAA,GAAAF,MAA+B,CAAAG,cAAA;AAEnC,IAAAC,gBAAS,GAAAJ,MAA4B,CAAAK,wBAAA;AACnC,IAAAC,iBAAI,GAAiBN,MAAM,CAAAO,mBAAO;AAElC,IAAAC,YAAY,GAAAR,MAAA,CAAAS,cAAA;AAGV,IAAAC,YAAA,GAAeV,MAAA,CAAAW,SAAA,CAAAC,cAAA;AACf,IAAAC,QAAO,GAAAA,CAAAC,MAAA,EAAAC,GAAA;EACT,SAAAC,IAAA,IAAAD,GAAA,EAEAb,SAAW,CAAAY,MAAA,EAAAE,IAAW;IAAAC,GAAA,EAAAF,GAAa,CAAAC,IAAA;IAAAE,UAAA;EAAA;AACjC;AAAO,IACTC,WAAA,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EAEA,IAAAF,IAAA,WAAeA,IAAO,aAAa,WAAAA,IAAA;IACnC,KAAO,IAAAG,GAAA,IAAAlB,iBAAA,CAAAe,IAAA,GACT,KAAAX,YAAA,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EAEOpB,SAAS,CAAAkB,EAAA,EAAAI,GAAA,EAAiB;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAuC;MAAAN,UAAA,IAAAK,IAAA,GAAAnB,gBAAA,CAAAiB,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EACtE;EAAgD,OAC9CE,EAAM;AAAuC;AAG/C,IAAAM,OAAM,GAAAA,CAAAC,GAAU,EAAAC,UAAM,EAAAd,MAAA,MAAAA,MAAA,GAAAa,GAAA,WAAA5B,QAAA,CAAAS,YAAA,CAAAmB,GAAA,SAAAR,WAAA;AAEpB;AACE;AACA;AAAA;AAIFS,UAAK,KAAAD,GAAS,KAAOA,GAAA,CAAAE,UAAW,GAAA3B,SAAa,CAAAY,MAAA;EAAAgB,KAAA,EAAAH,GAAA;EAAAT,UAAA;AAAA,KAAAJ,MAAA,EAE7Ca,GACA;AAEA,IAAAI,YAAM,GAAAJ,GAAA,IAAgBR,WAA2B,CAAAjB,SAAA;EAAA4B,KAAA;AAAA,IAAAH,GAAA;AAC/C,IAAAK,wBAAiB;AACjBnB,QAAA,CAAAmB,wBAA0B;EAAAC,gBAC5B,EAAAA,CAAA,KAAAA;AAEA;AACAC,MAAA,CAAAC,OAAO,GAAMJ,YAAA,CAAAC,wBAAA;AACX,IAAAI,gBAAW,GAAAC,OAAA,qBAAgC;AAAY,IACzDC,KAAA,GAAAZ,OAAA,CAAAW,OAAA;AAAA,IACFE,YAAI;AAEJ,SAAOC,iBAAA;EACT,IAAAC,kBAAA,EAAAC,mBAAA,EAAAC,OAAA","ignoreList":[]}
+{"version":3,"file":"useReducedMotion.native.js","names":[],"sources":["jsx/useReducedMotion.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n  // If the importer is in node compatibility mode or this is not an ESM\n  // file that has been converted to a CommonJS file using a Babel-\n  // compatible transform (i.e. \"__esModule\" has not been set), then set\n  // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n  isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n  mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar useReducedMotion_exports = {};\n__export(useReducedMotion_exports, {\n  useReducedMotion: () => useReducedMotion\n});\nmodule.exports = __toCommonJS(useReducedMotion_exports);\nvar import_constants = require(\"@tamagui/constants\");\nvar React = __toESM(require(\"react\"), 1);\nvar cachedResult = null;\nfunction getReducedMotion() {\n  var _window_matchMedia, _window_matchMedia1, _window;\n  if (cachedResult !== null) return cachedResult;\n  if (!import_constants.isWeb) {\n    cachedResult = false;\n    return false;\n  }\n  if (typeof window === \"undefined\") {\n    return false;\n  }\n  var _window_matchMedia_matches;\n  cachedResult = (_window_matchMedia_matches = (_window_matchMedia1 = (_window = window).matchMedia) === null || _window_matchMedia1 === void 0 ? void 0 : (_window_matchMedia = _window_matchMedia1.call(_window, \"(prefers-reduced-motion: reduce)\")) === null || _window_matchMedia === void 0 ? void 0 : _window_matchMedia.matches) !== null && _window_matchMedia_matches !== void 0 ? _window_matchMedia_matches : false;\n  return cachedResult;\n}\nfunction useReducedMotion(forceReducedMotion) {\n  var [reducedMotion, setReducedMotion] = React.useState(function() {\n    return forceReducedMotion !== null && forceReducedMotion !== void 0 ? forceReducedMotion : getReducedMotion();\n  });\n  React.useEffect(function() {\n    var _window_matchMedia, _window, _mediaQuery_addEventListener;\n    if (forceReducedMotion !== void 0) {\n      setReducedMotion(forceReducedMotion);\n      return;\n    }\n    if (!import_constants.isWeb || typeof window === \"undefined\") return;\n    var mediaQuery = (_window_matchMedia = (_window = window).matchMedia) === null || _window_matchMedia === void 0 ? void 0 : _window_matchMedia.call(_window, \"(prefers-reduced-motion: reduce)\");\n    if (!mediaQuery) return;\n    var handleChange = function(e) {\n      cachedResult = e.matches;\n      setReducedMotion(e.matches);\n    };\n    (_mediaQuery_addEventListener = mediaQuery.addEventListener) === null || _mediaQuery_addEventListener === void 0 ? void 0 : _mediaQuery_addEventListener.call(mediaQuery, \"change\", handleChange);\n    return function() {\n      var _mediaQuery_removeEventListener;\n      (_mediaQuery_removeEventListener = mediaQuery.removeEventListener) === null || _mediaQuery_removeEventListener === void 0 ? void 0 : _mediaQuery_removeEventListener.call(mediaQuery, \"change\", handleChange);\n    };\n  }, [\n    forceReducedMotion\n  ]);\n  return reducedMotion;\n}\n//# sourceMappingURL=useReducedMotion.js.map\n"],"mappings":"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"}

package/dist/jsx/useToastAnimations.mjs

@@ -1,256 +1,194 @@
 import { isWeb } from "@tamagui/constants";
-import { useConfiguration, useEvent, View as TamaguiView } from "@tamagui/core";
+import { View, useAnimatedNumber, useAnimatedNumbersStyle, useAnimationDriver, useEvent } from "@tamagui/core";
 import * as React from "react";
+
 const SPRING_CONFIG = {
-  type: "spring",
-  damping: 30,
-  stiffness: 400,
-  mass: 0.5
+	type: "spring",
+	damping: 30,
+	stiffness: 400,
+	mass: .5
 };
 const EXIT_DISTANCE = 200;
 function animateSpring(element, fromX, fromY, toX, toY, config, onComplete) {
-  const {
-    damping = 30,
-    stiffness = 400,
-    mass = 0.5,
-    initialVelocityX = 0,
-    initialVelocityY = 0,
-    fadeOut = false
-  } = config;
-  let x = fromX;
-  let y = fromY;
-  let velocityX = initialVelocityX;
-  let velocityY = initialVelocityY;
-  let animationId = null;
-  const targetX = toX;
-  const targetY = toY;
-  const totalDistance = Math.sqrt((toX - fromX) ** 2 + (toY - fromY) ** 2) || 1;
-  function step() {
-    const forceX = -stiffness * (x - targetX);
-    const forceY = -stiffness * (y - targetY);
-    const dampingForceX = -damping * velocityX;
-    const dampingForceY = -damping * velocityY;
-    const accelerationX = (forceX + dampingForceX) / mass;
-    const accelerationY = (forceY + dampingForceY) / mass;
-    velocityX += accelerationX * 0.016;
-    velocityY += accelerationY * 0.016;
-    x += velocityX * 0.016;
-    y += velocityY * 0.016;
-    element.style.transform = `translate3d(${x}px, ${y}px, 0)`;
-    if (fadeOut) {
-      const distanceTraveled = Math.sqrt((x - fromX) ** 2 + (y - fromY) ** 2);
-      const progress = Math.min(distanceTraveled / totalDistance, 1);
-      element.style.opacity = String(1 - progress);
-    }
-    const distanceX = Math.abs(x - targetX);
-    const distanceY = Math.abs(y - targetY);
-    const speed = Math.sqrt(velocityX * velocityX + velocityY * velocityY);
-    if (distanceX < 0.5 && distanceY < 0.5 && speed < 0.5) {
-      element.style.transform = `translate3d(${targetX}px, ${targetY}px, 0)`;
-      if (fadeOut) {
-        element.style.opacity = "0";
-      }
-      onComplete?.();
-      return;
-    }
-    animationId = requestAnimationFrame(step);
-  }
-  animationId = requestAnimationFrame(step);
-  return () => {
-    if (animationId) {
-      cancelAnimationFrame(animationId);
-    }
-  };
+	const { damping = 30, stiffness = 400, mass = .5, initialVelocityX = 0, initialVelocityY = 0, fadeOut = false } = config;
+	let x = fromX;
+	let y = fromY;
+	let velocityX = initialVelocityX;
+	let velocityY = initialVelocityY;
+	let animationId = null;
+	const targetX = toX;
+	const targetY = toY;
+	const totalDistance = Math.sqrt((toX - fromX) ** 2 + (toY - fromY) ** 2) || 1;
+	function step() {
+		const forceX = -stiffness * (x - targetX);
+		const forceY = -stiffness * (y - targetY);
+		const dampingForceX = -damping * velocityX;
+		const dampingForceY = -damping * velocityY;
+		const accelerationX = (forceX + dampingForceX) / mass;
+		const accelerationY = (forceY + dampingForceY) / mass;
+		velocityX += accelerationX * .016;
+		velocityY += accelerationY * .016;
+		x += velocityX * .016;
+		y += velocityY * .016;
+		element.style.transform = `translate3d(${x}px, ${y}px, 0)`;
+		if (fadeOut) {
+			const distanceTraveled = Math.sqrt((x - fromX) ** 2 + (y - fromY) ** 2);
+			const progress = Math.min(distanceTraveled / totalDistance, 1);
+			element.style.opacity = String(1 - progress);
+		}
+		const distanceX = Math.abs(x - targetX);
+		const distanceY = Math.abs(y - targetY);
+		const speed = Math.sqrt(velocityX * velocityX + velocityY * velocityY);
+		if (distanceX < .5 && distanceY < .5 && speed < .5) {
+			element.style.transform = `translate3d(${targetX}px, ${targetY}px, 0)`;
+			if (fadeOut) {
+				element.style.opacity = "0";
+			}
+			onComplete?.();
+			return;
+		}
+		animationId = requestAnimationFrame(step);
+	}
+	animationId = requestAnimationFrame(step);
+	return () => {
+		if (animationId) {
+			cancelAnimationFrame(animationId);
+		}
+	};
 }
 function useToastAnimations(options = {}) {
-  const {
-    onExitComplete,
-    reducedMotion,
-    swipeAxis = "horizontal"
-  } = options;
-  const {
-    animationDriver
-  } = useConfiguration();
-  if (!animationDriver) {
-    throw new Error("Toast requires an animation driver to be set in TamaguiProvider");
-  }
-  const {
-    useAnimatedNumber,
-    useAnimatedNumberStyle,
-    useAnimatedNumbersStyle
-  } = animationDriver;
-  const AnimatedView = animationDriver.View ?? TamaguiView;
-  const dragRef = React.useRef(null);
-  const cancelAnimationRef = React.useRef(null);
-  const currentOffsetRef = React.useRef({
-    x: 0,
-    y: 0
-  });
-  const useDirectDom = isWeb;
-  const translateX = useAnimatedNumber(0);
-  const translateY = useAnimatedNumber(0);
-  const animatedStyle = useAnimatedNumbersStyle ? useAnimatedNumbersStyle([translateX, translateY], (x, y) => {
-    "worklet";
-
-    return {
-      transform: [{
-        translateX: x
-      }, {
-        translateY: y
-      }]
-    };
-  }) : useAnimatedNumberStyle(swipeAxis === "vertical" ? translateY : translateX, primary => {
-    "worklet";
-
-    const secondary = swipeAxis === "vertical" ? translateX.getValue() : translateY.getValue();
-    return swipeAxis === "vertical" ? {
-      transform: [{
-        translateX: secondary
-      }, {
-        translateY: primary
-      }]
-    } : {
-      transform: [{
-        translateX: primary
-      }, {
-        translateY: secondary
-      }]
-    };
-  });
-  const setDragOffset = useEvent((x, y) => {
-    cancelAnimationRef.current?.();
-    cancelAnimationRef.current = null;
-    currentOffsetRef.current = {
-      x,
-      y
-    };
-    if (useDirectDom && dragRef.current) {
-      dragRef.current.style.transform = `translate3d(${x}px, ${y}px, 0)`;
-      dragRef.current.style.opacity = "1";
-    } else {
-      translateX.setValue(x, {
-        type: "direct"
-      });
-      translateY.setValue(y, {
-        type: "direct"
-      });
-    }
-  });
-  const springBack = useEvent(onComplete => {
-    cancelAnimationRef.current?.();
-    if (reducedMotion) {
-      if (useDirectDom && dragRef.current) {
-        dragRef.current.style.transform = "translate3d(0px, 0px, 0)";
-      } else {
-        translateX.setValue(0, {
-          type: "direct"
-        });
-        translateY.setValue(0, {
-          type: "direct"
-        });
-      }
-      currentOffsetRef.current = {
-        x: 0,
-        y: 0
-      };
-      onComplete?.();
-      return;
-    }
-    if (useDirectDom && dragRef.current) {
-      const {
-        x,
-        y
-      } = currentOffsetRef.current;
-      cancelAnimationRef.current = animateSpring(dragRef.current, x, y, 0, 0, SPRING_CONFIG, () => {
-        currentOffsetRef.current = {
-          x: 0,
-          y: 0
-        };
-        onComplete?.();
-      });
-    } else {
-      translateX.setValue(0, SPRING_CONFIG);
-      translateY.setValue(0, SPRING_CONFIG, onComplete);
-    }
-  });
-  const animateOut = useEvent((direction, velocity, onComplete) => {
-    cancelAnimationRef.current?.();
-    const {
-      x: curX,
-      y: curY
-    } = currentOffsetRef.current;
-    let exitX = direction === "left" ? -EXIT_DISTANCE : direction === "right" ? EXIT_DISTANCE : 0;
-    let exitY = direction === "up" ? -EXIT_DISTANCE : direction === "down" ? EXIT_DISTANCE : 0;
-    if (direction === "left" && curX < exitX) exitX = curX - 50;else if (direction === "right" && curX > exitX) exitX = curX + 50;
-    if (direction === "up" && curY < exitY) exitY = curY - 50;else if (direction === "down" && curY > exitY) exitY = curY + 50;
-    if (reducedMotion) {
-      if (useDirectDom && dragRef.current) {
-        dragRef.current.style.transform = `translate3d(${exitX}px, ${exitY}px, 0)`;
-      } else {
-        translateX.setValue(exitX, {
-          type: "direct"
-        });
-        translateY.setValue(exitY, {
-          type: "direct"
-        });
-      }
-      onComplete?.();
-      onExitComplete?.();
-      return;
-    }
-    const velocityScale = (velocity ?? 0) * 500;
-    const initialVelocityX = direction === "left" ? -velocityScale : direction === "right" ? velocityScale : 0;
-    const initialVelocityY = direction === "up" ? -velocityScale : direction === "down" ? velocityScale : 0;
-    const exitConfig = {
-      damping: 25,
-      stiffness: 350,
-      mass: 0.4,
-      initialVelocityX,
-      initialVelocityY,
-      fadeOut: true
-    };
-    if (useDirectDom && dragRef.current) {
-      const {
-        x,
-        y
-      } = currentOffsetRef.current;
-      cancelAnimationRef.current = animateSpring(dragRef.current, x, y, exitX, exitY, exitConfig, () => {
-        onComplete?.();
-        onExitComplete?.();
-      });
-    } else {
-      const springConfig = {
-        type: "spring",
-        damping: 25,
-        stiffness: 350,
-        mass: 0.4
-      };
-      translateX.setValue(exitX, springConfig);
-      translateY.setValue(exitY, springConfig, () => {
-        onComplete?.();
-        onExitComplete?.();
-      });
-    }
-  });
-  const stop = useEvent(() => {
-    cancelAnimationRef.current?.();
-    translateX.stop();
-    translateY.stop();
-  });
-  React.useEffect(() => {
-    return () => {
-      cancelAnimationRef.current?.();
-    };
-  }, []);
-  return {
-    setDragOffset,
-    springBack,
-    animateOut,
-    stop,
-    animatedStyle,
-    AnimatedView,
-    dragRef
-  };
+	const { onExitComplete, reducedMotion } = options;
+	const animationDriver = useAnimationDriver();
+	const AnimatedView = animationDriver.View ?? View;
+	const dragRef = React.useRef(null);
+	const cancelAnimationRef = React.useRef(null);
+	const currentOffsetRef = React.useRef({
+		x: 0,
+		y: 0
+	});
+	const useDirectDom = isWeb;
+	const translateX = useAnimatedNumber(0);
+	const translateY = useAnimatedNumber(0);
+	const animatedStyle = useAnimatedNumbersStyle([translateX, translateY], (x, y) => {
+		"worklet";
+		return { transform: [{ translateX: x }, { translateY: y }] };
+	});
+	const setDragOffset = useEvent((x, y) => {
+		cancelAnimationRef.current?.();
+		cancelAnimationRef.current = null;
+		currentOffsetRef.current = {
+			x,
+			y
+		};
+		if (useDirectDom && dragRef.current) {
+			dragRef.current.style.transform = `translate3d(${x}px, ${y}px, 0)`;
+			dragRef.current.style.opacity = "1";
+		} else {
+			translateX.setValue(x, { type: "direct" });
+			translateY.setValue(y, { type: "direct" });
+		}
+	});
+	const springBack = useEvent((onComplete) => {
+		cancelAnimationRef.current?.();
+		if (reducedMotion) {
+			if (useDirectDom && dragRef.current) {
+				dragRef.current.style.transform = "translate3d(0px, 0px, 0)";
+			} else {
+				translateX.setValue(0, { type: "direct" });
+				translateY.setValue(0, { type: "direct" });
+			}
+			currentOffsetRef.current = {
+				x: 0,
+				y: 0
+			};
+			onComplete?.();
+			return;
+		}
+		if (useDirectDom && dragRef.current) {
+			const { x, y } = currentOffsetRef.current;
+			cancelAnimationRef.current = animateSpring(dragRef.current, x, y, 0, 0, SPRING_CONFIG, () => {
+				currentOffsetRef.current = {
+					x: 0,
+					y: 0
+				};
+				onComplete?.();
+			});
+		} else {
+			translateX.setValue(0, SPRING_CONFIG);
+			translateY.setValue(0, SPRING_CONFIG, onComplete);
+		}
+	});
+	const animateOut = useEvent((direction, velocity, onComplete) => {
+		cancelAnimationRef.current?.();
+		const { x: curX, y: curY } = currentOffsetRef.current;
+		let exitX = direction === "left" ? -EXIT_DISTANCE : direction === "right" ? EXIT_DISTANCE : 0;
+		let exitY = direction === "up" ? -EXIT_DISTANCE : direction === "down" ? EXIT_DISTANCE : 0;
+		if (direction === "left" && curX < exitX) exitX = curX - 50;
+		else if (direction === "right" && curX > exitX) exitX = curX + 50;
+		if (direction === "up" && curY < exitY) exitY = curY - 50;
+		else if (direction === "down" && curY > exitY) exitY = curY + 50;
+		if (reducedMotion) {
+			if (useDirectDom && dragRef.current) {
+				dragRef.current.style.transform = `translate3d(${exitX}px, ${exitY}px, 0)`;
+			} else {
+				translateX.setValue(exitX, { type: "direct" });
+				translateY.setValue(exitY, { type: "direct" });
+			}
+			onComplete?.();
+			onExitComplete?.();
+			return;
+		}
+		const velocityScale = (velocity ?? 0) * 500;
+		const initialVelocityX = direction === "left" ? -velocityScale : direction === "right" ? velocityScale : 0;
+		const initialVelocityY = direction === "up" ? -velocityScale : direction === "down" ? velocityScale : 0;
+		const exitConfig = {
+			damping: 25,
+			stiffness: 350,
+			mass: .4,
+			initialVelocityX,
+			initialVelocityY,
+			fadeOut: true
+		};
+		if (useDirectDom && dragRef.current) {
+			const { x, y } = currentOffsetRef.current;
+			cancelAnimationRef.current = animateSpring(dragRef.current, x, y, exitX, exitY, exitConfig, () => {
+				onComplete?.();
+				onExitComplete?.();
+			});
+		} else {
+			const springConfig = {
+				type: "spring",
+				damping: 25,
+				stiffness: 350,
+				mass: .4
+			};
+			translateX.setValue(exitX, springConfig);
+			translateY.setValue(exitY, springConfig, () => {
+				onComplete?.();
+				onExitComplete?.();
+			});
+		}
+	});
+	const stop = useEvent(() => {
+		cancelAnimationRef.current?.();
+		translateX.stop();
+		translateY.stop();
+	});
+	React.useEffect(() => {
+		return () => {
+			cancelAnimationRef.current?.();
+		};
+	}, []);
+	return {
+		setDragOffset,
+		springBack,
+		animateOut,
+		stop,
+		animatedStyle,
+		AnimatedView,
+		dragRef
+	};
 }
+
 export { useToastAnimations };
 //# sourceMappingURL=useToastAnimations.mjs.map