@tamagui/toast 1.9.0 → 1.9.2

package/dist/jsx/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "sourcesContent": ["export * from './Toast'\n"],
-  "mappings": "AAAA,cAAc;",
+  "sourcesContent": ["export * from './Toast'\nexport * from './ToastImperative'\n"],
+  "mappings": "AAAA,cAAc;AACd,cAAc;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/toast",
-  "version": "1.9.0",
+  "version": "1.9.2",
   "source": "src/index.ts",
   "types": "./types/index.d.ts",
   "main": "dist/cjs",
@@ -31,17 +31,17 @@
     }
   },
   "dependencies": {
-    "@tamagui/animate-presence": "1.9.0",
-    "@tamagui/compose-refs": "1.9.0",
-    "@tamagui/core": "1.9.0",
-    "@tamagui/create-context": "1.9.0",
-    "@tamagui/dismissable": "1.9.0",
-    "@tamagui/polyfill-dev": "1.9.0",
-    "@tamagui/portal": "1.9.0",
-    "@tamagui/stacks": "1.9.0",
-    "@tamagui/text": "1.9.0",
-    "@tamagui/use-controllable-state": "1.9.0",
-    "@tamagui/visually-hidden": "1.9.0",
+    "@tamagui/animate-presence": "1.9.2",
+    "@tamagui/compose-refs": "1.9.2",
+    "@tamagui/core": "1.9.2",
+    "@tamagui/create-context": "1.9.2",
+    "@tamagui/dismissable": "1.9.2",
+    "@tamagui/polyfill-dev": "1.9.2",
+    "@tamagui/portal": "1.9.2",
+    "@tamagui/stacks": "1.9.2",
+    "@tamagui/text": "1.9.2",
+    "@tamagui/use-controllable-state": "1.9.2",
+    "@tamagui/visually-hidden": "1.9.2",
     "burnt": "^0.10.0"
   },
   "peerDependencies": {
@@ -49,7 +49,7 @@
     "react-native": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "1.9.0",
+    "@tamagui/build": "1.9.2",
     "react": "^18.2.0",
     "react-native": "^0.71.4"
   },

package/src/Toast.tsx

@@ -14,7 +14,6 @@ import { useControllableState } from '@tamagui/use-controllable-state'
 import * as React from 'react'
 
 import { TOAST_NAME } from './constants'
