@tamagui/toast 1.116.0 → 1.116.2

package/dist/cjs/Toast.js

@@ -0,0 +1,126 @@
+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 Toast_exports = {};
+__export(Toast_exports, {
+  Toast: () => Toast,
+  ToastProvider: () => import_ToastProvider.ToastProvider,
+  ToastViewport: () => import_ToastViewport.ToastViewport,
+  useToast: () => import_ToastImperative.useToast,
+  useToastController: () => import_ToastImperative.useToastController,
+  useToastState: () => import_ToastImperative.useToastState
+});
+module.exports = __toCommonJS(Toast_exports);
+var import_core = require("@tamagui/core"), import_helpers = require("@tamagui/helpers"), import_stacks = require("@tamagui/stacks"), import_text = require("@tamagui/text"), import_use_controllable_state = require("@tamagui/use-controllable-state"), React = __toESM(require("react")), import_constants = require("./constants"), import_ToastAnnounce = require("./ToastAnnounce"), import_ToastImperative = require("./ToastImperative"), import_ToastImpl = require("./ToastImpl"), import_ToastProvider = require("./ToastProvider"), import_ToastViewport = require("./ToastViewport"), import_jsx_runtime = require("react/jsx-runtime");
+const TITLE_NAME = "ToastTitle", ToastTitle = (0, import_core.styled)(import_text.SizableText, {
+  name: TITLE_NAME,
+  variants: {
+    unstyled: {
+      false: {
+        color: "$color",
+        size: "$4"
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: process.env.TAMAGUI_HEADLESS === "1"
+  }
+});
+ToastTitle.displayName = TITLE_NAME;
+const DESCRIPTION_NAME = "ToastDescription", ToastDescription = (0, import_core.styled)(import_text.SizableText, {
+  name: DESCRIPTION_NAME,
+  variants: {
+    unstyled: {
+      false: {
+        color: "$color11",
+        size: "$1"
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: process.env.TAMAGUI_HEADLESS === "1"
+  }
+});
+ToastDescription.displayName = DESCRIPTION_NAME;
+const ACTION_NAME = "ToastAction", ToastAction = React.forwardRef(
+  (props, forwardedRef) => {
+    const { altText, ...actionProps } = props;
+    return altText ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ToastAnnounce.ToastAnnounceExclude, { altText, asChild: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToastClose, { ...actionProps, ref: forwardedRef }) }) : null;
+  }
+);
+ToastAction.propTypes = {
+  altText(props) {
+    return props.altText ? null : new Error(`Missing prop \`altText\` expected on \`${ACTION_NAME}\``);
+  }
+};
+ToastAction.displayName = ACTION_NAME;
+const CLOSE_NAME = "ToastClose", ToastCloseFrame = (0, import_core.styled)(import_stacks.ThemeableStack, {
+  name: CLOSE_NAME,
+  tag: "button"
+}), ToastClose = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeToast, ...closeProps } = props, interactiveContext = (0, import_ToastImpl.useToastInteractiveContext)(__scopeToast);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ToastAnnounce.ToastAnnounceExclude, { asChild: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      ToastCloseFrame,
+      {
+        accessibilityLabel: "Dialog Close",
+        ...closeProps,
+        ref: forwardedRef,
+        onPress: (0, import_helpers.composeEventHandlers)(props.onPress, interactiveContext.onClose)
+      }
+    ) });
+  }
+);
+ToastClose.displayName = CLOSE_NAME;
+const ToastComponent = import_ToastImpl.ToastImplFrame.styleable(
+  (props, forwardedRef) => {
+    const { forceMount, open: openProp, defaultOpen, onOpenChange, ...toastProps } = props, [open, setOpen] = (0, import_use_controllable_state.useControllableState)({
+      prop: openProp,
+      defaultProp: defaultOpen ?? !0,
+      onChange: onOpenChange,
+      strategy: "most-recent-wins"
+    }), id = React.useId(), onPause = (0, import_core.useEvent)(props.onPause), onResume = (0, import_core.useEvent)(props.onResume);
+    return forceMount || open ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_ToastImpl.ToastImpl,
+      {
+        id,
+        open,
+        ...toastProps,
+        ref: forwardedRef,
+        onClose: () => setOpen(!1),
+        onPause,
+        onResume,
+        onSwipeEnd: (0, import_helpers.composeEventHandlers)(props.onSwipeEnd, (event) => {
+          setOpen(!1);
+        })
+      }
+    ) : null;
+  }
+);
+ToastComponent.displayName = import_constants.TOAST_NAME;
+const Toast = (0, import_helpers.withStaticProperties)(ToastComponent, {
+  Title: ToastTitle,
+  Description: ToastDescription,
+  Action: ToastAction,
+  Close: ToastClose
+});
+//# sourceMappingURL=Toast.js.map

