@tamagui/toast 1.9.0 → 1.9.2

package/dist/cjs/Toast.js

@@ -31,7 +31,6 @@ __export(Toast_exports, {
   Toast: () => Toast,
   ToastProvider: () => import_ToastProvider.ToastProvider,
   ToastViewport: () => import_ToastViewport.ToastViewport,
-  createToast: () => import_createToast.createToast,
   createToastScope: () => import_ToastProvider.createToastScope
 });
 module.exports = __toCommonJS(Toast_exports);
@@ -42,7 +41,6 @@ var import_text = require("@tamagui/text");
 var import_use_controllable_state = require("@tamagui/use-controllable-state");
 var React = __toESM(require("react"));
 var import_constants = require("./constants");
-var import_createToast = require("./createToast");
 var import_ToastAnnounce = require("./ToastAnnounce");
 var import_ToastImpl = require("./ToastImpl");
 var import_ToastProvider = require("./ToastProvider");
@@ -141,7 +139,8 @@ const ToastComponent = React.forwardRef(
     const id = (0, import_core.useId)();
     const onPause = (0, import_core.useEvent)(props.onPause);
     const onResume = (0, import_core.useEvent)(props.onResume);
-    if (!forceMount && !open)
+    const shouldShow = forceMount || open;
+    if (!shouldShow)
       return null;
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_ToastImpl.ToastImpl,
@@ -175,7 +174,6 @@ const Toast = (0, import_core.withStaticProperties)(
   Toast,
   ToastProvider,
   ToastViewport,
-  createToast,
   createToastScope
 });
 //# sourceMappingURL=Toast.js.map

package/dist/cjs/Toast.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Toast.tsx"],
-  "sourcesContent": ["import {\n  GetProps,\n  TamaguiElement,\n  composeEventHandlers,\n  styled,\n  themeable,\n  useEvent,\n  useId,\n  withStaticProperties,\n} from '@tamagui/core'\nimport { ThemeableStack } from '@tamagui/stacks'\nimport { SizableText } from '@tamagui/text'\nimport { useControllableState } from '@tamagui/use-controllable-state'\nimport * as React from 'react'\n\nimport { TOAST_NAME } from './constants'\nimport { createToast } from './createToast'\nimport { ToastAnnounceExclude } from './ToastAnnounce'\nimport {\n  ToastImpl,\n  ToastImplFrame,\n  ToastProps,\n  useToastInteractiveContext,\n} from './ToastImpl'\nimport {\n  ScopedProps,\n  ToastProvider,\n  ToastProviderProps,\n  createToastScope,\n} from './ToastProvider'\nimport { ToastViewport, ToastViewportProps } from './ToastViewport'\n\n/* -------------------------------------------------------------------------------------------------\n * ToastTitle\n * -----------------------------------------------------------------------------------------------*/\n\nconst TITLE_NAME = 'ToastTitle'\n\nconst ToastTitleFrame = styled(SizableText, {\n  name: TITLE_NAME,\n  color: '$color',\n  variants: {\n    unstyled: {\n      false: {\n        size: '$4',\n      },\n    },\n  },\n  defaultVariants: {\n    unstyled: false,\n  },\n})\ntype PrimitiveDivProps = GetProps<typeof ToastTitleFrame>\ntype ToastTitleProps = PrimitiveDivProps & {}\n\nconst ToastTitle = React.forwardRef<TamaguiElement, ToastTitleProps>(\n  (props: ScopedProps<ToastTitleProps>, forwardedRef) => {\n    const { __scopeToast, ...titleProps } = props\n    return <ToastTitleFrame {...titleProps} ref={forwardedRef} />\n  }\n)\n\nToastTitle.displayName = TITLE_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * ToastDescription\n * -----------------------------------------------------------------------------------------------*/\n\nconst DESCRIPTION_NAME = 'ToastDescription'\n\nconst ToastDescriptionFrame = styled(SizableText, {\n  name: DESCRIPTION_NAME,\n  color: '$color11',\n  variants: {\n    unstyled: {\n      false: {\n        size: '$1',\n      },\n    },\n  },\n  defaultVariants: {\n    unstyled: false,\n  },\n})\ntype ToastDescriptionFrameProps = GetProps<typeof ToastDescriptionFrame>\ntype ToastDescriptionProps = ToastDescriptionFrameProps & {}\n\nconst ToastDescription = React.forwardRef<TamaguiElement, ToastDescriptionProps>(\n  (props: ScopedProps<ToastDescriptionProps>, forwardedRef) => {\n    const { __scopeToast, ...descriptionProps } = props\n    return <ToastDescriptionFrame {...descriptionProps} ref={forwardedRef} />\n  }\n)\n\nToastDescription.displayName = DESCRIPTION_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * ToastAction\n * -----------------------------------------------------------------------------------------------*/\n\nconst ACTION_NAME = 'ToastAction'\n\ntype ToastActionProps = ToastCloseProps & {\n  /**\n   * A short description for an alternate way to carry out the action. For screen reader users\n   * who will not be able to navigate to the button easily/quickly.\n   * @example <ToastAction altText=\"Goto account settings to updgrade\">Upgrade</ToastAction>\n   * @example <ToastAction altText=\"Undo (Alt+U)\">Undo</ToastAction>\n   */\n  altText: string\n}\n\nconst ToastAction = React.forwardRef<TamaguiElement, ToastActionProps>(\n  (props: ScopedProps<ToastActionProps>, forwardedRef) => {\n    const { altText, ...actionProps } = props\n    if (!altText) return null\n    return (\n      <ToastAnnounceExclude altText={altText} asChild>\n        <ToastClose {...actionProps} ref={forwardedRef} />\n      </ToastAnnounceExclude>\n    )\n  }\n)\n\nToastAction.propTypes = {\n  altText(props) {\n    if (!props.altText) {\n      return new Error(`Missing prop \\`altText\\` expected on \\`${ACTION_NAME}\\``)\n    }\n    return null\n  },\n}\n\nToastAction.displayName = ACTION_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * ToastClose\n * -----------------------------------------------------------------------------------------------*/\n\nconst CLOSE_NAME = 'ToastClose'\n\nconst ToastCloseFrame = styled(ThemeableStack, {\n  name: CLOSE_NAME,\n  tag: 'button',\n})\ntype ToastCloseFrameProps = GetProps<typeof ToastCloseFrame>\ntype ToastCloseProps = ToastCloseFrameProps & {}\n\nconst ToastClose = React.forwardRef<TamaguiElement, ToastCloseProps>(\n  (props: ScopedProps<ToastCloseProps>, forwardedRef) => {\n    const { __scopeToast, ...closeProps } = props\n    const interactiveContext = useToastInteractiveContext(CLOSE_NAME, __scopeToast)\n\n    return (\n      <ToastAnnounceExclude asChild>\n        <ToastCloseFrame\n          accessibilityLabel=\"Dialog Close\"\n          {...closeProps}\n          ref={forwardedRef}\n          onPress={composeEventHandlers(props.onPress as any, interactiveContext.onClose)}\n        />\n      </ToastAnnounceExclude>\n    )\n  }\n)\n\nToastClose.displayName = CLOSE_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * Toast\n * -----------------------------------------------------------------------------------------------*/\n\nconst ToastComponent = React.forwardRef<TamaguiElement, ToastProps>(\n  ToastImplFrame.extractable((props: ScopedProps<ToastProps>, forwardedRef) => {\n    const { forceMount, open: openProp, defaultOpen, onOpenChange, ...toastProps } = props\n    const [open, setOpen] = useControllableState({\n      prop: openProp,\n      defaultProp: defaultOpen ?? true,\n      onChange: onOpenChange,\n    })\n\n    const id = useId()\n    const onPause = useEvent(props.onPause)\n    const onResume = useEvent(props.onResume)\n\n    if (!forceMount && !open) return null\n\n    return (\n      <ToastImpl\n        id={id}\n        open={open}\n        {...toastProps}\n        ref={forwardedRef}\n        onClose={() => setOpen(false)}\n        onPause={onPause}\n        onResume={onResume}\n        onSwipeEnd={composeEventHandlers(props.onSwipeEnd, (event) => {\n          setOpen(false)\n        })}\n      />\n    )\n  })\n)\n\nToastComponent.displayName = TOAST_NAME\n\nconst Toast = withStaticProperties(\n  themeable(ToastComponent, ToastImplFrame.staticConfig),\n  {\n    Title: ToastTitle,\n    Description: ToastDescription,\n    Action: ToastAction,\n    Close: ToastClose,\n  }\n)\n\n/* ---------------------------------------------------------------------------------------------- */\n\nexport {\n  Toast,\n  ToastProvider,\n  ToastViewport,\n  //\n  createToast,\n  //\n  createToastScope,\n}\nexport type {\n  ToastActionProps,\n  ToastCloseProps,\n  ToastDescriptionProps,\n  ToastProps,\n  ToastProviderProps,\n  ToastTitleProps,\n  ToastViewportProps,\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n  GetProps,\n  TamaguiElement,\n  composeEventHandlers,\n  styled,\n  themeable,\n  useEvent,\n  useId,\n  withStaticProperties,\n} from '@tamagui/core'\nimport { ThemeableStack } from '@tamagui/stacks'\nimport { SizableText } from '@tamagui/text'\nimport { useControllableState } from '@tamagui/use-controllable-state'\nimport * as React from 'react'\n\nimport { TOAST_NAME } from './constants'\nimport { ToastAnnounceExclude } from './ToastAnnounce'\nimport {\n  ToastImpl,\n  ToastImplFrame,\n  ToastProps,\n  useToastInteractiveContext,\n} from './ToastImpl'\nimport {\n  ScopedProps,\n  ToastProvider,\n  ToastProviderProps,\n  createToastScope,\n} from './ToastProvider'\nimport { ToastViewport, ToastViewportProps } from './ToastViewport'\n\n/* -------------------------------------------------------------------------------------------------\n * ToastTitle\n * -----------------------------------------------------------------------------------------------*/\n\nconst TITLE_NAME = 'ToastTitle'\n\nconst ToastTitleFrame = styled(SizableText, {\n  name: TITLE_NAME,\n  color: '$color',\n  variants: {\n    unstyled: {\n      false: {\n        size: '$4',\n      },\n    },\n  },\n  defaultVariants: {\n    unstyled: false,\n  },\n})\ntype PrimitiveDivProps = GetProps<typeof ToastTitleFrame>\ntype ToastTitleProps = PrimitiveDivProps & {}\n\nconst ToastTitle = React.forwardRef<TamaguiElement, ToastTitleProps>(\n  (props: ScopedProps<ToastTitleProps>, forwardedRef) => {\n    const { __scopeToast, ...titleProps } = props\n    return <ToastTitleFrame {...titleProps} ref={forwardedRef} />\n  }\n)\n\nToastTitle.displayName = TITLE_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * ToastDescription\n * -----------------------------------------------------------------------------------------------*/\n\nconst DESCRIPTION_NAME = 'ToastDescription'\n\nconst ToastDescriptionFrame = styled(SizableText, {\n  name: DESCRIPTION_NAME,\n  color: '$color11',\n  variants: {\n    unstyled: {\n      false: {\n        size: '$1',\n      },\n    },\n  },\n  defaultVariants: {\n    unstyled: false,\n  },\n})\ntype ToastDescriptionFrameProps = GetProps<typeof ToastDescriptionFrame>\ntype ToastDescriptionProps = ToastDescriptionFrameProps & {}\n\nconst ToastDescription = React.forwardRef<TamaguiElement, ToastDescriptionProps>(\n  (props: ScopedProps<ToastDescriptionProps>, forwardedRef) => {\n    const { __scopeToast, ...descriptionProps } = props\n    return <ToastDescriptionFrame {...descriptionProps} ref={forwardedRef} />\n  }\n)\n\nToastDescription.displayName = DESCRIPTION_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * ToastAction\n * -----------------------------------------------------------------------------------------------*/\n\nconst ACTION_NAME = 'ToastAction'\n\ntype ToastActionProps = ToastCloseProps & {\n  /**\n   * A short description for an alternate way to carry out the action. For screen reader users\n   * who will not be able to navigate to the button easily/quickly.\n   * @example <ToastAction altText=\"Goto account settings to updgrade\">Upgrade</ToastAction>\n   * @example <ToastAction altText=\"Undo (Alt+U)\">Undo</ToastAction>\n   */\n  altText: string\n}\n\nconst ToastAction = React.forwardRef<TamaguiElement, ToastActionProps>(\n  (props: ScopedProps<ToastActionProps>, forwardedRef) => {\n    const { altText, ...actionProps } = props\n    if (!altText) return null\n    return (\n      <ToastAnnounceExclude altText={altText} asChild>\n        <ToastClose {...actionProps} ref={forwardedRef} />\n      </ToastAnnounceExclude>\n    )\n  }\n)\n\nToastAction.propTypes = {\n  altText(props) {\n    if (!props.altText) {\n      return new Error(`Missing prop \\`altText\\` expected on \\`${ACTION_NAME}\\``)\n    }\n    return null\n  },\n}\n\nToastAction.displayName = ACTION_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * ToastClose\n * -----------------------------------------------------------------------------------------------*/\n\nconst CLOSE_NAME = 'ToastClose'\n\nconst ToastCloseFrame = styled(ThemeableStack, {\n  name: CLOSE_NAME,\n  tag: 'button',\n})\ntype ToastCloseFrameProps = GetProps<typeof ToastCloseFrame>\ntype ToastCloseProps = ToastCloseFrameProps & {}\n\nconst ToastClose = React.forwardRef<TamaguiElement, ToastCloseProps>(\n  (props: ScopedProps<ToastCloseProps>, forwardedRef) => {\n    const { __scopeToast, ...closeProps } = props\n    const interactiveContext = useToastInteractiveContext(CLOSE_NAME, __scopeToast)\n\n    return (\n      <ToastAnnounceExclude asChild>\n        <ToastCloseFrame\n          accessibilityLabel=\"Dialog Close\"\n          {...closeProps}\n          ref={forwardedRef}\n          onPress={composeEventHandlers(props.onPress as any, interactiveContext.onClose)}\n        />\n      </ToastAnnounceExclude>\n    )\n  }\n)\n\nToastClose.displayName = CLOSE_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * Toast\n * -----------------------------------------------------------------------------------------------*/\n\nconst ToastComponent = React.forwardRef<TamaguiElement, ToastProps>(\n  ToastImplFrame.extractable((props: ScopedProps<ToastProps>, forwardedRef) => {\n    const { forceMount, open: openProp, defaultOpen, onOpenChange, ...toastProps } = props\n    const [open, setOpen] = useControllableState({\n      prop: openProp,\n      defaultProp: defaultOpen ?? true,\n      onChange: onOpenChange,\n    })\n\n    const id = useId()\n    const onPause = useEvent(props.onPause)\n    const onResume = useEvent(props.onResume)\n    const shouldShow = forceMount || open\n    \n    if (!shouldShow) return null\n\n    return (\n      <ToastImpl\n        id={id}\n        open={open}\n        {...toastProps}\n        ref={forwardedRef}\n        onClose={() => setOpen(false)}\n        onPause={onPause}\n        onResume={onResume}\n        onSwipeEnd={composeEventHandlers(props.onSwipeEnd, (event) => {\n          setOpen(false)\n        })}\n      />\n    )\n  })\n)\n\nToastComponent.displayName = TOAST_NAME\n\nconst Toast = withStaticProperties(\n  themeable(ToastComponent, ToastImplFrame.staticConfig),\n  {\n    Title: ToastTitle,\n    Description: ToastDescription,\n    Action: ToastAction,\n    Close: ToastClose,\n  }\n)\n\n/* ---------------------------------------------------------------------------------------------- */\n\nexport {\n  Toast,\n  ToastProvider,\n  ToastViewport,\n  //\n  createToastScope,\n}\nexport type {\n  ToastActionProps,\n  ToastCloseProps,\n  ToastDescriptionProps,\n  ToastProps,\n  ToastProviderProps,\n  ToastTitleProps,\n  ToastViewportProps,\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/ToastImperative.js

@@ -0,0 +1,119 @@
+"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 ToastImperative_exports = {};
+__export(ToastImperative_exports, {
+  ToastImperativeProvider: () => ToastImperativeProvider,
+  useToast: () => useToast
+});
+module.exports = __toCommonJS(ToastImperative_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_core = require("@tamagui/core");
+var import_create_context = require("@tamagui/create-context");
+var import_react = __toESM(require("react"));
+var import_react_native = require("react-native");
+var import_createNativeToast = require("./createNativeToast");
+const [createImperativeToastContext, createImperativeToastScope] = (0, import_create_context.createContextScope)("ImperativeToast");
+const [ToastImperativeProviderProvider, useToastProviderContext] = createImperativeToastContext("ToastImperativeProvider");
+const useToast = () => {
+  const context = useToastProviderContext("useToast", void 0);
+  return {
+    /**
+     * The currently displaying toast
+     */
+    currentToast: context.currentToast,
+    /**
+     * Call it to show a new toast. If you're using native toasts, you can pass native options using \`burntOptions\` or \`notificationOptions\` depending on the native platform (mobile/web).
+     */
+    show: context.showToast,
+    /**
+     * Call it to hide the currently displayed toast.
+     * 
+     * _NOTE_: does not work on Android native toasts
+     * 
+     * _NOTE_: hides the last toast on web notification toasts
+     */
+    hide: context.hideToast
+  };
+};
+const ToastImperativeProvider = ({
+  children,
+  options,
+  __scopeToast
+}) => {
+  const counterRef = (0, import_react.useRef)(0);
+  const [toast, setToast] = import_react.default.useState(null);
+  const [lastNativeToastRef, setLastNativeToastRef] = import_react.default.useState(null);
+  const showToast = import_react.default.useCallback(
+    (title, showToastOptions) => {
+      const native = (showToastOptions == null ? void 0 : showToastOptions.native) ?? options.native;
+      const isWebNative = Array.isArray(native) ? native.includes("web") : native === "web";
+      const isMobileNative = Array.isArray(native) ? native.includes("mobile") : native === "mobile";
+      const isAndroidNative = isMobileNative || (Array.isArray(native) ? native.includes("android") : native === "android");
+      const isIosNative = isMobileNative || (Array.isArray(native) ? native.includes("ios") : native === "ios");
+      const isHandledNatively = native === true || 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, showToastOptions ?? {});
+        if (typeof nativeToastResult === "object" && nativeToastResult.nativeToastRef) {
+          setLastNativeToastRef(nativeToastResult.nativeToastRef);
+        }
+      }
+      counterRef.current++;
+      setToast({
+        title,
+        id: counterRef.current.toString(),
+        ...showToastOptions,
+        isHandledNatively
+      });
+      return true;
+    },
+    [setToast, options.native]
+  );
+  const hideToast = import_react.default.useCallback(() => {
+    lastNativeToastRef == null ? void 0 : lastNativeToastRef.close();
+    setToast(null);
+  }, [setToast, lastNativeToastRef]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    ToastImperativeProviderProvider,
+    {
+      scope: __scopeToast,
+      showToast,
+      hideToast,
+      currentToast: toast,
+      nativeToast: lastNativeToastRef,
+      options,
+      children
+    }
+  );
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ToastImperativeProvider,
+  useToast
+});
+//# sourceMappingURL=ToastImperative.js.map

