@tamagui/v2-toast 2.0.0-1769464493958

package/src/useDragGesture.native.ts

@@ -0,0 +1,199 @@
+/**
+ * Native implementation of drag gesture handling for toast swipe-to-dismiss.
+ * Uses react-native-gesture-handler when available, falls back to PanResponder.
+ */
+
+import * as React from 'react'
+import type { PanResponderGestureState } from 'react-native'
+import { PanResponder } from 'react-native'
+import type { SwipeDirection } from './ToastProvider'
+
+export interface DragState {
+  isDragging: boolean
+  offsetX: number
+  offsetY: number
+  velocityX: number
+  velocityY: number
+}
+
+export interface UseDragGestureOptions {
+  direction: SwipeDirection
+  threshold: number
+  onDragStart?: () => void
+  onDragEnd?: (dismissed: boolean) => void
+  onDragCancel?: () => void
+  disabled?: boolean
+}
+
+const GESTURE_GRANT_THRESHOLD = 10
+const VELOCITY_THRESHOLD = 0.11
+
+function getDampening(delta: number): number {
+  const factor = Math.abs(delta) / 20
+  return 1 / (1.5 + factor)
+}
+
+function shouldGrantGestureMove(dir: SwipeDirection, dx: number, dy: number): boolean {
+  if ((dir === 'horizontal' || dir === 'left') && dx < -GESTURE_GRANT_THRESHOLD) {
+    return true
+  }
+  if ((dir === 'horizontal' || dir === 'right') && dx > GESTURE_GRANT_THRESHOLD) {
+    return true
+  }
+  if ((dir === 'vertical' || dir === 'up') && dy < -GESTURE_GRANT_THRESHOLD) {
+    return true
+  }
+  if ((dir === 'vertical' || dir === 'down') && dy > GESTURE_GRANT_THRESHOLD) {
+    return true
+  }
+  return false
+}
+
+export function useDragGesture(options: UseDragGestureOptions) {
+  const { direction, threshold, onDragStart, onDragEnd, onDragCancel, disabled } = options
+
+  const [dragState, setDragState] = React.useState<DragState>({
+    isDragging: false,
+    offsetX: 0,
+    offsetY: 0,
+    velocityX: 0,
+    velocityY: 0,
+  })
+
+  const dragStartTimeRef = React.useRef<number>(0)
+
+  const isHorizontal =
+    direction === 'left' || direction === 'right' || direction === 'horizontal'
+  const isVertical =
+    direction === 'up' || direction === 'down' || direction === 'vertical'
+
+  const panResponder = React.useMemo(() => {
+    if (disabled) return null
+
+    return PanResponder.create({
+      onMoveShouldSetPanResponder: (_e, gesture) => {
+        return shouldGrantGestureMove(direction, gesture.dx, gesture.dy)
+      },
+
+      onPanResponderGrant: () => {
+        dragStartTimeRef.current = Date.now()
+        setDragState((prev) => ({ ...prev, isDragging: true }))
+        onDragStart?.()
+      },
+
+      onPanResponderMove: (_e, gesture) => {
+        const { dx, dy } = gesture
+
+        let offsetX = 0
+        let offsetY = 0
+
+        // apply direction-aware movement with dampening
+        if (isHorizontal) {
+          if (
+            (direction === 'right' && dx > 0) ||
+            (direction === 'left' && dx < 0) ||
+            direction === 'horizontal'
+          ) {
+            offsetX = dx
+          } else {
+            // dampened movement (resistive pull)
+            offsetX = dx * getDampening(dx)
+          }
+        }
+
+        if (isVertical) {
+          if (
+            (direction === 'down' && dy > 0) ||
+            (direction === 'up' && dy < 0) ||
+            direction === 'vertical'
+          ) {
+            offsetY = dy
+          } else {
+            // dampened movement (resistive pull)
+            offsetY = dy * getDampening(dy)
+          }
+        }
+
+        setDragState((prev) => ({
+          ...prev,
+          offsetX,
+          offsetY,
+        }))
+      },
+
+      onPanResponderRelease: (_e, gesture) => {
+        const { dx, dy, vx, vy } = gesture
+
+        const relevantDelta = isHorizontal ? dx : dy
+        const relevantVelocity = isHorizontal ? Math.abs(vx) : Math.abs(vy)
+
+        // check if swipe should dismiss
+        const passedThreshold = Math.abs(relevantDelta) >= threshold
+        const hasVelocity = relevantVelocity > VELOCITY_THRESHOLD
+
+        // check if swipe is in the correct direction
+        let isCorrectDirection = false
+        if (direction === 'right' && dx > 0) isCorrectDirection = true
+        else if (direction === 'left' && dx < 0) isCorrectDirection = true
+        else if (direction === 'horizontal' && Math.abs(dx) > Math.abs(dy))
+          isCorrectDirection = true
+        else if (direction === 'down' && dy > 0) isCorrectDirection = true
+        else if (direction === 'up' && dy < 0) isCorrectDirection = true
+        else if (direction === 'vertical' && Math.abs(dy) > Math.abs(dx))
+          isCorrectDirection = true
+
+        const shouldDismiss = isCorrectDirection && (passedThreshold || hasVelocity)
+
+        if (shouldDismiss) {
+          onDragEnd?.(true)
+        } else {
+          // snap back
+          setDragState({
+            isDragging: false,
+            offsetX: 0,
+            offsetY: 0,
+            velocityX: 0,
+            velocityY: 0,
+          })
+          onDragCancel?.()
+        }
+      },
+
+      onPanResponderTerminate: () => {
+        setDragState({
+          isDragging: false,
+          offsetX: 0,
+          offsetY: 0,
+          velocityX: 0,
+          velocityY: 0,
+        })
+        onDragCancel?.()
+      },
+    })
+  }, [
+    disabled,
+    direction,
+    threshold,
+    isHorizontal,
+    isVertical,
+    onDragStart,
+    onDragEnd,
+    onDragCancel,
+  ])
+
+  const resetDrag = React.useCallback(() => {
+    setDragState({
+      isDragging: false,
+      offsetX: 0,
+      offsetY: 0,
+      velocityX: 0,
+      velocityY: 0,
+    })
+  }, [])
+
+  return {
+    dragState,
+    gestureHandlers: panResponder?.panHandlers ?? {},
+    resetDrag,
+  }
+}