package/dist/cjs/ToastAnnounce.js

@@ -0,0 +1,70 @@
+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 ToastAnnounce_exports = {};
+__export(ToastAnnounce_exports, {
+  ToastAnnounce: () => ToastAnnounce,
+  ToastAnnounceExclude: () => ToastAnnounceExclude
+});
+module.exports = __toCommonJS(ToastAnnounce_exports);
+var import_constants = require("@tamagui/constants"), import_core = require("@tamagui/core"), import_start_transition = require("@tamagui/start-transition"), import_portal = require("@tamagui/portal"), import_visually_hidden = require("@tamagui/visually-hidden"), React = __toESM(require("react")), import_ToastProvider = require("./ToastProvider"), import_jsx_runtime = require("react/jsx-runtime");
+const ToastAnnounceExcludeFrame = (0, import_core.styled)(import_core.Stack, {
+  name: "ToastAnnounceExclude"
+}), ToastAnnounceExclude = React.forwardRef((props, forwardedRef) => {
+  const { altText, ...announceExcludeProps } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    ToastAnnounceExcludeFrame,
+    {
+      "data-toast-announce-exclude": "",
+      "data-toast-announce-alt": altText || void 0,
+      ...announceExcludeProps,
+      ref: forwardedRef
+    }
+  );
+}), ToastAnnounce = (props) => {
+  const { __scopeToast, children, ...announceProps } = props, context = (0, import_ToastProvider.useToastProviderContext)(__scopeToast), [renderAnnounceText, setRenderAnnounceText] = React.useState(!1), [isAnnounced, setIsAnnounced] = React.useState(!1);
+  return useNextFrame(() => {
+    (0, import_start_transition.startTransition)(() => {
+      setRenderAnnounceText(!0);
+    });
+  }), React.useEffect(() => {
+    const timer = setTimeout(() => setIsAnnounced(!0), 1e3);
+    return () => clearTimeout(timer);
+  }, []), isAnnounced ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_portal.Portal, { asChild: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_visually_hidden.VisuallyHidden, { ...announceProps, children: renderAnnounceText && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_core.Text, { children: [
+    context.label,
+    " ",
+    children
+  ] }) }) });
+};
+function useNextFrame(callback = () => {
+}) {
+  const fn = (0, import_core.useEvent)(callback);
+  (0, import_constants.useIsomorphicLayoutEffect)(() => {
+    let raf1 = 0, raf2 = 0;
+    return raf1 = requestAnimationFrame(() => {
+      raf2 = requestAnimationFrame(fn);
+    }), () => {
+      cancelAnimationFrame(raf1), cancelAnimationFrame(raf2);
+    };
+  }, [fn]);
+}
+//# sourceMappingURL=ToastAnnounce.js.map

package/dist/cjs/ToastImperative.js