package/dist/cjs/ToastImperative.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/ToastImperative.tsx"],
+  "sourcesContent": ["import { isWeb } from '@tamagui/core'\nimport { Scope, createContextScope } from '@tamagui/create-context'\nimport React, { useRef } from 'react'\nimport { Platform } from 'react-native'\n\nimport { createNativeToast } from './createNativeToast'\nimport {\n  CreateNativeToastOptions,\n  NativeToastRef,\n  ToastNativePlatform,\n  ToastNativeValue,\n} from './types'\n\ninterface ToastImperativeOptions extends Omit<CreateNativeToastOptions, \"message\"> {\n  /**\n   * Will show a native toast if is true or is set to the current platform. On iOS, it wraps `SPIndicator` and `SPAlert`. On Android, it wraps `ToastAndroid`. On web, it wraps Notification API. Mobile's native features are handled by `burnt`.\n   */\n  native?: ToastNativeValue\n}\ninterface ShowToastOptions extends CreateNativeToastOptions {\n  /**\n   * Used when need custom data\n   */\n  additionalInfo?: Record<string, any>\n  /**\n   * Overrides the native option on `ToastImperativeProvider`\n   */\n  native?: ToastNativeValue\n}\ntype ScopedProps<P> = P & { __scopeToast?: Scope }\n\ntype ToastData = { title: string; id: string } & CreateNativeToastOptions & {\n    isHandledNatively: boolean\n  }\n\ninterface ImperativeToastContextValue {\n  currentToast: ToastData | null\n  nativeToast: NativeToastRef | null\n  showToast: (title: string, options?: ShowToastOptions) => boolean\n  hideToast: () => void\n  options?: ToastImperativeOptions\n}\n\nconst [createImperativeToastContext, createImperativeToastScope] =\n  createContextScope('ImperativeToast')\n\nconst [ToastImperativeProviderProvider, useToastProviderContext] =\n  createImperativeToastContext<ImperativeToastContextValue>('ToastImperativeProvider')\n\nconst useToast = () => {\n  const context = useToastProviderContext('useToast', undefined)\n\n  return {\n    /**\n     * The currently displaying toast\n     */\n    currentToast: context.currentToast,\n    /**\n     * Call it to show a new toast. If you're using native toasts, you can pass native options using \\`burntOptions\\` or \\`notificationOptions\\` depending on the native platform (mobile/web).\n     */\n    show: context.showToast,\n    /**\n     * Call it to hide the currently displayed toast.\n     * \n     * _NOTE_: does not work on Android native toasts\n     * \n     * _NOTE_: hides the last toast on web notification toasts\n     */\n    hide: context.hideToast,\n  }\n}\n\ninterface ToastImperativeProviderProps {\n  children: React.ReactNode\n  /**\n   * Used to provide defaults to imperative API. Options can be overwritten when calling `show()`.\n   */\n  options: ToastImperativeOptions\n}\nconst ToastImperativeProvider = ({\n  children,\n  options,\n  __scopeToast,\n}: ScopedProps<ToastImperativeProviderProps>) => {\n  const counterRef = useRef(0)\n  const [toast, setToast] =\n    React.useState<ImperativeToastContextValue['currentToast']>(null)\n  const [lastNativeToastRef, setLastNativeToastRef] =\n    React.useState<ImperativeToastContextValue['nativeToast']>(null)\n  const showToast = React.useCallback<ImperativeToastContextValue['showToast']>(\n    (title, showToastOptions) => {\n      const native = showToastOptions?.native ?? options.native\n      const isWebNative = Array.isArray(native)\n        ? native.includes('web')\n        : native === 'web'\n      const isMobileNative = Array.isArray(native)\n        ? native.includes('mobile')\n        : native === 'mobile'\n      const isAndroidNative =\n        isMobileNative ||\n        (Array.isArray(native) ? native.includes('android') : native === 'android')\n      const isIosNative =\n        isMobileNative ||\n        (Array.isArray(native) ? native.includes('ios') : native === 'ios')\n\n      const isHandledNatively =\n        native === true ||\n        (isWeb && isWebNative) ||\n        (!isWeb && isMobileNative) ||\n        (Platform.OS === 'android' && isAndroidNative) ||\n        (Platform.OS === 'ios' && isIosNative)\n\n      if (isHandledNatively) {\n        const nativeToastResult = createNativeToast(title, showToastOptions ?? {})\n        if (typeof nativeToastResult === 'object' && nativeToastResult.nativeToastRef) {\n          setLastNativeToastRef(nativeToastResult.nativeToastRef)\n        }\n      }\n      counterRef.current++\n      setToast({\n        title,\n        id: counterRef.current.toString(),\n        ...showToastOptions,\n        isHandledNatively,\n      })\n      return true\n    },\n    [setToast, options.native]\n  )\n  const hideToast = React.useCallback(() => {\n    lastNativeToastRef?.close()\n    setToast(null)\n  }, [setToast, lastNativeToastRef])\n\n  return (\n    <ToastImperativeProviderProvider\n      scope={__scopeToast}\n      showToast={showToast}\n      hideToast={hideToast}\n      currentToast={toast}\n      nativeToast={lastNativeToastRef}\n      options={options}\n    >\n      {children}\n    </ToastImperativeProviderProvider>\n  )\n}\n\nexport { ToastImperativeProvider, useToast }\nexport type { ToastImperativeProviderProps, ToastNativePlatform, ToastNativeValue }\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAuII;AAvIJ,kBAAsB;AACtB,4BAA0C;AAC1C,mBAA8B;AAC9B,0BAAyB;AAEzB,+BAAkC;AAsClC,MAAM,CAAC,8BAA8B,0BAA0B,QAC7D,0CAAmB,iBAAiB;AAEtC,MAAM,CAAC,iCAAiC,uBAAuB,IAC7D,6BAA0D,yBAAyB;AAErF,MAAM,WAAW,MAAM;AACrB,QAAM,UAAU,wBAAwB,YAAY,MAAS;AAE7D,SAAO;AAAA;AAAA;AAAA;AAAA,IAIL,cAAc,QAAQ;AAAA;AAAA;AAAA;AAAA,IAItB,MAAM,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQd,MAAM,QAAQ;AAAA,EAChB;AACF;AASA,MAAM,0BAA0B,CAAC;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AACF,MAAiD;AAC/C,QAAM,iBAAa,qBAAO,CAAC;AAC3B,QAAM,CAAC,OAAO,QAAQ,IACpB,aAAAA,QAAM,SAAsD,IAAI;AAClE,QAAM,CAAC,oBAAoB,qBAAqB,IAC9C,aAAAA,QAAM,SAAqD,IAAI;AACjE,QAAM,YAAY,aAAAA,QAAM;AAAA,IACtB,CAAC,OAAO,qBAAqB;AAC3B,YAAM,UAAS,qDAAkB,WAAU,QAAQ;AACnD,YAAM,cAAc,MAAM,QAAQ,MAAM,IACpC,OAAO,SAAS,KAAK,IACrB,WAAW;AACf,YAAM,iBAAiB,MAAM,QAAQ,MAAM,IACvC,OAAO,SAAS,QAAQ,IACxB,WAAW;AACf,YAAM,kBACJ,mBACC,MAAM,QAAQ,MAAM,IAAI,OAAO,SAAS,SAAS,IAAI,WAAW;AACnE,YAAM,cACJ,mBACC,MAAM,QAAQ,MAAM,IAAI,OAAO,SAAS,KAAK,IAAI,WAAW;AAE/D,YAAM,oBACJ,WAAW,QACV,qBAAS,eACT,CAAC,qBAAS,kBACV,6BAAS,OAAO,aAAa,mBAC7B,6BAAS,OAAO,SAAS;AAE5B,UAAI,mBAAmB;AACrB,cAAM,wBAAoB,4CAAkB,OAAO,oBAAoB,CAAC,CAAC;AACzE,YAAI,OAAO,sBAAsB,YAAY,kBAAkB,gBAAgB;AAC7E,gCAAsB,kBAAkB,cAAc;AAAA,QACxD;AAAA,MACF;AACA,iBAAW;AACX,eAAS;AAAA,QACP;AAAA,QACA,IAAI,WAAW,QAAQ,SAAS;AAAA,QAChC,GAAG;AAAA,QACH;AAAA,MACF,CAAC;AACD,aAAO;AAAA,IACT;AAAA,IACA,CAAC,UAAU,QAAQ,MAAM;AAAA,EAC3B;AACA,QAAM,YAAY,aAAAA,QAAM,YAAY,MAAM;AACxC,6DAAoB;AACpB,aAAS,IAAI;AAAA,EACf,GAAG,CAAC,UAAU,kBAAkB,CAAC;AAEjC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA,cAAc;AAAA,MACd,aAAa;AAAA,MACb;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;",
+  "names": ["React"]
+}

