@yahoo/uds-mobile 2.16.0 → 2.18.0

package/dist/components/Toast/Toast.cjs

@@ -0,0 +1,141 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_components_IconSlot = require("../IconSlot.cjs");
+const require_components_Text = require("../Text.cjs");
+const require_components_Button = require("../Button.cjs");
+let react = require("react");
+let react_native = require("react-native");
+let react_jsx_runtime = require("react/jsx-runtime");
+let generated_styles = require("../../../generated/styles");
+//#region src/components/Toast/Toast.tsx
+const TOAST_ICON_MAP = {
+	error: "Error",
+	info: "Info",
+	loading: "Progress",
+	success: "CheckCircle",
+	warning: "Warning"
+};
+/**
+* **A toast notification for short, non-blocking system feedback.**
+*
+* @description
+* Toast renders the configured mobile toast surface. It supports variant icons,
+* message or custom content, an optional action button, and an optional dismiss
+* affordance.
+*
+* This component only renders the visual toast. Use ToastProvider, useToast, or
+* createToast for floating toast state, queueing, placement, timers, and motion.
+*
+* @category Feedback
+* @platform mobile
+*
+* @example
+* ```tsx
+* import { Toast } from '@yahoo/uds-mobile/Toast';
+*
+* <Toast variant="info" message="Draft saved" />
+* <Toast
+*   variant="success"
+*   message="Message archived"
+*   actionButton="Undo"
+*   onActionPress={() => {}}
+* />
+* ```
+*
+* @see {@link ToastProvider} for floating toast state and placement
+*/
+const Toast = (0, react.memo)(function Toast({ id, size: _size = "default", variant = "info", message, children, actionButton, onActionPress, onClickActionButton, onClose, onClickCloseButton, startIcon, closeIcon = "Cross", dismissible, closeAccessibilityLabel = "Dismiss", style, ref, ...rest }) {
+	generated_styles.toastStyles.useVariants({ variant });
+	const icon = startIcon === void 0 ? TOAST_ICON_MAP[variant] : startIcon;
+	const hasContent = message !== void 0 && message !== null;
+	const actionHandler = onActionPress ?? onClickActionButton;
+	const isDismissible = dismissible ?? closeIcon !== false;
+	const handleActionPress = (0, react.useCallback)(() => {
+		actionHandler?.();
+	}, [actionHandler]);
+	const handleClosePress = (0, react.useCallback)(() => {
+		onClose?.(id);
+		onClickCloseButton?.(id);
+	}, [
+		id,
+		onClickCloseButton,
+		onClose
+	]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_native.View, {
+		ref,
+		accessibilityLiveRegion: "polite",
+		accessibilityRole: "alert",
+		style: (0, react.useMemo)(() => [
+			generated_styles.toastStyles.root,
+			internalStyles.root,
+			style
+		], [style, generated_styles.toastStyles.root]),
+		...rest,
+		children: [
+			icon !== false && (variant === "loading" && startIcon === void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.ActivityIndicator, {
+				size: generated_styles.toastStyles.icon.fontSize,
+				color: generated_styles.toastStyles.icon.color,
+				style: internalStyles.icon
+			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_IconSlot.IconSlot, {
+				icon,
+				variant: "fill",
+				size: generated_styles.toastStyles.icon.iconSizeToken ?? "md",
+				style: [generated_styles.toastStyles.icon, internalStyles.icon],
+				accessibilityElementsHidden: true,
+				importantForAccessibility: "no"
+			})),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.View, {
+				style: internalStyles.content,
+				children: hasContent ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Text.Text, {
+					style: [generated_styles.toastStyles.label, generated_styles.toastStyles.text],
+					children: message
+				}) : children
+			}),
+			actionButton && actionHandler && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Button.Button, {
+				size: "sm",
+				variant: "secondary",
+				disableEffects: true,
+				onPress: handleActionPress,
+				children: actionButton
+			}),
+			isDismissible && closeIcon !== false && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.Pressable, {
+				accessibilityLabel: closeAccessibilityLabel,
+				accessibilityRole: "button",
+				hitSlop: 12,
+				onPress: handleClosePress,
+				style: internalStyles.closeButton,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_IconSlot.IconSlot, {
+					icon: closeIcon,
+					variant: "outline",
+					size: generated_styles.toastStyles.closeIcon.iconSizeToken ?? "sm",
+					style: generated_styles.toastStyles.closeIcon,
+					accessibilityElementsHidden: true,
+					importantForAccessibility: "no"
+				})
+			})
+		]
+	});
+});
+Toast.displayName = "Toast";
+const internalStyles = react_native.StyleSheet.create({
+	root: {
+		alignItems: "center",
+		alignSelf: "stretch",
+		flexDirection: "row",
+		maxWidth: "100%",
+		width: "100%"
+	},
+	icon: { flexShrink: 0 },
+	content: {
+		flex: 1,
+		minWidth: 0
+	},
+	closeButton: {
+		alignItems: "center",
+		flexShrink: 0,
+		justifyContent: "center"
+	}
+});
+//#endregion
+exports.Toast = Toast;

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