@@ -0,0 +1,66 @@
+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 ToastImperative_exports = {};
+__export(ToastImperative_exports, {
+  ToastImperativeProvider: () => ToastImperativeProvider,
+  useToast: () => useToast,
+  useToastController: () => useToastController,
+  useToastState: () => useToastState
+});
+module.exports = __toCommonJS(ToastImperative_exports);
+var import_react = __toESM(require("react")), import_core = require("@tamagui/core"), import_react_native = require("react-native-web"), import_createNativeToast = require("./createNativeToast"), import_jsx_runtime = require("react/jsx-runtime");
+const ToastContext = import_react.default.createContext({}), ToastCurrentContext = import_react.default.createContext(null), useToastController = () => import_react.default.useContext(ToastContext), useToastState = () => import_react.default.useContext(ToastCurrentContext), useToast = () => ({
+  ...useToastController(),
+  currentToast: useToastState()
+}), ToastImperativeProvider = ({
+  children,
+  options
+}) => {
+  const counterRef = import_react.default.useRef(0), [toast, setToast] = import_react.default.useState(null), [lastNativeToastRef, setLastNativeToastRef] = import_react.default.useState(null), show = import_react.default.useCallback(
+    (title, showOptions) => {
+      const native = showOptions?.native ?? options.native, isWebNative = Array.isArray(native) ? native.includes("web") : native === "web", isMobileNative = Array.isArray(native) ? native.includes("mobile") : native === "mobile", isAndroidNative = isMobileNative || (Array.isArray(native) ? native.includes("android") : native === "android"), isIosNative = isMobileNative || (Array.isArray(native) ? native.includes("ios") : native === "ios"), isHandledNatively = native === !0 || import_core.isWeb && isWebNative || !import_core.isWeb && isMobileNative || import_react_native.Platform.OS === "android" && isAndroidNative || import_react_native.Platform.OS === "ios" && isIosNative;
+      if (isHandledNatively) {
+        const nativeToastResult = (0, import_createNativeToast.createNativeToast)(title, showOptions ?? {});
+        typeof nativeToastResult == "object" && nativeToastResult.nativeToastRef && setLastNativeToastRef(nativeToastResult.nativeToastRef);
+      }
+      return counterRef.current++, setToast({
+        ...showOptions?.customData,
+        ...showOptions,
+        viewportName: showOptions?.viewportName ?? "default",
+        title,
+        id: counterRef.current.toString(),
+        isHandledNatively
+      }), !0;
+    },
+    [setToast, JSON.stringify(options.native || null)]
+  ), hide = import_react.default.useCallback(() => {
+    lastNativeToastRef?.close(), setToast(null);
+  }, [setToast, lastNativeToastRef]), contextValue = import_react.default.useMemo(() => ({
+    show,
+    hide,
+    nativeToast: lastNativeToastRef,
+    options
+  }), [show, hide, lastNativeToastRef, JSON.stringify(options || null)]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToastContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToastCurrentContext.Provider, { value: toast, children }) });
+};
+//# sourceMappingURL=ToastImperative.js.map

package/dist/cjs/ToastImpl.js

