@yahoo/uds-mobile 2.16.0 → 2.18.0

package/dist/components/Toast/ToastItem.d.cts

@@ -0,0 +1,25 @@
+
+import { ToastController, ToastRecord } from "./types.cjs";
+import * as _$react from "react";
+
+//#region src/components/Toast/ToastItem.d.ts
+interface ToastItemProps {
+  toast: ToastRecord;
+  hide: ToastController['hide'];
+}
+/**
+ * Internal adapter from a ToastRecord to the public Toast renderer.
+ *
+ * @description
+ * ToastItem removes provider-only fields from a toast record, wires action and
+ * close callbacks to the toast controller, and passes renderable props to Toast.
+ *
+ * @internal
+ */
+declare function ToastItem({
+  toast,
+  hide
+}: ToastItemProps): _$react.JSX.Element;
+//#endregion
+export { ToastItem };
+//# sourceMappingURL=ToastItem.d.cts.map

package/dist/components/Toast/ToastItem.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastItem.d.cts","names":[],"sources":["../../../src/components/Toast/ToastItem.tsx"],"mappings":";;;;;UAGU,cAAA;EACR,KAAA,EAAO,WAAA;EACP,IAAA,EAAM,eAAA;AAAA;;;;;;;;;;iBAYC,SAAA,CAAA;EAAY,KAAA;EAAO;AAAA,GAAQ,cAAA,GAAc,OAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/Toast/ToastItem.d.ts

@@ -0,0 +1,25 @@
+
+import { ToastController, ToastRecord } from "./types.js";
+import * as _$react from "react";
+
+//#region src/components/Toast/ToastItem.d.ts
+interface ToastItemProps {
+  toast: ToastRecord;
+  hide: ToastController['hide'];
+}
+/**
+ * Internal adapter from a ToastRecord to the public Toast renderer.
+ *
+ * @description
+ * ToastItem removes provider-only fields from a toast record, wires action and
+ * close callbacks to the toast controller, and passes renderable props to Toast.
+ *
+ * @internal
+ */
+declare function ToastItem({
+  toast,
+  hide
+}: ToastItemProps): _$react.JSX.Element;
+//#endregion
+export { ToastItem };
+//# sourceMappingURL=ToastItem.d.ts.map

package/dist/components/Toast/ToastItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastItem.d.ts","names":[],"sources":["../../../src/components/Toast/ToastItem.tsx"],"mappings":";;;;;UAGU,cAAA;EACR,KAAA,EAAO,WAAA;EACP,IAAA,EAAM,eAAA;AAAA;;;;;;;;;;iBAYC,SAAA,CAAA;EAAY,KAAA;EAAO;AAAA,GAAQ,cAAA,GAAc,OAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/Toast/ToastItem.js

@@ -0,0 +1,35 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+import { Toast } from "./Toast.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/Toast/ToastItem.tsx
+/**
+* Internal adapter from a ToastRecord to the public Toast renderer.
+*
+* @description
+* ToastItem removes provider-only fields from a toast record, wires action and
+* close callbacks to the toast controller, and passes renderable props to Toast.
+*
+* @internal
+*/
+function ToastItem({ toast, hide }) {
+	const { closeOnAction, createdAt: _createdAt, autoClose: _autoClose, isExiting: _isExiting, onActionPress, onClickActionButton, onClickCloseButton, onClose, onHide: _onHide, onShow: _onShow, placement: _placement, ...toastProps } = toast;
+	const handleActionPress = () => {
+		onActionPress?.();
+		onClickActionButton?.();
+		if (closeOnAction) hide(toast.id);
+	};
+	const handleClose = (id) => {
+		onClose?.(id);
+		onClickCloseButton?.(id);
+		hide(toast.id);
+	};
+	return /* @__PURE__ */ jsx(Toast, {
+		...toastProps,
+		onActionPress: handleActionPress,
+		onClose: handleClose
+	});
+}
+//#endregion
+export { ToastItem };
+
+//# sourceMappingURL=ToastItem.js.map