-import { createToast } from './createToast'
 import { ToastAnnounceExclude } from './ToastAnnounce'
 import {
   ToastImpl,
@@ -182,8 +181,9 @@ const ToastComponent = React.forwardRef<TamaguiElement, ToastProps>(
     const id = useId()
     const onPause = useEvent(props.onPause)
     const onResume = useEvent(props.onResume)
-
-    if (!forceMount && !open) return null
+    const shouldShow = forceMount || open
+    
+    if (!shouldShow) return null
 
     return (
       <ToastImpl
@@ -221,8 +221,6 @@ export {
   ToastProvider,
   ToastViewport,
   //
-  createToast,
-  //
   createToastScope,
 }
 export type {

package/src/ToastImperative.tsx

@@ -0,0 +1,150 @@
+import { isWeb } from '@tamagui/core'
+import { Scope, createContextScope } from '@tamagui/create-context'
+import React, { useRef } from 'react'
+import { Platform } from 'react-native'
+
+import { createNativeToast } from './createNativeToast'
+import {
+  CreateNativeToastOptions,
+  NativeToastRef,
+  ToastNativePlatform,
+  ToastNativeValue,
+} from './types'
+
+interface ToastImperativeOptions extends Omit<CreateNativeToastOptions, "message"> {
+  /**
+   * 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`.
+   */
+  native?: ToastNativeValue
+}
+interface ShowToastOptions extends CreateNativeToastOptions {
+  /**
+   * Used when need custom data
+   */
+  additionalInfo?: Record<string, any>
+  /**
+   * Overrides the native option on `ToastImperativeProvider`
+   */
+  native?: ToastNativeValue
+}
+type ScopedProps<P> = P & { __scopeToast?: Scope }
+
+type ToastData = { title: string; id: string } & CreateNativeToastOptions & {
+    isHandledNatively: boolean
+  }
+
+interface ImperativeToastContextValue {
+  currentToast: ToastData | null
+  nativeToast: NativeToastRef | null
+  showToast: (title: string, options?: ShowToastOptions) => boolean
+  hideToast: () => void
+  options?: ToastImperativeOptions
+}
+
+const [createImperativeToastContext, createImperativeToastScope] =
+  createContextScope('ImperativeToast')
+
+const [ToastImperativeProviderProvider, useToastProviderContext] =
+  createImperativeToastContext<ImperativeToastContextValue>('ToastImperativeProvider')
+
+const useToast = () => {
+  const context = useToastProviderContext('useToast', undefined)
+
+  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,
+  }
+}
+
+interface ToastImperativeProviderProps {
+  children: React.ReactNode
+  /**
+   * Used to provide defaults to imperative API. Options can be overwritten when calling `show()`.
+   */
+  options: ToastImperativeOptions
+}
+const ToastImperativeProvider = ({
+  children,
+  options,
+  __scopeToast,
+}: ScopedProps<ToastImperativeProviderProps>) => {
+  const counterRef = useRef(0)
+  const [toast, setToast] =
+    React.useState<ImperativeToastContextValue['currentToast']>(null)
+  const [lastNativeToastRef, setLastNativeToastRef] =
+    React.useState<ImperativeToastContextValue['nativeToast']>(null)
+  const showToast = React.useCallback<ImperativeToastContextValue['showToast']>(
+    (title, showToastOptions) => {
+      const native = 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 ||
+        (isWeb && isWebNative) ||
+        (!isWeb && isMobileNative) ||
+        (Platform.OS === 'android' && isAndroidNative) ||
+        (Platform.OS === 'ios' && isIosNative)
+
+      if (isHandledNatively) {
+        const nativeToastResult = 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 = React.useCallback(() => {
+    lastNativeToastRef?.close()
+    setToast(null)
+  }, [setToast, lastNativeToastRef])
+
+  return (
+    <ToastImperativeProviderProvider
+      scope={__scopeToast}
+      showToast={showToast}
+      hideToast={hideToast}
+      currentToast={toast}
+      nativeToast={lastNativeToastRef}
+      options={options}
+    >
+      {children}
+    </ToastImperativeProviderProvider>
+  )
+}
+
+export { ToastImperativeProvider, useToast }
+export type { ToastImperativeProviderProps, ToastNativePlatform, ToastNativeValue }

package/src/ToastImpl.tsx

@@ -131,6 +131,10 @@ type ToastImplProps = ToastImplPrivateProps &
      * @default "default"
      */
     viewportName?: string
+    /**
+     * 
+     */
+    id?: string
   }
 
 const ToastImpl = React.forwardRef<TamaguiElement, ToastImplProps>(
@@ -162,15 +166,15 @@ const ToastImpl = React.forwardRef<TamaguiElement, ToastImplProps>(
     const { onToastAdd, onToastRemove } = context
     const handleClose = useEvent(() => {
       if (!isPresent) {
-        // already removed from the react tree
-        return
-      }
-      // focus viewport if focus is within toast to read the remaining toast
-      // count to SR users and ensure focus isn't lost
-      if (isWeb) {
-        const isFocusInToast = (node as HTMLDivElement)?.contains(document.activeElement)
-        if (isFocusInToast) context.viewport?.focus()
-      }
+          // already removed from the react tree
+          return
+        }
+        // focus viewport if focus is within toast to read the remaining toast
+        // count to SR users and ensure focus isn't lost
+        if (isWeb) {
+          const isFocusInToast = (node as HTMLDivElement)?.contains(document.activeElement)
+          if (isFocusInToast) context.viewport?.focus()
+        }
       onClose()
     })
 
@@ -318,7 +322,6 @@ const ToastImpl = React.forwardRef<TamaguiElement, ToastImplProps>(
             key={props.id}
             scope={__scopeToast}
             onClose={() => {
-              console.log('hellooow')
               handleClose()
             }}
           >

package/src/ToastViewport.tsx

@@ -56,6 +56,10 @@ type ToastViewportProps = ToastViewportFrameProps & {
    * Used to reference the viewport if you want to have multiple viewports in the same provider.
    */
   name?: string
+  /**
+   * Pass this when you want to have multiple/duplicated toasts.
+   */
+  multipleToasts?: boolean
 }
 
 const ToastViewport = React.forwardRef<HTMLDivElement, ToastViewportProps>(
@@ -65,6 +69,7 @@ const ToastViewport = React.forwardRef<HTMLDivElement, ToastViewportProps>(
       hotkey = VIEWPORT_DEFAULT_HOTKEY,
       label = 'Notifications ({hotkey})',
       name,
+      multipleToasts,
       ...viewportProps
     } = props
     const context = useToastProviderContext(VIEWPORT_NAME, __scopeToast)
@@ -243,8 +248,11 @@ const ToastViewport = React.forwardRef<HTMLDivElement, ToastViewportProps>(
         <Collection.Slot scope={__scopeToast}>
           <ToastViewportFrame ref={composedRefs} {...viewportProps}>
             <PortalHost
-              // TODO: user should be able to control this prop to customize AnimatePresence
-              render={(children) => <AnimatePresence>{children}</AnimatePresence>}
+              render={(children) => (
+                <AnimatePresence exitBeforeEnter={!multipleToasts}>
+                  {children}
+                </AnimatePresence>
+              )}
               name={name ?? 'default'}
             />
           </ToastViewportFrame>

package/src/createNativeToast.native.tsx

@@ -1,16 +1,27 @@
-import { CreateNativeToastsOptions, CreateNativeToastsOptionsFn } from './types'
+import { BaseToastOptions as BurntToastOptions } from 'burnt/build/types'
 
-export const createNativeToast: CreateNativeToastsOptionsFn = (
+import {
+  CreateNativeToastsFn,
+  HideNativeToastsFn
+} from './types'
+
+export const createNativeToast: CreateNativeToastsFn = (
   title,
-  { message, duration, preset = 'done' }: CreateNativeToastsOptions
+  { message, duration, burntOptions }
 ) => {
   // import inline to allow lazy usage of native dependecy:
-  const Burnt = require('burnt')
+  const Burnt: { toast: (options: BurntToastOptions) => any } = require('burnt')
 
   Burnt.toast({
     title,
-    message: message ?? '',
-    preset,
-    duration,
+    message,
+    duration: duration ? duration * 1000 : undefined,
+    ...burntOptions,
   })
+  return true
+}
+
+export const hideNativeToast: HideNativeToastsFn = () => {
+  const Burnt: { dismissAllAlerts: () => any } = require('burnt')
+  Burnt.dismissAllAlerts()
 }

package/src/createNativeToast.tsx

@@ -1,25 +1,49 @@
-import { CreateNativeToastsOptionsFn } from './types'
+import { CreateNativeToastsFn, HideNativeToastsFn } from './types'
 
-export const createNativeToast: CreateNativeToastsOptionsFn = (title, { message }) => {
+export const createNativeToast: CreateNativeToastsFn = (
+  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 {}
-
+  if (Notification.permission === 'denied') false
   const showNotification = () => {
-    new Notification(title, {
+    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
+}
+
+export const hideNativeToast: HideNativeToastsFn = (ref) => {
+  if (!('Notification' in window)) {
+    console.error('This browser does not support notifications')
+    return
+  }
+
+  if (ref) {
+    ref.close()
+  }
 }

package/src/index.ts

@@ -1 +1,2 @@
 export * from './Toast'
+export * from './ToastImperative'

package/src/types.ts

@@ -1,21 +1,43 @@
-import { ToastOptions as BurntToastOptions } from 'burnt/build/types'
+import { BaseToastOptions as BurntToastOptions } from 'burnt/build/types'
 
-export interface CreateNativeToastsOptions {
+export interface CreateNativeToastOptions {
   /**
    * Body of the toast
    */
   message?: BurntToastOptions['message']
   /**
-   * Only supported on native iOS driver
+   * Duration of toast in ms
+   *
+   * @example 1000
    */
-  preset?: BurntToastOptions['preset']
+  duration?: BurntToastOptions['duration']
   /**
-   * Duration of toast
+   * Options for the burnt package if you're using native toasts on mobile
    */
-  duration?: BurntToastOptions['duration']
+  burntOptions?: Omit<BurntToastOptions, 'title' | 'message' | 'duration'>
+  /**
+   * Options for the notification API if you're using native toasts on web
+   */
+  notificationOptions?: NotificationOptions
+}
+
+export interface NativeToastRef {
+  /**
+   * Used to close web notifications
+   */
+  close: () => void
 }
 
-export type CreateNativeToastsOptionsFn = (
+export type CreateNativeToastsFn = (
   title: string,
-  options: CreateNativeToastsOptions
-) => void
+  options: CreateNativeToastOptions
+) =>
+  | {
+      nativeToastRef?: NativeToastRef
+    }
+  | boolean
+
+export type HideNativeToastsFn = (ref?: NativeToastRef) => void
+
+export type ToastNativePlatform = 'web' | 'mobile' | 'android' | 'ios'
+export type ToastNativeValue = boolean | ToastNativePlatform | ToastNativePlatform[]

package/types/Toast.d.ts

@@ -1,6 +1,5 @@
 import { GetProps, TamaguiElement } from '@tamagui/core';
 import * as React from 'react';
-import { createToast } from './createToast';
 import { ToastProps } from './ToastImpl';
 import { ToastProvider, ToastProviderProps, createToastScope } from './ToastProvider';
 import { ToastViewport, ToastViewportProps } from './ToastViewport';
@@ -433,6 +432,6 @@ declare const Toast: ((props: Omit<ToastProps & React.RefAttributes<TamaguiEleme
         [x: string]: undefined;
     }>>, "ref">) & React.RefAttributes<TamaguiElement>>;
 };
-export { Toast, ToastProvider, ToastViewport, createToast, createToastScope, };
+export { Toast, ToastProvider, ToastViewport, createToastScope, };
 export type { ToastActionProps, ToastCloseProps, ToastDescriptionProps, ToastProps, ToastProviderProps, ToastTitleProps, ToastViewportProps, };
 //# sourceMappingURL=Toast.d.ts.map

package/types/Toast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../src/Toast.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,cAAc,EAOf,MAAM,eAAe,CAAA;AAItB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAE3C,OAAO,EAGL,UAAU,EAEX,MAAM,aAAa,CAAA;AACpB,OAAO,EAEL,aAAa,EACb,kBAAkB,EAClB,gBAAgB,EACjB,MAAM,iBAAiB,CAAA;AACxB,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAQnE,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;GAanB,CAAA;AACF,KAAK,iBAAiB,GAAG,QAAQ,CAAC,OAAO,eAAe,CAAC,CAAA;AACzD,KAAK,eAAe,GAAG,iBAAiB,GAAG,EAAE,CAAA;AAiB7C,QAAA,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;GAazB,CAAA;AACF,KAAK,0BAA0B,GAAG,QAAQ,CAAC,OAAO,qBAAqB,CAAC,CAAA;AACxE,KAAK,qBAAqB,GAAG,0BAA0B,GAAG,EAAE,CAAA;AAiB5D,KAAK,gBAAgB,GAAG,eAAe,GAAG;IACxC;;;;;OAKG;IACH,OAAO,EAAE,MAAM,CAAA;CAChB,CAAA;AA+BD,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAGnB,CAAA;AACF,KAAK,oBAAoB,GAAG,QAAQ,CAAC,OAAO,eAAe,CAAC,CAAA;AAC5D,KAAK,eAAe,GAAG,oBAAoB,GAAG,EAAE,CAAA;AA4DhD,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAvGT;;;;;WAKG;iBACM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QANf;;;;;WAKG;iBACM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyGhB,CAAA;AAID,OAAO,EACL,KAAK,EACL,aAAa,EACb,aAAa,EAEb,WAAW,EAEX,gBAAgB,GACjB,CAAA;AACD,YAAY,EACV,gBAAgB,EAChB,eAAe,EACf,qBAAqB,EACrB,UAAU,EACV,kBAAkB,EAClB,eAAe,EACf,kBAAkB,GACnB,CAAA"}
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../src/Toast.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,cAAc,EAOf,MAAM,eAAe,CAAA;AAItB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,EAGL,UAAU,EAEX,MAAM,aAAa,CAAA;AACpB,OAAO,EAEL,aAAa,EACb,kBAAkB,EAClB,gBAAgB,EACjB,MAAM,iBAAiB,CAAA;AACxB,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAQnE,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;GAanB,CAAA;AACF,KAAK,iBAAiB,GAAG,QAAQ,CAAC,OAAO,eAAe,CAAC,CAAA;AACzD,KAAK,eAAe,GAAG,iBAAiB,GAAG,EAAE,CAAA;AAiB7C,QAAA,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;GAazB,CAAA;AACF,KAAK,0BAA0B,GAAG,QAAQ,CAAC,OAAO,qBAAqB,CAAC,CAAA;AACxE,KAAK,qBAAqB,GAAG,0BAA0B,GAAG,EAAE,CAAA;AAiB5D,KAAK,gBAAgB,GAAG,eAAe,GAAG;IACxC;;;;;OAKG;IACH,OAAO,EAAE,MAAM,CAAA;CAChB,CAAA;AA+BD,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAGnB,CAAA;AACF,KAAK,oBAAoB,GAAG,QAAQ,CAAC,OAAO,eAAe,CAAC,CAAA;AAC5D,KAAK,eAAe,GAAG,oBAAoB,GAAG,EAAE,CAAA;AA6DhD,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAxGT;;;;;WAKG;iBACM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QANf;;;;;WAKG;iBACM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0GhB,CAAA;AAID,OAAO,EACL,KAAK,EACL,aAAa,EACb,aAAa,EAEb,gBAAgB,GACjB,CAAA;AACD,YAAY,EACV,gBAAgB,EAChB,eAAe,EACf,qBAAqB,EACrB,UAAU,EACV,kBAAkB,EAClB,eAAe,EACf,kBAAkB,GACnB,CAAA"}

package/types/ToastImperative.d.ts

@@ -0,0 +1,57 @@
+import { Scope } from '@tamagui/create-context';
+import React from 'react';
+import { CreateNativeToastOptions, ToastNativePlatform, ToastNativeValue } from './types';
+interface ToastImperativeOptions extends Omit<CreateNativeToastOptions, "message"> {
+    /**
+     * 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`.
+     */
+    native?: ToastNativeValue;
+}
+interface ShowToastOptions extends CreateNativeToastOptions {
+    /**
+     * Used when need custom data
+     */
+    additionalInfo?: Record<string, any>;
+    /**
+     * Overrides the native option on `ToastImperativeProvider`
+     */
+    native?: ToastNativeValue;
+}
+type ScopedProps<P> = P & {
+    __scopeToast?: Scope;
+};
+type ToastData = {
+    title: string;
+    id: string;
+} & CreateNativeToastOptions & {
+    isHandledNatively: boolean;
+};
+declare const useToast: () => {
+    /**
+     * The currently displaying toast
+     */
+    currentToast: ToastData | null;
+    /**
+     * 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: (title: string, options?: ShowToastOptions) => boolean;
+    /**
+     * 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: () => void;
+};
+interface ToastImperativeProviderProps {
+    children: React.ReactNode;
+    /**
+     * Used to provide defaults to imperative API. Options can be overwritten when calling `show()`.
+     */
+    options: ToastImperativeOptions;
+}
+declare const ToastImperativeProvider: ({ children, options, __scopeToast, }: ScopedProps<ToastImperativeProviderProps>) => JSX.Element;
+export { ToastImperativeProvider, useToast };
+export type { ToastImperativeProviderProps, ToastNativePlatform, ToastNativeValue };
+//# sourceMappingURL=ToastImperative.d.ts.map

package/types/ToastImperative.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastImperative.d.ts","sourceRoot":"","sources":["../src/ToastImperative.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAsB,MAAM,yBAAyB,CAAA;AACnE,OAAO,KAAiB,MAAM,OAAO,CAAA;AAIrC,OAAO,EACL,wBAAwB,EAExB,mBAAmB,EACnB,gBAAgB,EACjB,MAAM,SAAS,CAAA;AAEhB,UAAU,sBAAuB,SAAQ,IAAI,CAAC,wBAAwB,EAAE,SAAS,CAAC;IAChF;;OAEG;IACH,MAAM,CAAC,EAAE,gBAAgB,CAAA;CAC1B;AACD,UAAU,gBAAiB,SAAQ,wBAAwB;IACzD;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACpC;;OAEG;IACH,MAAM,CAAC,EAAE,gBAAgB,CAAA;CAC1B;AACD,KAAK,WAAW,CAAC,CAAC,IAAI,CAAC,GAAG;IAAE,YAAY,CAAC,EAAE,KAAK,CAAA;CAAE,CAAA;AAElD,KAAK,SAAS,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,GAAG,wBAAwB,GAAG;IACxE,iBAAiB,EAAE,OAAO,CAAA;CAC3B,CAAA;AAgBH,QAAA,MAAM,QAAQ;IAIV;;OAEG;;IAEH;;OAEG;kBArBc,MAAM,YAAY,gBAAgB,KAAK,OAAO;IAuB/D;;;;;;OAMG;gBA5BY,IAAI;CA+BtB,CAAA;AAED,UAAU,4BAA4B;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB;;OAEG;IACH,OAAO,EAAE,sBAAsB,CAAA;CAChC;AACD,QAAA,MAAM,uBAAuB,yCAI1B,YAAY,4BAA4B,CAAC,gBA+D3C,CAAA;AAED,OAAO,EAAE,uBAAuB,EAAE,QAAQ,EAAE,CAAA;AAC5C,YAAY,EAAE,4BAA4B,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,CAAA"}

package/types/ToastImpl.d.ts

@@ -158,6 +158,10 @@ type ToastImplProps = ToastImplPrivateProps & ToastImplFrameProps & {
      * @default "default"
      */
     viewportName?: string;
+    /**
+     *
+     */
+    id?: string;
 };
 declare const ToastImpl: React.ForwardRefExoticComponent<ToastImplPrivateProps & Omit<import("react-native").ViewProps, "children" | "display" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
     readonly fullscreen?: boolean | undefined;
@@ -261,6 +265,10 @@ declare const ToastImpl: React.ForwardRefExoticComponent<ToastImplPrivateProps &
      * @default "default"
      */
     viewportName?: string | undefined;
+    /**
+     *
+     */
+    id?: string | undefined;
 } & React.RefAttributes<TamaguiElement>>;
 export { ToastImpl, ToastImplFrame, ToastImplProps, useToastInteractiveContext };
 export type { ToastProps };

package/types/ToastImpl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToastImpl.d.ts","sourceRoot":"","sources":["../src/ToastImpl.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,QAAQ,EACR,cAAc,EAQf,MAAM,eAAe,CAAA;AACtB,OAAO,EAAe,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AAGpE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAY,qBAAqB,EAAgB,MAAM,cAAc,CAAA;AAa5E,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsBlB,CAAA;AACF,UAAU,UAAW,SAAQ,IAAI,CAAC,cAAc,EAAE,MAAM,qBAAqB,CAAC;IAC5E;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;OAEG;IACH,YAAY,CAAC,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAAA;IAClC;;;OAGG;IACH,UAAU,CAAC,EAAE,IAAI,CAAA;CAClB;AAED,KAAK,UAAU,GAAG,qBAAqB,CAAA;AAEvC,QAAA,MAAiC,0BAA0B;;;;;;;;;CAK1D,CAAA;AAED,KAAK,qBAAqB,GAAG;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,OAAO,IAAI,IAAI,CAAA;CAAE,CAAA;AAC/D,KAAK,mBAAmB,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAA;AAC1D,KAAK,cAAc,GAAG,qBAAqB,GACzC,mBAAmB,GAAG;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,YAAY,GAAG,YAAY,CAAA;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;OAEG;IACH,eAAe,CAAC,EAAE,gBAAgB,CAAC,iBAAiB,CAAC,CAAA;IACrD;;;;OAIG;IACH,OAAO,CAAC,IAAI,IAAI,CAAA;IAChB;;;;OAIG;IACH,QAAQ,CAAC,IAAI,IAAI,CAAA;IACjB;;OAEG;IACH,YAAY,CAAC,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAAA;IACtC;;OAEG;IACH,WAAW,CAAC,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAAA;IACrC;;OAEG;IACH,aAAa,CAAC,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAAA;IACvC;;OAEG;IACH,UAAU,CAAC,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAAA;IACpC;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAEH,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAjDX;;;OAGG;;IAEH;;OAEG;;IAEH;;OAEG;sBACe,gBAAgB,CAAC,iBAAiB,CAAC;IACrD;;;;OAIG;gBACS,IAAI;IAChB;;;;OAIG;iBACU,IAAI;IACjB;;OAEG;yBACkB,UAAU,GAAG,IAAI;IACtC;;OAEG;wBACiB,UAAU,GAAG,IAAI;IACrC;;OAEG;0BACmB,UAAU,GAAG,IAAI;IACvC;;OAEG;uBACgB,UAAU,GAAG,IAAI;IACpC;;;;OAIG;;wCAqPN,CAAA;AA6DD,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,cAAc,EAAE,0BAA0B,EAAE,CAAA;AAChF,YAAY,EAAE,UAAU,EAAE,CAAA"}
+{"version":3,"file":"ToastImpl.d.ts","sourceRoot":"","sources":["../src/ToastImpl.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,QAAQ,EACR,cAAc,EAQf,MAAM,eAAe,CAAA;AACtB,OAAO,EAAe,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AAGpE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAY,qBAAqB,EAAgB,MAAM,cAAc,CAAA;AAa5E,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsBlB,CAAA;AACF,UAAU,UAAW,SAAQ,IAAI,CAAC,cAAc,EAAE,MAAM,qBAAqB,CAAC;IAC5E;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;OAEG;IACH,YAAY,CAAC,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAAA;IAClC;;;OAGG;IACH,UAAU,CAAC,EAAE,IAAI,CAAA;CAClB;AAED,KAAK,UAAU,GAAG,qBAAqB,CAAA;AAEvC,QAAA,MAAiC,0BAA0B;;;;;;;;;CAK1D,CAAA;AAED,KAAK,qBAAqB,GAAG;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,OAAO,IAAI,IAAI,CAAA;CAAE,CAAA;AAC/D,KAAK,mBAAmB,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAA;AAC1D,KAAK,cAAc,GAAG,qBAAqB,GACzC,mBAAmB,GAAG;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,YAAY,GAAG,YAAY,CAAA;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;OAEG;IACH,eAAe,CAAC,EAAE,gBAAgB,CAAC,iBAAiB,CAAC,CAAA;IACrD;;;;OAIG;IACH,OAAO,CAAC,IAAI,IAAI,CAAA;IAChB;;;;OAIG;IACH,QAAQ,CAAC,IAAI,IAAI,CAAA;IACjB;;OAEG;IACH,YAAY,CAAC,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAAA;IACtC;;OAEG;IACH,WAAW,CAAC,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAAA;IACrC;;OAEG;IACH,aAAa,CAAC,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAAA;IACvC;;OAEG;IACH,UAAU,CAAC,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAAA;IACpC;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ,CAAA;AAEH,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IArDX;;;OAGG;;IAEH;;OAEG;;IAEH;;OAEG;sBACe,gBAAgB,CAAC,iBAAiB,CAAC;IACrD;;;;OAIG;gBACS,IAAI;IAChB;;;;OAIG;iBACU,IAAI;IACjB;;OAEG;yBACkB,UAAU,GAAG,IAAI;IACtC;;OAEG;wBACiB,UAAU,GAAG,IAAI;IACrC;;OAEG;0BACmB,UAAU,GAAG,IAAI;IACvC;;OAEG;uBACgB,UAAU,GAAG,IAAI;IACpC;;;;OAIG;;IAEH;;OAEG;;wCAoPN,CAAA;AA6DD,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,cAAc,EAAE,0BAA0B,EAAE,CAAA;AAChF,YAAY,EAAE,UAAU,EAAE,CAAA"}

package/types/ToastViewport.d.ts

@@ -53,6 +53,10 @@ type ToastViewportProps = ToastViewportFrameProps & {
      * Used to reference the viewport if you want to have multiple viewports in the same provider.
      */
     name?: string;
+    /**
+     * Pass this when you want to have multiple/duplicated toasts.
+     */
+    multipleToasts?: boolean;
 };
 declare const ToastViewport: React.ForwardRefExoticComponent<((Omit<import("react-native").ViewProps, "children" | "display" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{}, "elevation" | "fullscreen"> & {
     readonly fullscreen?: boolean | undefined;
@@ -79,6 +83,10 @@ declare const ToastViewport: React.ForwardRefExoticComponent<((Omit<import("reac
      * Used to reference the viewport if you want to have multiple viewports in the same provider.
      */
     name?: string | undefined;
+    /**
+     * Pass this when you want to have multiple/duplicated toasts.
+     */
+    multipleToasts?: boolean | undefined;
 }) | Omit<Omit<import("react-native").ViewProps, "children" | "display" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
@@ -110,6 +118,10 @@ declare const ToastViewport: React.ForwardRefExoticComponent<((Omit<import("reac
      * Used to reference the viewport if you want to have multiple viewports in the same provider.
      */
     name?: string | undefined;
+    /**
+     * Pass this when you want to have multiple/duplicated toasts.
+     */
+    multipleToasts?: boolean | undefined;
 }, "ref">) & React.RefAttributes<HTMLDivElement>>;
 export { ToastViewport, ToastViewportProps, VIEWPORT_DEFAULT_HOTKEY, VIEWPORT_PAUSE, VIEWPORT_RESUME, };
 //# sourceMappingURL=ToastViewport.d.ts.map

package/types/ToastViewport.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToastViewport.d.ts","sourceRoot":"","sources":["../src/ToastViewport.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAiB,MAAM,eAAe,CAAA;AAIvE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAU9B,QAAA,MAAM,uBAAuB,UAAS,CAAA;AACtC,QAAA,MAAM,cAAc,wBAAwB,CAAA;AAC5C,QAAA,MAAM,eAAe,yBAAyB,CAAA;AAgB9C,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAMtB,CAAA;AACF,KAAK,uBAAuB,GAAG,QAAQ,CAAC,OAAO,kBAAkB,CAAC,CAAA;AAClE,KAAK,kBAAkB,GAAG,uBAAuB,GAAG;IAClD;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;IACjB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,QAAA,MAAM,aAAa;;;;;;;;;;IAjBjB;;;OAGG;;IAEH;;;;OAIG;;IAEH;;OAEG;;;;;;;;;;;;;;;;;;IAbH;;;OAGG;;IAEH;;;;OAIG;;IAEH;;OAEG;;iDAiNJ,CAAA;AAqFD,OAAO,EACL,aAAa,EACb,kBAAkB,EAClB,uBAAuB,EACvB,cAAc,EACd,eAAe,GAChB,CAAA"}
+{"version":3,"file":"ToastViewport.d.ts","sourceRoot":"","sources":["../src/ToastViewport.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAiB,MAAM,eAAe,CAAA;AAIvE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAU9B,QAAA,MAAM,uBAAuB,UAAS,CAAA;AACtC,QAAA,MAAM,cAAc,wBAAwB,CAAA;AAC5C,QAAA,MAAM,eAAe,yBAAyB,CAAA;AAgB9C,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAMtB,CAAA;AACF,KAAK,uBAAuB,GAAG,QAAQ,CAAC,OAAO,kBAAkB,CAAC,CAAA;AAClE,KAAK,kBAAkB,GAAG,uBAAuB,GAAG;IAClD;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;IACjB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB,CAAA;AAED,QAAA,MAAM,aAAa;;;;;;;;;;IArBjB;;;OAGG;;IAEH;;;;OAIG;;IAEH;;OAEG;;IAEH;;OAEG;;;;;;;;;;;;;;;;;;IAjBH;;;OAGG;;IAEH;;;;OAIG;;IAEH;;OAEG;;IAEH;;OAEG;;iDAqNJ,CAAA;AAqFD,OAAO,EACL,aAAa,EACb,kBAAkB,EAClB,uBAAuB,EACvB,cAAc,EACd,eAAe,GAChB,CAAA"}

package/types/createNativeToast.d.ts

@@ -1,3 +1,4 @@
-import { CreateNativeToastsOptionsFn } from './types';
-export declare const createNativeToast: CreateNativeToastsOptionsFn;
+import { CreateNativeToastsFn, HideNativeToastsFn } from './types';
+export declare const createNativeToast: CreateNativeToastsFn;
+export declare const hideNativeToast: HideNativeToastsFn;
 //# sourceMappingURL=createNativeToast.d.ts.map

package/types/createNativeToast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createNativeToast.d.ts","sourceRoot":"","sources":["../src/createNativeToast.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAA;AAErD,eAAO,MAAM,iBAAiB,EAAE,2BAsB/B,CAAA"}
+{"version":3,"file":"createNativeToast.d.ts","sourceRoot":"","sources":["../src/createNativeToast.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAElE,eAAO,MAAM,iBAAiB,EAAE,oBAmC/B,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,kBAS7B,CAAA"}

package/types/createNativeToast.native.d.ts

@@ -1,3 +1,4 @@
-import { CreateNativeToastsOptionsFn } from './types';
-export declare const createNativeToast: CreateNativeToastsOptionsFn;
+import { CreateNativeToastsFn, HideNativeToastsFn } from './types';
+export declare const createNativeToast: CreateNativeToastsFn;
+export declare const hideNativeToast: HideNativeToastsFn;
 //# sourceMappingURL=createNativeToast.native.d.ts.map

package/types/createNativeToast.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createNativeToast.native.d.ts","sourceRoot":"","sources":["../src/createNativeToast.native.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,2BAA2B,EAAE,MAAM,SAAS,CAAA;AAEhF,eAAO,MAAM,iBAAiB,EAAE,2BAa/B,CAAA"}
+{"version":3,"file":"createNativeToast.native.d.ts","sourceRoot":"","sources":["../src/createNativeToast.native.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,oBAAoB,EACpB,kBAAkB,EACnB,MAAM,SAAS,CAAA;AAEhB,eAAO,MAAM,iBAAiB,EAAE,oBAc/B,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,kBAG7B,CAAA"}