@tamagui/toast 2.0.0-rc.9 → 2.0.0

package/src/useToastAnimations.ts

@@ -0,0 +1,372 @@
+/**
+ * Hook for cross-animation-driver toast drag animations.
+ *
+ * Animation strategy (all cross-driver):
+ * - AnimatePresence => enter/exit styles
+ * - transition prop => non-interactive styles (stacking, scale, opacity)
+ * - useAnimatedNumber/Style => interactive styles (drag gestures only)
+ *
+ * This hook handles ONLY the drag gesture animations.
+ * Uses the same pattern as Sheet for universal animation support.
+ *
+ * NOTE: For CSS driver, we use a ref-based approach with direct DOM manipulation
+ * because CSS driver's useAnimatedNumberStyle doesn't reactively update.
+ * For Motion/Reanimated drivers, we use the AnimatedView + motionValue pattern.
+ */
+
+import { isWeb } from '@tamagui/constants'
+import { useConfiguration, useEvent, View as TamaguiView } from '@tamagui/core'
+import * as React from 'react'
+import type { Animated } from 'react-native'
+
+export interface UseToastAnimationsOptions {
+  /**
+   * Called when exit animation completes
+   */
+  onExitComplete?: () => void
+  /**
+   * When true, animations complete instantly (accessibility)
+   */
+  reducedMotion?: boolean
+  /**
+   * Primary swipe axis — determines which animated value is tracked for style updates.
+   * 'horizontal' tracks translateX, 'vertical' tracks translateY.
+   */
+  swipeAxis?: 'horizontal' | 'vertical'
+}
+
+export interface ToastAnimationValues {
+  /** set drag offset directly (no animation, for gesture moves) */
+  setDragOffset: (x: number, y: number) => void
+  /** spring back to origin after cancelled drag */
+  springBack: (onComplete?: () => void) => void
+  /** animate out in a direction after successful swipe, with optional velocity for smooth continuation */
+  animateOut: (
+    direction: 'left' | 'right' | 'up' | 'down',
+    velocity?: number,
+    onComplete?: () => void
+  ) => void
+  /** stop any running animations */
+  stop: () => void
+  /** the animated style to spread on the AnimatedView (for motion/reanimated drivers) */
+  animatedStyle: any
+  /** the animated view component from the driver */
+  AnimatedView: typeof Animated.View
+  /** ref to attach to the drag wrapper element (for CSS driver direct DOM updates) */
+  dragRef: React.RefObject<HTMLDivElement | null>
+}
+
+// tuned for snappy, premium feel like Sonner
+const SPRING_CONFIG = {
+  type: 'spring' as const,
+  damping: 30,
+  stiffness: 400,
+  mass: 0.5,
+}
+
+const EXIT_DISTANCE = 200
+
+// simple spring animation for CSS driver
+function animateSpring(
+  element: HTMLElement,
+  fromX: number,
+  fromY: number,
+  toX: number,
+  toY: number,
+  config: {
+    damping?: number
+    stiffness?: number
+    mass?: number
+    initialVelocityX?: number
+    initialVelocityY?: number
+    fadeOut?: boolean
+  },
+  onComplete?: () => void
+) {
+  const {
+    damping = 30,
+    stiffness = 400,
+    mass = 0.5,
+    initialVelocityX = 0,
+    initialVelocityY = 0,
+    fadeOut = false,
+  } = config
+
+  let x = fromX
+  let y = fromY
+  // use initial velocity from gesture for smooth continuation
+  let velocityX = initialVelocityX
+  let velocityY = initialVelocityY
+  let animationId: number | null = null
+  const targetX = toX
+  const targetY = toY
+
+  // for fade out, track progress based on distance traveled
+  const totalDistance = Math.sqrt((toX - fromX) ** 2 + (toY - fromY) ** 2) || 1
+
+  function step() {
+    // spring physics
+    const forceX = -stiffness * (x - targetX)
+    const forceY = -stiffness * (y - targetY)
+    const dampingForceX = -damping * velocityX
+    const dampingForceY = -damping * velocityY
+
+    const accelerationX = (forceX + dampingForceX) / mass
+    const accelerationY = (forceY + dampingForceY) / mass
+
+    velocityX += accelerationX * 0.016 // ~60fps
+    velocityY += accelerationY * 0.016
+    x += velocityX * 0.016
+    y += velocityY * 0.016
+
+    element.style.transform = `translate3d(${x}px, ${y}px, 0)`
+
+    // animate opacity based on progress toward target
+    if (fadeOut) {
+      const distanceTraveled = Math.sqrt((x - fromX) ** 2 + (y - fromY) ** 2)
+      const progress = Math.min(distanceTraveled / totalDistance, 1)
+      element.style.opacity = String(1 - progress)
+    }
+
+    // check if close enough to target and velocity is low
+    const distanceX = Math.abs(x - targetX)
+    const distanceY = Math.abs(y - targetY)
+    const speed = Math.sqrt(velocityX * velocityX + velocityY * velocityY)
+
+    if (distanceX < 0.5 && distanceY < 0.5 && speed < 0.5) {
+      element.style.transform = `translate3d(${targetX}px, ${targetY}px, 0)`
+      if (fadeOut) {
+        element.style.opacity = '0'
+      }
+      onComplete?.()
+      return
+    }
+
+    animationId = requestAnimationFrame(step)
+  }
+
+  animationId = requestAnimationFrame(step)
+
+  return () => {
+    if (animationId) {
+      cancelAnimationFrame(animationId)
+    }
+  }
+}
+
+export function useToastAnimations(
+  options: UseToastAnimationsOptions = {}
+): ToastAnimationValues {
+  const { onExitComplete, reducedMotion, swipeAxis = 'horizontal' } = options
+
+  const { animationDriver } = useConfiguration()
+
+  if (!animationDriver) {
+    throw new Error('Toast requires an animation driver to be set in TamaguiProvider')
+  }
+
+  const { useAnimatedNumber, useAnimatedNumberStyle, useAnimatedNumbersStyle } =
+    animationDriver
+  const AnimatedView = (animationDriver.View ?? TamaguiView) as typeof Animated.View
+
+  // ref for direct DOM manipulation (CSS driver fallback)
+  const dragRef = React.useRef<HTMLDivElement>(null)
+  const cancelAnimationRef = React.useRef<(() => void) | null>(null)
+  const currentOffsetRef = React.useRef({ x: 0, y: 0 })
+
+  // on web, use direct DOM for drag (CSS driver has no reactive style updates)
+  // on native, use the animation driver's AnimatedView + animatedStyle
+  const useDirectDom = isWeb
+
+  // animated values for drag translation
+  const translateX = useAnimatedNumber(0)
+  const translateY = useAnimatedNumber(0)
+
+  // multi-value: both axes reactive in one animated style (off-thread on Reanimated)
+  const animatedStyle = useAnimatedNumbersStyle
+    ? useAnimatedNumbersStyle([translateX, translateY], (x: number, y: number) => {
+        'worklet'
+        return { transform: [{ translateX: x }, { translateY: y }] }
+      })
+    : useAnimatedNumberStyle(
+        swipeAxis === 'vertical' ? translateY : translateX,
+        (primary) => {
+          'worklet'
+          const secondary =
+            swipeAxis === 'vertical' ? translateX.getValue() : translateY.getValue()
+          return swipeAxis === 'vertical'
+            ? { transform: [{ translateX: secondary }, { translateY: primary }] }
+            : { transform: [{ translateX: primary }, { translateY: secondary }] }
+        }
+      )
+
+  // set drag offset directly (no animation) - used during gesture
+  const setDragOffset = useEvent((x: number, y: number) => {
+    // cancel any running animation (e.g., spring back from previous gesture)
+    cancelAnimationRef.current?.()
+    cancelAnimationRef.current = null
+
+    currentOffsetRef.current = { x, y }
+
+    if (useDirectDom && dragRef.current) {
+      // direct DOM manipulation for CSS driver
+      dragRef.current.style.transform = `translate3d(${x}px, ${y}px, 0)`
+      dragRef.current.style.opacity = '1' // reset in case previous animation faded it
+    } else {
+      // use animation driver for motion/reanimated
+      translateX.setValue(x, { type: 'direct' })
+      translateY.setValue(y, { type: 'direct' })
+    }
+  })
+
+  // spring back to origin after cancelled drag
+  const springBack = useEvent((onComplete?: () => void) => {
+    // cancel any running animation
+    cancelAnimationRef.current?.()
+
+    if (reducedMotion) {
+      // instant for reduced motion
+      if (useDirectDom && dragRef.current) {
+        dragRef.current.style.transform = 'translate3d(0px, 0px, 0)'
+      } else {
+        translateX.setValue(0, { type: 'direct' })
+        translateY.setValue(0, { type: 'direct' })
+      }
+      currentOffsetRef.current = { x: 0, y: 0 }
+      onComplete?.()
+      return
+    }
+
+    if (useDirectDom && dragRef.current) {
+      // use JS spring animation for CSS driver
+      const { x, y } = currentOffsetRef.current
+      cancelAnimationRef.current = animateSpring(
+        dragRef.current,
+        x,
+        y,
+        0,
+        0,
+        SPRING_CONFIG,
+        () => {
+          currentOffsetRef.current = { x: 0, y: 0 }
+          onComplete?.()
+        }
+      )
+    } else {
+      // use animation driver for motion/reanimated
+      translateX.setValue(0, SPRING_CONFIG)
+      translateY.setValue(0, SPRING_CONFIG, onComplete)
+    }
+  })
+
+  // animate out in a direction after successful swipe
+  // velocity is in px/ms from gesture, used for smooth momentum continuation
+  const animateOut = useEvent(
+    (
+      direction: 'left' | 'right' | 'up' | 'down',
+      velocity?: number,
+      onComplete?: () => void
+    ) => {
+      // cancel any running animation
+      cancelAnimationRef.current?.()
+
+      const { x: curX, y: curY } = currentOffsetRef.current
+
+      // ensure exit target is always further than current drag position
+      // (user may have dragged past EXIT_DISTANCE already)
+      let exitX =
+        direction === 'left' ? -EXIT_DISTANCE : direction === 'right' ? EXIT_DISTANCE : 0
+      let exitY =
+        direction === 'up' ? -EXIT_DISTANCE : direction === 'down' ? EXIT_DISTANCE : 0
+
+      if (direction === 'left' && curX < exitX) exitX = curX - 50
+      else if (direction === 'right' && curX > exitX) exitX = curX + 50
+      if (direction === 'up' && curY < exitY) exitY = curY - 50
+      else if (direction === 'down' && curY > exitY) exitY = curY + 50
+
+      if (reducedMotion) {
+        // instant for reduced motion
+        if (useDirectDom && dragRef.current) {
+          dragRef.current.style.transform = `translate3d(${exitX}px, ${exitY}px, 0)`
+        } else {
+          translateX.setValue(exitX, { type: 'direct' })
+          translateY.setValue(exitY, { type: 'direct' })
+        }
+        onComplete?.()
+        onExitComplete?.()
+        return
+      }
+
+      // convert velocity from px/ms to px/frame (assuming 60fps = 16.67ms/frame)
+      // multiply by ~500 to get a reasonable initial velocity for the spring
+      const velocityScale = (velocity ?? 0) * 500
+      const initialVelocityX =
+        direction === 'left' ? -velocityScale : direction === 'right' ? velocityScale : 0
+      const initialVelocityY =
+        direction === 'up' ? -velocityScale : direction === 'down' ? velocityScale : 0
+
+      // exit animation config - tuned for smooth momentum continuation
+      const exitConfig = {
+        damping: 25,
+        stiffness: 350,
+        mass: 0.4,
+        initialVelocityX,
+        initialVelocityY,
+        fadeOut: true,
+      }
+
+      if (useDirectDom && dragRef.current) {
+        // use JS spring animation for CSS driver
+        const { x, y } = currentOffsetRef.current
+        cancelAnimationRef.current = animateSpring(
+          dragRef.current,
+          x,
+          y,
+          exitX,
+          exitY,
+          exitConfig,
+          () => {
+            onComplete?.()
+            onExitComplete?.()
+          }
+        )
+      } else {
+        // animation driver path (reanimated/RN)
+        const springConfig = {
+          type: 'spring' as const,
+          damping: 25,
+          stiffness: 350,
+          mass: 0.4,
+        }
+        translateX.setValue(exitX, springConfig)
+        translateY.setValue(exitY, springConfig, () => {
+          onComplete?.()
+          onExitComplete?.()
+        })
+      }
+    }
+  )
+
+  const stop = useEvent(() => {
+    cancelAnimationRef.current?.()
+    translateX.stop()
+    translateY.stop()
+  })
+
+  // cleanup on unmount
+  React.useEffect(() => {
+    return () => {
+      cancelAnimationRef.current?.()
+    }
+  }, [])
+
+  return {
+    setDragOffset,
+    springBack,
+    animateOut,
+    stop,
+    animatedStyle,
+    AnimatedView,
+    dragRef,
+  }
+}