package/dist/components/Toast/ToastItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastItem.js","names":[],"sources":["../../../src/components/Toast/ToastItem.tsx"],"sourcesContent":["import { Toast } from './Toast';\nimport type { ToastController, ToastRecord } from './types';\n\ninterface ToastItemProps {\n  toast: ToastRecord;\n  hide: ToastController['hide'];\n}\n\n/**\n * Internal adapter from a ToastRecord to the public Toast renderer.\n *\n * @description\n * ToastItem removes provider-only fields from a toast record, wires action and\n * close callbacks to the toast controller, and passes renderable props to Toast.\n *\n * @internal\n */\nfunction ToastItem({ toast, hide }: ToastItemProps) {\n  const {\n    closeOnAction,\n    createdAt: _createdAt,\n    autoClose: _autoClose,\n    isExiting: _isExiting,\n    onActionPress,\n    onClickActionButton,\n    onClickCloseButton,\n    onClose,\n    onHide: _onHide,\n    onShow: _onShow,\n    placement: _placement,\n    ...toastProps\n  } = toast;\n\n  const handleActionPress = () => {\n    onActionPress?.();\n    onClickActionButton?.();\n\n    if (closeOnAction) {\n      hide(toast.id);\n    }\n  };\n\n  const handleClose = (id?: string) => {\n    onClose?.(id);\n    onClickCloseButton?.(id);\n    hide(toast.id);\n  };\n\n  return <Toast {...toastProps} onActionPress={handleActionPress} onClose={handleClose} />;\n}\n\nexport { ToastItem };\n"],"mappings":";;;;;;;;;;;;;AAiBA,SAAS,UAAU,EAAE,OAAO,QAAwB;CAClD,MAAM,EACJ,eACA,WAAW,YACX,WAAW,YACX,WAAW,YACX,eACA,qBACA,oBACA,SACA,QAAQ,SACR,QAAQ,SACR,WAAW,YACX,GAAG,eACD;CAEJ,MAAM,0BAA0B;EAC9B,iBAAiB;EACjB,uBAAuB;EAEvB,IAAI,eACF,KAAK,MAAM,GAAG;;CAIlB,MAAM,eAAe,OAAgB;EACnC,UAAU,GAAG;EACb,qBAAqB,GAAG;EACxB,KAAK,MAAM,GAAG;;CAGhB,OAAO,oBAAC,OAAD;EAAO,GAAI;EAAY,eAAe;EAAmB,SAAS;EAAe,CAAA"}

package/dist/components/Toast/ToastProvider.cjs

@@ -0,0 +1,144 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_components_internal_Overlay_OverlayPortal = require("../internal/Overlay/OverlayPortal.cjs");
+const require_components_Toast_utils = require("./utils.cjs");
+const require_components_Toast_createToast = require("./createToast.cjs");
+const require_components_Toast_ToastViewport = require("./ToastViewport.cjs");
+const require_components_Toast_useToastController = require("./useToastController.cjs");
+let react = require("react");
+let react_native = require("react-native");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react_native_safe_area_context = require("react-native-safe-area-context");
+//#region src/components/Toast/ToastProvider.tsx
+const ToastContext = (0, react.createContext)(null);
+/**
+* Returns the active toast controller and provider state.
+*
+* @description
+* useToast exposes methods for showing, updating, hiding, and clearing queued
+* toasts from components rendered under ToastProvider.
+*
+* @platform mobile
+*/
+function useToast() {
+	const context = (0, react.useContext)(ToastContext);
+	if (!context) throw new Error("useToast must be used within a ToastProvider.");
+	return context;
+}
+/**
+* **A provider for floating mobile toast notifications.**
+*
+* @description
+* ToastProvider owns the mobile toast controller, auto-close timers, visible
+* toast limit, waiting queue, safe-area aware viewport placement, and reduced
+* motion configuration.
+*
+* Use ToastProvider with useToast or createToast to render floating toasts.
+*
+* @category Feedback
+* @platform mobile
+*
+* @example
+* ```tsx
+* import { ToastProvider, useToast } from '@yahoo/uds-mobile/Toast';
+*
+* function App() {
+*   return <ToastProvider><Screen /></ToastProvider>;
+* }
+*
+* function Screen() {
+*   const { toast } = useToast();
+*
+*   return (
+*     <Button onPress={() => toast.show({ message: 'Draft saved' })}>
+*       Save
+*     </Button>
+*   );
+* }
+* ```
+*
+* @see {@link Toast} for the visual toast renderer
+*/
+const ToastProvider = (0, react.memo)(function ToastProvider({ children, placement = require_components_Toast_utils.DEFAULT_TOAST_PLACEMENT, autoClose = require_components_Toast_utils.DEFAULT_TOAST_AUTO_CLOSE, limit, insets = require_components_Toast_utils.DEFAULT_TOAST_INSETS, viewportStyle, useFullWindowOverlay = true, reduceMotion = false }) {
+	const [prefersReducedMotion, setPrefersReducedMotion] = (0, react.useState)(false);
+	const safeAreaInsets = (0, react_native_safe_area_context.useSafeAreaInsets)();
+	const prefersReducedMotionRef = (0, react.useRef)(prefersReducedMotion);
+	const shouldReduceMotion = reduceMotion || prefersReducedMotion;
+	(0, react.useEffect)(() => {
+		if (reduceMotion) return;
+		let isMounted = true;
+		const checkReducedMotion = async () => {
+			const isReduceMotionEnabled = await react_native.AccessibilityInfo.isReduceMotionEnabled();
+			if (isMounted && prefersReducedMotionRef.current !== isReduceMotionEnabled) {
+				prefersReducedMotionRef.current = isReduceMotionEnabled;
+				setPrefersReducedMotion(isReduceMotionEnabled);
+			}
+		};
+		checkReducedMotion();
+		const handleReduceMotionChanged = (isReduceMotionEnabled) => {
+			prefersReducedMotionRef.current = isReduceMotionEnabled;
+			setPrefersReducedMotion(isReduceMotionEnabled);
+		};
+		const subscription = react_native.AccessibilityInfo.addEventListener("reduceMotionChanged", handleReduceMotionChanged);
+		return () => {
+			isMounted = false;
+			subscription.remove();
+		};
+	}, [reduceMotion]);
+	const { clearAllToastExitTimers, clearAllToastTimers, controller, toasts, waitingToastCount } = require_components_Toast_useToastController.useToastController({
+		autoClose,
+		limit: Math.max(limit ?? 3, 1),
+		placement,
+		shouldReduceMotion
+	});
+	const { hide } = controller;
+	(0, react.useEffect)(() => require_components_Toast_createToast.setToastController(controller), [controller]);
+	(0, react.useEffect)(() => () => {
+		clearAllToastTimers();
+		clearAllToastExitTimers();
+	}, [clearAllToastExitTimers, clearAllToastTimers]);
+	const contextValue = (0, react.useMemo)(() => ({
+		toast: controller,
+		isToastVisible: toasts.length > 0,
+		waitingToastCount
+	}), [
+		controller,
+		toasts.length,
+		waitingToastCount
+	]);
+	const topToasts = toasts.filter((toast) => toast.placement === "top-center");
+	const bottomToasts = toasts.filter((toast) => toast.placement === "bottom-center");
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(ToastContext.Provider, {
+		value: contextValue,
+		children: [children, toasts.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_internal_Overlay_OverlayPortal.OverlayPortal, {
+			useFullWindowOverlay,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_native.View, {
+				pointerEvents: "box-none",
+				style: styles.overlay,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Toast_ToastViewport.ToastViewport, {
+					insets,
+					placement: "top-center",
+					style: viewportStyle,
+					toasts: topToasts,
+					hide,
+					reduceMotion: shouldReduceMotion,
+					safeAreaInsets
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Toast_ToastViewport.ToastViewport, {
+					insets,
+					placement: "bottom-center",
+					style: viewportStyle,
+					toasts: bottomToasts,
+					hide,
+					reduceMotion: shouldReduceMotion,
+					safeAreaInsets
+				})]
+			})
+		})]
+	});
+});
+ToastProvider.displayName = "ToastProvider";
+const styles = react_native.StyleSheet.create({ overlay: { ...react_native.StyleSheet.absoluteFillObject } });
+//#endregion
+exports.ToastProvider = ToastProvider;
+exports.useToast = useToast;