package/src/useDragGesture.ts

@@ -0,0 +1,218 @@
+/**
+ * Web implementation of drag gesture handling for toast swipe-to-dismiss.
+ * Uses pointer events for smooth drag tracking.
+ */
+
+import * as React from 'react'
+import type { SwipeDirection } from './ToastProvider'
+
+export interface DragState {
+  isDragging: boolean
+  offsetX: number
+  offsetY: number
+  velocityX: number
+  velocityY: number
+}
+
+export interface UseDragGestureOptions {
+  direction: SwipeDirection
+  threshold: number
+  onDragStart?: () => void
+  onDragEnd?: (dismissed: boolean) => void
+  onDragCancel?: () => void
+  disabled?: boolean
+}
+
+interface DragStartData {
+  startX: number
+  startY: number
+  startTime: number
+}
+
+const VELOCITY_THRESHOLD = 0.11
+
+/**
+ * Apply resistance when dragging past a boundary.
+ * Uses a square root curve for natural-feeling resistance (same as Sheet).
+ * @param delta - the drag distance
+ * @param maxResist - maximum resistant distance (default 25px)
+ */
+function resisted(delta: number, maxResist = 25): number {
+  // no resistance for drag in allowed direction
+  if (delta >= 0) return delta
+
+  // square root curve for gentle resistance
+  const pastBoundary = Math.abs(delta)
+  const resistedDistance = Math.sqrt(pastBoundary) * 2
+
+  // cap at max resist distance
+  return -Math.min(resistedDistance, maxResist)
+}
+
+export function useDragGesture(options: UseDragGestureOptions) {
+  const { direction, threshold, onDragStart, onDragEnd, onDragCancel, disabled } = options
+
+  const [dragState, setDragState] = React.useState<DragState>({
+    isDragging: false,
+    offsetX: 0,
+    offsetY: 0,
+    velocityX: 0,
+    velocityY: 0,
+  })
+
+  const dragStartRef = React.useRef<DragStartData | null>(null)
+  const lockedDirectionRef = React.useRef<'x' | 'y' | null>(null)
+
+  const isHorizontal =
+    direction === 'left' || direction === 'right' || direction === 'horizontal'
+  const isVertical =
+    direction === 'up' || direction === 'down' || direction === 'vertical'
+
+  const handlePointerDown = React.useCallback(
+    (event: React.PointerEvent) => {
+      if (disabled) return
+      if (event.button !== 0)
+        return // only left click
+        // capture pointer for drag outside element
+      ;(event.target as HTMLElement).setPointerCapture(event.pointerId)
+
+      dragStartRef.current = {
+        startX: event.clientX,
+        startY: event.clientY,
+        startTime: Date.now(),
+      }
+
+      setDragState((prev) => ({ ...prev, isDragging: true }))
+      onDragStart?.()
+    },
+    [disabled, onDragStart]
+  )
+
+  const handlePointerMove = React.useCallback(
+    (event: React.PointerEvent) => {
+      if (!dragStartRef.current || disabled) return
+
+      const deltaX = event.clientX - dragStartRef.current.startX
+      const deltaY = event.clientY - dragStartRef.current.startY
+
+      // detect direction lock on first significant movement
+      if (!lockedDirectionRef.current && (Math.abs(deltaX) > 1 || Math.abs(deltaY) > 1)) {
+        lockedDirectionRef.current = Math.abs(deltaX) > Math.abs(deltaY) ? 'x' : 'y'
+      }
+
+      let offsetX = 0
+      let offsetY = 0
+
+      // apply direction-aware movement with resistance for wrong direction
+      if (lockedDirectionRef.current === 'x' && isHorizontal) {
+        if (direction === 'right') {
+          // swipe right: free movement right (positive), resisted left (negative)
+          offsetX = deltaX > 0 ? deltaX : resisted(deltaX)
+        } else if (direction === 'left') {
+          // swipe left: free movement left (negative), resisted right (positive)
+          offsetX = deltaX < 0 ? deltaX : -resisted(-deltaX)
+        } else {
+          // horizontal: free movement both directions
+          offsetX = deltaX
+        }
+      } else if (lockedDirectionRef.current === 'y' && isVertical) {
+        if (direction === 'down') {
+          // swipe down: free movement down (positive), resisted up (negative)
+          offsetY = deltaY > 0 ? deltaY : resisted(deltaY)
+        } else if (direction === 'up') {
+          // swipe up: free movement up (negative), resisted down (positive)
+          offsetY = deltaY < 0 ? deltaY : -resisted(-deltaY)
+        } else {
+          // vertical: free movement both directions
+          offsetY = deltaY
+        }
+      }
+
+      setDragState((prev) => ({
+        ...prev,
+        offsetX,
+        offsetY,
+      }))
+    },
+    [disabled, direction, isHorizontal, isVertical]
+  )
+
+  const handlePointerUp = React.useCallback(
+    (event: React.PointerEvent) => {
+      if (!dragStartRef.current || disabled) return
+
+      const deltaX = event.clientX - dragStartRef.current.startX
+      const deltaY = event.clientY - dragStartRef.current.startY
+      const timeTaken = Date.now() - dragStartRef.current.startTime
+
+      // calculate velocity
+      const velocityX = Math.abs(deltaX) / timeTaken
+      const velocityY = Math.abs(deltaY) / timeTaken
+
+      const relevantDelta = isHorizontal ? deltaX : deltaY
+      const relevantVelocity = isHorizontal ? velocityX : velocityY
+
+      // check if swipe should dismiss
+      const passedThreshold = Math.abs(relevantDelta) >= threshold
+      const hasVelocity = relevantVelocity > VELOCITY_THRESHOLD
+
+      // check if swipe is in the correct direction
+      let isCorrectDirection = false
+      if (direction === 'right' && deltaX > 0) isCorrectDirection = true
+      else if (direction === 'left' && deltaX < 0) isCorrectDirection = true
+      else if (direction === 'horizontal' && Math.abs(deltaX) > Math.abs(deltaY))
+        isCorrectDirection = true
+      else if (direction === 'down' && deltaY > 0) isCorrectDirection = true
+      else if (direction === 'up' && deltaY < 0) isCorrectDirection = true
+      else if (direction === 'vertical' && Math.abs(deltaY) > Math.abs(deltaX))
+        isCorrectDirection = true
+
+      const shouldDismiss = isCorrectDirection && (passedThreshold || hasVelocity)
+
+      // reset state
+      dragStartRef.current = null
+      lockedDirectionRef.current = null
+
+      if (shouldDismiss) {
+        onDragEnd?.(true)
+      } else {
+        // snap back
+        setDragState({
+          isDragging: false,
+          offsetX: 0,
+          offsetY: 0,
+          velocityX: 0,
+          velocityY: 0,
+        })
+        onDragCancel?.()
+      }
+    },
+    [disabled, direction, threshold, isHorizontal, onDragEnd, onDragCancel]
+  )
+
+  const handlePointerCancel = React.useCallback(() => {
+    dragStartRef.current = null
+    lockedDirectionRef.current = null
+    setDragState({
+      isDragging: false,
+      offsetX: 0,
+      offsetY: 0,
+      velocityX: 0,
+      velocityY: 0,
+    })
+    onDragCancel?.()
+  }, [onDragCancel])
+
+  const gestureHandlers = {
+    onPointerDown: handlePointerDown,
+    onPointerMove: handlePointerMove,
+    onPointerUp: handlePointerUp,
+    onPointerCancel: handlePointerCancel,
+  }
+
+  return {
+    dragState,
+    gestureHandlers,
+    resetDrag: handlePointerCancel,
+  }
+}

