@hanzogui/toast 3.0.2 → 7.3.0

package/dist/cjs/useReducedMotion.native.js

@@ -0,0 +1,83 @@
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+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
+  });
+};
+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;
+};
+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
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var useReducedMotion_exports = {};
+__export(useReducedMotion_exports, {
+  useReducedMotion: () => useReducedMotion
+});
+module.exports = __toCommonJS(useReducedMotion_exports);
+var import_constants = require("@hanzogui/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;
+}
+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;
+}
+//# sourceMappingURL=useReducedMotion.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","useReducedMotion_exports","__export","useReducedMotion","module","exports","import_constants","require","React","__toESM","cachedResult","getReducedMotion","_window_matchMedia","_window_matchMedia1","_window","isWeb","window","_window_matchMedia_matches","matchMedia","call","matches","forceReducedMotion","reducedMotion","setReducedMotion","useState","useEffect","_mediaQuery_addEventListener","mediaQuery","handleChange","e","addEventListener","_mediaQuery_removeEventListener"],"sources":["../../src/useReducedMotion.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,wBAAA;AAAAC,QAAA,CAAAD,wBAAA;EAAAE,gBAAA,EAAAA,CAAA,KAAAA;AAAA;AAKAC,MAAA,CAAAC,OAAA,GAAAT,YAAsB,CAAAK,wBAAA;AACtB,IAAAK,gBAAuB,GAAAC,OAAA;AAEvB,IAAIC,KAAA,GAAAC,OAA+B,CAAAF,OAAA;AAEnC,IAAAG,YAAS;AACP,SAAIC,gBAAiBA,CAAA,EAAM;EAE3B,IAAIC,kBAAC,EAAAC,mBAAO,EAAAC,OAAA;EAGV,IAAAJ,YAAA,KAAe,aAAAA,YAAA;EACf,KAAAJ,gBAAO,CAAAS,KAAA;IACTL,YAAA;IAEA,OAAI,KAAO;EACT;EACF,WAAAM,MAAA;IAEA;EACA;EACF,IAAAC,0BAAA;EAEOP,YAAS,IAAAO,0BAAiB,GAAuC,CAAAJ,mBAAA,IAAAC,OAAA,GAAAE,MAAA,EAAAE,UAAA,cAAAL,mBAAA,wBAAAD,kBAAA,GAAAC,mBAAA,CAAAM,IAAA,CAAAL,OAAA,mDAAAF,kBAAA,uBAAAA,kBAAA,CAAAQ,OAAA,cAAAH,0BAAA,cAAAA,0BAAA;EACtE,OAAOP,YAAA;AAAyC;AACD,SAC/CP,iBAAAkB,kBAAA;EAEA,KAAAC,aAAgB,EAAAC,gBAAM,IAAAf,KAAA,CAAAgB,QAAA;IAEpB,OAAIH,kBAAA,KAAuB,QAAWA,kBAAA,cAAAA,kBAAA,GAAAV,gBAAA;EACpC;EACAH,KAAA,CAAAiB,SAAA;IACF,IAAAb,kBAAA,EAAAE,OAAA,EAAAY,4BAAA;IAGA,IAAIL,kBAAC,UAAS;MAEdE,gBAAM,CAAaF,kBAAO;MAC1B;IAEA;IACE,KAAAf,gBAAiB,CAAAS,KAAA,WAAAC,MAAA;IACjB,IAAAW,UAAA,IAAAf,kBAA0B,IAAAE,OAAA,GAAAE,MAAA,EAAAE,UAAA,cAAAN,kBAAA,uBAAAA,kBAAA,CAAAO,IAAA,CAAAL,OAAA;IAC5B,KAAAa,UAAA;IAEA,IAAAC,YAAW,YAAAA,CAAAC,CAAA,EAAmB;MAC9BnB,YAAa,GAAAmB,CAAA,CAAAT,OAAA;MACXG,gBAAW,CAAAM,CAAA,CAAAT,OAAA;IACb;IACF,CAAGM,4BAAoB,GAAAC,UAAA,CAAAG,gBAAA,cAAAJ,4BAAA,uBAAAA,4BAAA,CAAAP,IAAA,CAAAQ,UAAA,YAAAC,YAAA;IAEvB,OAAO;MACT,IAAAG,+BAAA","ignoreList":[]}

