react-native-terra-ui 0.10.0 → 0.10.1

package/lib/module/components/toast/parts/ToastOverlay.js

@@ -0,0 +1,34 @@
+"use strict";
+
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Hosts the toast viewport where it already is, because on Android it is
+ * already in the right place.
+ *
+ * The iOS variant explains the problem: a sheet there is a separate view
+ * controller, so a toast in the root tree paints underneath it. Android does
+ * not have that problem for these screens. `react-native-screens` handles
+ * `formSheet` as a `StackPresentation` inside the screen stack (see
+ * `Screen.kt`), which lives in the Activity's own window — the same window as
+ * this provider — so the viewport's `elevation: 9999` puts it on top the
+ * ordinary way. Verified on an API 36 emulator: a toast raised from a
+ * `formSheet` route renders over that sheet.
+ *
+ * Not to be confused with `ScreenModalFragment`, which *is* a
+ * `BottomSheetDialogFragment` and so does carry its own `Window`. It backs a
+ * different presentation, not the `formSheet` route above. A toast raised from
+ * something hosted in a real `Dialog` — that fragment, or React Native's own
+ * `Modal` — would still be behind it, and `elevation` cannot cross windows.
+ * Untested, and left alone: `FullWindowOverlay` is iOS-only (elsewhere it warns
+ * and renders a plain `View`), so the remedy there would be to own a window
+ * too, via a React Native `Modal`, which brings its own back-button and
+ * touch-capture behaviour.
+ */
+export function ToastOverlay({
+  children
+}) {
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: children
+  });
+}
+//# sourceMappingURL=ToastOverlay.js.map

package/lib/module/components/toast/parts/ToastOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ToastOverlay","children","_jsx","_Fragment"],"sourceRoot":"../../../../../src","sources":["components/toast/parts/ToastOverlay.tsx"],"mappings":";;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASA,YAAYA,CAAC;EAAEC;AAAkC,CAAC,EAAE;EAClE,oBAAOC,IAAA,CAAAC,SAAA;IAAAF,QAAA,EAAGA;EAAQ,CAAG,CAAC;AACxB","ignoreList":[]}

package/lib/module/components/toast/parts/ToastViewport.js

@@ -0,0 +1,91 @@
+"use strict";
+
+import { useEffect } from "react";
+import { Keyboard, Platform } from "react-native";
+import Animated, { useAnimatedStyle, useSharedValue, withTiming } from "react-native-reanimated";
+import { useSafeAreaInsets } from "react-native-safe-area-context";
+import { ToastAnimatedItem } from "./ToastAnimatedItem.js";
+import { ToastOverlay } from "./ToastOverlay";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function ToastViewport({
+  placement,
+  toasts,
+  manager,
+  maxVisibleToasts,
+  offset
+}) {
+  const safeAreaInsets = useSafeAreaInsets();
+  const heights = useSharedValue({});
+  const keyboardHeight = useSharedValue(0);
+  const baseBottom = offset?.bottom ?? safeAreaInsets.bottom + (Platform.OS === "ios" ? 6 : 12);
+  const baseTop = offset?.top ?? safeAreaInsets.top + (Platform.OS === "ios" ? 0 : 12);
+  useEffect(() => {
+    if (placement !== "bottom") return;
+    const showEvent = Platform.OS === "ios" ? "keyboardWillShow" : "keyboardDidShow";
+    const hideEvent = Platform.OS === "ios" ? "keyboardWillHide" : "keyboardDidHide";
+    const showSub = Keyboard.addListener(showEvent, e => {
+      keyboardHeight.value = withTiming(e.endCoordinates.height);
+    });
+    const hideSub = Keyboard.addListener(hideEvent, () => {
+      keyboardHeight.value = withTiming(0);
+    });
+    return () => {
+      showSub.remove();
+      hideSub.remove();
+    };
+  }, [keyboardHeight, placement]);
+  const gap = Platform.OS === "ios" ? 6 : 12;
+  const keyboardStyle = useAnimatedStyle(() => {
+    if (placement === "top") return {
+      top: baseTop
+    };
+    if (keyboardHeight.value > 0) {
+      return {
+        bottom: keyboardHeight.value + gap
+      };
+    }
+    return {
+      bottom: baseBottom
+    };
+  });
+  useEffect(() => {
+    const activeIds = new Set(toasts.map(toast => toast.id));
+    const nextHeights = {};
+    for (const [id, height] of Object.entries(heights.value)) {
+      if (activeIds.has(id)) {
+        nextHeights[id] = height;
+      }
+    }
+    heights.value = nextHeights;
+  }, [heights, toasts]);
+  const frontToast = toasts[toasts.length - 1];
+  if (!frontToast) return null;
+  return /*#__PURE__*/_jsx(ToastOverlay, {
+    children: /*#__PURE__*/_jsx(Animated.View, {
+      pointerEvents: "box-none",
+      style: [{
+        position: "absolute",
+        zIndex: 9999,
+        elevation: 9999,
+        left: offset?.left ?? safeAreaInsets.left + 12,
+        right: offset?.right ?? safeAreaInsets.right + 12
+      }, keyboardStyle],
+      children: toasts.map((toast, index) => /*#__PURE__*/_jsx(ToastAnimatedItem, {
+        heights: heights,
+        id: toast.id,
+        index: index,
+        maxVisibleToasts: maxVisibleToasts,
+        placement: placement,
+        total: toasts.length,
+        frontId: frontToast.id,
+        children: toast.component({
+          id: toast.id,
+          index,
+          hide: manager.hide,
+          show: manager.show
+        })
+      }, toast.id))
+    })
+  });
+}
+//# sourceMappingURL=ToastViewport.js.map