@@ -0,0 +1,225 @@
+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")), 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.ThemeableStack, {
+  name: "ToastImpl",
+  focusable: !0,
+  variants: {
+    unstyled: {
+      false: {
+        focusStyle: {
+          outlineStyle: "solid",
+          outlineWidth: 2,
+          outlineColor: "$outlineColor"
+        },
+        backgroundColor: "$color6",
+        borderRadius: "$10",
+        paddingHorizontal: "$5",
+        paddingVertical: "$2",
+        marginHorizontal: "auto",
+        marginVertical: "$1"
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: process.env.TAMAGUI_HEADLESS === "1"
+  }
+}), {
+  Provider: ToastInteractiveProvider,
+  useStyledContext: useToastInteractiveContext
+} = (0, import_core.createStyledContext)({
+  onClose() {
+  }
+}), ToastImpl = React.forwardRef(
+  (props, forwardedRef) => {
+    const {
+      __scopeToast,
+      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)(__scopeToast), [node, setNode] = React.useState(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, (node2) => setNode(node2)), 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.Stack, 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,
+        {
+          __scopeToast,
+          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: __scopeToast,
+          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, { 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, { __scopeCollection: __scopeToast || import_constants2.TOAST_CONTEXT, 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",
+                      touchAction: "none",
+                      userSelect: "none",
+                      ...toastProps,
+                      ref: composedRefs,
+                      ...import_constants.isWeb && {
+                        onKeyDown: (0, import_helpers.composeEventHandlers)(
+                          props.onKeyDown,
+                          (event) => {
+                            event.key === "Escape" && (onEscapeKeyDown?.(event), 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/ToastPortal.js

@@ -0,0 +1,28 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var ToastPortal_exports = {};
+__export(ToastPortal_exports, {
+  ToastPortal: () => ToastPortal
+});
+module.exports = __toCommonJS(ToastPortal_exports);
+var import_portal = require("@tamagui/portal"), import_react_native = require("react-native-web"), import_ToastProvider = require("./ToastProvider"), import_jsx_runtime = require("react/jsx-runtime");
+function ToastPortal({
+  children,
+  zIndex
+}) {
+  let content = children;
+  return (import_react_native.Platform.OS === "android" || import_react_native.Platform.OS === "ios") && (content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ToastProvider.ReprogapateToastProvider, { context: (0, import_ToastProvider.useToastProviderContext)(), children })), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_portal.Portal, { zIndex: zIndex || 1e9, children: content });
+}
+//# sourceMappingURL=ToastPortal.js.map

package/dist/cjs/ToastProvider.js

@@ -0,0 +1,101 @@
+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 ToastProvider_exports = {};
+__export(ToastProvider_exports, {
+  Collection: () => Collection,
+  ReprogapateToastProvider: () => ReprogapateToastProvider,
+  ToastProvider: () => ToastProvider,
+  useCollection: () => useCollection,
+  useToastProviderContext: () => useToastProviderContext
+});
+module.exports = __toCommonJS(ToastProvider_exports);
+var import_collection = require("@tamagui/collection"), import_core = require("@tamagui/core"), React = __toESM(require("react")), import_start_transition = require("@tamagui/start-transition"), import_constants = require("./constants"), import_ToastImperative = require("./ToastImperative"), import_jsx_runtime = require("react/jsx-runtime");
+const PROVIDER_NAME = "ToastProvider", [Collection, useCollection] = (0, import_collection.createCollection)("Toast"), { Provider: ToastProviderProvider, useStyledContext: useToastProviderContext } = (0, import_core.createStyledContext)(), ToastProvider = (props) => {
+  const {
+    __scopeToast,
+    id: providedId,
+    burntOptions,
+    native,
+    notificationOptions,
+    label = "Notification",
+    duration = 5e3,
+    swipeDirection = "right",
+    swipeThreshold = 50,
+    children
+  } = props, backupId = React.useId(), id = providedId ?? backupId, [viewports, setViewports] = React.useState({}), [toastCount, setToastCount] = React.useState(0), isFocusedToastEscapeKeyDownRef = React.useRef(!1), isClosePausedRef = React.useRef(!1), handleViewportChange = React.useCallback(
+    (name, viewport) => {
+      (0, import_start_transition.startTransition)(() => {
+        setViewports((prev) => ({ ...prev, [name]: viewport }));
+      });
+    },
+    []
+  ), options = React.useMemo(() => ({
+    duration,
+    burntOptions,
+    native,
+    notificationOptions
+  }), [JSON.stringify([duration, burntOptions, native, notificationOptions])]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Collection.Provider, { __scopeCollection: __scopeToast || import_constants.TOAST_CONTEXT, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    ToastProviderProvider,
+    {
+      scope: __scopeToast,
+      id,
+      label,
+      duration,
+      swipeDirection,
+      swipeThreshold,
+      toastCount,
+      viewports,
+      onViewportChange: handleViewportChange,
+      onToastAdd: React.useCallback(() => {
+        (0, import_start_transition.startTransition)(() => {
+          setToastCount((prevCount) => prevCount + 1);
+        });
+      }, []),
+      onToastRemove: React.useCallback(() => {
+        (0, import_start_transition.startTransition)(() => {
+          setToastCount((prevCount) => prevCount - 1);
+        });
+      }, []),
+      isFocusedToastEscapeKeyDownRef,
+      isClosePausedRef,
+      options,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ToastImperative.ToastImperativeProvider, { options, children })
+    }
+  ) });
+};
+function ReprogapateToastProvider(props) {
+  const { children, context } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Collection.Provider, { __scopeCollection: import_constants.TOAST_CONTEXT, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToastProviderProvider, { ...context, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ToastImperative.ToastImperativeProvider, { options: context.options, children }) }) });
+}
+ToastProvider.propTypes = {
+  label(props) {
+    if (props.label && typeof props.label == "string" && !props.label.trim()) {
+      const error = `Invalid prop \`label\` supplied to \`${PROVIDER_NAME}\`. Expected non-empty \`string\`.`;
+      return new Error(error);
+    }
+    return null;
+  }
+};
+ToastProvider.displayName = PROVIDER_NAME;
+//# sourceMappingURL=ToastProvider.js.map

package/dist/cjs/ToastViewport.js

@@ -0,0 +1,256 @@
+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 ToastViewport_exports = {};
+__export(ToastViewport_exports, {
+  ToastViewport: () => ToastViewport,
+  VIEWPORT_DEFAULT_HOTKEY: () => VIEWPORT_DEFAULT_HOTKEY,
+  VIEWPORT_PAUSE: () => VIEWPORT_PAUSE,
+  VIEWPORT_RESUME: () => VIEWPORT_RESUME
+});
+module.exports = __toCommonJS(ToastViewport_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_portal = require("@tamagui/portal"), import_stacks = require("@tamagui/stacks"), import_visually_hidden = require("@tamagui/visually-hidden"), React = __toESM(require("react")), import_constants2 = require("./constants"), import_ToastPortal = require("./ToastPortal"), import_ToastProvider = require("./ToastProvider"), import_jsx_runtime = require("react/jsx-runtime");
+const VIEWPORT_NAME = "ToastViewport", VIEWPORT_DEFAULT_HOTKEY = ["F8"], VIEWPORT_PAUSE = "toast.viewportPause", VIEWPORT_RESUME = "toast.viewportResume", ToastViewportWrapperFrame = (0, import_core.styled)(import_stacks.YStack, {
+  name: "ViewportWrapper",
+  variants: {
+    unstyled: {
+      false: {
+        pointerEvents: "box-none",
+        top: 0,
+        bottom: 0,
+        left: 0,
+        right: 0,
+        position: import_constants.isWeb ? "fixed" : "absolute",
+        maxWidth: "100%",
+        tabIndex: 0,
+        zIndex: 1e5
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: process.env.TAMAGUI_HEADLESS === "1"
+  }
+}), ToastViewportFrame = (0, import_core.styled)(import_stacks.YStack, {
+  name: VIEWPORT_NAME,
+  variants: {
+    unstyled: {
+      false: {
+        pointerEvents: "box-none",
+        position: import_constants.isWeb ? "fixed" : "absolute",
+        maxWidth: "100%"
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: process.env.TAMAGUI_HEADLESS === "1"
+  }
+}), ToastViewport = React.memo(
+  React.forwardRef(
+    (props, forwardedRef) => {
+      const {
+        __scopeToast,
+        hotkey = VIEWPORT_DEFAULT_HOTKEY,
+        label = "Notifications ({hotkey})",
+        name = "default",
+        multipleToasts,
+        zIndex,
+        portalToRoot,
+        ...viewportProps
+      } = props, context = (0, import_ToastProvider.useToastProviderContext)(__scopeToast), getItems = (0, import_ToastProvider.useCollection)(__scopeToast || import_constants2.TOAST_CONTEXT), headFocusProxyRef = React.useRef(null), tailFocusProxyRef = React.useRef(null), wrapperRef = React.useRef(null), ref = React.useRef(null), onViewportChange = React.useCallback(
+        (el) => {
+          context.viewports[name] !== el && context.onViewportChange(name, el);
+        },
+        [name, context.viewports]
+      ), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, ref, onViewportChange), hotkeyLabel = hotkey.join("+").replace(/Key/g, "").replace(/Digit/g, ""), hasToasts = context.toastCount > 0;
+      React.useEffect(() => {
+        if (!import_constants.isWeb || context.toastCount === 0) return;
+        const handleKeyDown = (event) => {
+          hotkey.every(
+            (key) => event[key] || event.code === key
+          ) && ref.current?.focus();
+        };
+        return document.addEventListener("keydown", handleKeyDown), () => {
+          document.removeEventListener("keydown", handleKeyDown);
+        };
+      }, [hotkey, context.toastCount]), React.useEffect(() => {
+        if (!import_constants.isWeb || context.toastCount === 0) return;
+        const wrapper = wrapperRef.current, viewport = ref.current;
+        if (hasToasts && wrapper && viewport) {
+          const handlePause = () => {
+            if (!context.isClosePausedRef.current) {
+              const pauseEvent = new CustomEvent(VIEWPORT_PAUSE);
+              viewport.dispatchEvent(pauseEvent), context.isClosePausedRef.current = !0;
+            }
+          }, handleResume = () => {
+            if (context.isClosePausedRef.current) {
+              const resumeEvent = new CustomEvent(VIEWPORT_RESUME);
+              viewport.dispatchEvent(resumeEvent), context.isClosePausedRef.current = !1;
+            }
+          }, handleFocusOutResume = (event) => {
+            !wrapper.contains(
+              event.relatedTarget
+            ) && handleResume();
+          }, handlePointerLeaveResume = () => {
+            wrapper.contains(document.activeElement) || handleResume();
+          };
+          return wrapper.addEventListener("focusin", handlePause), wrapper.addEventListener("focusout", handleFocusOutResume), wrapper.addEventListener("pointermove", handlePause), wrapper.addEventListener("pointerleave", handlePointerLeaveResume), window.addEventListener("blur", handlePause), window.addEventListener("focus", handleResume), () => {
+            wrapper.removeEventListener("focusin", handlePause), wrapper.removeEventListener("focusout", handleFocusOutResume), wrapper.removeEventListener("pointermove", handlePause), wrapper.removeEventListener("pointerleave", handlePointerLeaveResume), window.removeEventListener("blur", handlePause), window.removeEventListener("focus", handleResume);
+          };
+        }
+      }, [hasToasts, context.isClosePausedRef, context.toastCount]);
+      const getSortedTabbableCandidates = React.useCallback(
+        ({ tabbingDirection }) => {
+          const tabbableCandidates = getItems().map((toastItem) => {
+            const toastNode = toastItem.ref.current, toastTabbableCandidates = [
+              toastNode,
+              ...getTabbableCandidates(toastNode)
+            ];
+            return tabbingDirection === "forwards" ? toastTabbableCandidates : toastTabbableCandidates.reverse();
+          });
+          return (tabbingDirection === "forwards" ? tabbableCandidates.reverse() : tabbableCandidates).flat();
+        },
+        [getItems]
+      );
+      React.useEffect(() => {
+        if (!import_constants.isWeb || context.toastCount === 0) return;
+        const viewport = ref.current;
+        if (viewport) {
+          const handleKeyDown = (event) => {
+            const isMetaKey = event.altKey || event.ctrlKey || event.metaKey;
+            if (event.key === "Tab" && !isMetaKey) {
+              const focusedElement = document.activeElement, isTabbingBackwards = event.shiftKey;
+              if (event.target === viewport && isTabbingBackwards) {
+                headFocusProxyRef.current?.focus();
+                return;
+              }
+              const sortedCandidates = getSortedTabbableCandidates({ tabbingDirection: isTabbingBackwards ? "backwards" : "forwards" }), index = sortedCandidates.findIndex(
+                (candidate) => candidate === focusedElement
+              );
+              focusFirst(sortedCandidates.slice(index + 1)) ? event.preventDefault() : isTabbingBackwards ? (
+                // @ts-ignore ali TODO type
+                headFocusProxyRef.current?.focus()
+              ) : (
+                // @ts-ignore ali TODO type
+                tailFocusProxyRef.current?.focus()
+              );
+            }
+          };
+          return viewport.addEventListener("keydown", handleKeyDown), () => viewport.removeEventListener("keydown", handleKeyDown);
+        }
+      }, [getItems, getSortedTabbableCandidates, context.toastCount]);
+      const contents = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        ToastViewportWrapperFrame,
+        {
+          ref: wrapperRef,
+          role: "region",
+          "aria-label": label.replace("{hotkey}", hotkeyLabel),
+          tabIndex: -1,
+          children: [
+            hasToasts && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              FocusProxy,
+              {
+                __scopeToast,
+                viewportName: name,
+                ref: headFocusProxyRef,
+                onFocusFromOutsideViewport: () => {
+                  const tabbableCandidates = getSortedTabbableCandidates({
+                    tabbingDirection: "forwards"
+                  });
+                  focusFirst(tabbableCandidates);
+                }
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ToastProvider.Collection.Slot, { __scopeCollection: __scopeToast || import_constants2.TOAST_CONTEXT, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              ToastViewportFrame,
+              {
+                focusable: context.toastCount > 0,
+                ref: composedRefs,
+                ...viewportProps,
+                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  import_portal.PortalHost,
+                  {
+                    render: (children) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_animate_presence.AnimatePresence, { exitBeforeEnter: !multipleToasts, children }),
+                    name: name ?? "default"
+                  }
+                )
+              }
+            ) }),
+            hasToasts && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              FocusProxy,
+              {
+                __scopeToast,
+                viewportName: name,
+                ref: tailFocusProxyRef,
+                onFocusFromOutsideViewport: () => {
+                  const tabbableCandidates = getSortedTabbableCandidates({
+                    tabbingDirection: "backwards"
+                  });
+                  focusFirst(tabbableCandidates);
+                }
+              }
+            )
+          ]
+        }
+      );
+      return portalToRoot ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ToastPortal.ToastPortal, { ...typeof zIndex == "number" ? { zIndex } : {}, children: contents }) : contents;
+    }
+  )
+);
+ToastViewport.displayName = VIEWPORT_NAME;
+const FOCUS_PROXY_NAME = "ToastFocusProxy", FocusProxy = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeToast, onFocusFromOutsideViewport, viewportName, ...proxyProps } = props, viewport = (0, import_ToastProvider.useToastProviderContext)(__scopeToast).viewports[viewportName];
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_visually_hidden.VisuallyHidden,
+      {
+        "aria-hidden": !0,
+        tabIndex: 0,
+        ...proxyProps,
+        ref: forwardedRef,
+        position: import_constants.isWeb ? "fixed" : "absolute",
+        onFocus: (event) => {
+          if (!import_constants.isWeb) return;
+          const prevFocusedElement = event.relatedTarget;
+          !viewport?.contains(prevFocusedElement) && onFocusFromOutsideViewport();
+        }
+      }
+    );
+  }
+);
+FocusProxy.displayName = FOCUS_PROXY_NAME;
+function focusFirst(candidates) {
+  if (!import_constants.isWeb) return;
+  const previouslyFocusedElement = document.activeElement;
+  return candidates.some((candidate) => candidate === previouslyFocusedElement ? !0 : (candidate.focus(), document.activeElement !== previouslyFocusedElement));
+}
+function getTabbableCandidates(container) {
+  if (!import_constants.isWeb) return [];
+  const containerHtml = container, nodes = [], walker = document.createTreeWalker(containerHtml, NodeFilter.SHOW_ELEMENT, {
+    acceptNode: (node) => {
+      const isHiddenInput = node.tagName === "INPUT" && node.type === "hidden";
+      return node.disabled || node.hidden || isHiddenInput ? NodeFilter.FILTER_SKIP : node.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+    }
+  });
+  for (; walker.nextNode(); ) nodes.push(walker.currentNode);
+  return nodes;
+}
+//# sourceMappingURL=ToastViewport.js.map