@@ -0,0 +1,38 @@
+
+import { ToastProps } from "./types.cjs";
+import * as _$react from "react";
+
+//#region src/components/Toast/Toast.d.ts
+/**
+ * **A toast notification for short, non-blocking system feedback.**
+ *
+ * @description
+ * Toast renders the configured mobile toast surface. It supports variant icons,
+ * message or custom content, an optional action button, and an optional dismiss
+ * affordance.
+ *
+ * This component only renders the visual toast. Use ToastProvider, useToast, or
+ * createToast for floating toast state, queueing, placement, timers, and motion.
+ *
+ * @category Feedback
+ * @platform mobile
+ *
+ * @example
+ * ```tsx
+ * import { Toast } from '@yahoo/uds-mobile/Toast';
+ *
+ * <Toast variant="info" message="Draft saved" />
+ * <Toast
+ *   variant="success"
+ *   message="Message archived"
+ *   actionButton="Undo"
+ *   onActionPress={() => {}}
+ * />
+ * ```
+ *
+ * @see {@link ToastProvider} for floating toast state and placement
+ */
+declare const Toast: _$react.NamedExoticComponent<ToastProps>;
+//#endregion
+export { Toast };
+//# sourceMappingURL=Toast.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.d.cts","names":[],"sources":["../../../src/components/Toast/Toast.tsx"],"mappings":";;;;;;;;AAS0C;;;;;;;;;;;;;;;;;;;;;;;;;;cAuCpC,KAAA,EAAK,OAAA,CAAA,oBAAA,CAAA,UAAA"}

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

@@ -0,0 +1,38 @@
+
+import { ToastProps } from "./types.js";
+import * as _$react from "react";
+
+//#region src/components/Toast/Toast.d.ts
+/**
+ * **A toast notification for short, non-blocking system feedback.**
+ *
+ * @description
+ * Toast renders the configured mobile toast surface. It supports variant icons,
+ * message or custom content, an optional action button, and an optional dismiss
+ * affordance.
+ *
+ * This component only renders the visual toast. Use ToastProvider, useToast, or
+ * createToast for floating toast state, queueing, placement, timers, and motion.
+ *
+ * @category Feedback
+ * @platform mobile
+ *
+ * @example
+ * ```tsx
+ * import { Toast } from '@yahoo/uds-mobile/Toast';
+ *
+ * <Toast variant="info" message="Draft saved" />
+ * <Toast
+ *   variant="success"
+ *   message="Message archived"
+ *   actionButton="Undo"
+ *   onActionPress={() => {}}
+ * />
+ * ```
+ *
+ * @see {@link ToastProvider} for floating toast state and placement
+ */
+declare const Toast: _$react.NamedExoticComponent<ToastProps>;
+//#endregion
+export { Toast };
+//# sourceMappingURL=Toast.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.d.ts","names":[],"sources":["../../../src/components/Toast/Toast.tsx"],"mappings":";;;;;;;;AAS0C;;;;;;;;;;;;;;;;;;;;;;;;;;cAuCpC,KAAA,EAAK,OAAA,CAAA,oBAAA,CAAA,UAAA"}

package/dist/components/Toast/Toast.js