package/dist/components/Toast/ToastProvider.d.cts

@@ -0,0 +1,58 @@
+
+import { ToastController, ToastProviderProps } from "./types.cjs";
+import * as _$react from "react";
+
+//#region src/components/Toast/ToastProvider.d.ts
+interface ToastContextValue {
+  toast: ToastController;
+  isToastVisible: boolean;
+  waitingToastCount: number;
+}
+/**
+ * Returns the active toast controller and provider state.
+ *
+ * @description
+ * useToast exposes methods for showing, updating, hiding, and clearing queued
+ * toasts from components rendered under ToastProvider.
+ *
+ * @platform mobile
+ */
+declare function useToast(): ToastContextValue;
+/**
+ * **A provider for floating mobile toast notifications.**
+ *
+ * @description
+ * ToastProvider owns the mobile toast controller, auto-close timers, visible
+ * toast limit, waiting queue, safe-area aware viewport placement, and reduced
+ * motion configuration.
+ *
+ * Use ToastProvider with useToast or createToast to render floating toasts.
+ *
+ * @category Feedback
+ * @platform mobile
+ *
+ * @example
+ * ```tsx
+ * import { ToastProvider, useToast } from '@yahoo/uds-mobile/Toast';
+ *
+ * function App() {
+ *   return <ToastProvider><Screen /></ToastProvider>;
+ * }
+ *
+ * function Screen() {
+ *   const { toast } = useToast();
+ *
+ *   return (
+ *     <Button onPress={() => toast.show({ message: 'Draft saved' })}>
+ *       Save
+ *     </Button>
+ *   );
+ * }
+ * ```
+ *
+ * @see {@link Toast} for the visual toast renderer
+ */
+declare const ToastProvider: _$react.NamedExoticComponent<ToastProviderProps>;
+//#endregion
+export { ToastProvider, useToast };
+//# sourceMappingURL=ToastProvider.d.cts.map

package/dist/components/Toast/ToastProvider.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastProvider.d.cts","names":[],"sources":["../../../src/components/Toast/ToastProvider.tsx"],"mappings":";;;;;UAgBU,iBAAA;EACR,KAAA,EAAO,eAAA;EACP,cAAA;EACA,iBAAA;AAAA;;;;;;;;;AAAiB;iBAcV,QAAA,CAAA,GAAY,iBAAA;;;;AAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA4ChC,aAAA,EAAa,OAAA,CAAA,oBAAA,CAAA,kBAAA"}

package/dist/components/Toast/ToastProvider.d.ts

