@hanzogui/toast 3.0.1 → 7.0.0

package/types/Toaster.d.ts

@@ -0,0 +1,112 @@
+/**
+ * Toaster — drop-in all-in-one toast component.
+ * Thin wrapper around Toast + Toast.Viewport + Toast.List (composable API).
+ */
+import type { HanzoguiElement } from '@hanzogui/core';
+import * as React from 'react';
+import type { ToastPosition } from './ToastComposable';
+import type { SwipeDirection } from './ToastProvider';
+import type { ExternalToast } from './ToastState';
+import type { BurntToastOptions } from './types';
+export type ToasterPosition = ToastPosition;
+export interface ToasterProps {
+    /**
+     * Position of the toasts on screen
+     * @default 'bottom-right'
+     */
+    position?: ToasterPosition;
+    /**
+     * Expand toasts on hover to show all
+     * @default false
+     */
+    expand?: boolean;
+    /**
+     * Number of toasts visible at once
+     * @default 4
+     */
+    visibleToasts?: number;
+    /**
+     * Gap between toasts in pixels
+     * @default 14
+     */
+    gap?: number;
+    /**
+     * Default duration for toasts in ms
+     * @default 4000
+     */
+    duration?: number;
+    /**
+     * Offset from screen edge in pixels
+     * @default 24
+     */
+    offset?: number | {
+        top?: number;
+        right?: number;
+        bottom?: number;
+        left?: number;
+    };
+    /**
+     * Hotkey to focus toast viewport
+     * @default ['altKey', 'KeyT']
+     */
+    hotkey?: string[];
+    /**
+     * Direction(s) toasts can be swiped to dismiss.
+     * 'auto' detects based on position (swipe toward nearest edge).
+     * @default 'auto'
+     */
+    swipeDirection?: SwipeDirection;
+    /**
+     * Distance in pixels swipe must pass to dismiss
+     * @default 50
+     */
+    swipeThreshold?: number;
+    /**
+     * Show close button on toasts
+     * @default false
+     */
+    closeButton?: boolean;
+    /**
+     * Theme for toasts (auto-detected if not set)
+     */
+    theme?: 'light' | 'dark' | 'system';
+    /**
+     * Custom icons for toast types
+     */
+    icons?: {
+        success?: React.ReactNode;
+        error?: React.ReactNode;
+        warning?: React.ReactNode;
+        info?: React.ReactNode;
+        loading?: React.ReactNode;
+        close?: React.ReactNode;
+    };
+    /**
+     * Default toast options
+     */
+    toastOptions?: ExternalToast;
+    /**
+     * Container aria label for screen readers
+     * @default 'Notifications'
+     */
+    containerAriaLabel?: string;
+    /**
+     * 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
+     */
+    notificationOptions?: NotificationOptions;
+    /**
+     * Force reduced motion mode (disables animations)
+     */
+    reducedMotion?: boolean;
+}
+export declare const Toaster: React.ForwardRefExoticComponent<ToasterProps & React.RefAttributes<HanzoguiElement>>;
+//# sourceMappingURL=Toaster.d.ts.map

package/types/createNativeToast.d.ts

@@ -1,4 +1,9 @@
 import type { CreateNativeToastsFn, HideNativeToastsFn } from './types';
 export declare const createNativeToast: CreateNativeToastsFn;
 export declare const hideNativeToast: HideNativeToastsFn;
+/**
+ * Request notification permission from the browser.
+ * Must be called from a user gesture (click/tap handler).
+ */
+export declare function requestNotificationPermission(): Promise<NotificationPermission | null>;
 //# sourceMappingURL=createNativeToast.d.ts.map

package/types/createNativeToast.native.d.ts

@@ -1,4 +1,5 @@
 import type { CreateNativeToastsFn, HideNativeToastsFn } from './types';
 export declare const createNativeToast: CreateNativeToastsFn;
 export declare const hideNativeToast: HideNativeToastsFn;
+export declare function requestNotificationPermission(): Promise<null>;
 //# sourceMappingURL=createNativeToast.native.d.ts.map

package/types/dispatchNativeToast.d.ts