@@ -0,0 +1,141 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+import { IconSlot } from "../IconSlot.js";
+import { Text as Text$1 } from "../Text.js";
+import { Button } from "../Button.js";
+import { memo, useCallback, useMemo } from "react";
+import { ActivityIndicator, Pressable, StyleSheet, View } from "react-native";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { toastStyles } from "../../../generated/styles";
+//#region src/components/Toast/Toast.tsx
+const TOAST_ICON_MAP = {
+	error: "Error",
+	info: "Info",
+	loading: "Progress",
+	success: "CheckCircle",
+	warning: "Warning"
+};
+/**
+* **A toast notification for short, non-blocking system feedback.**
+*
+* @description
+* Toast renders the configured mobile toast surface. It supports variant icons,
+* message or custom content, an optional action button, and an optional dismiss
+* affordance.
+*
+* This component only renders the visual toast. Use ToastProvider, useToast, or
+* createToast for floating toast state, queueing, placement, timers, and motion.
+*
+* @category Feedback
+* @platform mobile
+*
+* @example
+* ```tsx
+* import { Toast } from '@yahoo/uds-mobile/Toast';
+*
+* <Toast variant="info" message="Draft saved" />
+* <Toast
+*   variant="success"
+*   message="Message archived"
+*   actionButton="Undo"
+*   onActionPress={() => {}}
+* />
+* ```
+*
+* @see {@link ToastProvider} for floating toast state and placement
+*/
+const Toast = memo(function Toast({ id, size: _size = "default", variant = "info", message, children, actionButton, onActionPress, onClickActionButton, onClose, onClickCloseButton, startIcon, closeIcon = "Cross", dismissible, closeAccessibilityLabel = "Dismiss", style, ref, ...rest }) {
+	toastStyles.useVariants({ variant });
+	const icon = startIcon === void 0 ? TOAST_ICON_MAP[variant] : startIcon;
+	const hasContent = message !== void 0 && message !== null;
+	const actionHandler = onActionPress ?? onClickActionButton;
+	const isDismissible = dismissible ?? closeIcon !== false;
+	const handleActionPress = useCallback(() => {
+		actionHandler?.();
+	}, [actionHandler]);
+	const handleClosePress = useCallback(() => {
+		onClose?.(id);
+		onClickCloseButton?.(id);
+	}, [
+		id,
+		onClickCloseButton,
+		onClose
+	]);
+	return /* @__PURE__ */ jsxs(View, {
+		ref,
+		accessibilityLiveRegion: "polite",
+		accessibilityRole: "alert",
+		style: useMemo(() => [
+			toastStyles.root,
+			internalStyles.root,
+			style
+		], [style, toastStyles.root]),
+		...rest,
+		children: [
+			icon !== false && (variant === "loading" && startIcon === void 0 ? /* @__PURE__ */ jsx(ActivityIndicator, {
+				size: toastStyles.icon.fontSize,
+				color: toastStyles.icon.color,
+				style: internalStyles.icon
+			}) : /* @__PURE__ */ jsx(IconSlot, {
+				icon,
+				variant: "fill",
+				size: toastStyles.icon.iconSizeToken ?? "md",
+				style: [toastStyles.icon, internalStyles.icon],
+				accessibilityElementsHidden: true,
+				importantForAccessibility: "no"
+			})),
+			/* @__PURE__ */ jsx(View, {
+				style: internalStyles.content,
+				children: hasContent ? /* @__PURE__ */ jsx(Text$1, {
+					style: [toastStyles.label, toastStyles.text],
+					children: message
+				}) : children
+			}),
+			actionButton && actionHandler && /* @__PURE__ */ jsx(Button, {
+				size: "sm",
+				variant: "secondary",
+				disableEffects: true,
+				onPress: handleActionPress,
+				children: actionButton
+			}),
+			isDismissible && closeIcon !== false && /* @__PURE__ */ jsx(Pressable, {
+				accessibilityLabel: closeAccessibilityLabel,
+				accessibilityRole: "button",
+				hitSlop: 12,
+				onPress: handleClosePress,
+				style: internalStyles.closeButton,
+				children: /* @__PURE__ */ jsx(IconSlot, {
+					icon: closeIcon,
+					variant: "outline",
+					size: toastStyles.closeIcon.iconSizeToken ?? "sm",
+					style: toastStyles.closeIcon,
+					accessibilityElementsHidden: true,
+					importantForAccessibility: "no"
+				})
+			})
+		]
+	});
+});
+Toast.displayName = "Toast";
+const internalStyles = StyleSheet.create({
+	root: {
+		alignItems: "center",
+		alignSelf: "stretch",
+		flexDirection: "row",
+		maxWidth: "100%",
+		width: "100%"
+	},
+	icon: { flexShrink: 0 },
+	content: {
+		flex: 1,
+		minWidth: 0
+	},
+	closeButton: {
+		alignItems: "center",
+		flexShrink: 0,
+		justifyContent: "center"
+	}
+});
+//#endregion
+export { Toast };
+
+//# sourceMappingURL=Toast.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.js","names":["Text"],"sources":["../../../src/components/Toast/Toast.tsx"],"sourcesContent":["import type { ToastVariant } from '@yahoo/uds-types';\nimport { memo, useCallback, useMemo } from 'react';\nimport { ActivityIndicator, Pressable, StyleSheet, View } from 'react-native';\n\nimport { toastStyles } from '../../../generated/styles';\nimport { Button } from '../Button';\nimport type { IconSlotType } from '../IconSlot';\nimport { IconSlot } from '../IconSlot';\nimport { Text } from '../Text';\nimport type { ToastProps } from './types';\n\nconst TOAST_ICON_MAP: Record<ToastVariant, IconSlotType> = {\n  error: 'Error',\n  info: 'Info',\n  loading: 'Progress',\n  success: 'CheckCircle',\n  warning: 'Warning',\n};\n\n/**\n * **A toast notification for short, non-blocking system feedback.**\n *\n * @description\n * Toast renders the configured mobile toast surface. It supports variant icons,\n * message or custom content, an optional action button, and an optional dismiss\n * affordance.\n *\n * This component only renders the visual toast. Use ToastProvider, useToast, or\n * createToast for floating toast state, queueing, placement, timers, and motion.\n *\n * @category Feedback\n * @platform mobile\n *\n * @example\n * ```tsx\n * import { Toast } from '@yahoo/uds-mobile/Toast';\n *\n * <Toast variant=\"info\" message=\"Draft saved\" />\n * <Toast\n *   variant=\"success\"\n *   message=\"Message archived\"\n *   actionButton=\"Undo\"\n *   onActionPress={() => {}}\n * />\n * ```\n *\n * @see {@link ToastProvider} for floating toast state and placement\n */\nconst Toast = memo(function Toast({\n  id,\n  size: _size = 'default',\n  variant = 'info',\n  message,\n  children,\n  actionButton,\n  onActionPress,\n  onClickActionButton,\n  onClose,\n  onClickCloseButton,\n  startIcon,\n  closeIcon = 'Cross',\n  dismissible,\n  closeAccessibilityLabel = 'Dismiss',\n  style,\n  ref,\n  ...rest\n}: ToastProps) {\n  toastStyles.useVariants({ variant });\n\n  const icon = startIcon === undefined ? TOAST_ICON_MAP[variant] : startIcon;\n  const hasContent = message !== undefined && message !== null;\n  const actionHandler = onActionPress ?? onClickActionButton;\n  const isDismissible = dismissible ?? closeIcon !== false;\n\n  const handleActionPress = useCallback(() => {\n    actionHandler?.();\n  }, [actionHandler]);\n\n  const handleClosePress = useCallback(() => {\n    onClose?.(id);\n    onClickCloseButton?.(id);\n  }, [id, onClickCloseButton, onClose]);\n\n  const rootStyle = useMemo(\n    () => [toastStyles.root, internalStyles.root, style],\n    [style, toastStyles.root],\n  );\n\n  return (\n    <View\n      ref={ref}\n      accessibilityLiveRegion=\"polite\"\n      accessibilityRole=\"alert\"\n      style={rootStyle}\n      {...rest}\n    >\n      {icon !== false &&\n        (variant === 'loading' && startIcon === undefined ? (\n          <ActivityIndicator\n            size={toastStyles.icon.fontSize}\n            color={toastStyles.icon.color}\n            style={internalStyles.icon}\n          />\n        ) : (\n          <IconSlot\n            icon={icon}\n            variant=\"fill\"\n            size={toastStyles.icon.iconSizeToken ?? 'md'}\n            style={[toastStyles.icon, internalStyles.icon]}\n            accessibilityElementsHidden\n            importantForAccessibility=\"no\"\n          />\n        ))}\n\n      <View style={internalStyles.content}>\n        {hasContent ? (\n          <Text style={[toastStyles.label, toastStyles.text]}>{message}</Text>\n        ) : (\n          children\n        )}\n      </View>\n\n      {actionButton && actionHandler && (\n        <Button size=\"sm\" variant=\"secondary\" disableEffects onPress={handleActionPress}>\n          {actionButton}\n        </Button>\n      )}\n\n      {isDismissible && closeIcon !== false && (\n        <Pressable\n          accessibilityLabel={closeAccessibilityLabel}\n          accessibilityRole=\"button\"\n          hitSlop={12}\n          onPress={handleClosePress}\n          style={internalStyles.closeButton}\n        >\n          <IconSlot\n            icon={closeIcon}\n            variant=\"outline\"\n            size={toastStyles.closeIcon.iconSizeToken ?? 'sm'}\n            style={toastStyles.closeIcon}\n            accessibilityElementsHidden\n            importantForAccessibility=\"no\"\n          />\n        </Pressable>\n      )}\n    </View>\n  );\n});\n\nToast.displayName = 'Toast';\n\nconst internalStyles = StyleSheet.create({\n  root: {\n    alignItems: 'center',\n    alignSelf: 'stretch',\n    flexDirection: 'row',\n    maxWidth: '100%',\n    width: '100%',\n  },\n  icon: {\n    flexShrink: 0,\n  },\n  content: {\n    flex: 1,\n    minWidth: 0,\n  },\n  closeButton: {\n    alignItems: 'center',\n    flexShrink: 0,\n    justifyContent: 'center',\n  },\n});\n\nexport { Toast };\n"],"mappings":";;;;;;;;;AAWA,MAAM,iBAAqD;CACzD,OAAO;CACP,MAAM;CACN,SAAS;CACT,SAAS;CACT,SAAS;CACV;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BD,MAAM,QAAQ,KAAK,SAAS,MAAM,EAChC,IACA,MAAM,QAAQ,WACd,UAAU,QACV,SACA,UACA,cACA,eACA,qBACA,SACA,oBACA,WACA,YAAY,SACZ,aACA,0BAA0B,WAC1B,OACA,KACA,GAAG,QACU;CACb,YAAY,YAAY,EAAE,SAAS,CAAC;CAEpC,MAAM,OAAO,cAAc,KAAA,IAAY,eAAe,WAAW;CACjE,MAAM,aAAa,YAAY,KAAA,KAAa,YAAY;CACxD,MAAM,gBAAgB,iBAAiB;CACvC,MAAM,gBAAgB,eAAe,cAAc;CAEnD,MAAM,oBAAoB,kBAAkB;EAC1C,iBAAiB;IAChB,CAAC,cAAc,CAAC;CAEnB,MAAM,mBAAmB,kBAAkB;EACzC,UAAU,GAAG;EACb,qBAAqB,GAAG;IACvB;EAAC;EAAI;EAAoB;EAAQ,CAAC;CAOrC,OACE,qBAAC,MAAD;EACO;EACL,yBAAwB;EACxB,mBAAkB;EAClB,OAVc,cACV;GAAC,YAAY;GAAM,eAAe;GAAM;GAAM,EACpD,CAAC,OAAO,YAAY,KAAK,CAQP;EAChB,GAAI;YALN;GAOG,SAAS,UACP,YAAY,aAAa,cAAc,KAAA,IACtC,oBAAC,mBAAD;IACE,MAAM,YAAY,KAAK;IACvB,OAAO,YAAY,KAAK;IACxB,OAAO,eAAe;IACtB,CAAA,GAEF,oBAAC,UAAD;IACQ;IACN,SAAQ;IACR,MAAM,YAAY,KAAK,iBAAiB;IACxC,OAAO,CAAC,YAAY,MAAM,eAAe,KAAK;IAC9C,6BAAA;IACA,2BAA0B;IAC1B,CAAA;GAGN,oBAAC,MAAD;IAAM,OAAO,eAAe;cACzB,aACC,oBAACA,QAAD;KAAM,OAAO,CAAC,YAAY,OAAO,YAAY,KAAK;eAAG;KAAe,CAAA,GAEpE;IAEG,CAAA;GAEN,gBAAgB,iBACf,oBAAC,QAAD;IAAQ,MAAK;IAAK,SAAQ;IAAY,gBAAA;IAAe,SAAS;cAC3D;IACM,CAAA;GAGV,iBAAiB,cAAc,SAC9B,oBAAC,WAAD;IACE,oBAAoB;IACpB,mBAAkB;IAClB,SAAS;IACT,SAAS;IACT,OAAO,eAAe;cAEtB,oBAAC,UAAD;KACE,MAAM;KACN,SAAQ;KACR,MAAM,YAAY,UAAU,iBAAiB;KAC7C,OAAO,YAAY;KACnB,6BAAA;KACA,2BAA0B;KAC1B,CAAA;IACQ,CAAA;GAET;;EAET;AAEF,MAAM,cAAc;AAEpB,MAAM,iBAAiB,WAAW,OAAO;CACvC,MAAM;EACJ,YAAY;EACZ,WAAW;EACX,eAAe;EACf,UAAU;EACV,OAAO;EACR;CACD,MAAM,EACJ,YAAY,GACb;CACD,SAAS;EACP,MAAM;EACN,UAAU;EACX;CACD,aAAa;EACX,YAAY;EACZ,YAAY;EACZ,gBAAgB;EACjB;CACF,CAAC"}