package/dist/cjs/constants.js

@@ -0,0 +1,22 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var constants_exports = {};
+__export(constants_exports, {
+  TOAST_CONTEXT: () => TOAST_CONTEXT,
+  TOAST_NAME: () => TOAST_NAME
+});
+module.exports = __toCommonJS(constants_exports);
+const TOAST_NAME = "Toast", TOAST_CONTEXT = "Toast";
+//# sourceMappingURL=constants.js.map

package/dist/cjs/createNativeToast.js

@@ -0,0 +1,44 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var createNativeToast_exports = {};
+__export(createNativeToast_exports, {
+  createNativeToast: () => createNativeToast,
+  hideNativeToast: () => hideNativeToast
+});
+module.exports = __toCommonJS(createNativeToast_exports);
+const createNativeToast = (title, { message, notificationOptions }) => {
+  if (!("Notification" in window))
+    return console.error("This browser does not support notifications"), !1;
+  Notification.permission;
+  const showNotification = () => new Notification(title, {
+    body: message,
+    ...notificationOptions
+  });
+  return Notification.permission === "granted" ? {
+    nativeToastRef: showNotification()
+  } : (Notification.requestPermission().then((permission) => {
+    if (permission === "granted")
+      return {
+        nativeToastRef: showNotification()
+      };
+  }), !0);
+}, hideNativeToast = (ref) => {
+  if (!("Notification" in window)) {
+    console.error("This browser does not support notifications");
+    return;
+  }
+  ref && ref.close();
+};
+//# sourceMappingURL=createNativeToast.js.map