package/types/Toast.d.ts

@@ -0,0 +1,84 @@
+import type { GetProps, NativePlatform, NativeValue, TamaguiElement } from '@tamagui/core';
+import * as React from 'react';
+import type { CustomData } from './ToastImperative';
+import { useToast, useToastController, useToastState } from './ToastImperative';
+import type { ToastExtraProps, ToastProps } from './ToastImpl';
+import type { ScopedProps, ToastProviderProps } from './ToastProvider';
+import { ToastProvider } from './ToastProvider';
+import type { ToastViewportProps } from './ToastViewport';
+import { ToastViewport } from './ToastViewport';
+declare const ToastTitle: import("@tamagui/core").TamaguiComponent<import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiTextElement, import("@tamagui/core").TextNonStyleProps, import("@tamagui/core").TextStylePropsBase, {
+    size?: import("@tamagui/core").FontSizeTokens | undefined;
+    unstyled?: boolean | undefined;
+}, import("@tamagui/core").StaticConfigPublic>;
+type ToastTitleProps = GetProps<typeof ToastTitle>;
+declare const ToastDescription: import("@tamagui/core").TamaguiComponent<import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiTextElement, import("@tamagui/core").TextNonStyleProps, import("@tamagui/core").TextStylePropsBase, {
+    size?: import("@tamagui/core").FontSizeTokens | undefined;
+    unstyled?: boolean | undefined;
+}, import("@tamagui/core").StaticConfigPublic>;
+type ToastDescriptionProps = GetProps<typeof ToastDescription>;
+type ToastActionProps = ScopedProps<ToastCloseProps & {
+    /**
+     * A short description for an alternate way to carry out the action. For screen reader users
+     * who will not be able to navigate to the button easily/quickly.
+     * @example <ToastAction altText="Goto account settings to updgrade">Upgrade</ToastAction>
+     * @example <ToastAction altText="Undo (Alt+U)">Undo</ToastAction>
+     */
+    altText: string;
+}>;
+declare const ToastCloseFrame: import("@tamagui/core").TamaguiComponent<import("@tamagui/core").TamaDefer, TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {
+    elevation?: number | import("@tamagui/core").SizeTokens | undefined;
+    fullscreen?: boolean | undefined;
+}, import("@tamagui/core").StaticConfigPublic>;
+type ToastCloseFrameProps = GetProps<typeof ToastCloseFrame>;
+type ToastCloseProps = ScopedProps<ToastCloseFrameProps & {}>;
+declare const Toast: React.ForwardRefExoticComponent<Omit<import("@tamagui/core").GetFinalProps<import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {
+    elevation?: number | import("@tamagui/core").SizeTokens | undefined;
+    fullscreen?: boolean | undefined;
+    unstyled?: boolean | undefined;
+}>, keyof ToastExtraProps> & ToastExtraProps & React.RefAttributes<TamaguiElement>> & import("@tamagui/core").StaticComponentObject<Omit<import("@tamagui/core").GetFinalProps<import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {
+    elevation?: number | import("@tamagui/core").SizeTokens | undefined;
+    fullscreen?: boolean | undefined;
+    unstyled?: boolean | undefined;
+}>, keyof ToastExtraProps> & ToastExtraProps, TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps & ToastExtraProps, import("@tamagui/core").StackStyleBase, {
+    elevation?: number | import("@tamagui/core").SizeTokens | undefined;
+    fullscreen?: boolean | undefined;
+    unstyled?: boolean | undefined;
+}, import("@tamagui/core").StaticConfigPublic> & Omit<import("@tamagui/core").StaticConfigPublic, "staticConfig" | "styleable"> & {
+    __tama: [Omit<import("@tamagui/core").GetFinalProps<import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {
+        elevation?: number | import("@tamagui/core").SizeTokens | undefined;
+        fullscreen?: boolean | undefined;
+        unstyled?: boolean | undefined;
+    }>, keyof ToastExtraProps> & ToastExtraProps, TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps & ToastExtraProps, import("@tamagui/core").StackStyleBase, {
+        elevation?: number | import("@tamagui/core").SizeTokens | undefined;
+        fullscreen?: boolean | undefined;
+        unstyled?: boolean | undefined;
+    }, import("@tamagui/core").StaticConfigPublic];
+} & {
+    Title: import("@tamagui/core").TamaguiComponent<import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiTextElement, import("@tamagui/core").TextNonStyleProps, import("@tamagui/core").TextStylePropsBase, {
+        size?: import("@tamagui/core").FontSizeTokens | undefined;
+        unstyled?: boolean | undefined;
+    }, import("@tamagui/core").StaticConfigPublic>;
+    Description: import("@tamagui/core").TamaguiComponent<import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiTextElement, import("@tamagui/core").TextNonStyleProps, import("@tamagui/core").TextStylePropsBase, {
+        size?: import("@tamagui/core").FontSizeTokens | undefined;
+        unstyled?: boolean | undefined;
+    }, import("@tamagui/core").StaticConfigPublic>;
+    Action: React.ForwardRefExoticComponent<Omit<ToastActionProps, "scope"> & {
+        scope?: import("./ToastProvider").ToastScopes;
+    } & React.RefAttributes<TamaguiElement>>;
+    Close: React.ForwardRefExoticComponent<Omit<Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "elevation" | keyof import("@tamagui/core").StackStyleBase | "fullscreen"> & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & {
+        elevation?: number | import("@tamagui/core").SizeTokens | undefined;
+        fullscreen?: boolean | undefined;
+    } & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>> & import("@tamagui/core").WithPseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & {
+        elevation?: number | import("@tamagui/core").SizeTokens | undefined;
+        fullscreen?: boolean | undefined;
+    } & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>>> & import("@tamagui/core").WithMediaProps<import("@tamagui/core").WithThemeShorthandsAndPseudos<import("@tamagui/core").StackStyleBase, {
+        elevation?: number | import("@tamagui/core").SizeTokens | undefined;
+        fullscreen?: boolean | undefined;
+    }>>, "scope"> & {
+        scope?: import("./ToastProvider").ToastScopes;
+    } & React.RefAttributes<TamaguiElement>>;
+};
+export { Toast, ToastProvider, ToastViewport, useToast, useToastController, useToastState, };
+export type { CustomData, ToastActionProps, ToastCloseProps, ToastDescriptionProps, NativePlatform as ToastNativePlatform, NativeValue as ToastNativeValue, ToastProps, ToastProviderProps, ToastTitleProps, ToastViewportProps, };
+//# sourceMappingURL=Toast.d.ts.map