package/dist/components/Toast/ToastAnimatedItem.cjs

@@ -0,0 +1,88 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_components_Toast_ToastItem = require("./ToastItem.cjs");
+const require_components_Toast_utils = require("./utils.cjs");
+let react = require("react");
+let react_native = require("react-native");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react_native_reanimated = require("react-native-reanimated");
+react_native_reanimated = require_runtime.__toESM(react_native_reanimated);
+let react_native_gesture_handler = require("react-native-gesture-handler");
+//#region src/components/Toast/ToastAnimatedItem.tsx
+/**
+* Internal animated wrapper for a visible toast.
+*
+* @description
+* ToastAnimatedItem owns enter and exit transitions, reduced-motion handling,
+* and vertical swipe-to-dismiss. It delegates visual rendering to ToastItem.
+*
+* @internal
+*/
+function ToastAnimatedItem({ toast, hide, reduceMotion }) {
+	const progress = (0, react_native_reanimated.useSharedValue)(reduceMotion && !toast.isExiting ? 1 : 0);
+	const dragY = (0, react_native_reanimated.useSharedValue)(0);
+	const direction = toast.placement === "top-center" ? -1 : 1;
+	const isDismissible = toast.dismissible ?? toast.closeIcon !== false;
+	const handleSwipeDismiss = (0, react.useCallback)(() => {
+		toast.onClose?.(toast.id);
+		toast.onClickCloseButton?.(toast.id);
+		hide(toast.id);
+	}, [hide, toast]);
+	(0, react.useEffect)(() => {
+		progress.value = (0, react_native_reanimated.withTiming)(toast.isExiting ? 0 : 1, {
+			duration: reduceMotion ? 0 : toast.isExiting ? 150 : 200,
+			easing: toast.isExiting ? react_native_reanimated.Easing.bezier(.4, 0, 1, 1) : react_native_reanimated.Easing.bezier(0, 0, .2, 1)
+		});
+	}, [
+		progress,
+		reduceMotion,
+		toast.isExiting
+	]);
+	const panGesture = (0, react.useMemo)(() => react_native_gesture_handler.Gesture.Pan().enabled(isDismissible && !toast.isExiting).activeOffsetY([-8, 8]).failOffsetX([-24, 24]).onChange((event) => {
+		"worklet";
+		dragY.value = event.translationY * direction > 0 ? event.translationY : event.translationY * require_components_Toast_utils.TOAST_SWIPE_OPPOSITE_DIRECTION_FACTOR;
+	}).onFinalize((event) => {
+		"worklet";
+		const signedTranslation = event.translationY * direction;
+		const signedVelocity = event.velocityY * direction;
+		if (signedTranslation > 50 || signedVelocity > 500) {
+			dragY.value = (0, react_native_reanimated.withTiming)(96 * direction, {
+				duration: reduceMotion ? 0 : 150,
+				easing: react_native_reanimated.Easing.bezier(.4, 0, 1, 1)
+			}, () => {
+				(0, react_native_reanimated.runOnJS)(handleSwipeDismiss)();
+			});
+			return;
+		}
+		dragY.value = (0, react_native_reanimated.withTiming)(0, {
+			duration: reduceMotion ? 0 : 150,
+			easing: react_native_reanimated.Easing.bezier(0, 0, .2, 1)
+		});
+	}), [
+		direction,
+		dragY,
+		handleSwipeDismiss,
+		isDismissible,
+		reduceMotion,
+		toast.isExiting
+	]);
+	const animatedStyle = (0, react_native_reanimated.useAnimatedStyle)(() => ({
+		opacity: progress.value,
+		transform: [{ translateY: (1 - progress.value) * 16 * direction + dragY.value }, { scale: .98 + progress.value * .02 }]
+	}));
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native_gesture_handler.GestureDetector, {
+		gesture: panGesture,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native_reanimated.default.View, {
+			pointerEvents: toast.isExiting ? "none" : "auto",
+			style: [styles.item, animatedStyle],
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Toast_ToastItem.ToastItem, {
+				toast,
+				hide
+			})
+		})
+	});
+}
+const styles = react_native.StyleSheet.create({ item: { alignSelf: "stretch" } });
+//#endregion
+exports.ToastAnimatedItem = ToastAnimatedItem;

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