@@ -0,0 +1,12 @@
+import type { ToastT } from './ToastState';
+import type { BurntToastOptions } from './types';
+/**
+ * Attempts to dispatch a toast via native platform API (Burnt on mobile, Notification on web).
+ * Returns true if the toast was handled natively, false if it should fall through to in-app.
+ */
+export declare function dispatchNativeToast(toast: ToastT, opts: {
+    duration: number;
+    burntOptions?: Omit<BurntToastOptions, 'title' | 'message' | 'duration'>;
+    notificationOptions?: NotificationOptions;
+}): boolean;
+//# sourceMappingURL=dispatchNativeToast.d.ts.map

package/types/useAnimatedDragGesture.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Web implementation of drag gesture handling with animation driver integration.
+ * Uses pointer events for smooth drag tracking, animation driver for transforms.
+ */
+import * as React from 'react';
+import type { SwipeDirection } from './ToastProvider';
+export interface UseAnimatedDragGestureOptions {
+    direction: SwipeDirection;
+    threshold: number;
+    disabled?: boolean;
+    /** when collapsed, allow drag in all directions with resistance except exit direction */
+    expanded?: boolean;
+    /** called during drag with offset values */
+    onDragMove: (x: number, y: number) => void;
+    /** called when drag starts */
+    onDragStart?: () => void;
+    /** called when drag ends with successful dismiss - includes exit direction and velocity */
+    onDismiss: (exitDirection: 'left' | 'right' | 'up' | 'down', velocity: number) => void;
+    /** called when drag ends without dismiss - spring back */
+    onCancel: () => void;
+}
+export declare function useAnimatedDragGesture(options: UseAnimatedDragGestureOptions): {
+    isDragging: boolean;
+    gestureHandlers: {
+        onPointerDown: (event: React.PointerEvent) => void;
+        onPointerMove: (event: React.PointerEvent) => void;
+        onPointerUp: (event: React.PointerEvent) => void;
+        onPointerCancel: (event: React.PointerEvent) => void;
+        onLostPointerCapture: () => void;
+    };
+    gesture: any;
+};
+//# sourceMappingURL=useAnimatedDragGesture.d.ts.map

package/types/useAnimatedDragGesture.native.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Native drag gesture handling for toast swipe-to-dismiss.
+ *
+ * Uses react-native-gesture-handler (RNGH) when available for proper gesture
+ * coordination with ScrollView and navigation. Falls back to PanResponder.
+ *
+ * Pattern: same as Sheet — RNGH is accessed through @hanzogui/native global
+ * registry, never imported directly. The gesture is created in useMemo and
+ * returns null when RNGH is not set up.
+ */
+import type { SwipeDirection } from './ToastProvider';
+export interface UseAnimatedDragGestureOptions {
+    direction: SwipeDirection;
+    threshold: number;
+    disabled?: boolean;
+    expanded?: boolean;
+    onDragMove: (x: number, y: number) => void;
+    onDragStart?: () => void;
+    onDismiss: (exitDirection: 'left' | 'right' | 'up' | 'down', velocity: number) => void;
+    onCancel: () => void;
+}
+/**
+ * Single hook — always calls the same hooks in the same order.
+ * Creates RNGH gesture in useMemo (returns null if unavailable).
+ * Creates PanResponder in useMemo (returns null if RNGH is used).
+ * Consumer checks `gesture` to decide whether to wrap with GestureDetector.
+ */
+export declare function useAnimatedDragGesture(options: UseAnimatedDragGestureOptions): {
+    isDragging: boolean;
+    gestureHandlers: import("react-native").GestureResponderHandlers;
+    gesture: any;
+};
+//# sourceMappingURL=useAnimatedDragGesture.native.d.ts.map

package/types/useReducedMotion.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Hook to detect reduced motion preference.
+ * Returns true if user prefers reduced motion (via system settings or forced).
+ */
+export declare function useReducedMotion(forceReducedMotion?: boolean): boolean;
+//# sourceMappingURL=useReducedMotion.d.ts.map

package/types/useToastAnimations.d.ts