@@ -0,0 +1,58 @@
+
+import { ToastController, ToastProviderProps } from "./types.js";
+import * as _$react from "react";
+
+//#region src/components/Toast/ToastProvider.d.ts
+interface ToastContextValue {
+  toast: ToastController;
+  isToastVisible: boolean;
+  waitingToastCount: number;
+}
+/**
+ * Returns the active toast controller and provider state.
+ *
+ * @description
+ * useToast exposes methods for showing, updating, hiding, and clearing queued
+ * toasts from components rendered under ToastProvider.
+ *
+ * @platform mobile
+ */
+declare function useToast(): ToastContextValue;
+/**
+ * **A provider for floating mobile toast notifications.**
+ *
+ * @description
+ * ToastProvider owns the mobile toast controller, auto-close timers, visible
+ * toast limit, waiting queue, safe-area aware viewport placement, and reduced
+ * motion configuration.
+ *
+ * Use ToastProvider with useToast or createToast to render floating toasts.
+ *
+ * @category Feedback
+ * @platform mobile
+ *
+ * @example
+ * ```tsx
+ * import { ToastProvider, useToast } from '@yahoo/uds-mobile/Toast';
+ *
+ * function App() {
+ *   return <ToastProvider><Screen /></ToastProvider>;
+ * }
+ *
+ * function Screen() {
+ *   const { toast } = useToast();
+ *
+ *   return (
+ *     <Button onPress={() => toast.show({ message: 'Draft saved' })}>
+ *       Save
+ *     </Button>
+ *   );
+ * }
+ * ```
+ *
+ * @see {@link Toast} for the visual toast renderer
+ */
+declare const ToastProvider: _$react.NamedExoticComponent<ToastProviderProps>;
+//#endregion
+export { ToastProvider, useToast };
+//# sourceMappingURL=ToastProvider.d.ts.map

package/dist/components/Toast/ToastProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastProvider.d.ts","names":[],"sources":["../../../src/components/Toast/ToastProvider.tsx"],"mappings":";;;;;UAgBU,iBAAA;EACR,KAAA,EAAO,eAAA;EACP,cAAA;EACA,iBAAA;AAAA;;;;;;;;;AAAiB;iBAcV,QAAA,CAAA,GAAY,iBAAA;;;;AAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA4ChC,aAAA,EAAa,OAAA,CAAA,oBAAA,CAAA,kBAAA"}

package/dist/components/Toast/ToastProvider.js