package/dist/cjs/useToastAnimations.cjs

@@ -0,0 +1,294 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+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
+  });
+};
+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;
+};
+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
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var useToastAnimations_exports = {};
+__export(useToastAnimations_exports, {
+  useToastAnimations: () => useToastAnimations
+});
+module.exports = __toCommonJS(useToastAnimations_exports);
+var import_constants = require("@hanzogui/constants");
+var import_core = require("@hanzogui/core");
+var React = __toESM(require("react"), 1);
+const SPRING_CONFIG = {
+  type: "spring",
+  damping: 30,
+  stiffness: 400,
+  mass: 0.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);
+    }
+  };
+}
+function useToastAnimations(options = {}) {
+  const {
+    onExitComplete,
+    reducedMotion,
+    swipeAxis = "horizontal"
+  } = options;
+  const {
+    animationDriver
+  } = (0, import_core.useConfiguration)();
+  if (!animationDriver) {
+    throw new Error("Toast requires an animation driver to be set in GuiProvider");
+  }
+  const {
+    useAnimatedNumber,
+    useAnimatedNumberStyle,
+    useAnimatedNumbersStyle
+  } = animationDriver;
+  const AnimatedView = animationDriver.View ?? import_core.View;
+  const dragRef = React.useRef(null);
+  const cancelAnimationRef = React.useRef(null);
+  const currentOffsetRef = React.useRef({
+    x: 0,
+    y: 0
+  });
+  const useDirectDom = import_constants.isWeb;
+  const translateX = useAnimatedNumber(0);
+  const translateY = useAnimatedNumber(0);
+  const animatedStyleMulti = useAnimatedNumbersStyle ? useAnimatedNumbersStyle([translateX, translateY], (x, y) => {
+    "worklet";
+
+    return {
+      transform: [{
+        translateX: x
+      }, {
+        translateY: y
+      }]
+    };
+  }) : null;
+  const animatedStyleFallback = 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 animatedStyle = animatedStyleMulti ?? animatedStyleFallback;
+  const setDragOffset = (0, import_core.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 = (0, import_core.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 = (0, import_core.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 = (0, import_core.useEvent)(() => {
+    cancelAnimationRef.current?.();
+    translateX.stop();
+    translateY.stop();
+  });
+  React.useEffect(() => {
+    return () => {
+      cancelAnimationRef.current?.();
+    };
+  }, []);
+  return {
+    setDragOffset,
+    springBack,
+    animateOut,
+    stop,
+    animatedStyle,
+    AnimatedView,
+    dragRef
+  };
+}

package/dist/cjs/useToastAnimations.native.js

@@ -0,0 +1,304 @@
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+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
+  });
+};
+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;
+};
+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
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var useToastAnimations_exports = {};
+__export(useToastAnimations_exports, {
+  useToastAnimations: () => useToastAnimations
+});
+module.exports = __toCommonJS(useToastAnimations_exports);
+var import_constants = require("@hanzogui/constants");
+var import_core = require("@hanzogui/core");
+var React = __toESM(require("react"), 1);
+var SPRING_CONFIG = {
+  type: "spring",
+  damping: 30,
+  stiffness: 400,
+  mass: 0.5
+};
+var EXIT_DISTANCE = 200;
+function animateSpring(element, fromX, fromY, toX, toY, config, onComplete) {
+  var {
+    damping = 30,
+    stiffness = 400,
+    mass = 0.5,
+    initialVelocityX = 0,
+    initialVelocityY = 0,
+    fadeOut = false
+  } = config;
+  var x = fromX;
+  var y = fromY;
+  var velocityX = initialVelocityX;
+  var velocityY = initialVelocityY;
+  var animationId = null;
+  var targetX = toX;
+  var targetY = toY;
+  var totalDistance = Math.sqrt(Math.pow(toX - fromX, 2) + Math.pow(toY - fromY, 2)) || 1;
+  function step() {
+    var forceX = -stiffness * (x - targetX);
+    var forceY = -stiffness * (y - targetY);
+    var dampingForceX = -damping * velocityX;
+    var dampingForceY = -damping * velocityY;
+    var accelerationX = (forceX + dampingForceX) / mass;
+    var 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) {
+      var distanceTraveled = Math.sqrt(Math.pow(x - fromX, 2) + Math.pow(y - fromY, 2));
+      var progress = Math.min(distanceTraveled / totalDistance, 1);
+      element.style.opacity = String(1 - progress);
+    }
+    var distanceX = Math.abs(x - targetX);
+    var distanceY = Math.abs(y - targetY);
+    var 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 === null || onComplete === void 0 ? void 0 : onComplete();
+      return;
+    }
+    animationId = requestAnimationFrame(step);
+  }
+  animationId = requestAnimationFrame(step);
+  return function () {
+    if (animationId) {
+      cancelAnimationFrame(animationId);
+    }
+  };
+}
+function useToastAnimations() {
+  var options = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+  var {
+    onExitComplete,
+    reducedMotion,
+    swipeAxis = "horizontal"
+  } = options;
+  var {
+    animationDriver
+  } = (0, import_core.useConfiguration)();
+  if (!animationDriver) {
+    throw new Error("Toast requires an animation driver to be set in GuiProvider");
+  }
+  var {
+    useAnimatedNumber,
+    useAnimatedNumberStyle,
+    useAnimatedNumbersStyle
+  } = animationDriver;
+  var _animationDriver_View;
+  var AnimatedView = (_animationDriver_View = animationDriver.View) !== null && _animationDriver_View !== void 0 ? _animationDriver_View : import_core.View;
+  var dragRef = React.useRef(null);
+  var cancelAnimationRef = React.useRef(null);
+  var currentOffsetRef = React.useRef({
+    x: 0,
+    y: 0
+  });
+  var useDirectDom = import_constants.isWeb;
+  var translateX = useAnimatedNumber(0);
+  var translateY = useAnimatedNumber(0);
+  var animatedStyleMulti = useAnimatedNumbersStyle ? useAnimatedNumbersStyle([translateX, translateY], function (x, y) {
+    "worklet";
+
+    return {
+      transform: [{
+        translateX: x
+      }, {
+        translateY: y
+      }]
+    };
+  }) : null;
+  var animatedStyleFallback = useAnimatedNumberStyle(swipeAxis === "vertical" ? translateY : translateX, function (primary) {
+    "worklet";
+
+    var secondary = swipeAxis === "vertical" ? translateX.getValue() : translateY.getValue();
+    return swipeAxis === "vertical" ? {
+      transform: [{
+        translateX: secondary
+      }, {
+        translateY: primary
+      }]
+    } : {
+      transform: [{
+        translateX: primary
+      }, {
+        translateY: secondary
+      }]
+    };
+  });
+  var animatedStyle = animatedStyleMulti !== null && animatedStyleMulti !== void 0 ? animatedStyleMulti : animatedStyleFallback;
+  var setDragOffset = (0, import_core.useEvent)(function (x, y) {
+    var _cancelAnimationRef_current;
+    (_cancelAnimationRef_current = cancelAnimationRef.current) === null || _cancelAnimationRef_current === void 0 ? void 0 : _cancelAnimationRef_current.call(cancelAnimationRef);
+    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"
+      });
+    }
+  });
+  var springBack = (0, import_core.useEvent)(function (onComplete) {
+    var _cancelAnimationRef_current;
+    (_cancelAnimationRef_current = cancelAnimationRef.current) === null || _cancelAnimationRef_current === void 0 ? void 0 : _cancelAnimationRef_current.call(cancelAnimationRef);
+    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 === null || onComplete === void 0 ? void 0 : onComplete();
+      return;
+    }
+    if (useDirectDom && dragRef.current) {
+      var {
+        x,
+        y
+      } = currentOffsetRef.current;
+      cancelAnimationRef.current = animateSpring(dragRef.current, x, y, 0, 0, SPRING_CONFIG, function () {
+        currentOffsetRef.current = {
+          x: 0,
+          y: 0
+        };
+        onComplete === null || onComplete === void 0 ? void 0 : onComplete();
+      });
+    } else {
+      translateX.setValue(0, SPRING_CONFIG);
+      translateY.setValue(0, SPRING_CONFIG, onComplete);
+    }
+  });
+  var animateOut = (0, import_core.useEvent)(function (direction, velocity, onComplete) {
+    var _cancelAnimationRef_current;
+    (_cancelAnimationRef_current = cancelAnimationRef.current) === null || _cancelAnimationRef_current === void 0 ? void 0 : _cancelAnimationRef_current.call(cancelAnimationRef);
+    var {
+      x: curX,
+      y: curY
+    } = currentOffsetRef.current;
+    var exitX = direction === "left" ? -EXIT_DISTANCE : direction === "right" ? EXIT_DISTANCE : 0;
+    var 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 === null || onComplete === void 0 ? void 0 : onComplete();
+      onExitComplete === null || onExitComplete === void 0 ? void 0 : onExitComplete();
+      return;
+    }
+    var velocityScale = (velocity !== null && velocity !== void 0 ? velocity : 0) * 500;
+    var initialVelocityX = direction === "left" ? -velocityScale : direction === "right" ? velocityScale : 0;
+    var initialVelocityY = direction === "up" ? -velocityScale : direction === "down" ? velocityScale : 0;
+    var exitConfig = {
+      damping: 25,
+      stiffness: 350,
+      mass: 0.4,
+      initialVelocityX,
+      initialVelocityY,
+      fadeOut: true
+    };
+    if (useDirectDom && dragRef.current) {
+      var {
+        x,
+        y
+      } = currentOffsetRef.current;
+      cancelAnimationRef.current = animateSpring(dragRef.current, x, y, exitX, exitY, exitConfig, function () {
+        onComplete === null || onComplete === void 0 ? void 0 : onComplete();
+        onExitComplete === null || onExitComplete === void 0 ? void 0 : onExitComplete();
+      });
+    } else {
+      var springConfig = {
+        type: "spring",
+        damping: 25,
+        stiffness: 350,
+        mass: 0.4
+      };
+      translateX.setValue(exitX, springConfig);
+      translateY.setValue(exitY, springConfig, function () {
+        onComplete === null || onComplete === void 0 ? void 0 : onComplete();
+        onExitComplete === null || onExitComplete === void 0 ? void 0 : onExitComplete();
+      });
+    }
+  });
+  var stop = (0, import_core.useEvent)(function () {
+    var _cancelAnimationRef_current;
+    (_cancelAnimationRef_current = cancelAnimationRef.current) === null || _cancelAnimationRef_current === void 0 ? void 0 : _cancelAnimationRef_current.call(cancelAnimationRef);
+    translateX.stop();
+    translateY.stop();
+  });
+  React.useEffect(function () {
+    return function () {
+      var _cancelAnimationRef_current;
+      (_cancelAnimationRef_current = cancelAnimationRef.current) === null || _cancelAnimationRef_current === void 0 ? void 0 : _cancelAnimationRef_current.call(cancelAnimationRef);
+    };
+  }, []);
+  return {
+    setDragOffset,
+    springBack,
+    animateOut,
+    stop,
+    animatedStyle,
+    AnimatedView,
+    dragRef
+  };
+}
+//# sourceMappingURL=useToastAnimations.native.js.map