package/types/Toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../src/Toast.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAM1F,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,QAAQ,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAC/E,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAE9D,OAAO,KAAK,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAQ/C,QAAA,MAAM,UAAU;;;8CAed,CAAA;AAEF,KAAK,eAAe,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AAQlD,QAAA,MAAM,gBAAgB;;;8CAepB,CAAA;AAEF,KAAK,qBAAqB,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAQ9D,KAAK,gBAAgB,GAAG,WAAW,CACjC,eAAe,GAAG;IAChB;;;;;OAKG;IACH,OAAO,EAAE,MAAM,CAAA;CAChB,CACF,CAAA;AA6BD,QAAA,MAAM,eAAe;;;8CAGnB,CAAA;AAEF,KAAK,oBAAoB,GAAG,QAAQ,CAAC,OAAO,eAAe,CAAC,CAAA;AAC5D,KAAK,eAAe,GAAG,WAAW,CAAC,oBAAoB,GAAG,EAAE,CAAC,CAAA;AAmE7D,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKT,CAAA;AAIF,OAAO,EACL,KAAK,EACL,aAAa,EACb,aAAa,EAGb,QAAQ,EACR,kBAAkB,EAClB,aAAa,GACd,CAAA;AACD,YAAY,EAEV,UAAU,EACV,gBAAgB,EAChB,eAAe,EACf,qBAAqB,EACrB,cAAc,IAAI,mBAAmB,EAErC,WAAW,IAAI,gBAAgB,EAC/B,UAAU,EACV,kBAAkB,EAClB,eAAe,EACf,kBAAkB,GACnB,CAAA"}