package/src/v2.ts

@@ -0,0 +1,31 @@
+// Toast v2 - composable component API
+export { Toast, useToasts, useToastItem } from './ToastComposable'
+export type {
+  ToastRootProps,
+  ToastViewportProps,
+  ToastItemProps,
+  ToastItemRenderProps,
+  ToastListProps,
+  ToastPosition,
+  ToastIcons,
+} from './ToastComposable'
+
+// Toast v2 - imperative API
+export { toast } from './ToastState'
+export type {
+  ToastT,
+  ToastType,
+  ToastToDismiss,
+  ExternalToast,
+  PromiseT,
+  PromiseData,
+  ToastAction,
+} from './ToastState'
+
+// Toaster - all-in-one component (thin wrapper over composable API)
+export { Toaster } from './Toaster'
+export type { ToasterProps, ToasterPosition } from './Toaster'
+
+export type { SwipeDirection } from './ToastProvider'
+export type { BurntToastOptions, CreateNativeToastOptions, NativeToastRef } from './types'
+export { requestNotificationPermission } from './createNativeToast'

package/types/ToastComposable.d.ts

@@ -0,0 +1,199 @@
+import type { GetProps, TamaguiElement } from '@tamagui/core';
+import * as React from 'react';
+import type { SwipeDirection } from './ToastProvider';
+import type { ExternalToast, ToastT } from './ToastState';
+import type { BurntToastOptions } from './types';
+import { ToastItemFrame } from './ToastItemFrame';
+export type ToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+interface ToastItemContextValue {
+    toast: ToastT;
+    handleClose: () => void;
+}
+export interface ToastIcons {
+    success?: React.ReactNode;
+    error?: React.ReactNode;
+    warning?: React.ReactNode;
+    info?: React.ReactNode;
+    loading?: React.ReactNode;
+    close?: React.ReactNode;
+}
+export interface ToastRootProps {
+    children: React.ReactNode;
+    /**
+     * Position of the toasts on screen
+     * @default 'bottom-right'
+     */
+    position?: ToastPosition;
+    /**
+     * Default duration for toasts in ms
+     * @default 4000
+     */
+    duration?: number;
+    /**
+     * Gap between toasts in pixels
+     * @default 14
+     */
+    gap?: number;
+    /**
+     * Number of toasts visible at once
+     * @default 4
+     */
+    visibleToasts?: number;
+    /**
+     * Direction toasts can be swiped to dismiss
+     * @default 'auto'
+     */
+    swipeDirection?: SwipeDirection;
+    /**
+     * Distance in pixels swipe must pass to dismiss
+     * @default 50
+     */
+    swipeThreshold?: number;
+    /**
+     * Fixed toast height in pixels for native stacking calculations.
+     * On web, heights are measured dynamically.
+     * @default 56
+     */
+    toastHeight?: number;
+    /**
+     * Show close button on toasts
+     * @default false
+     */
+    closeButton?: boolean;
+    /**
+     * When true, toasts are always expanded (fanned out) instead of stacked.
+     * @default false
+     */
+    expand?: boolean;
+    /**
+     * Theme for toasts
+     */
+    theme?: 'light' | 'dark' | 'system';
+    /**
+     * Force reduced motion mode
+     */
+    reducedMotion?: boolean;
+    /**
+     * When true, uses burnt native OS toasts on mobile instead of RN views.
+     * @default false
+     */
+    native?: boolean;
+    /**
+     * Options for burnt native toasts on mobile
+     */
+    burntOptions?: Omit<BurntToastOptions, 'title' | 'message' | 'duration'>;
+    /**
+     * Options for web Notification API when native is true on web
+     */
+    notificationOptions?: NotificationOptions;
+    /**
+     * Custom icons for toast types
+     */
+    icons?: ToastIcons;
+}
+declare const ToastViewportFrame: import("@tamagui/core").TamaguiComponent<import("@tamagui/core").TamaDefer, TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {
+    unstyled?: boolean | undefined;
+}, import("@tamagui/core").StaticConfigPublic>;
+export interface ToastViewportProps extends GetProps<typeof ToastViewportFrame> {
+    /**
+     * Offset from screen edge
+     * @default 24
+     */
+    offset?: number | {
+        top?: number;
+        right?: number;
+        bottom?: number;
+        left?: number;
+    };
+    /**
+     * Hotkey to focus viewport
+     */
+    hotkey?: string[];
+    /**
+     * Aria label
+     * @default 'Notifications'
+     */
+    label?: string;
+    /**
+     * Portal to root
+     * @default true
+     */
+    portalToRoot?: boolean;
+    /**
+     * z-index for the portal container when portalToRoot is true
+     * @default Number.MAX_SAFE_INTEGER
+     */
+    portalZIndex?: number;
+}
+export interface ToastItemRenderProps {
+    toast: ToastT;
+    index: number;
+    handleClose: () => void;
+}
+export interface ToastListProps {
+    /**
+     * Custom render function for each toast item
+     */
+    renderItem?: (props: ToastItemRenderProps) => React.ReactNode;
+}
+declare function ToastList({ renderItem }: ToastListProps): import("react/jsx-runtime").JSX.Element;
+export interface ToastItemProps extends GetProps<typeof ToastItemFrame> {
+    toast: ToastT;
+    index: number;
+    children: React.ReactNode;
+}
+declare function ToastIcon(props: {
+    children?: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element | null;
+export declare function useToasts(): {
+    toasts: ToastT[];
+    expanded: boolean;
+    position: ToastPosition;
+};
+export declare function useToastItem(): ToastItemContextValue;
+export declare const Toast: React.ForwardRefExoticComponent<ToastRootProps & React.RefAttributes<TamaguiElement>> & {
+    Viewport: import("@tamagui/core").TamaguiComponent<Omit<import("@tamagui/core").GetFinalProps<import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {
+        unstyled?: boolean | undefined;
+    }>, keyof ToastViewportProps> & ToastViewportProps, TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps & ToastViewportProps, import("@tamagui/core").StackStyleBase, {
+        unstyled?: boolean | undefined;
+    }, import("@tamagui/core").StaticConfigPublic>;
+    List: typeof ToastList;
+    Item: import("@tamagui/core").TamaguiComponent<Omit<import("@tamagui/core").GetFinalProps<import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {
+        unstyled?: boolean | undefined;
+        elevation?: number | import("@tamagui/core").SizeTokens | undefined;
+        fullscreen?: boolean | undefined;
+    }>, keyof ToastItemProps> & ToastItemProps, TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps & ToastItemProps, import("@tamagui/core").StackStyleBase, {
+        unstyled?: boolean | undefined;
+        elevation?: number | import("@tamagui/core").SizeTokens | undefined;
+        fullscreen?: 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, {
+        unstyled?: boolean | undefined;
+        size?: import("@tamagui/core").FontSizeTokens | 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, {
+        unstyled?: boolean | undefined;
+        size?: import("@tamagui/core").FontSizeTokens | undefined;
+    }, import("@tamagui/core").StaticConfigPublic>;
+    Close: import("@tamagui/core").TamaguiComponent<import("@tamagui/core").GetFinalProps<import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {
+        unstyled?: boolean | undefined;
+        elevation?: number | import("@tamagui/core").SizeTokens | undefined;
+        fullscreen?: boolean | undefined;
+    }>, TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps & void, import("@tamagui/core").StackStyleBase, {
+        unstyled?: boolean | undefined;
+        elevation?: number | import("@tamagui/core").SizeTokens | undefined;
+        fullscreen?: boolean | undefined;
+    }, import("@tamagui/core").StaticConfigPublic>;
+    Action: import("@tamagui/core").TamaguiComponent<import("@tamagui/core").GetFinalProps<import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {
+        unstyled?: boolean | undefined;
+        elevation?: number | import("@tamagui/core").SizeTokens | undefined;
+        fullscreen?: boolean | undefined;
+    }>, TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps & void, import("@tamagui/core").StackStyleBase, {
+        unstyled?: boolean | undefined;
+        elevation?: number | import("@tamagui/core").SizeTokens | undefined;
+        fullscreen?: boolean | undefined;
+    }, import("@tamagui/core").StaticConfigPublic>;
+    Icon: typeof ToastIcon;
+};
+export type { ToastT, ExternalToast };
+//# sourceMappingURL=ToastComposable.d.ts.map

package/types/ToastComposable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToastComposable.d.ts","sourceRoot":"","sources":["../src/ToastComposable.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ToastComposable.d.ts","sourceRoot":"","sources":["../src/ToastComposable.tsx"],"names":[],"mappings":"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"}

package/types/ToastImpl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToastImpl.d.ts","sourceRoot":"","sources":["../src/ToastImpl.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAU7D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AAK5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAEV,qBAAqB,EAEtB,MAAM,cAAc,CAAA;AAIrB,OAAO,KAAK,EAAE,WAAW,EAAkB,MAAM,iBAAiB,CAAA;AAIlE,QAAA,MAAM,cAAc;;;;8CA0BlB,CAAA;AAEF,KAAK,UAAU,GAAG,IAAI,CAAC,cAAc,EAAE,MAAM,qBAAqB,CAAC,CAAA;AAEnE,KAAK,UAAU,GAAG,qBAAqB,CAAA;AAEvC,QAAA,MAEoB,0BAA0B;;CAG5C,CAAA;AAEF,KAAK,qBAAqB,GAAG;IAC3B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,OAAO,IAAI,IAAI,CAAA;CAChB,CAAA;AAED,KAAK,mBAAmB,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAA;AAE1D,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IAEd;;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,OAAO,CAAA;IAEpB;;;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;AAED,KAAK,cAAc,GAAG,WAAW,CAC/B,qBAAqB,GAAG,mBAAmB,GAAG,eAAe,CAC9D,CAAA;AAED,QAAA,MAAM,SAAS;;;;;;;;;;;;;;wCAoPd,CAAA;AAsGD,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,0BAA0B,EAAE,KAAK,cAAc,EAAE,CAAA;AACrF,YAAY,EAAE,UAAU,EAAE,CAAA"}
+{"version":3,"file":"ToastImpl.d.ts","sourceRoot":"","sources":["../src/ToastImpl.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAU7D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AAK5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAEV,qBAAqB,EAGtB,MAAM,cAAc,CAAA;AAYrB,OAAO,KAAK,EAAE,WAAW,EAAkB,MAAM,iBAAiB,CAAA;AAIlE,QAAA,MAAM,cAAc;;;;8CA0BlB,CAAA;AAEF,KAAK,UAAU,GAAG,IAAI,CAAC,cAAc,EAAE,MAAM,qBAAqB,CAAC,CAAA;AAEnE,KAAK,UAAU,GAAG,qBAAqB,CAAA;AAEvC,QAAA,MAEoB,0BAA0B;;CAG5C,CAAA;AAEF,KAAK,qBAAqB,GAAG;IAC3B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,OAAO,IAAI,IAAI,CAAA;CAChB,CAAA;AAED,KAAK,mBAAmB,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAA;AAE1D,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IAEd;;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,OAAO,CAAA;IAEpB;;;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;AAED,KAAK,cAAc,GAAG,WAAW,CAC/B,qBAAqB,GAAG,mBAAmB,GAAG,eAAe,CAC9D,CAAA;AAED,QAAA,MAAM,SAAS;;;;;;;;;;;;;;wCAuPd,CAAA;AAsGD,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,0BAA0B,EAAE,KAAK,cAAc,EAAE,CAAA;AACrF,YAAY,EAAE,UAAU,EAAE,CAAA"}

package/types/ToastItemFrame.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Shared visual styled components for toast items.
+ * Shared across web and native — imported by ToastComposable.
+ */
+export declare const ToastPositionWrapper: import("@tamagui/core").TamaguiComponent<import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {
+    elevation?: number | import("@tamagui/core").SizeTokens | undefined;
+    fullscreen?: boolean | undefined;
+}, import("@tamagui/core").StaticConfigPublic>;
+export declare const ToastItemFrame: import("@tamagui/core").TamaguiComponent<import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {
+    unstyled?: boolean | undefined;
+    elevation?: number | import("@tamagui/core").SizeTokens | undefined;
+    fullscreen?: boolean | undefined;
+}, import("@tamagui/core").StaticConfigPublic>;
+export declare const ToastCloseFrame: import("@tamagui/core").TamaguiComponent<import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {
+    unstyled?: boolean | undefined;
+    elevation?: number | import("@tamagui/core").SizeTokens | undefined;
+    fullscreen?: boolean | undefined;
+}, import("@tamagui/core").StaticConfigPublic>;
+export declare const ToastActionFrame: import("@tamagui/core").TamaguiComponent<import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {
+    unstyled?: boolean | undefined;
+    elevation?: number | import("@tamagui/core").SizeTokens | undefined;
+    fullscreen?: boolean | undefined;
+}, import("@tamagui/core").StaticConfigPublic>;
+export declare const DefaultCloseIcon: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ToastItemFrame.d.ts.map

package/types/ToastItemFrame.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastItemFrame.d.ts","sourceRoot":"","sources":["../src/ToastItemFrame.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAYH,eAAO,MAAM,oBAAoB;;;8CAU/B,CAAA;AAOF,eAAO,MAAM,cAAc;;;;8CA8BzB,CAAA;AAMF,eAAO,MAAM,eAAe;;;;8CA4B1B,CAAA;AAMF,eAAO,MAAM,gBAAgB;;;;8CAuB3B,CAAA;AAMF,eAAO,MAAM,gBAAgB,+CAI5B,CAAA"}

package/types/ToastPortal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToastPortal.d.ts","sourceRoot":"","sources":["../src/ToastPortal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,EAA4B,KAAK,yBAAyB,EAAE,MAAM,iBAAiB,CAAA;AAE1F,wBAAgB,WAAW,CAAC,KAAK,EAAE;IACjC,QAAQ,EAAE,SAAS,CAAA;IACnB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,yBAAyB,CAAA;CACnC,2CASA"}
+{"version":3,"file":"ToastPortal.d.ts","sourceRoot":"","sources":["../src/ToastPortal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAA4B,KAAK,yBAAyB,EAAE,MAAM,iBAAiB,CAAA;AAE1F,wBAAgB,WAAW,CAAC,KAAK,EAAE;IACjC,QAAQ,EAAE,SAAS,CAAA;IACnB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,yBAAyB,CAAA;CACnC,2CASA"}

package/types/ToastProvider.d.ts

@@ -19,7 +19,7 @@ declare const Collection: {
 }, useCollection: (scope: string) => () => {
     ref: React.RefObject<TamaguiElement | undefined>;
 }[];
-export type SwipeDirection = 'vertical' | 'up' | 'down' | 'horizontal' | 'left' | 'right';
+export type SwipeDirection = 'vertical' | 'up' | 'down' | 'horizontal' | 'left' | 'right' | 'auto';
 export type ToastProviderContextValue = {
     id: string;
     toastScope: string;