package/dist/cjs/index.js

@@ -0,0 +1,15 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __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;
+}, __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var src_exports = {};
+module.exports = __toCommonJS(src_exports);
+__reExport(src_exports, require("./Toast"), module.exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/types.js

@@ -0,0 +1,14 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);
+//# sourceMappingURL=types.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/toast",
-  "version": "1.116.0",
+  "version": "1.116.2",
   "source": "src/index.ts",
   "types": "./types/index.d.ts",
   "main": "dist/cjs",
@@ -34,26 +34,26 @@
     }
   },
   "dependencies": {
-    "@tamagui/animate-presence": "1.116.0",
-    "@tamagui/compose-refs": "1.116.0",
-    "@tamagui/constants": "1.116.0",
-    "@tamagui/core": "1.116.0",
-    "@tamagui/create-context": "1.116.0",
-    "@tamagui/dismissable": "1.116.0",
-    "@tamagui/helpers": "1.116.0",
-    "@tamagui/polyfill-dev": "1.116.0",
-    "@tamagui/portal": "1.116.0",
-    "@tamagui/stacks": "1.116.0",
-    "@tamagui/start-transition": "1.116.0",
-    "@tamagui/text": "1.116.0",
-    "@tamagui/use-controllable-state": "1.116.0",
-    "@tamagui/visually-hidden": "1.116.0"
+    "@tamagui/animate-presence": "1.116.2",
+    "@tamagui/compose-refs": "1.116.2",
+    "@tamagui/constants": "1.116.2",
+    "@tamagui/core": "1.116.2",
+    "@tamagui/create-context": "1.116.2",
+    "@tamagui/dismissable": "1.116.2",
+    "@tamagui/helpers": "1.116.2",
+    "@tamagui/polyfill-dev": "1.116.2",
+    "@tamagui/portal": "1.116.2",
+    "@tamagui/stacks": "1.116.2",
+    "@tamagui/start-transition": "1.116.2",
+    "@tamagui/text": "1.116.2",
+    "@tamagui/use-controllable-state": "1.116.2",
+    "@tamagui/visually-hidden": "1.116.2"
   },
   "peerDependencies": {
     "react": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "1.116.0",
+    "@tamagui/build": "1.116.2",
     "burnt": "^0.12.2",
     "react": "^18.2.0 || ^19.0.0"
   },