@@ -0,0 +1,27 @@
+
+import { ToastController, ToastRecord } from "./types.cjs";
+import * as _$react from "react";
+
+//#region src/components/Toast/ToastAnimatedItem.d.ts
+interface ToastAnimatedItemProps {
+  toast: ToastRecord;
+  hide: ToastController['hide'];
+  reduceMotion: boolean;
+}
+/**
+ * Internal animated wrapper for a visible toast.
+ *
+ * @description
+ * ToastAnimatedItem owns enter and exit transitions, reduced-motion handling,
+ * and vertical swipe-to-dismiss. It delegates visual rendering to ToastItem.
+ *
+ * @internal
+ */
+declare function ToastAnimatedItem({
+  toast,
+  hide,
+  reduceMotion
+}: ToastAnimatedItemProps): _$react.JSX.Element;
+//#endregion
+export { ToastAnimatedItem };
+//# sourceMappingURL=ToastAnimatedItem.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToastAnimatedItem.d.cts","names":[],"sources":["../../../src/components/Toast/ToastAnimatedItem.tsx"],"mappings":";;;;;UAuBU,sBAAA;EACR,KAAA,EAAO,WAAA;EACP,IAAA,EAAM,eAAA;EACN,YAAA;AAAA;;;;;;;;;;iBAYO,iBAAA,CAAA;EAAoB,KAAA;EAAO,IAAA;EAAM;AAAA,GAAgB,sBAAA,GAAsB,OAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -0,0 +1,27 @@
+
+import { ToastController, ToastRecord } from "./types.js";
+import * as _$react from "react";
+
+//#region src/components/Toast/ToastAnimatedItem.d.ts
+interface ToastAnimatedItemProps {
+  toast: ToastRecord;
+  hide: ToastController['hide'];
+  reduceMotion: boolean;
+}
+/**
+ * Internal animated wrapper for a visible toast.
+ *
+ * @description
+ * ToastAnimatedItem owns enter and exit transitions, reduced-motion handling,
+ * and vertical swipe-to-dismiss. It delegates visual rendering to ToastItem.
+ *
+ * @internal
+ */
+declare function ToastAnimatedItem({
+  toast,
+  hide,
+  reduceMotion
+}: ToastAnimatedItemProps): _$react.JSX.Element;
+//#endregion
+export { ToastAnimatedItem };
+//# sourceMappingURL=ToastAnimatedItem.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToastAnimatedItem.d.ts","names":[],"sources":["../../../src/components/Toast/ToastAnimatedItem.tsx"],"mappings":";;;;;UAuBU,sBAAA;EACR,KAAA,EAAO,WAAA;EACP,IAAA,EAAM,eAAA;EACN,YAAA;AAAA;;;;;;;;;;iBAYO,iBAAA,CAAA;EAAoB,KAAA;EAAO,IAAA;EAAM;AAAA,GAAgB,sBAAA,GAAsB,OAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/Toast/ToastAnimatedItem.js