package/types/ToastAnnounce.d.ts

@@ -0,0 +1,18 @@
+import type { GetProps, TamaguiElement } from '@tamagui/core';
+import { VisuallyHidden } from '@tamagui/visually-hidden';
+import * as React from 'react';
+import type { ScopedProps } from './ToastProvider';
+declare const ToastAnnounceExcludeFrame: import("@tamagui/core").TamaguiComponent<import("@tamagui/core").TamaDefer, TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {}, import("@tamagui/core").StaticConfigPublic>;
+type ToastAnnounceExcludeFrameProps = GetProps<typeof ToastAnnounceExcludeFrame>;
+type ToastAnnounceExcludeExtraProps = {
+    altText?: string;
+};
+type ToastAnnounceExcludeProps = ToastAnnounceExcludeFrameProps & ToastAnnounceExcludeExtraProps;
+declare const ToastAnnounceExclude: React.ForwardRefExoticComponent<Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, keyof import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>> & import("@tamagui/core").WithPseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>>> & import("@tamagui/core").WithMediaProps<import("@tamagui/core").WithThemeShorthandsAndPseudos<import("@tamagui/core").StackStyleBase, {}>> & ToastAnnounceExcludeExtraProps & React.RefAttributes<TamaguiElement>>;
+interface ToastAnnounceProps extends Omit<GetProps<typeof VisuallyHidden>, 'children'>, ScopedProps<{
+    children: string[];
+}> {
+}
+declare const ToastAnnounce: React.FC<ToastAnnounceProps>;
+export { ToastAnnounce, ToastAnnounceExclude, type ToastAnnounceExcludeProps, type ToastAnnounceProps, };
+//# sourceMappingURL=ToastAnnounce.d.ts.map