package/dist/cjs/createNativeToast.native.cjs

@@ -1,39 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-    return to;
-  };
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
-}), mod);
-var createNativeToast_native_exports = {};
-__export(createNativeToast_native_exports, {
-  createNativeToast: () => createNativeToast,
-  hideNativeToast: () => hideNativeToast
-});
-module.exports = __toCommonJS(createNativeToast_native_exports);
-const createNativeToast = (title, {
-    message,
-    duration,
-    burntOptions
-  }) => (require("burnt").toast({
-    title,
-    message,
-    duration: duration ? duration / 1e3 : void 0,
-    ...burntOptions
-  }), !0),
-  hideNativeToast = () => {
-    require("burnt").dismissAllAlerts();
-  };

package/dist/cjs/createNativeToast.native.cjs.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/createNativeToast.native.tsx"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEO,MAAM,oBAA0C,CACrD,OACA,EAAE,SAAS,UAAU,aAAa,OAGpB,QAAQ,OAAO,EAEvB,MAAM;AAAA,EACV;AAAA,EACA;AAAA,EACA,UAAU,WAAW,WAAW,MAAO;AAAA,EACvC,GAAG;AACL,CAAC,GACM,KAGI,kBAAsC,MAAM;AAEvD,EADc,QAAQ,OAAO,EACvB,iBAAiB;AACzB;",
-  "names": []
-}