@@ -0,0 +1,143 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+import { OverlayPortal } from "../internal/Overlay/OverlayPortal.js";
+import { DEFAULT_TOAST_AUTO_CLOSE, DEFAULT_TOAST_INSETS, DEFAULT_TOAST_PLACEMENT } from "./utils.js";
+import { setToastController } from "./createToast.js";
+import { ToastViewport } from "./ToastViewport.js";
+import { useToastController } from "./useToastController.js";
+import { createContext, memo, useContext, useEffect, useMemo, useRef, useState } from "react";
+import { AccessibilityInfo, StyleSheet, View } from "react-native";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useSafeAreaInsets } from "react-native-safe-area-context";
+//#region src/components/Toast/ToastProvider.tsx
+const ToastContext = createContext(null);
+/**
+* Returns the active toast controller and provider state.
+*
+* @description
+* useToast exposes methods for showing, updating, hiding, and clearing queued
+* toasts from components rendered under ToastProvider.
+*
+* @platform mobile
+*/
+function useToast() {
+	const context = useContext(ToastContext);
+	if (!context) throw new Error("useToast must be used within a ToastProvider.");
+	return context;
+}
+/**
+* **A provider for floating mobile toast notifications.**
+*
+* @description
+* ToastProvider owns the mobile toast controller, auto-close timers, visible
+* toast limit, waiting queue, safe-area aware viewport placement, and reduced
+* motion configuration.
+*
+* Use ToastProvider with useToast or createToast to render floating toasts.
+*
+* @category Feedback
+* @platform mobile
+*
+* @example
+* ```tsx
+* import { ToastProvider, useToast } from '@yahoo/uds-mobile/Toast';
+*
+* function App() {
+*   return <ToastProvider><Screen /></ToastProvider>;
+* }
+*
+* function Screen() {
+*   const { toast } = useToast();
+*
+*   return (
+*     <Button onPress={() => toast.show({ message: 'Draft saved' })}>
+*       Save
+*     </Button>
+*   );
+* }
+* ```
+*
+* @see {@link Toast} for the visual toast renderer
+*/
+const ToastProvider = memo(function ToastProvider({ children, placement = DEFAULT_TOAST_PLACEMENT, autoClose = DEFAULT_TOAST_AUTO_CLOSE, limit, insets = DEFAULT_TOAST_INSETS, viewportStyle, useFullWindowOverlay = true, reduceMotion = false }) {
+	const [prefersReducedMotion, setPrefersReducedMotion] = useState(false);
+	const safeAreaInsets = useSafeAreaInsets();
+	const prefersReducedMotionRef = useRef(prefersReducedMotion);
+	const shouldReduceMotion = reduceMotion || prefersReducedMotion;
+	useEffect(() => {
+		if (reduceMotion) return;
+		let isMounted = true;
+		const checkReducedMotion = async () => {
+			const isReduceMotionEnabled = await AccessibilityInfo.isReduceMotionEnabled();
+			if (isMounted && prefersReducedMotionRef.current !== isReduceMotionEnabled) {
+				prefersReducedMotionRef.current = isReduceMotionEnabled;
+				setPrefersReducedMotion(isReduceMotionEnabled);
+			}
+		};
+		checkReducedMotion();
+		const handleReduceMotionChanged = (isReduceMotionEnabled) => {
+			prefersReducedMotionRef.current = isReduceMotionEnabled;
+			setPrefersReducedMotion(isReduceMotionEnabled);
+		};
+		const subscription = AccessibilityInfo.addEventListener("reduceMotionChanged", handleReduceMotionChanged);
+		return () => {
+			isMounted = false;
+			subscription.remove();
+		};
+	}, [reduceMotion]);
+	const { clearAllToastExitTimers, clearAllToastTimers, controller, toasts, waitingToastCount } = useToastController({
+		autoClose,
+		limit: Math.max(limit ?? 3, 1),
+		placement,
+		shouldReduceMotion
+	});
+	const { hide } = controller;
+	useEffect(() => setToastController(controller), [controller]);
+	useEffect(() => () => {
+		clearAllToastTimers();
+		clearAllToastExitTimers();
+	}, [clearAllToastExitTimers, clearAllToastTimers]);
+	const contextValue = useMemo(() => ({
+		toast: controller,
+		isToastVisible: toasts.length > 0,
+		waitingToastCount
+	}), [
+		controller,
+		toasts.length,
+		waitingToastCount
+	]);
+	const topToasts = toasts.filter((toast) => toast.placement === "top-center");
+	const bottomToasts = toasts.filter((toast) => toast.placement === "bottom-center");
+	return /* @__PURE__ */ jsxs(ToastContext.Provider, {
+		value: contextValue,
+		children: [children, toasts.length > 0 && /* @__PURE__ */ jsx(OverlayPortal, {
+			useFullWindowOverlay,
+			children: /* @__PURE__ */ jsxs(View, {
+				pointerEvents: "box-none",
+				style: styles.overlay,
+				children: [/* @__PURE__ */ jsx(ToastViewport, {
+					insets,
+					placement: "top-center",
+					style: viewportStyle,
+					toasts: topToasts,
+					hide,
+					reduceMotion: shouldReduceMotion,
+					safeAreaInsets
+				}), /* @__PURE__ */ jsx(ToastViewport, {
+					insets,
+					placement: "bottom-center",
+					style: viewportStyle,
+					toasts: bottomToasts,
+					hide,
+					reduceMotion: shouldReduceMotion,
+					safeAreaInsets
+				})]
+			})
+		})]
+	});
+});
+ToastProvider.displayName = "ToastProvider";
+const styles = StyleSheet.create({ overlay: { ...StyleSheet.absoluteFillObject } });
+//#endregion
+export { ToastProvider, useToast };
+
+//# sourceMappingURL=ToastProvider.js.map