package/types/ToastAnnounce.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastAnnounce.d.ts","sourceRoot":"","sources":["../src/ToastAnnounce.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAI7D,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AACzD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAGlD,QAAA,MAAM,yBAAyB,yOAE7B,CAAA;AAEF,KAAK,8BAA8B,GAAG,QAAQ,CAAC,OAAO,yBAAyB,CAAC,CAAA;AAEhF,KAAK,8BAA8B,GAAG;IACpC,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,KAAK,yBAAyB,GAAG,8BAA8B,GAC7D,8BAA8B,CAAA;AAEhC,QAAA,MAAM,oBAAoB,6xBAazB,CAAA;AAID,UAAU,kBACR,SAAQ,IAAI,CAAC,QAAQ,CAAC,OAAO,cAAc,CAAC,EAAE,UAAU,CAAC,EACvD,WAAW,CAAC;IAAE,QAAQ,EAAE,MAAM,EAAE,CAAA;CAAE,CAAC;CAAG;AAE1C,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAgC/C,CAAA;AAmBD,OAAO,EACL,aAAa,EACb,oBAAoB,EACpB,KAAK,yBAAyB,EAC9B,KAAK,kBAAkB,GACxB,CAAA"}

package/types/ToastImperative.d.ts

@@ -0,0 +1,95 @@
+import type { NativePlatform, NativeValue } from '@tamagui/core';
+import React from 'react';
+import type { CreateNativeToastOptions, NativeToastRef } from './types';
+export 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?: NativeValue;
+}
+/**
+ * Override this in your application to get custom toast fields.
+ *
+ * e.g.
+ * ```ts
+ * declare module '@tamagui/toast' {
+ *   interface CustomData {
+ *     preset: 'error' | 'success'
+ *     isUrgent: true
+ *   }
+ * }
+ *```
+ * You will get auto-completion:
+ * ```ts
+ * toast.show("Message", { preset: 'error', isUrgent: true })
+ * ```
+ */
+export interface CustomData {
+    [key: string]: any;
+}
+type ShowOptions = CreateNativeToastOptions & CustomData & {
+    /**
+     * Used when need custom data
+     */
+    customData?: CustomData;
+    /**
+     * Overrides the native option on `ToastImperativeProvider`
+     */
+    native?: NativeValue;
+    /**
+     * Which viewport to send this toast to. This is only intended to be used with custom toasts and you should wire it up when creating the toast.
+     */
+    viewportName?: string | 'default';
+};
+type ToastData = {
+    title: string;
+    id: string;
+} & ShowOptions & {
+    isHandledNatively: boolean;
+} & CustomData;
+interface ToastContextI {
+    nativeToast: NativeToastRef | 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?: ShowOptions) => 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;
+    options?: ToastImperativeOptions;
+}
+export declare const useToastController: () => ToastContextI;
+export declare const useToastState: () => ToastData | null;
+/** @deprecated use `useToastController` and `useToastState` instead to avoid performance pitfalls */
+export declare const useToast: () => {
+    currentToast: ToastData | null;
+    nativeToast: NativeToastRef | 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?: ShowOptions) => 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;
+    options?: ToastImperativeOptions;
+};
+interface ToastImperativeProviderProps {
+    children: React.ReactNode;
+    /**
+     * Used to provide defaults to imperative API. Options can be overwritten when calling `show()`.
+     */
+    options: ToastImperativeOptions;
+}
+export declare const ToastImperativeProvider: ({ children, options, }: ToastImperativeProviderProps) => import("react/jsx-runtime").JSX.Element;
+export type { NativePlatform, NativeValue, ToastImperativeProviderProps };
+//# 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":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAEhE,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,wBAAwB,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAEvE,MAAM,WAAW,sBACf,SAAQ,IAAI,CAAC,wBAAwB,EAAE,SAAS,CAAC;IACjD;;OAEG;IACH,MAAM,CAAC,EAAE,WAAW,CAAA;CACrB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,WAAW,UAAU;IACzB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CACnB;AAED,KAAK,WAAW,GAAG,wBAAwB,GACzC,UAAU,GAAG;IACX;;OAEG;IACH,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB;;OAEG;IACH,MAAM,CAAC,EAAE,WAAW,CAAA;IACpB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CAClC,CAAA;AAEH,KAAK,SAAS,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,GAAG,WAAW,GAAG;IAC3D,iBAAiB,EAAE,OAAO,CAAA;CAC3B,GAAG,UAAU,CAAA;AAEhB,UAAU,aAAa;IACrB,WAAW,EAAE,cAAc,GAAG,IAAI,CAAA;IAElC;;OAEG;IACH,IAAI,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,WAAW,KAAK,OAAO,CAAA;IAEvD;;;;;;OAMG;IACH,IAAI,EAAE,MAAM,IAAI,CAAA;IAEhB,OAAO,CAAC,EAAE,sBAAsB,CAAA;CACjC;AAKD,eAAO,MAAM,kBAAkB,qBAE9B,CAAA;AAED,eAAO,MAAM,aAAa,wBAEzB,CAAA;AAED,qGAAqG;AACrG,eAAO,MAAM,QAAQ;;iBA/BN,cAAc,GAAG,IAAI;IAElC;;OAEG;UACG,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,WAAW,KAAK,OAAO;IAEvD;;;;;;OAMG;UACG,MAAM,IAAI;cAEN,sBAAsB;CAoBjC,CAAA;AAED,UAAU,4BAA4B;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB;;OAEG;IACH,OAAO,EAAE,sBAAsB,CAAA;CAChC;AAED,eAAO,MAAM,uBAAuB,GAAI,wBAGrC,4BAA4B,4CAkF9B,CAAA;AAED,YAAY,EAAE,cAAc,EAAE,WAAW,EAAE,4BAA4B,EAAE,CAAA"}