@tamagui/v2-toast 2.0.0-1769464493958

package/dist/cjs/ToastImpl.cjs

@@ -0,0 +1,292 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf,
+  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+    value: mod,
+    enumerable: !0
+  }) : target, mod)),
+  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+    value: !0
+  }), mod);
+var ToastImpl_exports = {};
+__export(ToastImpl_exports, {
+  ToastImpl: () => ToastImpl,
+  ToastImplFrame: () => ToastImplFrame,
+  useToastInteractiveContext: () => useToastInteractiveContext
+});
+module.exports = __toCommonJS(ToastImpl_exports);
+var import_animate_presence = require("@tamagui/animate-presence"),
+  import_compose_refs = require("@tamagui/compose-refs"),
+  import_constants = require("@tamagui/constants"),
+  import_core = require("@tamagui/core"),
+  import_dismissable = require("@tamagui/dismissable"),
+  import_helpers = require("@tamagui/helpers"),
+  import_portal = require("@tamagui/portal"),
+  import_stacks = require("@tamagui/stacks"),
+  React = __toESM(require("react"), 1),
+  import_react_native = require("react-native-web"),
+  import_constants2 = require("./constants.cjs"),
+  import_ToastAnnounce = require("./ToastAnnounce.cjs"),
+  import_ToastProvider = require("./ToastProvider.cjs"),
+  import_ToastViewport = require("./ToastViewport.cjs"),
+  import_jsx_runtime = require("react/jsx-runtime");
+const ToastImplFrame = (0, import_core.styled)(import_stacks.YStack, {
+    name: "ToastImpl",
+    focusable: !0,
+    variants: {
+      unstyled: {
+        false: {
+          focusStyle: {
+            outlineStyle: "solid",
+            outlineWidth: 2,
+            outlineColor: "$outlineColor"
+          },
+          backgroundColor: "$color6",
+          borderRadius: "$4",
+          paddingHorizontal: "$4",
+          paddingVertical: "$3",
+          marginHorizontal: "auto",
+          marginVertical: "$1",
+          elevation: "$3"
+        }
+      }
+    },
+    defaultVariants: {
+      unstyled: process.env.TAMAGUI_HEADLESS === "1"
+    }
+  }),
+  {
+    Provider: ToastInteractiveProvider,
+    useStyledContext: useToastInteractiveContext
+  } = (0, import_core.createStyledContext)({
+    onClose() {}
+  }),
+  ToastImpl = React.forwardRef((props, forwardedRef) => {
+    const {
+        scope,
+        type = "foreground",
+        duration: durationProp,
+        open,
+        onClose,
+        onEscapeKeyDown,
+        onPause,
+        onResume,
+        onSwipeStart,
+        onSwipeMove,
+        onSwipeCancel,
+        onSwipeEnd,
+        viewportName = "default",
+        ...toastProps
+      } = props,
+      isPresent = (0, import_animate_presence.useIsPresent)(),
+      context = (0, import_ToastProvider.useToastProviderContext)(scope),
+      [node, setNode] = React.useState(null),
+      composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, setNode),
+      duration = durationProp || context.duration,
+      closeTimerStartTimeRef = React.useRef(0),
+      closeTimerRemainingTimeRef = React.useRef(duration),
+      closeTimerRef = React.useRef(0),
+      {
+        onToastAdd,
+        onToastRemove
+      } = context,
+      viewport = React.useMemo(() => context.viewports[viewportName], [context.viewports, viewportName]),
+      handleClose = (0, import_core.useEvent)(() => {
+        isPresent && (import_constants.isWeb && node?.contains(document.activeElement) && viewport?.focus(), onClose());
+      }),
+      startTimer = React.useCallback(duration2 => {
+        !duration2 || duration2 === Number.POSITIVE_INFINITY || (clearTimeout(closeTimerRef.current), closeTimerStartTimeRef.current = (/* @__PURE__ */new Date()).getTime(), closeTimerRef.current = setTimeout(handleClose, duration2));
+      }, [handleClose]),
+      handleResume = React.useCallback(() => {
+        startTimer(closeTimerRemainingTimeRef.current), onResume?.();
+      }, [onResume, startTimer]),
+      handlePause = React.useCallback(() => {
+        const elapsedTime = (/* @__PURE__ */new Date()).getTime() - closeTimerStartTimeRef.current;
+        closeTimerRemainingTimeRef.current = closeTimerRemainingTimeRef.current - elapsedTime, window.clearTimeout(closeTimerRef.current), onPause?.();
+      }, [onPause]);
+    React.useEffect(() => {
+      if (import_constants.isWeb && viewport) return viewport.addEventListener(import_ToastViewport.VIEWPORT_PAUSE, handlePause), viewport.addEventListener(import_ToastViewport.VIEWPORT_RESUME, handleResume), () => {
+        viewport.removeEventListener(import_ToastViewport.VIEWPORT_PAUSE, handlePause), viewport.removeEventListener(import_ToastViewport.VIEWPORT_RESUME, handleResume);
+      };
+    }, [viewport, duration, onPause, onResume, startTimer]), React.useEffect(() => {
+      open && !context.isClosePausedRef.current && startTimer(duration);
+    }, [open, duration, context.isClosePausedRef, startTimer]), React.useEffect(() => (onToastAdd(), () => onToastRemove()), [onToastAdd, onToastRemove]);
+    const announceTextContent = React.useMemo(() => import_constants.isWeb && node ? getAnnounceTextContent(node) : null, [node]),
+      isHorizontalSwipe = ["left", "right", "horizontal"].includes(context.swipeDirection),
+      {
+        animationDriver
+      } = (0, import_core.useConfiguration)();
+    if (!animationDriver) throw new Error("Must set animations in tamagui.config.ts");
+    const {
+        useAnimatedNumber,
+        useAnimatedNumberStyle
+      } = animationDriver,
+      animatedNumber = useAnimatedNumber(0),
+      AnimatedView = animationDriver.NumberView ?? animationDriver.View ?? import_core.View,
+      animatedStyles = useAnimatedNumberStyle(animatedNumber, val => {
+        "worklet";
+
+        return {
+          transform: [isHorizontalSwipe ? {
+            translateX: val
+          } : {
+            translateY: val
+          }]
+        };
+      }),
+      panResponder = React.useMemo(() => import_react_native.PanResponder.create({
+        onMoveShouldSetPanResponder: (e, gesture) => shouldGrantGestureMove(context.swipeDirection, gesture) ? (onSwipeStart?.(e), !0) : !1,
+        onPanResponderGrant: e => {
+          import_constants.isWeb || handlePause?.();
+        },
+        onPanResponderMove: (e, gesture) => {
+          const {
+              x,
+              y
+            } = getGestureDistance(context.swipeDirection, gesture),
+            delta = {
+              x,
+              y
+            };
+          animatedNumber.setValue(isHorizontalSwipe ? x : y, {
+            type: "direct"
+          }), isDeltaInDirection(delta, context.swipeDirection, context.swipeThreshold) && onSwipeEnd?.(e), onSwipeMove?.(e);
+        },
+        onPanResponderEnd: (e, {
+          dx,
+          dy
+        }) => {
+          isDeltaInDirection({
+            x: dx,
+            y: dy
+          }, context.swipeDirection, context.swipeThreshold) || (import_constants.isWeb || handleResume?.(), onSwipeCancel?.(e), animatedNumber.setValue(0, {
+            type: "spring"
+          }));
+        }
+      }), [handlePause, handleResume]),
+      themeName = (0, import_core.useThemeName)();
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+      children: [announceTextContent && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToastAnnounce.ToastAnnounce, {
+        scope,
+        role: "status",
+        "aria-live": type === "foreground" ? "assertive" : "polite",
+        "aria-atomic": !0,
+        children: announceTextContent
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_portal.PortalItem, {
+        hostName: viewportName ?? "default",
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToastInteractiveProvider, {
+          scope,
+          onClose: () => {
+            handleClose();
+          },
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_dismissable.Dismissable, {
+            onEscapeKeyDown: (0, import_helpers.composeEventHandlers)(onEscapeKeyDown, () => {
+              context.isFocusedToastEscapeKeyDownRef.current || handleClose(), context.isFocusedToastEscapeKeyDownRef.current = !1;
+            }),
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_core.Theme, {
+              contain: !0,
+              forceClassName: !0,
+              name: themeName,
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(AnimatedView, {
+                ...panResponder?.panHandlers,
+                style: [{
+                  margin: "auto"
+                }, animatedStyles],
+                children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToastProvider.Collection.ItemSlot, {
+                  scope: context.toastScope,
+                  children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToastImplFrame, {
+                    role: "status",
+                    "aria-live": "off",
+                    "aria-atomic": !0,
+                    "data-state": open ? "open" : "closed",
+                    "data-swipe-direction": context.swipeDirection,
+                    pointerEvents: "auto",
+                    "$platform-web": {
+                      touchAction: "none",
+                      userSelect: "none"
+                    },
+                    ...toastProps,
+                    ref: composedRefs,
+                    ...(import_constants.isWeb && {
+                      onKeyDown: (0, import_helpers.composeEventHandlers)(props.onKeyDown, event => {
+                        event.key === "Escape" && (onEscapeKeyDown?.(event), event.defaultPrevented || (context.isFocusedToastEscapeKeyDownRef.current = !0, handleClose()));
+                      })
+                    })
+                  })
+                })
+              })
+            })
+          })
+        }, props.id)
+      })]
+    });
+  });
+ToastImpl.propTypes = {
+  type(props) {
+    if (props.type && !["foreground", "background"].includes(props.type)) {
+      const error = `Invalid prop \`type\` supplied to \`${import_constants2.TOAST_NAME}\`. Expected \`foreground | background\`.`;
+      return new Error(error);
+    }
+    return null;
+  }
+};
+const isDeltaInDirection = (delta, direction, threshold = 0) => {
+  const deltaX = Math.abs(delta.x),
+    deltaY = Math.abs(delta.y),
+    isDeltaX = deltaX > deltaY;
+  return direction === "left" || direction === "right" || direction === "horizontal" ? isDeltaX && deltaX > threshold : !isDeltaX && deltaY > threshold;
+};
+function getAnnounceTextContent(container) {
+  if (!import_constants.isWeb) return "";
+  const textContent = [];
+  return Array.from(container.childNodes).forEach(node => {
+    if (node.nodeType === node.TEXT_NODE && node.textContent && textContent.push(node.textContent), isHTMLElement(node)) {
+      const isHidden = node.ariaHidden || node.hidden || node.style.display === "none",
+        isExcluded = node.dataset.toastAnnounceExclude === "";
+      if (!isHidden) if (isExcluded) {
+        const altText = node.dataset.toastAnnounceAlt;
+        altText && textContent.push(altText);
+      } else textContent.push(...getAnnounceTextContent(node));
+    }
+  }), textContent;
+}
+function isHTMLElement(node) {
+  return node.nodeType === node.ELEMENT_NODE;
+}
+const GESTURE_GRANT_THRESHOLD = 10,
+  shouldGrantGestureMove = (dir, {
+    dx,
+    dy
+  }) => (dir === "horizontal" || dir === "left") && dx < -GESTURE_GRANT_THRESHOLD || (dir === "horizontal" || dir === "right") && dx > GESTURE_GRANT_THRESHOLD || (dir === "vertical" || dir === "up") && dy > -GESTURE_GRANT_THRESHOLD || (dir === "vertical" || dir === "down") && dy < GESTURE_GRANT_THRESHOLD,
+  getGestureDistance = (dir, {
+    dx,
+    dy
+  }) => {
+    let y = 0,
+      x = 0;
+    return dir === "horizontal" ? x = dx : dir === "left" ? x = Math.min(0, dx) : dir === "right" ? x = Math.max(0, dx) : dir === "vertical" ? y = dy : dir === "up" ? y = Math.min(0, dy) : dir === "down" && (y = Math.max(0, dy)), {
+      x,
+      y
+    };
+  };