package/dist/components/Toast/ToastProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastProvider.js","names":[],"sources":["../../../src/components/Toast/ToastProvider.tsx"],"sourcesContent":["import { createContext, memo, useContext, useEffect, useMemo, useRef, useState } from 'react';\nimport { AccessibilityInfo, StyleSheet, View } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { OverlayPortal } from '../internal/Overlay';\nimport { setToastController } from './createToast';\nimport { ToastViewport } from './ToastViewport';\nimport type { ToastController, ToastProviderProps } from './types';\nimport { useToastController } from './useToastController';\nimport {\n  DEFAULT_MAX_VISIBLE_TOASTS,\n  DEFAULT_TOAST_AUTO_CLOSE,\n  DEFAULT_TOAST_INSETS,\n  DEFAULT_TOAST_PLACEMENT,\n} from './utils';\n\ninterface ToastContextValue {\n  toast: ToastController;\n  isToastVisible: boolean;\n  waitingToastCount: number;\n}\n\nconst ToastContext = createContext<ToastContextValue | null>(null);\n\n/**\n * Returns the active toast controller and provider state.\n *\n * @description\n * useToast exposes methods for showing, updating, hiding, and clearing queued\n * toasts from components rendered under ToastProvider.\n *\n * @platform mobile\n */\nfunction useToast(): ToastContextValue {\n  const context = useContext(ToastContext);\n\n  if (!context) {\n    throw new Error('useToast must be used within a ToastProvider.');\n  }\n\n  return context;\n}\n\n/**\n * **A provider for floating mobile toast notifications.**\n *\n * @description\n * ToastProvider owns the mobile toast controller, auto-close timers, visible\n * toast limit, waiting queue, safe-area aware viewport placement, and reduced\n * motion configuration.\n *\n * Use ToastProvider with useToast or createToast to render floating toasts.\n *\n * @category Feedback\n * @platform mobile\n *\n * @example\n * ```tsx\n * import { ToastProvider, useToast } from '@yahoo/uds-mobile/Toast';\n *\n * function App() {\n *   return <ToastProvider><Screen /></ToastProvider>;\n * }\n *\n * function Screen() {\n *   const { toast } = useToast();\n *\n *   return (\n *     <Button onPress={() => toast.show({ message: 'Draft saved' })}>\n *       Save\n *     </Button>\n *   );\n * }\n * ```\n *\n * @see {@link Toast} for the visual toast renderer\n */\nconst ToastProvider = memo(function ToastProvider({\n  children,\n  placement = DEFAULT_TOAST_PLACEMENT,\n  autoClose = DEFAULT_TOAST_AUTO_CLOSE,\n  limit,\n  insets = DEFAULT_TOAST_INSETS,\n  viewportStyle,\n  useFullWindowOverlay = true,\n  reduceMotion = false,\n}: ToastProviderProps) {\n  const [prefersReducedMotion, setPrefersReducedMotion] = useState(false);\n  const safeAreaInsets = useSafeAreaInsets();\n  const prefersReducedMotionRef = useRef(prefersReducedMotion);\n  const shouldReduceMotion = reduceMotion || prefersReducedMotion;\n\n  useEffect(() => {\n    if (reduceMotion) {\n      return;\n    }\n\n    let isMounted = true;\n\n    const checkReducedMotion = async () => {\n      const isReduceMotionEnabled = await AccessibilityInfo.isReduceMotionEnabled();\n      if (isMounted && prefersReducedMotionRef.current !== isReduceMotionEnabled) {\n        prefersReducedMotionRef.current = isReduceMotionEnabled;\n        setPrefersReducedMotion(isReduceMotionEnabled);\n      }\n    };\n\n    checkReducedMotion();\n\n    const handleReduceMotionChanged = (isReduceMotionEnabled: boolean) => {\n      prefersReducedMotionRef.current = isReduceMotionEnabled;\n      setPrefersReducedMotion(isReduceMotionEnabled);\n    };\n\n    const subscription = AccessibilityInfo.addEventListener(\n      'reduceMotionChanged',\n      handleReduceMotionChanged,\n    );\n\n    return () => {\n      isMounted = false;\n      subscription.remove();\n    };\n  }, [reduceMotion]);\n\n  const { clearAllToastExitTimers, clearAllToastTimers, controller, toasts, waitingToastCount } =\n    useToastController({\n      autoClose,\n      limit: Math.max(limit ?? DEFAULT_MAX_VISIBLE_TOASTS, 1),\n      placement,\n      shouldReduceMotion,\n    });\n  const { hide } = controller;\n\n  // Keep controller registration separate from timer cleanup. The controller can change while\n  // the provider is mounted, but clearing timers should only happen when the provider unmounts.\n  useEffect(() => setToastController(controller), [controller]);\n\n  useEffect(\n    () => () => {\n      clearAllToastTimers();\n      clearAllToastExitTimers();\n    },\n    [clearAllToastExitTimers, clearAllToastTimers],\n  );\n\n  const contextValue = useMemo<ToastContextValue>(\n    () => ({\n      toast: controller,\n      isToastVisible: toasts.length > 0,\n      waitingToastCount,\n    }),\n    [controller, toasts.length, waitingToastCount],\n  );\n\n  const topToasts = toasts.filter((toast) => toast.placement === 'top-center');\n  const bottomToasts = toasts.filter((toast) => toast.placement === 'bottom-center');\n\n  return (\n    <ToastContext.Provider value={contextValue}>\n      {children}\n      {toasts.length > 0 && (\n        <OverlayPortal useFullWindowOverlay={useFullWindowOverlay}>\n          <View pointerEvents=\"box-none\" style={styles.overlay}>\n            <ToastViewport\n              insets={insets}\n              placement=\"top-center\"\n              style={viewportStyle}\n              toasts={topToasts}\n              hide={hide}\n              reduceMotion={shouldReduceMotion}\n              safeAreaInsets={safeAreaInsets}\n            />\n            <ToastViewport\n              insets={insets}\n              placement=\"bottom-center\"\n              style={viewportStyle}\n              toasts={bottomToasts}\n              hide={hide}\n              reduceMotion={shouldReduceMotion}\n              safeAreaInsets={safeAreaInsets}\n            />\n          </View>\n        </OverlayPortal>\n      )}\n    </ToastContext.Provider>\n  );\n});\n\nToastProvider.displayName = 'ToastProvider';\n\nconst styles = StyleSheet.create({\n  overlay: {\n    ...StyleSheet.absoluteFillObject,\n  },\n});\n\nexport { ToastProvider, useToast };\n"],"mappings":";;;;;;;;;;;AAsBA,MAAM,eAAe,cAAwC,KAAK;;;;;;;;;;AAWlE,SAAS,WAA8B;CACrC,MAAM,UAAU,WAAW,aAAa;CAExC,IAAI,CAAC,SACH,MAAM,IAAI,MAAM,gDAAgD;CAGlE,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqCT,MAAM,gBAAgB,KAAK,SAAS,cAAc,EAChD,UACA,YAAY,yBACZ,YAAY,0BACZ,OACA,SAAS,sBACT,eACA,uBAAuB,MACvB,eAAe,SACM;CACrB,MAAM,CAAC,sBAAsB,2BAA2B,SAAS,MAAM;CACvE,MAAM,iBAAiB,mBAAmB;CAC1C,MAAM,0BAA0B,OAAO,qBAAqB;CAC5D,MAAM,qBAAqB,gBAAgB;CAE3C,gBAAgB;EACd,IAAI,cACF;EAGF,IAAI,YAAY;EAEhB,MAAM,qBAAqB,YAAY;GACrC,MAAM,wBAAwB,MAAM,kBAAkB,uBAAuB;GAC7E,IAAI,aAAa,wBAAwB,YAAY,uBAAuB;IAC1E,wBAAwB,UAAU;IAClC,wBAAwB,sBAAsB;;;EAIlD,oBAAoB;EAEpB,MAAM,6BAA6B,0BAAmC;GACpE,wBAAwB,UAAU;GAClC,wBAAwB,sBAAsB;;EAGhD,MAAM,eAAe,kBAAkB,iBACrC,uBACA,0BACD;EAED,aAAa;GACX,YAAY;GACZ,aAAa,QAAQ;;IAEtB,CAAC,aAAa,CAAC;CAElB,MAAM,EAAE,yBAAyB,qBAAqB,YAAY,QAAQ,sBACxE,mBAAmB;EACjB;EACA,OAAO,KAAK,IAAI,SAAA,GAAqC,EAAE;EACvD;EACA;EACD,CAAC;CACJ,MAAM,EAAE,SAAS;CAIjB,gBAAgB,mBAAmB,WAAW,EAAE,CAAC,WAAW,CAAC;CAE7D,sBACc;EACV,qBAAqB;EACrB,yBAAyB;IAE3B,CAAC,yBAAyB,oBAAoB,CAC/C;CAED,MAAM,eAAe,eACZ;EACL,OAAO;EACP,gBAAgB,OAAO,SAAS;EAChC;EACD,GACD;EAAC;EAAY,OAAO;EAAQ;EAAkB,CAC/C;CAED,MAAM,YAAY,OAAO,QAAQ,UAAU,MAAM,cAAc,aAAa;CAC5E,MAAM,eAAe,OAAO,QAAQ,UAAU,MAAM,cAAc,gBAAgB;CAElF,OACE,qBAAC,aAAa,UAAd;EAAuB,OAAO;YAA9B,CACG,UACA,OAAO,SAAS,KACf,oBAAC,eAAD;GAAqC;aACnC,qBAAC,MAAD;IAAM,eAAc;IAAW,OAAO,OAAO;cAA7C,CACE,oBAAC,eAAD;KACU;KACR,WAAU;KACV,OAAO;KACP,QAAQ;KACF;KACN,cAAc;KACE;KAChB,CAAA,EACF,oBAAC,eAAD;KACU;KACR,WAAU;KACV,OAAO;KACP,QAAQ;KACF;KACN,cAAc;KACE;KAChB,CAAA,CACG;;GACO,CAAA,CAEI;;EAE1B;AAEF,cAAc,cAAc;AAE5B,MAAM,SAAS,WAAW,OAAO,EAC/B,SAAS,EACP,GAAG,WAAW,oBACf,EACF,CAAC"}

package/dist/components/Toast/ToastViewport.cjs

@@ -0,0 +1,48 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_components_Toast_utils = require("./utils.cjs");
+const require_components_Toast_ToastAnimatedItem = require("./ToastAnimatedItem.cjs");
+let react_native = require("react-native");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/Toast/ToastViewport.tsx
+/**
+* Internal viewport for one toast placement.
+*
+* @description
+* ToastViewport applies safe-area and configured viewport insets, positions the
+* stack for top-center or bottom-center placement, and renders each visible
+* toast record.
+*
+* @internal
+*/
+function ToastViewport({ insets, placement, style, toasts, hide, reduceMotion, safeAreaInsets }) {
+	if (toasts.length === 0) return null;
+	const isTop = placement === "top-center";
+	const horizontalInset = insets?.horizontal ?? require_components_Toast_utils.DEFAULT_TOAST_INSETS.horizontal;
+	const viewportInset = isTop ? { top: safeAreaInsets.top + (insets?.top ?? require_components_Toast_utils.DEFAULT_TOAST_INSETS.top) } : { bottom: safeAreaInsets.bottom + (insets?.bottom ?? require_components_Toast_utils.DEFAULT_TOAST_INSETS.bottom) };
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.View, {
+		pointerEvents: "box-none",
+		style: [
+			styles.viewport,
+			viewportInset,
+			{
+				left: safeAreaInsets.left + horizontalInset,
+				right: safeAreaInsets.right + horizontalInset
+			},
+			style
+		],
+		children: toasts.map((toast) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Toast_ToastAnimatedItem.ToastAnimatedItem, {
+			toast,
+			hide,
+			reduceMotion
+		}, toast.id))
+	});
+}
+const styles = react_native.StyleSheet.create({ viewport: {
+	alignItems: "center",
+	gap: 8,
+	position: "absolute"
+} });
+//#endregion
+exports.ToastViewport = ToastViewport;