@@ -0,0 +1,87 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+import { ToastItem } from "./ToastItem.js";
+import { TOAST_SWIPE_OPPOSITE_DIRECTION_FACTOR } from "./utils.js";
+import { useCallback, useEffect, useMemo } from "react";
+import { StyleSheet } from "react-native";
+import { jsx } from "react/jsx-runtime";
+import Animated, { Easing, runOnJS, useAnimatedStyle, useSharedValue, withTiming } from "react-native-reanimated";
+import { Gesture, GestureDetector } from "react-native-gesture-handler";
+//#region src/components/Toast/ToastAnimatedItem.tsx
+/**
+* Internal animated wrapper for a visible toast.
+*
+* @description
+* ToastAnimatedItem owns enter and exit transitions, reduced-motion handling,
+* and vertical swipe-to-dismiss. It delegates visual rendering to ToastItem.
+*
+* @internal
+*/
+function ToastAnimatedItem({ toast, hide, reduceMotion }) {
+	const progress = useSharedValue(reduceMotion && !toast.isExiting ? 1 : 0);
+	const dragY = useSharedValue(0);
+	const direction = toast.placement === "top-center" ? -1 : 1;
+	const isDismissible = toast.dismissible ?? toast.closeIcon !== false;
+	const handleSwipeDismiss = useCallback(() => {
+		toast.onClose?.(toast.id);
+		toast.onClickCloseButton?.(toast.id);
+		hide(toast.id);
+	}, [hide, toast]);
+	useEffect(() => {
+		progress.value = withTiming(toast.isExiting ? 0 : 1, {
+			duration: reduceMotion ? 0 : toast.isExiting ? 150 : 200,
+			easing: toast.isExiting ? Easing.bezier(.4, 0, 1, 1) : Easing.bezier(0, 0, .2, 1)
+		});
+	}, [
+		progress,
+		reduceMotion,
+		toast.isExiting
+	]);
+	const panGesture = useMemo(() => Gesture.Pan().enabled(isDismissible && !toast.isExiting).activeOffsetY([-8, 8]).failOffsetX([-24, 24]).onChange((event) => {
+		"worklet";
+		dragY.value = event.translationY * direction > 0 ? event.translationY : event.translationY * TOAST_SWIPE_OPPOSITE_DIRECTION_FACTOR;
+	}).onFinalize((event) => {
+		"worklet";
+		const signedTranslation = event.translationY * direction;
+		const signedVelocity = event.velocityY * direction;
+		if (signedTranslation > 50 || signedVelocity > 500) {
+			dragY.value = withTiming(96 * direction, {
+				duration: reduceMotion ? 0 : 150,
+				easing: Easing.bezier(.4, 0, 1, 1)
+			}, () => {
+				runOnJS(handleSwipeDismiss)();
+			});
+			return;
+		}
+		dragY.value = withTiming(0, {
+			duration: reduceMotion ? 0 : 150,
+			easing: Easing.bezier(0, 0, .2, 1)
+		});
+	}), [
+		direction,
+		dragY,
+		handleSwipeDismiss,
+		isDismissible,
+		reduceMotion,
+		toast.isExiting
+	]);
+	const animatedStyle = useAnimatedStyle(() => ({
+		opacity: progress.value,
+		transform: [{ translateY: (1 - progress.value) * 16 * direction + dragY.value }, { scale: .98 + progress.value * .02 }]
+	}));
+	return /* @__PURE__ */ jsx(GestureDetector, {
+		gesture: panGesture,
+		children: /* @__PURE__ */ jsx(Animated.View, {
+			pointerEvents: toast.isExiting ? "none" : "auto",
+			style: [styles.item, animatedStyle],
+			children: /* @__PURE__ */ jsx(ToastItem, {
+				toast,
+				hide
+			})
+		})
+	});
+}
+const styles = StyleSheet.create({ item: { alignSelf: "stretch" } });
+//#endregion
+export { ToastAnimatedItem };
+
+//# sourceMappingURL=ToastAnimatedItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToastAnimatedItem.js","names":[],"sources":["../../../src/components/Toast/ToastAnimatedItem.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo } from 'react';\nimport { StyleSheet } from 'react-native';\nimport { Gesture, GestureDetector } from 'react-native-gesture-handler';\nimport Animated, {\n  Easing,\n  runOnJS,\n  useAnimatedStyle,\n  useSharedValue,\n  withTiming,\n} from 'react-native-reanimated';\n\nimport { ToastItem } from './ToastItem';\nimport type { ToastController, ToastRecord } from './types';\nimport {\n  TOAST_ANIMATION_TRANSLATE_OFFSET,\n  TOAST_ENTER_ANIMATION_DURATION,\n  TOAST_EXIT_ANIMATION_DURATION,\n  TOAST_SWIPE_DISMISS_TRANSLATE_OFFSET,\n  TOAST_SWIPE_DISMISS_TRANSLATION,\n  TOAST_SWIPE_DISMISS_VELOCITY,\n  TOAST_SWIPE_OPPOSITE_DIRECTION_FACTOR,\n} from './utils';\n\ninterface ToastAnimatedItemProps {\n  toast: ToastRecord;\n  hide: ToastController['hide'];\n  reduceMotion: boolean;\n}\n\n/**\n * Internal animated wrapper for a visible toast.\n *\n * @description\n * ToastAnimatedItem owns enter and exit transitions, reduced-motion handling,\n * and vertical swipe-to-dismiss. It delegates visual rendering to ToastItem.\n *\n * @internal\n */\nfunction ToastAnimatedItem({ toast, hide, reduceMotion }: ToastAnimatedItemProps) {\n  const progress = useSharedValue(reduceMotion && !toast.isExiting ? 1 : 0);\n  const dragY = useSharedValue(0);\n  const direction = toast.placement === 'top-center' ? -1 : 1;\n  const isDismissible = toast.dismissible ?? toast.closeIcon !== false;\n\n  const handleSwipeDismiss = useCallback(() => {\n    toast.onClose?.(toast.id);\n    toast.onClickCloseButton?.(toast.id);\n    hide(toast.id);\n  }, [hide, toast]);\n\n  useEffect(() => {\n    progress.value = withTiming(toast.isExiting ? 0 : 1, {\n      duration: reduceMotion\n        ? 0\n        : toast.isExiting\n          ? TOAST_EXIT_ANIMATION_DURATION\n          : TOAST_ENTER_ANIMATION_DURATION,\n      easing: toast.isExiting ? Easing.bezier(0.4, 0, 1, 1) : Easing.bezier(0, 0, 0.2, 1),\n    });\n  }, [progress, reduceMotion, toast.isExiting]);\n\n  const panGesture = useMemo(\n    () =>\n      Gesture.Pan()\n        .enabled(isDismissible && !toast.isExiting)\n        .activeOffsetY([-8, 8])\n        .failOffsetX([-24, 24])\n        .onChange((event) => {\n          'worklet';\n          const isDismissDirection = event.translationY * direction > 0;\n          dragY.value = isDismissDirection\n            ? event.translationY\n            : event.translationY * TOAST_SWIPE_OPPOSITE_DIRECTION_FACTOR;\n        })\n        .onFinalize((event) => {\n          'worklet';\n          const signedTranslation = event.translationY * direction;\n          const signedVelocity = event.velocityY * direction;\n          const shouldDismiss =\n            signedTranslation > TOAST_SWIPE_DISMISS_TRANSLATION ||\n            signedVelocity > TOAST_SWIPE_DISMISS_VELOCITY;\n\n          if (shouldDismiss) {\n            dragY.value = withTiming(\n              TOAST_SWIPE_DISMISS_TRANSLATE_OFFSET * direction,\n              {\n                duration: reduceMotion ? 0 : TOAST_EXIT_ANIMATION_DURATION,\n                easing: Easing.bezier(0.4, 0, 1, 1),\n              },\n              () => {\n                runOnJS(handleSwipeDismiss)();\n              },\n            );\n            return;\n          }\n\n          dragY.value = withTiming(0, {\n            duration: reduceMotion ? 0 : TOAST_EXIT_ANIMATION_DURATION,\n            easing: Easing.bezier(0, 0, 0.2, 1),\n          });\n        }),\n    [direction, dragY, handleSwipeDismiss, isDismissible, reduceMotion, toast.isExiting],\n  );\n\n  const animatedStyle = useAnimatedStyle(() => ({\n    opacity: progress.value,\n    transform: [\n      {\n        translateY:\n          (1 - progress.value) * TOAST_ANIMATION_TRANSLATE_OFFSET * direction + dragY.value,\n      },\n      { scale: 0.98 + progress.value * 0.02 },\n    ],\n  }));\n\n  return (\n    <GestureDetector gesture={panGesture}>\n      <Animated.View\n        pointerEvents={toast.isExiting ? 'none' : 'auto'}\n        style={[styles.item, animatedStyle]}\n      >\n        <ToastItem toast={toast} hide={hide} />\n      </Animated.View>\n    </GestureDetector>\n  );\n}\n\nconst styles = StyleSheet.create({\n  item: {\n    alignSelf: 'stretch',\n  },\n});\n\nexport { ToastAnimatedItem };\n"],"mappings":";;;;;;;;;;;;;;;;;;AAsCA,SAAS,kBAAkB,EAAE,OAAO,MAAM,gBAAwC;CAChF,MAAM,WAAW,eAAe,gBAAgB,CAAC,MAAM,YAAY,IAAI,EAAE;CACzE,MAAM,QAAQ,eAAe,EAAE;CAC/B,MAAM,YAAY,MAAM,cAAc,eAAe,KAAK;CAC1D,MAAM,gBAAgB,MAAM,eAAe,MAAM,cAAc;CAE/D,MAAM,qBAAqB,kBAAkB;EAC3C,MAAM,UAAU,MAAM,GAAG;EACzB,MAAM,qBAAqB,MAAM,GAAG;EACpC,KAAK,MAAM,GAAG;IACb,CAAC,MAAM,MAAM,CAAC;CAEjB,gBAAgB;EACd,SAAS,QAAQ,WAAW,MAAM,YAAY,IAAI,GAAG;GACnD,UAAU,eACN,IACA,MAAM,YAAA,MAAA;GAGV,QAAQ,MAAM,YAAY,OAAO,OAAO,IAAK,GAAG,GAAG,EAAE,GAAG,OAAO,OAAO,GAAG,GAAG,IAAK,EAAE;GACpF,CAAC;IACD;EAAC;EAAU;EAAc,MAAM;EAAU,CAAC;CAE7C,MAAM,aAAa,cAEf,QAAQ,KAAK,CACV,QAAQ,iBAAiB,CAAC,MAAM,UAAU,CAC1C,cAAc,CAAC,IAAI,EAAE,CAAC,CACtB,YAAY,CAAC,KAAK,GAAG,CAAC,CACtB,UAAU,UAAU;AACnB;EAEA,MAAM,QADqB,MAAM,eAAe,YAAY,IAExD,MAAM,eACN,MAAM,eAAe;GACzB,CACD,YAAY,UAAU;AACrB;EACA,MAAM,oBAAoB,MAAM,eAAe;EAC/C,MAAM,iBAAiB,MAAM,YAAY;EAKzC,IAHE,oBAAA,MACA,iBAAA,KAEiB;GACjB,MAAM,QAAQ,WAAA,KAC2B,WACvC;IACE,UAAU,eAAe,IAAA;IACzB,QAAQ,OAAO,OAAO,IAAK,GAAG,GAAG,EAAE;IACpC,QACK;IACJ,QAAQ,mBAAmB,EAAE;KAEhC;GACD;;EAGF,MAAM,QAAQ,WAAW,GAAG;GAC1B,UAAU,eAAe,IAAA;GACzB,QAAQ,OAAO,OAAO,GAAG,GAAG,IAAK,EAAE;GACpC,CAAC;GACF,EACN;EAAC;EAAW;EAAO;EAAoB;EAAe;EAAc,MAAM;EAAU,CACrF;CAED,MAAM,gBAAgB,wBAAwB;EAC5C,SAAS,SAAS;EAClB,WAAW,CACT,EACE,aACG,IAAI,SAAS,SAAA,KAA4C,YAAY,MAAM,OAC/E,EACD,EAAE,OAAO,MAAO,SAAS,QAAQ,KAAM,CACxC;EACF,EAAE;CAEH,OACE,oBAAC,iBAAD;EAAiB,SAAS;YACxB,oBAAC,SAAS,MAAV;GACE,eAAe,MAAM,YAAY,SAAS;GAC1C,OAAO,CAAC,OAAO,MAAM,cAAc;aAEnC,oBAAC,WAAD;IAAkB;IAAa;IAAQ,CAAA;GACzB,CAAA;EACA,CAAA;;AAItB,MAAM,SAAS,WAAW,OAAO,EAC/B,MAAM,EACJ,WAAW,WACZ,EACF,CAAC"}

package/dist/components/Toast/ToastItem.cjs

@@ -0,0 +1,35 @@
+/*! © 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_Toast = require("./Toast.cjs");
+let react_jsx_runtime = require("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__ */ (0, react_jsx_runtime.jsx)(require_components_Toast_Toast.Toast, {
+		...toastProps,
+		onActionPress: handleActionPress,
+		onClose: handleClose
+	});
+}
+//#endregion
+exports.ToastItem = ToastItem;