package/dist/cjs/ToastImpl.js

@@ -0,0 +1,227 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
+  mod
+)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var ToastImpl_exports = {};
+__export(ToastImpl_exports, {
+  ToastImpl: () => ToastImpl,
+  ToastImplFrame: () => ToastImplFrame,
+  useToastInteractiveContext: () => useToastInteractiveContext
+});
+module.exports = __toCommonJS(ToastImpl_exports);
+var import_animate_presence = require("@tamagui/animate-presence"), import_compose_refs = require("@tamagui/compose-refs"), import_constants = require("@tamagui/constants"), import_core = require("@tamagui/core"), import_dismissable = require("@tamagui/dismissable"), import_helpers = require("@tamagui/helpers"), import_portal = require("@tamagui/portal"), import_stacks = require("@tamagui/stacks"), React = __toESM(require("react"), 1), import_react_native = require("react-native-web"), import_constants2 = require("./constants"), import_ToastAnnounce = require("./ToastAnnounce"), import_ToastProvider = require("./ToastProvider"), import_ToastViewport = require("./ToastViewport"), import_jsx_runtime = require("react/jsx-runtime");
+const ToastImplFrame = (0, import_core.styled)(import_stacks.YStack, {
+  name: "ToastImpl",
+  focusable: !0,
+  variants: {
+    unstyled: {
+      false: {
+        focusStyle: {
+          outlineStyle: "solid",
+          outlineWidth: 2,
+          outlineColor: "$outlineColor"
+        },
+        backgroundColor: "$color6",
+        borderRadius: "$4",
+        paddingHorizontal: "$4",
+        paddingVertical: "$3",
+        marginHorizontal: "auto",
+        marginVertical: "$1",
+        elevation: "$3"
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: process.env.TAMAGUI_HEADLESS === "1"
+  }
+}), {
+  Provider: ToastInteractiveProvider,
+  useStyledContext: useToastInteractiveContext
+} = (0, import_core.createStyledContext)({
+  onClose() {
+  }
+}), ToastImpl = React.forwardRef(
+  (props, forwardedRef) => {
+    const {
+      scope,
+      type = "foreground",
+      duration: durationProp,
+      open,
+      onClose,
+      onEscapeKeyDown,
+      onPause,
+      onResume,
+      onSwipeStart,
+      onSwipeMove,
+      onSwipeCancel,
+      onSwipeEnd,
+      viewportName = "default",
+      ...toastProps
+    } = props, isPresent = (0, import_animate_presence.useIsPresent)(), context = (0, import_ToastProvider.useToastProviderContext)(scope), [node, setNode] = React.useState(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, setNode), duration = durationProp || context.duration, closeTimerStartTimeRef = React.useRef(0), closeTimerRemainingTimeRef = React.useRef(duration), closeTimerRef = React.useRef(0), { onToastAdd, onToastRemove } = context, viewport = React.useMemo(() => context.viewports[viewportName], [context.viewports, viewportName]), handleClose = (0, import_core.useEvent)(() => {
+      isPresent && (import_constants.isWeb && node?.contains(
+        document.activeElement
+      ) && viewport?.focus(), onClose());
+    }), startTimer = React.useCallback(
+      (duration2) => {
+        !duration2 || duration2 === Number.POSITIVE_INFINITY || (clearTimeout(closeTimerRef.current), closeTimerStartTimeRef.current = (/* @__PURE__ */ new Date()).getTime(), closeTimerRef.current = setTimeout(handleClose, duration2));
+      },
+      [handleClose]
+    ), handleResume = React.useCallback(() => {
+      startTimer(closeTimerRemainingTimeRef.current), onResume?.();
+    }, [onResume, startTimer]), handlePause = React.useCallback(() => {
+      const elapsedTime = (/* @__PURE__ */ new Date()).getTime() - closeTimerStartTimeRef.current;
+      closeTimerRemainingTimeRef.current = closeTimerRemainingTimeRef.current - elapsedTime, window.clearTimeout(closeTimerRef.current), onPause?.();
+    }, [onPause]);
+    React.useEffect(() => {
+      if (import_constants.isWeb && viewport)
+        return viewport.addEventListener(import_ToastViewport.VIEWPORT_PAUSE, handlePause), viewport.addEventListener(import_ToastViewport.VIEWPORT_RESUME, handleResume), () => {
+          viewport.removeEventListener(import_ToastViewport.VIEWPORT_PAUSE, handlePause), viewport.removeEventListener(import_ToastViewport.VIEWPORT_RESUME, handleResume);
+        };
+    }, [viewport, duration, onPause, onResume, startTimer]), React.useEffect(() => {
+      open && !context.isClosePausedRef.current && startTimer(duration);
+    }, [open, duration, context.isClosePausedRef, startTimer]), React.useEffect(() => (onToastAdd(), () => onToastRemove()), [onToastAdd, onToastRemove]);
+    const announceTextContent = React.useMemo(() => import_constants.isWeb && node ? getAnnounceTextContent(node) : null, [node]), isHorizontalSwipe = ["left", "right", "horizontal"].includes(
+      context.swipeDirection
+    ), { animationDriver } = (0, import_core.useConfiguration)();
+    if (!animationDriver)
+      throw new Error("Must set animations in tamagui.config.ts");
+    const { useAnimatedNumber, useAnimatedNumberStyle } = animationDriver, animatedNumber = useAnimatedNumber(0), AnimatedView = animationDriver.NumberView ?? animationDriver.View ?? import_core.View, animatedStyles = useAnimatedNumberStyle(animatedNumber, (val) => {
+      "worklet";
+      return {
+        transform: [isHorizontalSwipe ? { translateX: val } : { translateY: val }]
+      };
+    }), panResponder = React.useMemo(() => import_react_native.PanResponder.create({
+      onMoveShouldSetPanResponder: (e, gesture) => shouldGrantGestureMove(context.swipeDirection, gesture) ? (onSwipeStart?.(e), !0) : !1,
+      onPanResponderGrant: (e) => {
+        import_constants.isWeb || handlePause?.();
+      },
+      onPanResponderMove: (e, gesture) => {
+        const { x, y } = getGestureDistance(context.swipeDirection, gesture), delta = { x, y };
+        animatedNumber.setValue(isHorizontalSwipe ? x : y, { type: "direct" }), isDeltaInDirection(delta, context.swipeDirection, context.swipeThreshold) && onSwipeEnd?.(e), onSwipeMove?.(e);
+      },
+      onPanResponderEnd: (e, { dx, dy }) => {
+        isDeltaInDirection(
+          { x: dx, y: dy },
+          context.swipeDirection,
+          context.swipeThreshold
+        ) || (import_constants.isWeb || handleResume?.(), onSwipeCancel?.(e), animatedNumber.setValue(0, { type: "spring" }));
+      }
+    }), [handlePause, handleResume]), themeName = (0, import_core.useThemeName)();
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      announceTextContent && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_ToastAnnounce.ToastAnnounce,
+        {
+          scope,
+          role: "status",
+          "aria-live": type === "foreground" ? "assertive" : "polite",
+          "aria-atomic": !0,
+          children: announceTextContent
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_portal.PortalItem, { hostName: viewportName ?? "default", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        ToastInteractiveProvider,
+        {
+          scope,
+          onClose: () => {
+            handleClose();
+          },
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_dismissable.Dismissable,
+            {
+              onEscapeKeyDown: (0, import_helpers.composeEventHandlers)(onEscapeKeyDown, () => {
+                context.isFocusedToastEscapeKeyDownRef.current || handleClose(), context.isFocusedToastEscapeKeyDownRef.current = !1;
+              }),
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Theme, { contain: !0, forceClassName: !0, name: themeName, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                AnimatedView,
+                {
+                  ...panResponder?.panHandlers,
+                  style: [{ margin: "auto" }, animatedStyles],
+                  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ToastProvider.Collection.ItemSlot, { scope: context.toastScope, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    ToastImplFrame,
+                    {
+                      role: "status",
+                      "aria-live": "off",
+                      "aria-atomic": !0,
+                      "data-state": open ? "open" : "closed",
+                      "data-swipe-direction": context.swipeDirection,
+                      pointerEvents: "auto",
+                      "$platform-web": {
+                        touchAction: "none",
+                        userSelect: "none"
+                      },
+                      ...toastProps,
+                      ref: composedRefs,
+                      ...import_constants.isWeb && {
+                        onKeyDown: (0, import_helpers.composeEventHandlers)(props.onKeyDown, (event) => {
+                          event.key === "Escape" && (onEscapeKeyDown?.(event), event.defaultPrevented || (context.isFocusedToastEscapeKeyDownRef.current = !0, handleClose()));
+                        })
+                      }
+                    }
+                  ) })
+                }
+              ) })
+            }
+          )
+        },
+        props.id
+      ) })
+    ] });
+  }
+);
+ToastImpl.propTypes = {
+  type(props) {
+    if (props.type && !["foreground", "background"].includes(props.type)) {
+      const error = `Invalid prop \`type\` supplied to \`${import_constants2.TOAST_NAME}\`. Expected \`foreground | background\`.`;
+      return new Error(error);
+    }
+    return null;
+  }
+};
+const isDeltaInDirection = (delta, direction, threshold = 0) => {
+  const deltaX = Math.abs(delta.x), deltaY = Math.abs(delta.y), isDeltaX = deltaX > deltaY;
+  return direction === "left" || direction === "right" || direction === "horizontal" ? isDeltaX && deltaX > threshold : !isDeltaX && deltaY > threshold;
+};
+function getAnnounceTextContent(container) {
+  if (!import_constants.isWeb) return "";
+  const textContent = [];
+  return Array.from(container.childNodes).forEach((node) => {
+    if (node.nodeType === node.TEXT_NODE && node.textContent && textContent.push(node.textContent), isHTMLElement(node)) {
+      const isHidden = node.ariaHidden || node.hidden || node.style.display === "none", isExcluded = node.dataset.toastAnnounceExclude === "";
+      if (!isHidden)
+        if (isExcluded) {
+          const altText = node.dataset.toastAnnounceAlt;
+          altText && textContent.push(altText);
+        } else
+          textContent.push(...getAnnounceTextContent(node));
+    }
+  }), textContent;
+}
+function isHTMLElement(node) {
+  return node.nodeType === node.ELEMENT_NODE;
+}
+const GESTURE_GRANT_THRESHOLD = 10, shouldGrantGestureMove = (dir, { dx, dy }) => (dir === "horizontal" || dir === "left") && dx < -GESTURE_GRANT_THRESHOLD || (dir === "horizontal" || dir === "right") && dx > GESTURE_GRANT_THRESHOLD || (dir === "vertical" || dir === "up") && dy > -GESTURE_GRANT_THRESHOLD || (dir === "vertical" || dir === "down") && dy < GESTURE_GRANT_THRESHOLD, getGestureDistance = (dir, { dx, dy }) => {
+  let y = 0, x = 0;
+  return dir === "horizontal" ? x = dx : dir === "left" ? x = Math.min(0, dx) : dir === "right" ? x = Math.max(0, dx) : dir === "vertical" ? y = dy : dir === "up" ? y = Math.min(0, dy) : dir === "down" && (y = Math.max(0, dy)), {
+    x,
+    y
+  };
+};
+//# sourceMappingURL=ToastImpl.js.map

package/dist/cjs/ToastImpl.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/ToastImpl.tsx"],
+  "mappings": "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",
+  "names": ["import_constants", "duration"]
+}