package/dist/cjs/ToastImpl.js

@@ -242,7 +242,6 @@ const ToastImpl = React.forwardRef(
         {
           scope: __scopeToast,
           onClose: () => {
-            console.log("hellooow");
             handleClose();
           },
           children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(

package/dist/cjs/ToastImpl.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/ToastImpl.tsx"],
-  "sourcesContent": ["import { useIsPresent } from '@tamagui/animate-presence'\nimport { useComposedRefs } from '@tamagui/compose-refs'\nimport {\n  GetProps,\n  TamaguiElement,\n  Theme,\n  composeEventHandlers,\n  getAnimationDriver,\n  isWeb,\n  styled,\n  useEvent,\n  useThemeName,\n} from '@tamagui/core'\nimport { Dismissable, DismissableProps } from '@tamagui/dismissable'\nimport { PortalItem } from '@tamagui/portal'\nimport { ThemeableStack } from '@tamagui/stacks'\nimport * as React from 'react'\nimport { Animated, GestureResponderEvent, PanResponder } from 'react-native'\n\nimport { TOAST_NAME } from './constants'\nimport { ToastAnnounce } from './ToastAnnounce'\nimport {\n  Collection,\n  ScopedProps,\n  SwipeDirection,\n  createToastContext,\n  useToastProviderContext,\n} from './ToastProvider'\nimport { VIEWPORT_PAUSE, VIEWPORT_RESUME } from './ToastViewport'\n\nconst ToastImplFrame = styled(ThemeableStack, {\n  name: 'ToastImpl',\n  variants: {\n    backgrounded: {\n      true: {\n        backgroundColor: '$color6',\n      },\n    },\n    unstyled: {\n      false: {\n        borderRadius: '$10',\n        paddingHorizontal: '$5',\n        paddingVertical: '$2',\n        marginHorizontal: 'auto',\n        marginVertical: '$1',\n      },\n    },\n  },\n  defaultVariants: {\n    backgrounded: true,\n    unstyled: false,\n  },\n})\ninterface ToastProps extends Omit<ToastImplProps, keyof ToastImplPrivateProps> {\n  /**\n   * The controlled open state of the dialog. Must be used in conjunction with `onOpenChange`.\n   */\n  open?: boolean\n  /**\n   * The open state of the dialog when it is initially rendered. Use when you do not need to control its open state.\n   */\n  defaultOpen?: boolean\n  /**\n   * Event handler called when the open state of the dialog changes.\n   */\n  onOpenChange?(open: boolean): void\n  /**\n   * Used to force mounting when more control is needed. Useful when\n   * controlling animation with React animation libraries.\n   */\n  forceMount?: true\n}\n\ntype SwipeEvent = GestureResponderEvent\n\nconst [ToastInteractiveProvider, useToastInteractiveContext] = createToastContext(\n  TOAST_NAME,\n  {\n    onClose() {},\n  }\n)\n\ntype ToastImplPrivateProps = { open: boolean; onClose(): void }\ntype ToastImplFrameProps = GetProps<typeof ToastImplFrame>\ntype ToastImplProps = ToastImplPrivateProps &\n  ToastImplFrameProps & {\n    /**\n     * Control the sensitivity of the toast for accessibility purposes.\n     * For toasts that are the result of a user action, choose foreground. Toasts generated from background tasks should use background.\n     */\n    type?: 'foreground' | 'background'\n    /**\n     * Time in milliseconds that toast should remain visible for. Overrides value given to `ToastProvider`.\n     */\n    duration?: number\n    /**\n     * Event handler called when the escape key is down. It can be prevented by calling `event.preventDefault`.\n     */\n    onEscapeKeyDown?: DismissableProps['onEscapeKeyDown']\n    /**\n     * Event handler called when the dismiss timer is paused.\n     * On web, this occurs when the pointer is moved over the viewport, the viewport is focused or when the window is blurred.\n     * On mobile, this occurs when the toast is touched.\n     */\n    onPause?(): void\n    /**\n     * Event handler called when the dismiss timer is resumed.\n     * On web, this occurs when the pointer is moved away from the viewport, the viewport is blurred or when the window is focused.\n     * On mobile, this occurs when the toast is released.\n     */\n    onResume?(): void\n    /**\n     * Event handler called when starting a swipe interaction. It can be prevented by calling `event.preventDefault`.\n     */\n    onSwipeStart?(event: SwipeEvent): void\n    /**\n     * Event handler called during a swipe interaction. It can be prevented by calling `event.preventDefault`.\n     */\n    onSwipeMove?(event: SwipeEvent): void\n    /**\n     * Event handler called at the cancellation of a swipe interaction. It can be prevented by calling `event.preventDefault`.\n     */\n    onSwipeCancel?(event: SwipeEvent): void\n    /**\n     * Event handler called at the end of a swipe interaction. It can be prevented by calling `event.preventDefault`.\n     */\n    onSwipeEnd?(event: SwipeEvent): void\n    /**\n     * The viewport's name to send the toast to. Used when using multiple viewports and want to forward toasts to different ones.\n     *\n     * @default \"default\"\n     */\n    viewportName?: string\n  }\n\nconst ToastImpl = React.forwardRef<TamaguiElement, ToastImplProps>(\n  (props: ScopedProps<ToastImplProps>, forwardedRef) => {\n    const {\n      __scopeToast,\n      type = 'foreground',\n      duration: durationProp,\n      open,\n      onClose,\n      onEscapeKeyDown,\n      onPause,\n      onResume,\n      onSwipeStart,\n      onSwipeMove,\n      onSwipeCancel,\n      onSwipeEnd,\n      viewportName,\n      ...toastProps\n    } = props\n    const isPresent = useIsPresent()\n    const context = useToastProviderContext(TOAST_NAME, __scopeToast)\n    const [node, setNode] = React.useState<TamaguiElement | null>(null)\n    const composedRefs = useComposedRefs(forwardedRef, (node) => setNode(node))\n    const duration = durationProp || context.duration\n    const closeTimerStartTimeRef = React.useRef(0)\n    const closeTimerRemainingTimeRef = React.useRef(duration)\n    const closeTimerRef = React.useRef(0)\n    const { onToastAdd, onToastRemove } = context\n    const handleClose = useEvent(() => {\n      if (!isPresent) {\n        // already removed from the react tree\n        return\n      }\n      // focus viewport if focus is within toast to read the remaining toast\n      // count to SR users and ensure focus isn't lost\n      if (isWeb) {\n        const isFocusInToast = (node as HTMLDivElement)?.contains(document.activeElement)\n        if (isFocusInToast) context.viewport?.focus()\n      }\n      onClose()\n    })\n\n    const startTimer = React.useCallback(\n      (duration: number) => {\n        if (!duration || duration === Infinity) return\n        clearTimeout(closeTimerRef.current)\n        closeTimerStartTimeRef.current = new Date().getTime()\n        closeTimerRef.current = setTimeout(handleClose, duration) as unknown as number\n      },\n      [handleClose]\n    )\n    const handleResume = React.useCallback(() => {\n      startTimer(closeTimerRemainingTimeRef.current)\n      onResume?.()\n    }, [onResume, startTimer])\n    const handlePause = React.useCallback(() => {\n      const elapsedTime = new Date().getTime() - closeTimerStartTimeRef.current\n      closeTimerRemainingTimeRef.current =\n        closeTimerRemainingTimeRef.current - elapsedTime\n      window.clearTimeout(closeTimerRef.current)\n      onPause?.()\n    }, [onPause])\n\n    React.useEffect(() => {\n      if (!isWeb) return\n      const viewport = context.viewport as HTMLElement\n      if (viewport) {\n        viewport.addEventListener(VIEWPORT_PAUSE, handlePause)\n        viewport.addEventListener(VIEWPORT_RESUME, handleResume)\n        return () => {\n          viewport.removeEventListener(VIEWPORT_PAUSE, handlePause)\n          viewport.removeEventListener(VIEWPORT_RESUME, handleResume)\n        }\n      }\n    }, [context.viewport, duration, onPause, onResume, startTimer])\n\n    // start timer when toast opens or duration changes.\n    // we include `open` in deps because closed !== unmounted when animating\n    // so it could reopen before being completely unmounted\n    React.useEffect(() => {\n      if (open && !context.isClosePausedRef.current) {\n        startTimer(duration)\n      }\n    }, [open, duration, context.isClosePausedRef, startTimer])\n\n    React.useEffect(() => {\n      onToastAdd()\n      return () => onToastRemove()\n    }, [onToastAdd, onToastRemove])\n\n    const announceTextContent = React.useMemo(() => {\n      if (!isWeb) return null\n      return node ? getAnnounceTextContent(node as HTMLDivElement) : null\n    }, [node])\n\n    const isHorizontalSwipe = ['left', 'right', 'horizontal'].includes(\n      context.swipeDirection\n    )\n\n    const driver = getAnimationDriver()\n    if (!driver) {\n      throw new Error('Must set animations in tamagui.config.ts')\n    }\n\n    const { useAnimatedNumber, useAnimatedNumberStyle } = driver\n\n    const animatedNumber = useAnimatedNumber(0)\n\n    // temp until reanimated useAnimatedNumber fix\n    const AnimatedView = (driver['NumberView'] ?? driver.View) as typeof Animated.View\n\n    const animatedStyles = useAnimatedNumberStyle(animatedNumber, (val) => {\n      return {\n        transform: [isHorizontalSwipe ? { translateX: val } : { translateY: val }],\n      }\n    })\n\n    const panResponder = React.useMemo(() => {\n      return PanResponder.create({\n        onMoveShouldSetPanResponder: (e) => {\n          onSwipeStart?.(e)\n          return true\n        },\n        onPanResponderGrant: (e) => {\n          if (!isWeb) {\n            handlePause?.()\n          }\n        },\n        onPanResponderMove: (e, { dy, dx }) => {\n          let y = 0\n          let x = 0\n          if (context.swipeDirection === 'horizontal') x = dx\n          else if (context.swipeDirection === 'left') x = Math.min(0, dx)\n          else if (context.swipeDirection === 'right') x = Math.max(0, dx)\n          else if (context.swipeDirection === 'vertical') y = dy\n          else if (context.swipeDirection === 'up') y = Math.min(0, dy)\n          else if (context.swipeDirection === 'down') y = Math.max(0, dy)\n\n          onSwipeMove?.(e)\n\n          const delta = { x, y }\n          animatedNumber.setValue(isHorizontalSwipe ? x : y, { type: 'direct' })\n          if (isDeltaInDirection(delta, context.swipeDirection, context.swipeThreshold)) {\n            onSwipeEnd?.(e)\n          }\n        },\n        onPanResponderEnd: (e, { dx, dy }) => {\n          if (\n            !isDeltaInDirection(\n              { x: dx, y: dy },\n              context.swipeDirection,\n              context.swipeThreshold\n            )\n          ) {\n            if (!isWeb) {\n              handleResume?.()\n            }\n            onSwipeCancel?.(e)\n            animatedNumber.setValue(0, { type: 'spring' })\n          }\n        },\n      })\n    }, [handlePause, handleResume])\n\n    // need to get the theme name from context and apply it again since portals don't retain the theme\n    const themeName = useThemeName()\n\n    return (\n      <>\n        {announceTextContent && (\n          <ToastAnnounce\n            __scopeToast={__scopeToast}\n            // Toasts are always role=status to avoid stuttering issues with role=alert in SRs.\n            role=\"status\"\n            aria-live={type === 'foreground' ? 'assertive' : 'polite'}\n            aria-atomic\n          >\n            {announceTextContent}\n          </ToastAnnounce>\n        )}\n\n        <PortalItem hostName={viewportName ?? 'default'}>\n          <ToastInteractiveProvider\n            key={props.id}\n            scope={__scopeToast}\n            onClose={() => {\n              console.log('hellooow')\n              handleClose()\n            }}\n          >\n            <Dismissable\n              // asChild\n              onEscapeKeyDown={composeEventHandlers(onEscapeKeyDown, () => {\n                if (!context.isFocusedToastEscapeKeyDownRef.current) {\n                  handleClose()\n                }\n                context.isFocusedToastEscapeKeyDownRef.current = false\n              })}\n            >\n              <Theme forceClassName name={themeName}>\n                <AnimatedView\n                  {...panResponder?.panHandlers}\n                  style={[{ margin: 'auto' }, animatedStyles]}\n                >\n                  <Collection.ItemSlot scope={__scopeToast}>\n                    <ToastImplFrame\n                      // Ensure toasts are announced as status list or status when focused\n                      role=\"status\"\n                      aria-live=\"off\"\n                      aria-atomic\n                      tabIndex={0}\n                      data-state={open ? 'open' : 'closed'}\n                      data-swipe-direction={context.swipeDirection}\n                      pointerEvents=\"auto\"\n                      // touchAction=\"none\"\n                      userSelect=\"none\"\n                      {...toastProps}\n                      ref={composedRefs}\n                      {...(isWeb && {\n                        onKeyDown: composeEventHandlers(\n                          (props as any).onKeyDown,\n                          (event: KeyboardEvent) => {\n                            if (event.key !== 'Escape') return\n                            onEscapeKeyDown?.(event)\n                            onEscapeKeyDown?.(event)\n                            if (!event.defaultPrevented) {\n                              context.isFocusedToastEscapeKeyDownRef.current = true\n                              handleClose()\n                            }\n                          }\n                        ),\n                      })}\n                    />\n                  </Collection.ItemSlot>\n                </AnimatedView>\n              </Theme>\n            </Dismissable>\n          </ToastInteractiveProvider>\n        </PortalItem>\n      </>\n    )\n  }\n)\n\nToastImpl.propTypes = {\n  type(props) {\n    if (props.type && !['foreground', 'background'].includes(props.type)) {\n      const error = `Invalid prop \\`type\\` supplied to \\`${TOAST_NAME}\\`. Expected \\`foreground | background\\`.`\n      return new Error(error)\n    }\n    return null\n  },\n}\n\n/* ---------------------------------------------------------------------------------------------- */\n\nconst isDeltaInDirection = (\n  delta: { x: number; y: number },\n  direction: SwipeDirection,\n  threshold = 0\n) => {\n  const deltaX = Math.abs(delta.x)\n  const deltaY = Math.abs(delta.y)\n  const isDeltaX = deltaX > deltaY\n  if (direction === 'left' || direction === 'right' || direction === 'horizontal') {\n    return isDeltaX && deltaX > threshold\n  } else {\n    return !isDeltaX && deltaY > threshold\n  }\n}\n\nfunction getAnnounceTextContent(container: HTMLElement) {\n  if (!isWeb) return ''\n  const textContent: string[] = []\n  const childNodes = Array.from(container.childNodes)\n\n  childNodes.forEach((node) => {\n    if (node.nodeType === node.TEXT_NODE && node.textContent)\n      textContent.push(node.textContent)\n    if (isHTMLElement(node)) {\n      const isHidden = node.ariaHidden || node.hidden || node.style.display === 'none'\n      const isExcluded = node.dataset.toastAnnounceExclude === ''\n\n      if (!isHidden) {\n        if (isExcluded) {\n          const altText = node.dataset.toastAnnounceAlt\n          if (altText) textContent.push(altText)\n        } else {\n          textContent.push(...getAnnounceTextContent(node))\n        }\n      }\n    }\n  })\n\n  // We return a collection of text rather than a single concatenated string.\n  // This allows SR VO to naturally pause break between nodes while announcing.\n  return textContent\n}\n\nfunction isHTMLElement(node: any): node is HTMLElement {\n  return node.nodeType === node.ELEMENT_NODE\n}\n\nexport { ToastImpl, ToastImplFrame, ToastImplProps, useToastInteractiveContext }\nexport type { ToastProps }\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { useIsPresent } from '@tamagui/animate-presence'\nimport { useComposedRefs } from '@tamagui/compose-refs'\nimport {\n  GetProps,\n  TamaguiElement,\n  Theme,\n  composeEventHandlers,\n  getAnimationDriver,\n  isWeb,\n  styled,\n  useEvent,\n  useThemeName,\n} from '@tamagui/core'\nimport { Dismissable, DismissableProps } from '@tamagui/dismissable'\nimport { PortalItem } from '@tamagui/portal'\nimport { ThemeableStack } from '@tamagui/stacks'\nimport * as React from 'react'\nimport { Animated, GestureResponderEvent, PanResponder } from 'react-native'\n\nimport { TOAST_NAME } from './constants'\nimport { ToastAnnounce } from './ToastAnnounce'\nimport {\n  Collection,\n  ScopedProps,\n  SwipeDirection,\n  createToastContext,\n  useToastProviderContext,\n} from './ToastProvider'\nimport { VIEWPORT_PAUSE, VIEWPORT_RESUME } from './ToastViewport'\n\nconst ToastImplFrame = styled(ThemeableStack, {\n  name: 'ToastImpl',\n  variants: {\n    backgrounded: {\n      true: {\n        backgroundColor: '$color6',\n      },\n    },\n    unstyled: {\n      false: {\n        borderRadius: '$10',\n        paddingHorizontal: '$5',\n        paddingVertical: '$2',\n        marginHorizontal: 'auto',\n        marginVertical: '$1',\n      },\n    },\n  },\n  defaultVariants: {\n    backgrounded: true,\n    unstyled: false,\n  },\n})\ninterface ToastProps extends Omit<ToastImplProps, keyof ToastImplPrivateProps> {\n  /**\n   * The controlled open state of the dialog. Must be used in conjunction with `onOpenChange`.\n   */\n  open?: boolean\n  /**\n   * The open state of the dialog when it is initially rendered. Use when you do not need to control its open state.\n   */\n  defaultOpen?: boolean\n  /**\n   * Event handler called when the open state of the dialog changes.\n   */\n  onOpenChange?(open: boolean): void\n  /**\n   * Used to force mounting when more control is needed. Useful when\n   * controlling animation with React animation libraries.\n   */\n  forceMount?: true\n}\n\ntype SwipeEvent = GestureResponderEvent\n\nconst [ToastInteractiveProvider, useToastInteractiveContext] = createToastContext(\n  TOAST_NAME,\n  {\n    onClose() {},\n  }\n)\n\ntype ToastImplPrivateProps = { open: boolean; onClose(): void }\ntype ToastImplFrameProps = GetProps<typeof ToastImplFrame>\ntype ToastImplProps = ToastImplPrivateProps &\n  ToastImplFrameProps & {\n    /**\n     * Control the sensitivity of the toast for accessibility purposes.\n     * For toasts that are the result of a user action, choose foreground. Toasts generated from background tasks should use background.\n     */\n    type?: 'foreground' | 'background'\n    /**\n     * Time in milliseconds that toast should remain visible for. Overrides value given to `ToastProvider`.\n     */\n    duration?: number\n    /**\n     * Event handler called when the escape key is down. It can be prevented by calling `event.preventDefault`.\n     */\n    onEscapeKeyDown?: DismissableProps['onEscapeKeyDown']\n    /**\n     * Event handler called when the dismiss timer is paused.\n     * On web, this occurs when the pointer is moved over the viewport, the viewport is focused or when the window is blurred.\n     * On mobile, this occurs when the toast is touched.\n     */\n    onPause?(): void\n    /**\n     * Event handler called when the dismiss timer is resumed.\n     * On web, this occurs when the pointer is moved away from the viewport, the viewport is blurred or when the window is focused.\n     * On mobile, this occurs when the toast is released.\n     */\n    onResume?(): void\n    /**\n     * Event handler called when starting a swipe interaction. It can be prevented by calling `event.preventDefault`.\n     */\n    onSwipeStart?(event: SwipeEvent): void\n    /**\n     * Event handler called during a swipe interaction. It can be prevented by calling `event.preventDefault`.\n     */\n    onSwipeMove?(event: SwipeEvent): void\n    /**\n     * Event handler called at the cancellation of a swipe interaction. It can be prevented by calling `event.preventDefault`.\n     */\n    onSwipeCancel?(event: SwipeEvent): void\n    /**\n     * Event handler called at the end of a swipe interaction. It can be prevented by calling `event.preventDefault`.\n     */\n    onSwipeEnd?(event: SwipeEvent): void\n    /**\n     * The viewport's name to send the toast to. Used when using multiple viewports and want to forward toasts to different ones.\n     *\n     * @default \"default\"\n     */\n    viewportName?: string\n    /**\n     * \n     */\n    id?: string\n  }\n\nconst ToastImpl = React.forwardRef<TamaguiElement, ToastImplProps>(\n  (props: ScopedProps<ToastImplProps>, forwardedRef) => {\n    const {\n      __scopeToast,\n      type = 'foreground',\n      duration: durationProp,\n      open,\n      onClose,\n      onEscapeKeyDown,\n      onPause,\n      onResume,\n      onSwipeStart,\n      onSwipeMove,\n      onSwipeCancel,\n      onSwipeEnd,\n      viewportName,\n      ...toastProps\n    } = props\n    const isPresent = useIsPresent()\n    const context = useToastProviderContext(TOAST_NAME, __scopeToast)\n    const [node, setNode] = React.useState<TamaguiElement | null>(null)\n    const composedRefs = useComposedRefs(forwardedRef, (node) => setNode(node))\n    const duration = durationProp || context.duration\n    const closeTimerStartTimeRef = React.useRef(0)\n    const closeTimerRemainingTimeRef = React.useRef(duration)\n    const closeTimerRef = React.useRef(0)\n    const { onToastAdd, onToastRemove } = context\n    const handleClose = useEvent(() => {\n      if (!isPresent) {\n          // already removed from the react tree\n          return\n        }\n        // focus viewport if focus is within toast to read the remaining toast\n        // count to SR users and ensure focus isn't lost\n        if (isWeb) {\n          const isFocusInToast = (node as HTMLDivElement)?.contains(document.activeElement)\n          if (isFocusInToast) context.viewport?.focus()\n        }\n      onClose()\n    })\n\n    const startTimer = React.useCallback(\n      (duration: number) => {\n        if (!duration || duration === Infinity) return\n        clearTimeout(closeTimerRef.current)\n        closeTimerStartTimeRef.current = new Date().getTime()\n        closeTimerRef.current = setTimeout(handleClose, duration) as unknown as number\n      },\n      [handleClose]\n    )\n    const handleResume = React.useCallback(() => {\n      startTimer(closeTimerRemainingTimeRef.current)\n      onResume?.()\n    }, [onResume, startTimer])\n    const handlePause = React.useCallback(() => {\n      const elapsedTime = new Date().getTime() - closeTimerStartTimeRef.current\n      closeTimerRemainingTimeRef.current =\n        closeTimerRemainingTimeRef.current - elapsedTime\n      window.clearTimeout(closeTimerRef.current)\n      onPause?.()\n    }, [onPause])\n\n    React.useEffect(() => {\n      if (!isWeb) return\n      const viewport = context.viewport as HTMLElement\n      if (viewport) {\n        viewport.addEventListener(VIEWPORT_PAUSE, handlePause)\n        viewport.addEventListener(VIEWPORT_RESUME, handleResume)\n        return () => {\n          viewport.removeEventListener(VIEWPORT_PAUSE, handlePause)\n          viewport.removeEventListener(VIEWPORT_RESUME, handleResume)\n        }\n      }\n    }, [context.viewport, duration, onPause, onResume, startTimer])\n\n    // start timer when toast opens or duration changes.\n    // we include `open` in deps because closed !== unmounted when animating\n    // so it could reopen before being completely unmounted\n    React.useEffect(() => {\n      if (open && !context.isClosePausedRef.current) {\n        startTimer(duration)\n      }\n    }, [open, duration, context.isClosePausedRef, startTimer])\n\n    React.useEffect(() => {\n      onToastAdd()\n      return () => onToastRemove()\n    }, [onToastAdd, onToastRemove])\n\n    const announceTextContent = React.useMemo(() => {\n      if (!isWeb) return null\n      return node ? getAnnounceTextContent(node as HTMLDivElement) : null\n    }, [node])\n\n    const isHorizontalSwipe = ['left', 'right', 'horizontal'].includes(\n      context.swipeDirection\n    )\n\n    const driver = getAnimationDriver()\n    if (!driver) {\n      throw new Error('Must set animations in tamagui.config.ts')\n    }\n\n    const { useAnimatedNumber, useAnimatedNumberStyle } = driver\n\n    const animatedNumber = useAnimatedNumber(0)\n\n    // temp until reanimated useAnimatedNumber fix\n    const AnimatedView = (driver['NumberView'] ?? driver.View) as typeof Animated.View\n\n    const animatedStyles = useAnimatedNumberStyle(animatedNumber, (val) => {\n      return {\n        transform: [isHorizontalSwipe ? { translateX: val } : { translateY: val }],\n      }\n    })\n\n    const panResponder = React.useMemo(() => {\n      return PanResponder.create({\n        onMoveShouldSetPanResponder: (e) => {\n          onSwipeStart?.(e)\n          return true\n        },\n        onPanResponderGrant: (e) => {\n          if (!isWeb) {\n            handlePause?.()\n          }\n        },\n        onPanResponderMove: (e, { dy, dx }) => {\n          let y = 0\n          let x = 0\n          if (context.swipeDirection === 'horizontal') x = dx\n          else if (context.swipeDirection === 'left') x = Math.min(0, dx)\n          else if (context.swipeDirection === 'right') x = Math.max(0, dx)\n          else if (context.swipeDirection === 'vertical') y = dy\n          else if (context.swipeDirection === 'up') y = Math.min(0, dy)\n          else if (context.swipeDirection === 'down') y = Math.max(0, dy)\n\n          onSwipeMove?.(e)\n\n          const delta = { x, y }\n          animatedNumber.setValue(isHorizontalSwipe ? x : y, { type: 'direct' })\n          if (isDeltaInDirection(delta, context.swipeDirection, context.swipeThreshold)) {\n            onSwipeEnd?.(e)\n          }\n        },\n        onPanResponderEnd: (e, { dx, dy }) => {\n          if (\n            !isDeltaInDirection(\n              { x: dx, y: dy },\n              context.swipeDirection,\n              context.swipeThreshold\n            )\n          ) {\n            if (!isWeb) {\n              handleResume?.()\n            }\n            onSwipeCancel?.(e)\n            animatedNumber.setValue(0, { type: 'spring' })\n          }\n        },\n      })\n    }, [handlePause, handleResume])\n\n    // need to get the theme name from context and apply it again since portals don't retain the theme\n    const themeName = useThemeName()\n\n    return (\n      <>\n        {announceTextContent && (\n          <ToastAnnounce\n            __scopeToast={__scopeToast}\n            // Toasts are always role=status to avoid stuttering issues with role=alert in SRs.\n            role=\"status\"\n            aria-live={type === 'foreground' ? 'assertive' : 'polite'}\n            aria-atomic\n          >\n            {announceTextContent}\n          </ToastAnnounce>\n        )}\n\n        <PortalItem hostName={viewportName ?? 'default'}>\n          <ToastInteractiveProvider\n            key={props.id}\n            scope={__scopeToast}\n            onClose={() => {\n              handleClose()\n            }}\n          >\n            <Dismissable\n              // asChild\n              onEscapeKeyDown={composeEventHandlers(onEscapeKeyDown, () => {\n                if (!context.isFocusedToastEscapeKeyDownRef.current) {\n                  handleClose()\n                }\n                context.isFocusedToastEscapeKeyDownRef.current = false\n              })}\n            >\n              <Theme forceClassName name={themeName}>\n                <AnimatedView\n                  {...panResponder?.panHandlers}\n                  style={[{ margin: 'auto' }, animatedStyles]}\n                >\n                  <Collection.ItemSlot scope={__scopeToast}>\n                    <ToastImplFrame\n                      // Ensure toasts are announced as status list or status when focused\n                      role=\"status\"\n                      aria-live=\"off\"\n                      aria-atomic\n                      tabIndex={0}\n                      data-state={open ? 'open' : 'closed'}\n                      data-swipe-direction={context.swipeDirection}\n                      pointerEvents=\"auto\"\n                      // touchAction=\"none\"\n                      userSelect=\"none\"\n                      {...toastProps}\n                      ref={composedRefs}\n                      {...(isWeb && {\n                        onKeyDown: composeEventHandlers(\n                          (props as any).onKeyDown,\n                          (event: KeyboardEvent) => {\n                            if (event.key !== 'Escape') return\n                            onEscapeKeyDown?.(event)\n                            onEscapeKeyDown?.(event)\n                            if (!event.defaultPrevented) {\n                              context.isFocusedToastEscapeKeyDownRef.current = true\n                              handleClose()\n                            }\n                          }\n                        ),\n                      })}\n                    />\n                  </Collection.ItemSlot>\n                </AnimatedView>\n              </Theme>\n            </Dismissable>\n          </ToastInteractiveProvider>\n        </PortalItem>\n      </>\n    )\n  }\n)\n\nToastImpl.propTypes = {\n  type(props) {\n    if (props.type && !['foreground', 'background'].includes(props.type)) {\n      const error = `Invalid prop \\`type\\` supplied to \\`${TOAST_NAME}\\`. Expected \\`foreground | background\\`.`\n      return new Error(error)\n    }\n    return null\n  },\n}\n\n/* ---------------------------------------------------------------------------------------------- */\n\nconst isDeltaInDirection = (\n  delta: { x: number; y: number },\n  direction: SwipeDirection,\n  threshold = 0\n) => {\n  const deltaX = Math.abs(delta.x)\n  const deltaY = Math.abs(delta.y)\n  const isDeltaX = deltaX > deltaY\n  if (direction === 'left' || direction === 'right' || direction === 'horizontal') {\n    return isDeltaX && deltaX > threshold\n  } else {\n    return !isDeltaX && deltaY > threshold\n  }\n}\n\nfunction getAnnounceTextContent(container: HTMLElement) {\n  if (!isWeb) return ''\n  const textContent: string[] = []\n  const childNodes = Array.from(container.childNodes)\n\n  childNodes.forEach((node) => {\n    if (node.nodeType === node.TEXT_NODE && node.textContent)\n      textContent.push(node.textContent)\n    if (isHTMLElement(node)) {\n      const isHidden = node.ariaHidden || node.hidden || node.style.display === 'none'\n      const isExcluded = node.dataset.toastAnnounceExclude === ''\n\n      if (!isHidden) {\n        if (isExcluded) {\n          const altText = node.dataset.toastAnnounceAlt\n          if (altText) textContent.push(altText)\n        } else {\n          textContent.push(...getAnnounceTextContent(node))\n        }\n      }\n    }\n  })\n\n  // We return a collection of text rather than a single concatenated string.\n  // This allows SR VO to naturally pause break between nodes while announcing.\n  return textContent\n}\n\nfunction isHTMLElement(node: any): node is HTMLElement {\n  return node.nodeType === node.ELEMENT_NODE\n}\n\nexport { ToastImpl, ToastImplFrame, ToastImplProps, useToastInteractiveContext }\nexport type { ToastProps }\n"],
+  "mappings": "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",
   "names": ["node", "duration"]
 }

package/dist/cjs/ToastViewport.js

@@ -74,6 +74,7 @@ const ToastViewport = React.forwardRef(
       hotkey = VIEWPORT_DEFAULT_HOTKEY,
       label = "Notifications ({hotkey})",
       name,
+      multipleToasts,
       ...viewportProps
     } = props;
     const context = (0, import_ToastProvider.useToastProviderContext)(VIEWPORT_NAME, __scopeToast);
@@ -223,7 +224,7 @@ const ToastViewport = React.forwardRef(
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ToastProvider.Collection.Slot, { scope: __scopeToast, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToastViewportFrame, { 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, { children }),
+              render: (children) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_animate_presence.AnimatePresence, { exitBeforeEnter: !multipleToasts, children }),
               name: name ?? "default"
             }
           ) }) }),