package/dist/components/Toast/ToastViewport.d.cts

@@ -0,0 +1,42 @@
+
+import { ToastController, ToastPlacement, ToastProviderProps, ToastRecord } from "./types.cjs";
+import * as _$react from "react";
+
+//#region src/components/Toast/ToastViewport.d.ts
+interface ToastSafeAreaInsets {
+  top: number;
+  bottom: number;
+  left: number;
+  right: number;
+}
+interface ToastViewportProps {
+  insets?: ToastProviderProps['insets'];
+  placement: ToastPlacement;
+  style?: ToastProviderProps['viewportStyle'];
+  toasts: ToastRecord[];
+  hide: ToastController['hide'];
+  reduceMotion: boolean;
+  safeAreaInsets: ToastSafeAreaInsets;
+}
+/**
+ * Internal viewport for one toast placement.
+ *
+ * @description
+ * ToastViewport applies safe-area and configured viewport insets, positions the
+ * stack for top-center or bottom-center placement, and renders each visible
+ * toast record.
+ *
+ * @internal
+ */
+declare function ToastViewport({
+  insets,
+  placement,
+  style,
+  toasts,
+  hide,
+  reduceMotion,
+  safeAreaInsets
+}: ToastViewportProps): _$react.JSX.Element | null;
+//#endregion
+export { ToastViewport };
+//# sourceMappingURL=ToastViewport.d.cts.map