@@ -0,0 +1,50 @@
+/**
+ * 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 * 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>;
+}
+export declare function useToastAnimations(options?: UseToastAnimationsOptions): ToastAnimationValues;
+//# sourceMappingURL=useToastAnimations.d.ts.map

package/types/v2.d.ts

@@ -0,0 +1,10 @@
+export { Toast, useToasts, useToastItem } from './ToastComposable';
+export type { ToastRootProps, ToastViewportProps, ToastItemProps, ToastItemRenderProps, ToastListProps, ToastPosition, ToastIcons, } from './ToastComposable';
+export { toast } from './ToastState';
+export type { ToastT, ToastType, ToastToDismiss, ExternalToast, PromiseT, PromiseData, ToastAction, } from './ToastState';
+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';
+//# sourceMappingURL=v2.d.ts.map

package/v2/index.cjs

@@ -0,0 +1,2 @@
+// compat with hanzogui static compiler
+Object.assign(module.exports, require('../dist/cjs/v2.cjs'))

package/v2/index.js

@@ -0,0 +1,2 @@
+// compat with metro without package exports
+Object.assign(module.exports, require('../dist/cjs/v2.cjs'))

package/v2/index.native.cjs

@@ -0,0 +1,2 @@
+// compat with hanzogui static compiler
+Object.assign(module.exports, require('../dist/cjs/v2.native.js'))

package/v2/index.native.js

@@ -0,0 +1,2 @@
+// compat with metro without package exports
+Object.assign(module.exports, require('../dist/cjs/v2.native.js'))

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2022 WorkOS and Tamagui
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.

package/dist/cjs/Toast.cjs

@@ -1,170 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf,
-  __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-    return to;
-  };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-    value: mod,
-    enumerable: !0
-  }) : target, mod)),
-  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-    value: !0
-  }), mod);
-var Toast_exports = {};
-__export(Toast_exports, {
-  Toast: () => Toast2,
-  ToastProvider: () => import_ToastProvider.ToastProvider,
-  ToastViewport: () => import_ToastViewport.ToastViewport,
-  useToast: () => import_ToastImperative.useToast,
-  useToastController: () => import_ToastImperative.useToastController,
-  useToastState: () => import_ToastImperative.useToastState
-});
-module.exports = __toCommonJS(Toast_exports);
-var import_gui_animate_presence = require("@hanzogui/animate-presence"),
-  import_gui_core = require("@hanzogui/core"),
-  import_gui_helpers = require("@hanzogui/helpers"),
-  import_gui_stacks = require("@hanzogui/stacks"),
-  import_gui_text = require("@hanzogui/text"),
-  import_gui_use_controllable_state = require("@hanzogui/use-controllable-state"),
-  React = __toESM(require("react"), 1),
-  import_ToastAnnounce = require("./ToastAnnounce.cjs"),
-  import_ToastImperative = require("./ToastImperative.cjs"),
-  import_ToastImpl = require("./ToastImpl.cjs"),
-  import_ToastProvider = require("./ToastProvider.cjs"),
-  import_ToastViewport = require("./ToastViewport.cjs"),
-  import_jsx_runtime = require("react/jsx-runtime");
-const TITLE_NAME = "ToastTitle",
-  ToastTitle = (0, import_gui_core.styled)(import_gui_text.SizableText, {
-    name: TITLE_NAME,
-    variants: {
-      unstyled: {
-        false: {
-          color: "$color",
-          size: "$4"
-        }
-      }
-    },
-    defaultVariants: {
-      unstyled: process.env.HANZO_GUI_HEADLESS === "1"
-    }
-  }),
-  DESCRIPTION_NAME = "ToastDescription",
-  ToastDescription = (0, import_gui_core.styled)(import_gui_text.SizableText, {
-    name: DESCRIPTION_NAME,
-    variants: {
-      unstyled: {
-        false: {
-          color: "$color11",
-          size: "$1"
-        }
-      }
-    },
-    defaultVariants: {
-      unstyled: process.env.HANZO_GUI_HEADLESS === "1"
-    }
-  }),
-  ACTION_NAME = "ToastAction",
-  ToastAction = React.forwardRef(function (props, forwardedRef) {
-    const {
-      altText,
-      ...actionProps
-    } = props;
-    return altText ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToastAnnounce.ToastAnnounceExclude, {
-      altText,
-      asChild: !0,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToastClose, {
-        ...actionProps,
-        ref: forwardedRef
-      })
-    }) : null;
-  });
-ToastAction.propTypes = {
-  altText(props) {
-    return props.altText ? null : new Error(`Missing prop \`altText\` expected on \`${ACTION_NAME}\``);
-  }
-};
-const CLOSE_NAME = "ToastClose",
-  ToastCloseFrame = (0, import_gui_core.styled)(import_gui_stacks.YStack, {
-    name: CLOSE_NAME,
-    render: "button"
-  }),
-  ToastClose = React.forwardRef(function (props, forwardedRef) {
-    const {
-        scope,
-        ...closeProps
-      } = props,
-      interactiveContext = (0, import_ToastImpl.useToastInteractiveContext)(scope);
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToastAnnounce.ToastAnnounceExclude, {
-      asChild: !0,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToastCloseFrame, {
-        "aria-label": "Close",
-        ...closeProps,
-        ref: forwardedRef,
-        onPress: (0, import_gui_helpers.composeEventHandlers)(props.onPress, interactiveContext.onClose)
-      })
-    });
-  }),
-  ToastComponent = import_ToastImpl.ToastImplFrame.styleable(function (props, forwardedRef) {
-    const {
-        forceMount,
-        open: openProp,
-        defaultOpen,
-        onOpenChange,
-        ...toastProps
-      } = props,
-      [open, setOpen] = (0, import_gui_use_controllable_state.useControllableState)({
-        prop: openProp,
-        defaultProp: defaultOpen ?? !0,
-        onChange: onOpenChange,
-        strategy: "most-recent-wins"
-      }),
-      currentToast = (0, import_ToastImperative.useToastState)(),
-      {
-        hide
-      } = (0, import_ToastImperative.useToastController)(),
-      id = React.useId(),
-      onPause = (0, import_gui_core.useEvent)(props.onPause),
-      onResume = (0, import_gui_core.useEvent)(props.onResume),
-      isHide = currentToast?.hide === !0;
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui_animate_presence.AnimatePresence, {
-      children: (forceMount || open) && !isHide ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToastImpl.ToastImpl, {
-        id,
-        open,
-        ...toastProps,
-        ref: forwardedRef,
-        onClose: () => {
-          setOpen(!1), hide();
-        },
-        onPause,
-        onResume,
-        onSwipeEnd: (0, import_gui_helpers.composeEventHandlers)(props.onSwipeEnd, event => {
-          setOpen(!1);
-        })
-      }) : null
-    }, id);
-  }),
-  Toast2 = (0, import_gui_helpers.withStaticProperties)(ToastComponent, {
-    Title: ToastTitle,
-    Description: ToastDescription,
-    Action: ToastAction,
-    Close: ToastClose
-  });

package/dist/cjs/Toast.native.js

@@ -1,174 +0,0 @@
-"use strict";
-
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf,
-  __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-    return to;
-  };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-    value: mod,
-    enumerable: !0
-  }) : target, mod)),
-  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-    value: !0
-  }), mod);
-var Toast_exports = {};
-__export(Toast_exports, {
-  Toast: () => Toast2,
-  ToastProvider: () => import_ToastProvider.ToastProvider,
-  ToastViewport: () => import_ToastViewport.ToastViewport,
-  useToast: () => import_ToastImperative.useToast,
-  useToastController: () => import_ToastImperative.useToastController,
-  useToastState: () => import_ToastImperative.useToastState
-});
-module.exports = __toCommonJS(Toast_exports);
-var import_jsx_runtime = require("react/jsx-runtime"),
-  import_gui_animate_presence = require("@hanzogui/animate-presence"),
-  import_gui_core = require("@hanzogui/core"),
-  import_gui_helpers = require("@hanzogui/helpers"),
-  import_gui_stacks = require("@hanzogui/stacks"),
-  import_gui_text = require("@hanzogui/text"),
-  import_gui_use_controllable_state = require("@hanzogui/use-controllable-state"),
-  React = __toESM(require("react"), 1),
-  import_ToastAnnounce = require("./ToastAnnounce.native.js"),
-  import_ToastImperative = require("./ToastImperative.native.js"),
-  import_ToastImpl = require("./ToastImpl.native.js"),
-  import_ToastProvider = require("./ToastProvider.native.js"),
-  import_ToastViewport = require("./ToastViewport.native.js"),
-  TITLE_NAME = "ToastTitle",
-  ToastTitle = (0, import_gui_core.styled)(import_gui_text.SizableText, {
-    name: TITLE_NAME,
-    variants: {
-      unstyled: {
-        false: {
-          color: "$color",
-          size: "$4"
-        }
-      }
-    },
-    defaultVariants: {
-      unstyled: process.env.HANZO_GUI_HEADLESS === "1"
-    }
-  }),
-  DESCRIPTION_NAME = "ToastDescription",
-  ToastDescription = (0, import_gui_core.styled)(import_gui_text.SizableText, {
-    name: DESCRIPTION_NAME,
-    variants: {
-      unstyled: {
-        false: {
-          color: "$color11",
-          size: "$1"
-        }
-      }
-    },
-    defaultVariants: {
-      unstyled: process.env.HANZO_GUI_HEADLESS === "1"
-    }
-  }),
-  ACTION_NAME = "ToastAction",
-  ToastAction = /* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
-    var {
-      altText,
-      ...actionProps
-    } = props;
-    return altText ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToastAnnounce.ToastAnnounceExclude, {
-      altText,
-      asChild: !0,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToastClose, {
-        ...actionProps,
-        ref: forwardedRef
-      })
-    }) : null;
-  });
-ToastAction.propTypes = {
-  altText(props) {
-    return props.altText ? null : new Error(`Missing prop \`altText\` expected on \`${ACTION_NAME}\``);
-  }
-};
-var CLOSE_NAME = "ToastClose",
-  ToastCloseFrame = (0, import_gui_core.styled)(import_gui_stacks.YStack, {
-    name: CLOSE_NAME,
-    render: "button"
-  }),
-  ToastClose = /* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
-    var {
-        scope,
-        ...closeProps
-      } = props,
-      interactiveContext = (0, import_ToastImpl.useToastInteractiveContext)(scope);
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToastAnnounce.ToastAnnounceExclude, {
-      asChild: !0,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToastCloseFrame, {
-        "aria-label": "Close",
-        ...closeProps,
-        ref: forwardedRef,
-        onPress: (0, import_gui_helpers.composeEventHandlers)(props.onPress, interactiveContext.onClose)
-      })
-    });
-  }),
-  ToastComponent = import_ToastImpl.ToastImplFrame.styleable(function (props, forwardedRef) {
-    var {
-        forceMount,
-        open: openProp,
-        defaultOpen,
-        onOpenChange,
-        ...toastProps
-      } = props,
-      [open, setOpen] = (0, import_gui_use_controllable_state.useControllableState)({
-        prop: openProp,
-        defaultProp: defaultOpen ?? !0,
-        onChange: onOpenChange,
-        strategy: "most-recent-wins"
-      }),
-      currentToast = (0, import_ToastImperative.useToastState)(),
-      {
-        hide
-      } = (0, import_ToastImperative.useToastController)(),
-      id = React.useId(),
-      onPause = (0, import_gui_core.useEvent)(props.onPause),
-      onResume = (0, import_gui_core.useEvent)(props.onResume),
-      isHide = currentToast?.hide === !0,
-      shouldShow = (forceMount || open) && !isHide;
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui_animate_presence.AnimatePresence, {
-      children: shouldShow ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToastImpl.ToastImpl, {
-        id,
-        open,
-        ...toastProps,
-        ref: forwardedRef,
-        onClose: function () {
-          setOpen(!1), hide();
-        },
-        onPause,
-        onResume,
-        onSwipeEnd: (0, import_gui_helpers.composeEventHandlers)(props.onSwipeEnd, function (event) {
-          setOpen(!1);
-        })
-      }) : null
-    }, id);
-  }),
-  Toast2 = (0, import_gui_helpers.withStaticProperties)(ToastComponent, {
-    Title: ToastTitle,
-    Description: ToastDescription,
-    Action: ToastAction,
-    Close: ToastClose
-  });
-//# sourceMappingURL=Toast.native.js.map