package/lib/module/components/toast/parts/ToastViewport.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","Keyboard","Platform","Animated","useAnimatedStyle","useSharedValue","withTiming","useSafeAreaInsets","ToastAnimatedItem","ToastOverlay","jsx","_jsx","ToastViewport","placement","toasts","manager","maxVisibleToasts","offset","safeAreaInsets","heights","keyboardHeight","baseBottom","bottom","OS","baseTop","top","showEvent","hideEvent","showSub","addListener","e","value","endCoordinates","height","hideSub","remove","gap","keyboardStyle","activeIds","Set","map","toast","id","nextHeights","Object","entries","has","frontToast","length","children","View","pointerEvents","style","position","zIndex","elevation","left","right","index","total","frontId","component","hide","show"],"sourceRoot":"../../../../../src","sources":["components/toast/parts/ToastViewport.tsx"],"mappings":"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","ignoreList":[]}

package/lib/typescript/src/components/toast/ToastProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToastProvider.d.ts","sourceRoot":"","sources":["../../../../../src/components/toast/ToastProvider.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAKV,YAAY,EAEZ,kBAAkB,EAInB,MAAM,YAAS,CAAC;AA2DjB,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,gBAAwB,EACxB,eAAkC,EAClC,gBAA6C,EAC7C,MAAM,GACP,EAAE,kBAAkB,+BA8IpB;AA+FD,wBAAgB,QAAQ,IAAI,YAAY,CAMvC"}
+{"version":3,"file":"ToastProvider.d.ts","sourceRoot":"","sources":["../../../../../src/components/toast/ToastProvider.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,YAAS,CAAC;AAIhE,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,gBAAwB,EACxB,eAAsB,EACtB,gBAAoB,EACpB,MAAM,GACP,EAAE,kBAAkB,+BAwBpB;AAED,wBAAgB,QAAQ,IAAI,YAAY,CAMvC"}

package/lib/typescript/src/components/toast/hooks/use-toast-manager.d.ts

@@ -0,0 +1,6 @@
+import type { ToastItem, ToastManager, ToastPlacement } from "../types.js";
+export declare function useToastManager(defaultPlacement: ToastPlacement, defaultDuration: number): {
+    toasts: ToastItem[];
+    manager: ToastManager;
+};
+//# sourceMappingURL=use-toast-manager.d.ts.map

package/lib/typescript/src/components/toast/hooks/use-toast-manager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-toast-manager.d.ts","sourceRoot":"","sources":["../../../../../../src/components/toast/hooks/use-toast-manager.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAGV,SAAS,EACT,YAAY,EACZ,cAAc,EAEf,MAAM,aAAU,CAAC;AAmBlB,wBAAgB,eAAe,CAAC,gBAAgB,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM;;;EAoFxF"}

package/lib/typescript/src/components/toast/parts/ToastAnimatedItem.d.ts

@@ -8,11 +8,12 @@ export interface ToastAnimatedItemProps {
     index: number;
     maxVisibleToasts: number;
     placement: ToastPlacement;
-    total: SharedValue<number>;
+    total: number;
+    frontId: ToastId;
 }
 export declare const enteringTop: import("react-native-reanimated").ReanimatedKeyframe;
 export declare const exitingTop: import("react-native-reanimated").ReanimatedKeyframe;
 export declare const enteringBottom: import("react-native-reanimated").ReanimatedKeyframe;
 export declare const exitingBottom: import("react-native-reanimated").ReanimatedKeyframe;
-export declare function ToastAnimatedItem({ children, heights, id, index, maxVisibleToasts, placement, total, }: ToastAnimatedItemProps): import("react").JSX.Element;
+export declare function ToastAnimatedItem({ children, heights, id, index, maxVisibleToasts, placement, total, frontId, }: ToastAnimatedItemProps): import("react").JSX.Element;
 //# sourceMappingURL=ToastAnimatedItem.d.ts.map

package/lib/typescript/src/components/toast/parts/ToastAnimatedItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToastAnimatedItem.d.ts","sourceRoot":"","sources":["../../../../../../src/components/toast/parts/ToastAnimatedItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAiB,EAKf,KAAK,WAAW,EAIjB,MAAM,yBAAyB,CAAC;AAEjC,OAAO,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,aAAU,CAAC;AAExD,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,YAAY,CAAC;IACvB,OAAO,EAAE,WAAW,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC;IAC9C,EAAE,EAAE,OAAO,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB,EAAE,MAAM,CAAC;IACzB,SAAS,EAAE,cAAc,CAAC;IAC1B,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CAC5B;AAED,eAAO,MAAM,WAAW,sDAUR,CAAC;AAEjB,eAAO,MAAM,UAAU,sDAUP,CAAC;AAEjB,eAAO,MAAM,cAAc,sDAUX,CAAC;AAEjB,eAAO,MAAM,aAAa,sDAUV,CAAC;AASjB,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,OAAO,EACP,EAAE,EACF,KAAK,EACL,gBAAgB,EAChB,SAAS,EACT,KAAK,GACN,EAAE,sBAAsB,+BAkExB"}
+{"version":3,"file":"ToastAnimatedItem.d.ts","sourceRoot":"","sources":["../../../../../../src/components/toast/parts/ToastAnimatedItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAiB,EAGf,KAAK,WAAW,EAIjB,MAAM,yBAAyB,CAAC;AAGjC,OAAO,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,aAAU,CAAC;AAExD,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,YAAY,CAAC;IACvB,OAAO,EAAE,WAAW,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC;IAC9C,EAAE,EAAE,OAAO,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB,EAAE,MAAM,CAAC;IACzB,SAAS,EAAE,cAAc,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,WAAW,sDAUR,CAAC;AAEjB,eAAO,MAAM,UAAU,sDAUP,CAAC;AAEjB,eAAO,MAAM,cAAc,sDAUX,CAAC;AAEjB,eAAO,MAAM,aAAa,sDAUV,CAAC;AAIjB,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,OAAO,EACP,EAAE,EACF,KAAK,EACL,gBAAgB,EAChB,SAAS,EACT,KAAK,EACL,OAAO,GACR,EAAE,sBAAsB,+BAqDxB"}

package/lib/typescript/src/components/toast/parts/ToastOverlay.d.ts

@@ -0,0 +1,28 @@
+import type { ReactNode } from "react";
+/**
+ * Hosts the toast viewport where it already is, because on Android it is
+ * already in the right place.
+ *
+ * The iOS variant explains the problem: a sheet there is a separate view
+ * controller, so a toast in the root tree paints underneath it. Android does
+ * not have that problem for these screens. `react-native-screens` handles
+ * `formSheet` as a `StackPresentation` inside the screen stack (see
+ * `Screen.kt`), which lives in the Activity's own window — the same window as
+ * this provider — so the viewport's `elevation: 9999` puts it on top the
+ * ordinary way. Verified on an API 36 emulator: a toast raised from a
+ * `formSheet` route renders over that sheet.
+ *
+ * Not to be confused with `ScreenModalFragment`, which *is* a
+ * `BottomSheetDialogFragment` and so does carry its own `Window`. It backs a
+ * different presentation, not the `formSheet` route above. A toast raised from
+ * something hosted in a real `Dialog` — that fragment, or React Native's own
+ * `Modal` — would still be behind it, and `elevation` cannot cross windows.
+ * Untested, and left alone: `FullWindowOverlay` is iOS-only (elsewhere it warns
+ * and renders a plain `View`), so the remedy there would be to own a window
+ * too, via a React Native `Modal`, which brings its own back-button and
+ * touch-capture behaviour.
+ */
+export declare function ToastOverlay({ children }: {
+    children: ReactNode;
+}): import("react").JSX.Element;
+//# sourceMappingURL=ToastOverlay.d.ts.map

package/lib/typescript/src/components/toast/parts/ToastOverlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastOverlay.d.ts","sourceRoot":"","sources":["../../../../../../src/components/toast/parts/ToastOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,+BAEjE"}

package/lib/typescript/src/components/toast/parts/ToastOverlay.ios.d.ts

@@ -0,0 +1,28 @@
+import type { ReactNode } from "react";
+/**
+ * Lifts the toast viewport into a window of its own, above every presented
+ * view controller.
+ *
+ * Without this, a toast raised from a screen presented as `modal` or
+ * `formSheet` is invisible. `ToastProvider` sits above the app's navigator, so
+ * its viewport belongs to the root view controller's view; UIKit presents a
+ * sheet as a *separate* view controller on top of that one. They are different
+ * presentation layers, so no `zIndex` or `elevation` can lift the viewport over
+ * the sheet — the toast is mounted and animating, just underneath. The reader
+ * presses something, the app reports the result, and nothing appears.
+ *
+ * `FullWindowOverlay` hosts its children in its own `UIWindow`, which sits
+ * above presented controllers, so the viewport paints over a sheet the same way
+ * it paints over an ordinary screen.
+ *
+ * It covers the whole window, but it does not swallow the app's touches:
+ * `RNSFullWindowOverlay`'s `pointInside:` walks its subviews and answers NO
+ * anywhere they are not, so presses fall through to whatever is underneath.
+ *
+ * Mounted only alongside a non-empty viewport — `ToastViewport` returns `null`
+ * before reaching this — so an idle app carries no extra window.
+ */
+export declare function ToastOverlay({ children }: {
+    children: ReactNode;
+}): import("react").JSX.Element;
+//# sourceMappingURL=ToastOverlay.ios.d.ts.map

package/lib/typescript/src/components/toast/parts/ToastOverlay.ios.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastOverlay.ios.d.ts","sourceRoot":"","sources":["../../../../../../src/components/toast/parts/ToastOverlay.ios.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,+BAEjE"}

package/lib/typescript/src/components/toast/parts/ToastViewport.d.ts

@@ -0,0 +1,11 @@
+import type { ToastItem, ToastManager, ToastPlacement, ToastProviderProps } from "../types.js";
+interface ToastViewportProps {
+    placement: ToastPlacement;
+    toasts: ToastItem[];
+    manager: ToastManager;
+    maxVisibleToasts: number;
+    offset?: ToastProviderProps["offset"];
+}
+export declare function ToastViewport({ placement, toasts, manager, maxVisibleToasts, offset }: ToastViewportProps): import("react").JSX.Element | null;
+export {};
+//# sourceMappingURL=ToastViewport.d.ts.map

package/lib/typescript/src/components/toast/parts/ToastViewport.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastViewport.d.ts","sourceRoot":"","sources":["../../../../../../src/components/toast/parts/ToastViewport.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAW,SAAS,EAAE,YAAY,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,aAAU,CAAC;AAIrG,UAAU,kBAAkB;IAC1B,SAAS,EAAE,cAAc,CAAC;IAC1B,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,OAAO,EAAE,YAAY,CAAC;IACtB,gBAAgB,EAAE,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,kBAAkB,CAAC,QAAQ,CAAC,CAAC;CACvC;AAED,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAE,EAAE,kBAAkB,sCAqFzG"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-terra-ui",
-  "version": "0.10.0",
+  "version": "0.10.1",
   "description": "Themeable React Native UI components built on react-native-unistyles",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",

package/src/components/toast/ToastProvider.tsx

@@ -1,207 +1,19 @@
-import { createContext, useCallback, useContext, useEffect, useMemo, useReducer, useRef } from "react";
-import { Keyboard, Platform } from "react-native";
+import { createContext, useContext } from "react";
 
-import Animated, { useAnimatedStyle, useSharedValue, withTiming } from "react-native-reanimated";
-import { useSafeAreaInsets } from "react-native-safe-area-context";
-
-import { ToastAnimatedItem } from "./parts/ToastAnimatedItem";
-import { DefaultToast } from "./Toast";
-import type {
-  ToastComponentProps,
-  ToastDuration,
-  ToastId,
-  ToastItem,
-  ToastManager,
-  ToastPlacement,
-  ToastProviderProps,
-  ToastShowConfig,
-  ToastShowOptions,
-  ToastShowOptionsWithComponent,
-} from "./types";
-import { setToastManager } from "./utils/controller";
-
-type ToastAction =
-  | { type: "show"; item: ToastItem }
-  | { type: "hide"; ids: ToastId[] }
-  | { type: "hideAll" }
-  | { type: "hidePlacement"; placement: ToastPlacement };
-
-const DEFAULT_DURATION = 4000;
-const DEFAULT_MAX_VISIBLE_TOASTS = 3;
+import { useToastManager } from "./hooks/use-toast-manager";
+import { ToastViewport } from "./parts/ToastViewport";
+import type { ToastManager, ToastProviderProps } from "./types";
 
 const ToastManagerContext = createContext<ToastManager | null>(null);
 
-function toastReducer(state: ToastItem[], action: ToastAction): ToastItem[] {
-  switch (action.type) {
-    case "show":
-      return [...state.filter((toast) => toast.id !== action.item.id), action.item];
-    case "hide":
-      return state.filter((toast) => !action.ids.some((id) => id === toast.id));
-    case "hideAll":
-      return [];
-    case "hidePlacement":
-      return state.filter((toast) => toast.placement !== action.placement);
-  }
-}
-
-function createDefaultToastComponent(config: ToastShowConfig, manager: ToastManager) {
-  return ({ id, hide }: ToastComponentProps) => (
-    <DefaultToast
-      id={id}
-      hide={(toastId) => hide(String(toastId))}
-      variant={config.variant}
-      label={config.label}
-      description={config.description}
-      icon={config.icon}
-      actionLabel={config.actionLabel}
-      showCloseButton={config.showCloseButton}
-      onActionPress={() => config.onActionPress?.(manager)}
-    />
-  );
-}
-
-function isCustomToast(options: ToastShowOptions): options is ToastShowOptionsWithComponent {
-  return typeof options === "object" && options !== null && "component" in options;
-}
-
-function normalizePlacement(placement: ToastPlacement | undefined, fallback: ToastPlacement): ToastPlacement {
-  return placement ?? fallback;
-}
-
-function normalizeDuration(duration: ToastDuration | undefined, fallback: number): ToastDuration {
-  return duration ?? fallback;
-}
-
-function toastId(counter: number): ToastId {
-  return `toast-${Date.now()}-${counter}`;
-}
-
 export function ToastProvider({
   children,
   defaultPlacement = "top",
-  defaultDuration = DEFAULT_DURATION,
-  maxVisibleToasts = DEFAULT_MAX_VISIBLE_TOASTS,
+  defaultDuration = 4000,
+  maxVisibleToasts = 3,
   offset,
 }: ToastProviderProps) {
-  const [toasts, dispatch] = useReducer(toastReducer, []);
-  const toastsRef = useRef<ToastItem[]>([]);
-  const counterRef = useRef(0);
-  const timeoutsRef = useRef<Map<ToastId, ReturnType<typeof setTimeout>>>(new Map());
-
-  useEffect(() => {
-    toastsRef.current = toasts;
-  }, [toasts]);
-
-  const clearToastTimeout = useCallback((id: ToastId) => {
-    const timeout = timeoutsRef.current.get(id);
-    if (timeout) clearTimeout(timeout);
-    timeoutsRef.current.delete(id);
-  }, []);
-
-  const hide = useCallback<ToastManager["hide"]>(
-    (id) => {
-      if (id === "all") {
-        for (const toast of toastsRef.current) {
-          clearToastTimeout(toast.id);
-          toast.onHide?.();
-        }
-        toastsRef.current = [];
-        dispatch({ type: "hideAll" });
-        return;
-      }
-      const lastToastId = toastsRef.current[toastsRef.current.length - 1]?.id;
-      const ids = id === undefined ? (lastToastId ? [lastToastId] : []) : Array.isArray(id) ? id : [id];
-
-      if (ids.length === 0) return;
-
-      for (const toastId of ids) {
-        clearToastTimeout(toastId);
-        toastsRef.current.find((toast) => toast.id === toastId)?.onHide?.();
-      }
-      toastsRef.current = toastsRef.current.filter((toast) => !ids.some((toastId) => toastId === toast.id));
-      dispatch({ type: "hide", ids });
-    },
-    [clearToastTimeout]
-  );
-
-  const managerRef = useRef<ToastManager>({
-    show: () => "",
-    hide,
-  });
-
-  const show = useCallback<ToastManager["show"]>(
-    (options) => {
-      const nextId =
-        typeof options === "object" && options !== null && "id" in options
-          ? (options.id ?? toastId(counterRef.current++))
-          : toastId(counterRef.current++);
-
-      const item =
-        typeof options === "string"
-          ? {
-              id: nextId,
-              component: createDefaultToastComponent({ label: options }, managerRef.current),
-              duration: defaultDuration,
-              placement: defaultPlacement,
-            }
-          : isCustomToast(options)
-            ? {
-                id: nextId,
-                component: options.component,
-                duration: normalizeDuration(options.duration, defaultDuration),
-                placement: normalizePlacement(options.placement, defaultPlacement),
-                onHide: options.onHide,
-              }
-            : {
-                id: nextId,
-                component: createDefaultToastComponent(options, managerRef.current),
-                duration: normalizeDuration(options.duration, defaultDuration),
-                placement: normalizePlacement(options.placement, defaultPlacement),
-                onHide: options.onHide,
-              };
-
-      const oppositePlacement = item.placement === "top" ? "bottom" : "top";
-      const oppositeToasts = toastsRef.current.filter((t) => t.placement === oppositePlacement);
-      if (oppositeToasts.length > 0) {
-        for (const t of oppositeToasts) {
-          clearToastTimeout(t.id);
-          t.onHide?.();
-        }
-        toastsRef.current = toastsRef.current.filter((t) => t.placement !== oppositePlacement);
-        dispatch({ type: "hidePlacement", placement: oppositePlacement });
-      }
-
-      clearToastTimeout(item.id);
-      toastsRef.current = [...toastsRef.current.filter((toast) => toast.id !== item.id), item];
-      dispatch({ type: "show", item });
-      if (typeof options === "object" && options !== null && "onShow" in options) {
-        options.onShow?.();
-      }
-
-      if (item.duration !== "persistent" && Number.isFinite(item.duration) && item.duration > 0) {
-        const timeout = setTimeout(() => hide(item.id), item.duration);
-        timeoutsRef.current.set(item.id, timeout);
-      }
-
-      return item.id;
-    },
-    [clearToastTimeout, defaultDuration, defaultPlacement, hide]
-  );
-
-  const manager = useMemo<ToastManager>(() => ({ show, hide }), [show, hide]);
-  managerRef.current = manager;
-
-  useEffect(() => {
-    setToastManager(manager);
-    return () => {
-      setToastManager(null);
-      for (const timeout of timeoutsRef.current.values()) {
-        clearTimeout(timeout);
-      }
-      timeoutsRef.current.clear();
-    };
-  }, [manager]);
-
+  const { toasts, manager } = useToastManager(defaultPlacement, defaultDuration);
   const topToasts = toasts.filter((toast) => toast.placement === "top");
   const bottomToasts = toasts.filter((toast) => toast.placement === "bottom");
 
@@ -226,99 +38,6 @@ export function ToastProvider({
   );
 }
 
-interface ToastViewportProps {
-  placement: ToastPlacement;
-  toasts: ToastItem[];
-  manager: ToastManager;
-  maxVisibleToasts: number;
-  offset?: ToastProviderProps["offset"];
-}
-
-function ToastViewport({ placement, toasts, manager, maxVisibleToasts, offset }: ToastViewportProps) {
-  const safeAreaInsets = useSafeAreaInsets();
-  const heights = useSharedValue<Record<ToastId, number>>({});
-  const total = useSharedValue(0);
-  const keyboardHeight = useSharedValue(0);
-
-  const baseBottom = offset?.bottom ?? safeAreaInsets.bottom + (Platform.OS === "ios" ? 6 : 12);
-  const baseTop = offset?.top ?? safeAreaInsets.top + (Platform.OS === "ios" ? 0 : 12);
-
-  useEffect(() => {
-    if (placement !== "bottom") return;
-    const showEvent = Platform.OS === "ios" ? "keyboardWillShow" : "keyboardDidShow";
-    const hideEvent = Platform.OS === "ios" ? "keyboardWillHide" : "keyboardDidHide";
-    const showSub = Keyboard.addListener(showEvent, (e) => {
-      keyboardHeight.value = withTiming(e.endCoordinates.height);
-    });
-    const hideSub = Keyboard.addListener(hideEvent, () => {
-      keyboardHeight.value = withTiming(0);
-    });
-    return () => {
-      showSub.remove();
-      hideSub.remove();
-    };
-  }, [keyboardHeight, placement]);
-
-  const gap = Platform.OS === "ios" ? 6 : 12;
-
-  const keyboardStyle = useAnimatedStyle(() => {
-    if (placement === "top") return { top: baseTop };
-    if (keyboardHeight.value > 0) {
-      return { bottom: keyboardHeight.value + gap };
-    }
-    return { bottom: baseBottom };
-  });
-
-  useEffect(() => {
-    total.value = toasts.length;
-    const activeIds = new Set(toasts.map((toast) => toast.id));
-    const nextHeights: Record<ToastId, number> = {};
-    for (const [id, height] of Object.entries(heights.value)) {
-      if (activeIds.has(id)) {
-        nextHeights[id] = height;
-      }
-    }
-    heights.value = nextHeights;
-  }, [heights, toasts, total]);
-
-  if (toasts.length === 0) return null;
-
-  return (
-    <Animated.View
-      pointerEvents="box-none"
-      style={[
-        {
-          position: "absolute",
-          zIndex: 9999,
-          elevation: 9999,
-          left: offset?.left ?? safeAreaInsets.left + 12,
-          right: offset?.right ?? safeAreaInsets.right + 12,
-        },
-        keyboardStyle,
-      ]}
-    >
-      {toasts.map((toast, index) => (
-        <ToastAnimatedItem
-          key={toast.id}
-          heights={heights}
-          id={toast.id}
-          index={index}
-          maxVisibleToasts={maxVisibleToasts}
-          placement={placement}
-          total={total}
-        >
-          {toast.component({
-            id: toast.id,
-            index,
-            hide: manager.hide,
-            show: manager.show,
-          })}
-        </ToastAnimatedItem>
-      ))}
-    </Animated.View>
-  );
-}
-
 export function useToast(): ToastManager {
   const manager = useContext(ToastManagerContext);
   if (!manager) {