package/dist/cjs/ToastViewport.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/ToastViewport.tsx"],
-  "sourcesContent": ["import { AnimatePresence } from '@tamagui/animate-presence'\nimport { useComposedRefs } from '@tamagui/compose-refs'\nimport { GetProps, TamaguiElement, isWeb, styled } from '@tamagui/core'\nimport { PortalHost } from '@tamagui/portal'\nimport { YStack } from '@tamagui/stacks'\nimport { VisuallyHidden } from '@tamagui/visually-hidden'\nimport * as React from 'react'\n\nimport {\n  Collection,\n  ScopedProps,\n  useCollection,\n  useToastProviderContext,\n} from './ToastProvider'\n\nconst VIEWPORT_NAME = 'ToastViewport'\nconst VIEWPORT_DEFAULT_HOTKEY = ['F8']\nconst VIEWPORT_PAUSE = 'toast.viewportPause'\nconst VIEWPORT_RESUME = 'toast.viewportResume'\n\nconst ToastViewportWrapperFrame = styled(YStack, {\n  name: 'ViewportWrapper',\n  pointerEvents: 'box-none',\n  top: 0,\n  bottom: 0,\n  left: 0,\n  right: 0,\n  // @ts-ignore\n  position: isWeb ? 'fixed' : 'absolute',\n  maxWidth: '100%',\n  tabIndex: 0,\n  zIndex: 100000,\n})\n\nconst ToastViewportFrame = styled(YStack, {\n  name: VIEWPORT_NAME,\n  pointerEvents: 'box-none',\n  // @ts-ignore\n  position: isWeb ? 'fixed' : 'absolute',\n  maxWidth: '100%',\n})\ntype ToastViewportFrameProps = GetProps<typeof ToastViewportFrame>\ntype ToastViewportProps = ToastViewportFrameProps & {\n  /**\n   * The keys to use as the keyboard shortcut that will move focus to the toast viewport.\n   * @defaultValue ['F8']\n   */\n  hotkey?: string[]\n  /**\n   * An author-localized label for the toast viewport to provide context for screen reader users\n   * when navigating page landmarks. The available `{hotkey}` placeholder will be replaced for you.\n   * @defaultValue 'Notifications ({hotkey})'\n   */\n  label?: string\n  /**\n   * Used to reference the viewport if you want to have multiple viewports in the same provider.\n   */\n  name?: string\n}\n\nconst ToastViewport = React.forwardRef<HTMLDivElement, ToastViewportProps>(\n  (props: ScopedProps<ToastViewportProps>, forwardedRef) => {\n    const {\n      __scopeToast,\n      hotkey = VIEWPORT_DEFAULT_HOTKEY,\n      label = 'Notifications ({hotkey})',\n      name,\n      ...viewportProps\n    } = props\n    const context = useToastProviderContext(VIEWPORT_NAME, __scopeToast)\n    const getItems = useCollection(__scopeToast)\n    const headFocusProxyRef = React.useRef<FocusProxyElement>(null)\n    const tailFocusProxyRef = React.useRef<FocusProxyElement>(null)\n    const wrapperRef = React.useRef<HTMLDivElement>(null)\n    const ref = React.useRef<HTMLDivElement>(null)\n    const composedRefs = useComposedRefs(forwardedRef, ref, context.onViewportChange)\n    const hotkeyLabel = hotkey.join('+').replace(/Key/g, '').replace(/Digit/g, '')\n    const hasToasts = context.toastCount > 0\n\n    React.useEffect(() => {\n      if (!isWeb) return\n      if (context.toastCount === 0) return\n      const handleKeyDown = (event: KeyboardEvent) => {\n        // we use `event.code` as it is consistent regardless of meta keys that were pressed.\n        // for example, `event.key` for `Control+Alt+t` is `\u2020` and `t !== \u2020`\n        const isHotkeyPressed = hotkey.every(\n          (key) => (event as any)[key] || event.code === key\n        )\n        if (isHotkeyPressed) ref.current?.focus()\n      }\n      document.addEventListener('keydown', handleKeyDown)\n      return () => {\n        document.removeEventListener('keydown', handleKeyDown)\n      }\n    }, [hotkey, context.toastCount])\n\n    React.useEffect(() => {\n      if (!isWeb) return\n      if (context.toastCount === 0) return\n      const wrapper = wrapperRef.current\n      const viewport = ref.current\n      if (hasToasts && wrapper && viewport) {\n        const handlePause = () => {\n          if (!context.isClosePausedRef.current) {\n            const pauseEvent = new CustomEvent(VIEWPORT_PAUSE)\n            viewport.dispatchEvent(pauseEvent)\n            context.isClosePausedRef.current = true\n          }\n        }\n\n        const handleResume = () => {\n          if (context.isClosePausedRef.current) {\n            const resumeEvent = new CustomEvent(VIEWPORT_RESUME)\n            viewport.dispatchEvent(resumeEvent)\n            context.isClosePausedRef.current = false\n          }\n        }\n\n        const handleFocusOutResume = (event: FocusEvent) => {\n          const isFocusMovingOutside = !wrapper.contains(\n            event.relatedTarget as HTMLElement\n          )\n          if (isFocusMovingOutside) handleResume()\n        }\n\n        const handlePointerLeaveResume = () => {\n          const isFocusInside = wrapper.contains(document.activeElement)\n          if (!isFocusInside) handleResume()\n        }\n        // Toasts are not in the viewport React tree so we need to bind DOM events\n\n        wrapper.addEventListener('focusin', handlePause)\n        wrapper.addEventListener('focusout', handleFocusOutResume)\n        wrapper.addEventListener('pointermove', handlePause)\n        wrapper.addEventListener('pointerleave', handlePointerLeaveResume)\n        window.addEventListener('blur', handlePause)\n        window.addEventListener('focus', handleResume)\n        return () => {\n          wrapper.removeEventListener('focusin', handlePause)\n          wrapper.removeEventListener('focusout', handleFocusOutResume)\n          wrapper.removeEventListener('pointermove', handlePause)\n          wrapper.removeEventListener('pointerleave', handlePointerLeaveResume)\n          window.removeEventListener('blur', handlePause)\n          window.removeEventListener('focus', handleResume)\n        }\n      }\n    }, [hasToasts, context.isClosePausedRef, context.toastCount])\n\n    const getSortedTabbableCandidates = React.useCallback(\n      ({ tabbingDirection }: { tabbingDirection: 'forwards' | 'backwards' }) => {\n        const toastItems = getItems()\n        const tabbableCandidates = toastItems.map((toastItem) => {\n          const toastNode = toastItem.ref.current!\n          const toastTabbableCandidates = [toastNode, ...getTabbableCandidates(toastNode)]\n          return tabbingDirection === 'forwards'\n            ? toastTabbableCandidates\n            : toastTabbableCandidates.reverse()\n        })\n        return (\n          tabbingDirection === 'forwards'\n            ? tabbableCandidates.reverse()\n            : tabbableCandidates\n        ).flat()\n      },\n      [getItems]\n    )\n\n    React.useEffect(() => {\n      if (!isWeb) return\n      if (context.toastCount === 0) return\n\n      const viewport = ref.current\n      // We programmatically manage tabbing as we are unable to influence\n      // the source order with portals, this allows us to reverse the\n      // tab order so that it runs from most recent toast to least\n      if (viewport) {\n        const handleKeyDown = (event: KeyboardEvent) => {\n          const isMetaKey = event.altKey || event.ctrlKey || event.metaKey\n          const isTabKey = event.key === 'Tab' && !isMetaKey\n\n          if (isTabKey) {\n            const focusedElement = document.activeElement\n            const isTabbingBackwards = event.shiftKey\n            const targetIsViewport = event.target === viewport\n\n            // If we're back tabbing after jumping to the viewport then we simply\n            // proxy focus out to the preceding document\n            if (targetIsViewport && isTabbingBackwards) {\n              headFocusProxyRef.current?.focus()\n              return\n            }\n\n            const tabbingDirection = isTabbingBackwards ? 'backwards' : 'forwards'\n            const sortedCandidates = getSortedTabbableCandidates({ tabbingDirection })\n            const index = sortedCandidates.findIndex(\n              (candidate) => candidate === focusedElement\n            )\n            if (focusFirst(sortedCandidates.slice(index + 1))) {\n              event.preventDefault()\n            } else {\n              // If we can't focus that means we're at the edges so we\n              // proxy to the corresponding exit point and let the browser handle\n              // tab/shift+tab keypress and implicitly pass focus to the next valid element in the document\n              isTabbingBackwards\n                ? headFocusProxyRef.current?.focus()\n                : tailFocusProxyRef.current?.focus()\n            }\n          }\n        }\n\n        // Toasts are not in the viewport React tree so we need to bind DOM events\n        viewport.addEventListener('keydown', handleKeyDown)\n        return () => viewport.removeEventListener('keydown', handleKeyDown)\n      }\n    }, [getItems, getSortedTabbableCandidates, context.toastCount])\n\n    return (\n      <ToastViewportWrapperFrame\n        ref={wrapperRef}\n        role=\"region\"\n        aria-label={label.replace('{hotkey}', hotkeyLabel)}\n        // // Ensure virtual cursor from landmarks menus triggers focus/blur for pause/resume\n        tabIndex={-1}\n        // // incase list has size when empty (e.g. padding), we remove pointer events so\n        // // it doesn't prevent interactions with page elements that it overlays\n        // pointerEvents={hasToasts ? undefined : 'none'}\n      >\n        {hasToasts && (\n          <FocusProxy\n            ref={headFocusProxyRef}\n            onFocusFromOutsideViewport={() => {\n              const tabbableCandidates = getSortedTabbableCandidates({\n                tabbingDirection: 'forwards',\n              })\n              focusFirst(tabbableCandidates)\n            }}\n          />\n        )}\n        {/**\n         * tabindex on the the list so that it can be focused when items are removed. we focus\n         * the list instead of the viewport so it announces number of items remaining.\n         */}\n        <Collection.Slot scope={__scopeToast}>\n          <ToastViewportFrame ref={composedRefs} {...viewportProps}>\n            <PortalHost\n              // TODO: user should be able to control this prop to customize AnimatePresence\n              render={(children) => <AnimatePresence>{children}</AnimatePresence>}\n              name={name ?? 'default'}\n            />\n          </ToastViewportFrame>\n        </Collection.Slot>\n        {hasToasts && (\n          <FocusProxy\n            ref={tailFocusProxyRef}\n            onFocusFromOutsideViewport={() => {\n              const tabbableCandidates = getSortedTabbableCandidates({\n                tabbingDirection: 'backwards',\n              })\n              focusFirst(tabbableCandidates)\n            }}\n          />\n        )}\n      </ToastViewportWrapperFrame>\n    )\n  }\n)\n\nToastViewport.displayName = VIEWPORT_NAME\n\n/* -----------------------------------------------------------------------------------------------*/\n\nconst FOCUS_PROXY_NAME = 'ToastFocusProxy'\n\ntype FocusProxyElement = React.ElementRef<typeof VisuallyHidden>\ntype VisuallyHiddenProps = GetProps<typeof VisuallyHidden>\ninterface FocusProxyProps extends VisuallyHiddenProps {\n  onFocusFromOutsideViewport(): void\n}\n\nconst FocusProxy = React.forwardRef<FocusProxyElement, ScopedProps<FocusProxyProps>>(\n  (props, forwardedRef) => {\n    const { __scopeToast, onFocusFromOutsideViewport, ...proxyProps } = props\n    const context = useToastProviderContext(FOCUS_PROXY_NAME, __scopeToast)\n\n    return (\n      <VisuallyHidden\n        aria-hidden\n        tabIndex={0}\n        {...proxyProps}\n        ref={forwardedRef}\n        // Avoid page scrolling when focus is on the focus proxy\n        position={isWeb ? ('fixed' as any) : 'absolute'}\n        onFocus={(event) => {\n          if (!isWeb) return\n          const prevFocusedElement = event.relatedTarget as HTMLElement | null\n          const isFocusFromOutsideViewport = !(context.viewport as HTMLElement)?.contains(\n            prevFocusedElement\n          )\n          if (isFocusFromOutsideViewport) onFocusFromOutsideViewport()\n        }}\n      />\n    )\n  }\n)\n\nFocusProxy.displayName = FOCUS_PROXY_NAME\n\n/* -----------------------------------------------------------------------------------------------*/\n\nfunction focusFirst(candidates: TamaguiElement[]) {\n  if (!isWeb) return\n  const previouslyFocusedElement = document.activeElement\n  return candidates.some((candidate) => {\n    // if focus is already where we want to go, we don't want to keep going through the candidates\n    if (candidate === previouslyFocusedElement) return true\n    candidate.focus()\n    return document.activeElement !== previouslyFocusedElement\n  })\n}\n\n/**\n * Returns a list of potential tabbable candidates.\n *\n * NOTE: This is only a close approximation. For example it doesn't take into account cases like when\n * elements are not visible. This cannot be worked out easily by just reading a property, but rather\n * necessitate runtime knowledge (computed styles, etc). We deal with these cases separately.\n *\n * See: https://developer.mozilla.org/en-US/docs/Web/API/TreeWalker\n * Credit: https://github.com/discord/focus-layers/blob/master/src/util/wrapFocus.tsx#L1\n */\nfunction getTabbableCandidates(container: TamaguiElement) {\n  if (!isWeb) return []\n  const containerHtml = container as HTMLElement\n  const nodes: HTMLElement[] = []\n  const walker = document.createTreeWalker(containerHtml, NodeFilter.SHOW_ELEMENT, {\n    acceptNode: (node: any) => {\n      const isHiddenInput = node.tagName === 'INPUT' && node.type === 'hidden'\n      if (node.disabled || node.hidden || isHiddenInput) return NodeFilter.FILTER_SKIP\n      // `.tabIndex` is not the same as the `tabindex` attribute. It works on the\n      // runtime's understanding of tabbability, so this automatically accounts\n      // for any kind of element that could be tabbed to.\n      return node.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP\n    },\n  })\n  while (walker.nextNode()) nodes.push(walker.currentNode as HTMLElement)\n  // we do not take into account the order of nodes with positive `tabIndex` as it\n  // hinders accessibility to have tab order different from visual order.\n  return nodes\n}\n\nexport {\n  ToastViewport,\n  ToastViewportProps,\n  VIEWPORT_DEFAULT_HOTKEY,\n  VIEWPORT_PAUSE,\n  VIEWPORT_RESUME,\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { AnimatePresence } from '@tamagui/animate-presence'\nimport { useComposedRefs } from '@tamagui/compose-refs'\nimport { GetProps, TamaguiElement, isWeb, styled } from '@tamagui/core'\nimport { PortalHost } from '@tamagui/portal'\nimport { YStack } from '@tamagui/stacks'\nimport { VisuallyHidden } from '@tamagui/visually-hidden'\nimport * as React from 'react'\n\nimport {\n  Collection,\n  ScopedProps,\n  useCollection,\n  useToastProviderContext,\n} from './ToastProvider'\n\nconst VIEWPORT_NAME = 'ToastViewport'\nconst VIEWPORT_DEFAULT_HOTKEY = ['F8']\nconst VIEWPORT_PAUSE = 'toast.viewportPause'\nconst VIEWPORT_RESUME = 'toast.viewportResume'\n\nconst ToastViewportWrapperFrame = styled(YStack, {\n  name: 'ViewportWrapper',\n  pointerEvents: 'box-none',\n  top: 0,\n  bottom: 0,\n  left: 0,\n  right: 0,\n  // @ts-ignore\n  position: isWeb ? 'fixed' : 'absolute',\n  maxWidth: '100%',\n  tabIndex: 0,\n  zIndex: 100000,\n})\n\nconst ToastViewportFrame = styled(YStack, {\n  name: VIEWPORT_NAME,\n  pointerEvents: 'box-none',\n  // @ts-ignore\n  position: isWeb ? 'fixed' : 'absolute',\n  maxWidth: '100%',\n})\ntype ToastViewportFrameProps = GetProps<typeof ToastViewportFrame>\ntype ToastViewportProps = ToastViewportFrameProps & {\n  /**\n   * The keys to use as the keyboard shortcut that will move focus to the toast viewport.\n   * @defaultValue ['F8']\n   */\n  hotkey?: string[]\n  /**\n   * An author-localized label for the toast viewport to provide context for screen reader users\n   * when navigating page landmarks. The available `{hotkey}` placeholder will be replaced for you.\n   * @defaultValue 'Notifications ({hotkey})'\n   */\n  label?: string\n  /**\n   * Used to reference the viewport if you want to have multiple viewports in the same provider.\n   */\n  name?: string\n  /**\n   * Pass this when you want to have multiple/duplicated toasts.\n   */\n  multipleToasts?: boolean\n}\n\nconst ToastViewport = React.forwardRef<HTMLDivElement, ToastViewportProps>(\n  (props: ScopedProps<ToastViewportProps>, forwardedRef) => {\n    const {\n      __scopeToast,\n      hotkey = VIEWPORT_DEFAULT_HOTKEY,\n      label = 'Notifications ({hotkey})',\n      name,\n      multipleToasts,\n      ...viewportProps\n    } = props\n    const context = useToastProviderContext(VIEWPORT_NAME, __scopeToast)\n    const getItems = useCollection(__scopeToast)\n    const headFocusProxyRef = React.useRef<FocusProxyElement>(null)\n    const tailFocusProxyRef = React.useRef<FocusProxyElement>(null)\n    const wrapperRef = React.useRef<HTMLDivElement>(null)\n    const ref = React.useRef<HTMLDivElement>(null)\n    const composedRefs = useComposedRefs(forwardedRef, ref, context.onViewportChange)\n    const hotkeyLabel = hotkey.join('+').replace(/Key/g, '').replace(/Digit/g, '')\n    const hasToasts = context.toastCount > 0\n\n    React.useEffect(() => {\n      if (!isWeb) return\n      if (context.toastCount === 0) return\n      const handleKeyDown = (event: KeyboardEvent) => {\n        // we use `event.code` as it is consistent regardless of meta keys that were pressed.\n        // for example, `event.key` for `Control+Alt+t` is `\u2020` and `t !== \u2020`\n        const isHotkeyPressed = hotkey.every(\n          (key) => (event as any)[key] || event.code === key\n        )\n        if (isHotkeyPressed) ref.current?.focus()\n      }\n      document.addEventListener('keydown', handleKeyDown)\n      return () => {\n        document.removeEventListener('keydown', handleKeyDown)\n      }\n    }, [hotkey, context.toastCount])\n\n    React.useEffect(() => {\n      if (!isWeb) return\n      if (context.toastCount === 0) return\n      const wrapper = wrapperRef.current\n      const viewport = ref.current\n      if (hasToasts && wrapper && viewport) {\n        const handlePause = () => {\n          if (!context.isClosePausedRef.current) {\n            const pauseEvent = new CustomEvent(VIEWPORT_PAUSE)\n            viewport.dispatchEvent(pauseEvent)\n            context.isClosePausedRef.current = true\n          }\n        }\n\n        const handleResume = () => {\n          if (context.isClosePausedRef.current) {\n            const resumeEvent = new CustomEvent(VIEWPORT_RESUME)\n            viewport.dispatchEvent(resumeEvent)\n            context.isClosePausedRef.current = false\n          }\n        }\n\n        const handleFocusOutResume = (event: FocusEvent) => {\n          const isFocusMovingOutside = !wrapper.contains(\n            event.relatedTarget as HTMLElement\n          )\n          if (isFocusMovingOutside) handleResume()\n        }\n\n        const handlePointerLeaveResume = () => {\n          const isFocusInside = wrapper.contains(document.activeElement)\n          if (!isFocusInside) handleResume()\n        }\n        // Toasts are not in the viewport React tree so we need to bind DOM events\n\n        wrapper.addEventListener('focusin', handlePause)\n        wrapper.addEventListener('focusout', handleFocusOutResume)\n        wrapper.addEventListener('pointermove', handlePause)\n        wrapper.addEventListener('pointerleave', handlePointerLeaveResume)\n        window.addEventListener('blur', handlePause)\n        window.addEventListener('focus', handleResume)\n        return () => {\n          wrapper.removeEventListener('focusin', handlePause)\n          wrapper.removeEventListener('focusout', handleFocusOutResume)\n          wrapper.removeEventListener('pointermove', handlePause)\n          wrapper.removeEventListener('pointerleave', handlePointerLeaveResume)\n          window.removeEventListener('blur', handlePause)\n          window.removeEventListener('focus', handleResume)\n        }\n      }\n    }, [hasToasts, context.isClosePausedRef, context.toastCount])\n\n    const getSortedTabbableCandidates = React.useCallback(\n      ({ tabbingDirection }: { tabbingDirection: 'forwards' | 'backwards' }) => {\n        const toastItems = getItems()\n        const tabbableCandidates = toastItems.map((toastItem) => {\n          const toastNode = toastItem.ref.current!\n          const toastTabbableCandidates = [toastNode, ...getTabbableCandidates(toastNode)]\n          return tabbingDirection === 'forwards'\n            ? toastTabbableCandidates\n            : toastTabbableCandidates.reverse()\n        })\n        return (\n          tabbingDirection === 'forwards'\n            ? tabbableCandidates.reverse()\n            : tabbableCandidates\n        ).flat()\n      },\n      [getItems]\n    )\n\n    React.useEffect(() => {\n      if (!isWeb) return\n      if (context.toastCount === 0) return\n\n      const viewport = ref.current\n      // We programmatically manage tabbing as we are unable to influence\n      // the source order with portals, this allows us to reverse the\n      // tab order so that it runs from most recent toast to least\n      if (viewport) {\n        const handleKeyDown = (event: KeyboardEvent) => {\n          const isMetaKey = event.altKey || event.ctrlKey || event.metaKey\n          const isTabKey = event.key === 'Tab' && !isMetaKey\n\n          if (isTabKey) {\n            const focusedElement = document.activeElement\n            const isTabbingBackwards = event.shiftKey\n            const targetIsViewport = event.target === viewport\n\n            // If we're back tabbing after jumping to the viewport then we simply\n            // proxy focus out to the preceding document\n            if (targetIsViewport && isTabbingBackwards) {\n              headFocusProxyRef.current?.focus()\n              return\n            }\n\n            const tabbingDirection = isTabbingBackwards ? 'backwards' : 'forwards'\n            const sortedCandidates = getSortedTabbableCandidates({ tabbingDirection })\n            const index = sortedCandidates.findIndex(\n              (candidate) => candidate === focusedElement\n            )\n            if (focusFirst(sortedCandidates.slice(index + 1))) {\n              event.preventDefault()\n            } else {\n              // If we can't focus that means we're at the edges so we\n              // proxy to the corresponding exit point and let the browser handle\n              // tab/shift+tab keypress and implicitly pass focus to the next valid element in the document\n              isTabbingBackwards\n                ? headFocusProxyRef.current?.focus()\n                : tailFocusProxyRef.current?.focus()\n            }\n          }\n        }\n\n        // Toasts are not in the viewport React tree so we need to bind DOM events\n        viewport.addEventListener('keydown', handleKeyDown)\n        return () => viewport.removeEventListener('keydown', handleKeyDown)\n      }\n    }, [getItems, getSortedTabbableCandidates, context.toastCount])\n\n    return (\n      <ToastViewportWrapperFrame\n        ref={wrapperRef}\n        role=\"region\"\n        aria-label={label.replace('{hotkey}', hotkeyLabel)}\n        // // Ensure virtual cursor from landmarks menus triggers focus/blur for pause/resume\n        tabIndex={-1}\n        // // incase list has size when empty (e.g. padding), we remove pointer events so\n        // // it doesn't prevent interactions with page elements that it overlays\n        // pointerEvents={hasToasts ? undefined : 'none'}\n      >\n        {hasToasts && (\n          <FocusProxy\n            ref={headFocusProxyRef}\n            onFocusFromOutsideViewport={() => {\n              const tabbableCandidates = getSortedTabbableCandidates({\n                tabbingDirection: 'forwards',\n              })\n              focusFirst(tabbableCandidates)\n            }}\n          />\n        )}\n        {/**\n         * tabindex on the the list so that it can be focused when items are removed. we focus\n         * the list instead of the viewport so it announces number of items remaining.\n         */}\n        <Collection.Slot scope={__scopeToast}>\n          <ToastViewportFrame ref={composedRefs} {...viewportProps}>\n            <PortalHost\n              render={(children) => (\n                <AnimatePresence exitBeforeEnter={!multipleToasts}>\n                  {children}\n                </AnimatePresence>\n              )}\n              name={name ?? 'default'}\n            />\n          </ToastViewportFrame>\n        </Collection.Slot>\n        {hasToasts && (\n          <FocusProxy\n            ref={tailFocusProxyRef}\n            onFocusFromOutsideViewport={() => {\n              const tabbableCandidates = getSortedTabbableCandidates({\n                tabbingDirection: 'backwards',\n              })\n              focusFirst(tabbableCandidates)\n            }}\n          />\n        )}\n      </ToastViewportWrapperFrame>\n    )\n  }\n)\n\nToastViewport.displayName = VIEWPORT_NAME\n\n/* -----------------------------------------------------------------------------------------------*/\n\nconst FOCUS_PROXY_NAME = 'ToastFocusProxy'\n\ntype FocusProxyElement = React.ElementRef<typeof VisuallyHidden>\ntype VisuallyHiddenProps = GetProps<typeof VisuallyHidden>\ninterface FocusProxyProps extends VisuallyHiddenProps {\n  onFocusFromOutsideViewport(): void\n}\n\nconst FocusProxy = React.forwardRef<FocusProxyElement, ScopedProps<FocusProxyProps>>(\n  (props, forwardedRef) => {\n    const { __scopeToast, onFocusFromOutsideViewport, ...proxyProps } = props\n    const context = useToastProviderContext(FOCUS_PROXY_NAME, __scopeToast)\n\n    return (\n      <VisuallyHidden\n        aria-hidden\n        tabIndex={0}\n        {...proxyProps}\n        ref={forwardedRef}\n        // Avoid page scrolling when focus is on the focus proxy\n        position={isWeb ? ('fixed' as any) : 'absolute'}\n        onFocus={(event) => {\n          if (!isWeb) return\n          const prevFocusedElement = event.relatedTarget as HTMLElement | null\n          const isFocusFromOutsideViewport = !(context.viewport as HTMLElement)?.contains(\n            prevFocusedElement\n          )\n          if (isFocusFromOutsideViewport) onFocusFromOutsideViewport()\n        }}\n      />\n    )\n  }\n)\n\nFocusProxy.displayName = FOCUS_PROXY_NAME\n\n/* -----------------------------------------------------------------------------------------------*/\n\nfunction focusFirst(candidates: TamaguiElement[]) {\n  if (!isWeb) return\n  const previouslyFocusedElement = document.activeElement\n  return candidates.some((candidate) => {\n    // if focus is already where we want to go, we don't want to keep going through the candidates\n    if (candidate === previouslyFocusedElement) return true\n    candidate.focus()\n    return document.activeElement !== previouslyFocusedElement\n  })\n}\n\n/**\n * Returns a list of potential tabbable candidates.\n *\n * NOTE: This is only a close approximation. For example it doesn't take into account cases like when\n * elements are not visible. This cannot be worked out easily by just reading a property, but rather\n * necessitate runtime knowledge (computed styles, etc). We deal with these cases separately.\n *\n * See: https://developer.mozilla.org/en-US/docs/Web/API/TreeWalker\n * Credit: https://github.com/discord/focus-layers/blob/master/src/util/wrapFocus.tsx#L1\n */\nfunction getTabbableCandidates(container: TamaguiElement) {\n  if (!isWeb) return []\n  const containerHtml = container as HTMLElement\n  const nodes: HTMLElement[] = []\n  const walker = document.createTreeWalker(containerHtml, NodeFilter.SHOW_ELEMENT, {\n    acceptNode: (node: any) => {\n      const isHiddenInput = node.tagName === 'INPUT' && node.type === 'hidden'\n      if (node.disabled || node.hidden || isHiddenInput) return NodeFilter.FILTER_SKIP\n      // `.tabIndex` is not the same as the `tabindex` attribute. It works on the\n      // runtime's understanding of tabbability, so this automatically accounts\n      // for any kind of element that could be tabbed to.\n      return node.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP\n    },\n  })\n  while (walker.nextNode()) nodes.push(walker.currentNode as HTMLElement)\n  // we do not take into account the order of nodes with positive `tabIndex` as it\n  // hinders accessibility to have tab order different from visual order.\n  return nodes\n}\n\nexport {\n  ToastViewport,\n  ToastViewportProps,\n  VIEWPORT_DEFAULT_HOTKEY,\n  VIEWPORT_PAUSE,\n  VIEWPORT_RESUME,\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/createNativeToast.js

@@ -18,32 +18,53 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var createNativeToast_exports = {};
 __export(createNativeToast_exports, {
-  createNativeToast: () => createNativeToast
+  createNativeToast: () => createNativeToast,
+  hideNativeToast: () => hideNativeToast
 });
 module.exports = __toCommonJS(createNativeToast_exports);
-const createNativeToast = (title, { message }) => {
+const createNativeToast = (title, { message, notificationOptions }) => {
   if (!("Notification" in window)) {
-    throw Error("This browser does not support desktop notification");
+    console.error("This browser does not support notifications");
+    return false;
   }
   if (Notification.permission === "denied")
-    return {};
+    false;
   const showNotification = () => {
-    new Notification(title, {
-      body: message
+    const notification = new Notification(title, {
+      body: message,
+      ...notificationOptions
     });
+    return notification;
   };
   if (Notification.permission === "granted") {
-    showNotification();
+    const notification = showNotification();
+    return {
+      nativeToastRef: notification
+    };
   } else {
     Notification.requestPermission().then((permission) => {
       if (permission === "granted") {
-        showNotification();
+        const notification = showNotification();
+        return {
+          nativeToastRef: notification
+        };
       }
     });
   }
+  return true;
+};
+const hideNativeToast = (ref) => {
+  if (!("Notification" in window)) {
+    console.error("This browser does not support notifications");
+    return;
+  }
+  if (ref) {
+    ref.close();
+  }
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  createNativeToast
+  createNativeToast,
+  hideNativeToast
 });
 //# sourceMappingURL=createNativeToast.js.map

package/dist/cjs/createNativeToast.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/createNativeToast.tsx"],
-  "sourcesContent": ["import { CreateNativeToastsOptionsFn } from './types'\n\nexport const createNativeToast: CreateNativeToastsOptionsFn = (title, { message }) => {\n  if (!('Notification' in window)) {\n    throw Error('This browser does not support desktop notification')\n  }\n\n  if (Notification.permission === 'denied') return {}\n\n  const showNotification = () => {\n    new Notification(title, {\n      body: message,\n    })\n  }\n\n  if (Notification.permission === 'granted') {\n    showNotification()\n  } else {\n    Notification.requestPermission().then((permission) => {\n      if (permission === 'granted') {\n        showNotification()\n      }\n    })\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEO,MAAM,oBAAiD,CAAC,OAAO,EAAE,QAAQ,MAAM;AACpF,MAAI,EAAE,kBAAkB,SAAS;AAC/B,UAAM,MAAM,oDAAoD;AAAA,EAClE;AAEA,MAAI,aAAa,eAAe;AAAU,WAAO,CAAC;AAElD,QAAM,mBAAmB,MAAM;AAC7B,QAAI,aAAa,OAAO;AAAA,MACtB,MAAM;AAAA,IACR,CAAC;AAAA,EACH;AAEA,MAAI,aAAa,eAAe,WAAW;AACzC,qBAAiB;AAAA,EACnB,OAAO;AACL,iBAAa,kBAAkB,EAAE,KAAK,CAAC,eAAe;AACpD,UAAI,eAAe,WAAW;AAC5B,yBAAiB;AAAA,MACnB;AAAA,IACF,CAAC;AAAA,EACH;AACF;",
+  "sourcesContent": ["import { CreateNativeToastsFn, HideNativeToastsFn } from './types'\n\nexport const createNativeToast: CreateNativeToastsFn = (\n  title,\n  { message, notificationOptions }\n) => {\n  if (!('Notification' in window)) {\n    console.error('This browser does not support notifications')\n    return false\n  }\n\n  if (Notification.permission === 'denied') false\n  const showNotification = () => {\n    const notification = new Notification(title, {\n      body: message,\n      ...notificationOptions,\n    })\n\n    return notification\n  }\n\n  if (Notification.permission === 'granted') {\n    const notification = showNotification()\n    return {\n      nativeToastRef: notification,\n    }\n  } else {\n    Notification.requestPermission().then((permission) => {\n      if (permission === 'granted') {\n        const notification = showNotification()\n        return {\n          nativeToastRef: notification,\n        }\n      }\n    })\n  }\n  return true\n}\n\nexport const hideNativeToast: HideNativeToastsFn = (ref) => {\n  if (!('Notification' in window)) {\n    console.error('This browser does not support notifications')\n    return\n  }\n\n  if (ref) {\n    ref.close()\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEO,MAAM,oBAA0C,CACrD,OACA,EAAE,SAAS,oBAAoB,MAC5B;AACH,MAAI,EAAE,kBAAkB,SAAS;AAC/B,YAAQ,MAAM,6CAA6C;AAC3D,WAAO;AAAA,EACT;AAEA,MAAI,aAAa,eAAe;AAAU;AAC1C,QAAM,mBAAmB,MAAM;AAC7B,UAAM,eAAe,IAAI,aAAa,OAAO;AAAA,MAC3C,MAAM;AAAA,MACN,GAAG;AAAA,IACL,CAAC;AAED,WAAO;AAAA,EACT;AAEA,MAAI,aAAa,eAAe,WAAW;AACzC,UAAM,eAAe,iBAAiB;AACtC,WAAO;AAAA,MACL,gBAAgB;AAAA,IAClB;AAAA,EACF,OAAO;AACL,iBAAa,kBAAkB,EAAE,KAAK,CAAC,eAAe;AACpD,UAAI,eAAe,WAAW;AAC5B,cAAM,eAAe,iBAAiB;AACtC,eAAO;AAAA,UACL,gBAAgB;AAAA,QAClB;AAAA,MACF;AAAA,IACF,CAAC;AAAA,EACH;AACA,SAAO;AACT;AAEO,MAAM,kBAAsC,CAAC,QAAQ;AAC1D,MAAI,EAAE,kBAAkB,SAAS;AAC/B,YAAQ,MAAM,6CAA6C;AAC3D;AAAA,EACF;AAEA,MAAI,KAAK;AACP,QAAI,MAAM;AAAA,EACZ;AACF;",
   "names": []
 }

package/dist/cjs/createNativeToast.native.js

@@ -18,20 +18,27 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var createNativeToast_native_exports = {};
 __export(createNativeToast_native_exports, {
-  createNativeToast: () => createNativeToast
+  createNativeToast: () => createNativeToast,
+  hideNativeToast: () => hideNativeToast
 });
 module.exports = __toCommonJS(createNativeToast_native_exports);
-const createNativeToast = (title, { message, duration, preset = "done" }) => {
+const createNativeToast = (title, { message, duration, burntOptions }) => {
   const Burnt = require("burnt");
   Burnt.toast({
     title,
-    message: message ?? "",
-    preset,
-    duration
+    message,
+    duration: duration ? duration * 1e3 : void 0,
+    ...burntOptions
   });
+  return true;
+};
+const hideNativeToast = () => {
+  const Burnt = require("burnt");
+  Burnt.dismissAllAlerts();
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  createNativeToast
+  createNativeToast,
+  hideNativeToast
 });
 //# sourceMappingURL=createNativeToast.native.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/createNativeToast.native.tsx"],
-  "sourcesContent": ["import { CreateNativeToastsOptions, CreateNativeToastsOptionsFn } from './types'\n\nexport const createNativeToast: CreateNativeToastsOptionsFn = (\n  title,\n  { message, duration, preset = 'done' }: CreateNativeToastsOptions\n) => {\n  // import inline to allow lazy usage of native dependecy:\n  const Burnt = require('burnt')\n\n  Burnt.toast({\n    title,\n    message: message ?? '',\n    preset,\n    duration,\n  })\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEO,MAAM,oBAAiD,CAC5D,OACA,EAAE,SAAS,UAAU,SAAS,OAAO,MAClC;AAEH,QAAM,QAAQ,QAAQ,OAAO;AAE7B,QAAM,MAAM;AAAA,IACV;AAAA,IACA,SAAS,WAAW;AAAA,IACpB;AAAA,IACA;AAAA,EACF,CAAC;AACH;",
+  "sourcesContent": ["import { BaseToastOptions as BurntToastOptions } from 'burnt/build/types'\n\nimport {\n  CreateNativeToastsFn,\n  HideNativeToastsFn\n} from './types'\n\nexport const createNativeToast: CreateNativeToastsFn = (\n  title,\n  { message, duration, burntOptions }\n) => {\n  // import inline to allow lazy usage of native dependecy:\n  const Burnt: { toast: (options: BurntToastOptions) => any } = require('burnt')\n\n  Burnt.toast({\n    title,\n    message,\n    duration: duration ? duration * 1000 : undefined,\n    ...burntOptions,\n  })\n  return true\n}\n\nexport const hideNativeToast: HideNativeToastsFn = () => {\n  const Burnt: { dismissAllAlerts: () => any } = require('burnt')\n  Burnt.dismissAllAlerts()\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOO,MAAM,oBAA0C,CACrD,OACA,EAAE,SAAS,UAAU,aAAa,MAC/B;AAEH,QAAM,QAAwD,QAAQ,OAAO;AAE7E,QAAM,MAAM;AAAA,IACV;AAAA,IACA;AAAA,IACA,UAAU,WAAW,WAAW,MAAO;AAAA,IACvC,GAAG;AAAA,EACL,CAAC;AACD,SAAO;AACT;AAEO,MAAM,kBAAsC,MAAM;AACvD,QAAM,QAAyC,QAAQ,OAAO;AAC9D,QAAM,iBAAiB;AACzB;",
   "names": []
 }

package/dist/cjs/index.js

@@ -16,4 +16,5 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var src_exports = {};
 module.exports = __toCommonJS(src_exports);
 __reExport(src_exports, require("./Toast"), module.exports);
+__reExport(src_exports, require("./ToastImperative"), module.exports);
 //# sourceMappingURL=index.js.map