package/dist/components/Toast/ToastViewport.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastViewport.d.cts","names":[],"sources":["../../../src/components/Toast/ToastViewport.tsx"],"mappings":";;;;;UAMU,mBAAA;EACR,GAAA;EACA,MAAA;EACA,IAAA;EACA,KAAA;AAAA;AAAA,UAGQ,kBAAA;EACR,MAAA,GAAS,kBAAA;EACT,SAAA,EAAW,cAAA;EACX,KAAA,GAAQ,kBAAA;EACR,MAAA,EAAQ,WAAA;EACR,IAAA,EAAM,eAAA;EACN,YAAA;EACA,cAAA,EAAgB,mBAAA;AAAA;;;;;;;;;;;iBAaT,aAAA,CAAA;EACP,MAAA;EACA,SAAA;EACA,KAAA;EACA,MAAA;EACA,IAAA;EACA,YAAA;EACA;AAAA,GACC,kBAAA,GAAkB,OAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/Toast/ToastViewport.d.ts

@@ -0,0 +1,42 @@
+
+import { ToastController, ToastPlacement, ToastProviderProps, ToastRecord } from "./types.js";
+import * as _$react from "react";
+
+//#region src/components/Toast/ToastViewport.d.ts
+interface ToastSafeAreaInsets {
+  top: number;
+  bottom: number;
+  left: number;
+  right: number;
+}
+interface ToastViewportProps {
+  insets?: ToastProviderProps['insets'];
+  placement: ToastPlacement;
+  style?: ToastProviderProps['viewportStyle'];
+  toasts: ToastRecord[];
+  hide: ToastController['hide'];
+  reduceMotion: boolean;
+  safeAreaInsets: ToastSafeAreaInsets;
+}
+/**
+ * Internal viewport for one toast placement.
+ *
+ * @description
+ * ToastViewport applies safe-area and configured viewport insets, positions the
+ * stack for top-center or bottom-center placement, and renders each visible
+ * toast record.
+ *
+ * @internal
+ */
+declare function ToastViewport({
+  insets,
+  placement,
+  style,
+  toasts,
+  hide,
+  reduceMotion,
+  safeAreaInsets
+}: ToastViewportProps): _$react.JSX.Element | null;
+//#endregion
+export { ToastViewport };
+//# sourceMappingURL=ToastViewport.d.ts.map

package/dist/components/Toast/ToastViewport.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastViewport.d.ts","names":[],"sources":["../../../src/components/Toast/ToastViewport.tsx"],"mappings":";;;;;UAMU,mBAAA;EACR,GAAA;EACA,MAAA;EACA,IAAA;EACA,KAAA;AAAA;AAAA,UAGQ,kBAAA;EACR,MAAA,GAAS,kBAAA;EACT,SAAA,EAAW,cAAA;EACX,KAAA,GAAQ,kBAAA;EACR,MAAA,EAAQ,WAAA;EACR,IAAA,EAAM,eAAA;EACN,YAAA;EACA,cAAA,EAAgB,mBAAA;AAAA;;;;;;;;;;;iBAaT,aAAA,CAAA;EACP,MAAA;EACA,SAAA;EACA,KAAA;EACA,MAAA;EACA,IAAA;EACA,YAAA;EACA;AAAA,GACC,kBAAA,GAAkB,OAAA,CAAA,GAAA,CAAA,OAAA"}