@selimh/react-native-toast 0.2.0

package/LICENSE

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

package/README.md

@@ -0,0 +1,98 @@
+# react-native-toast
+
+A beautifully animated, highly customizable, and imperative Toast library for React Native based on `react-native-reanimated`.
+
+![Image](https://github.com/user-attachments/assets/3e9910ab-0b8a-468e-a778-79ea0d53c525)
+
+## Installation
+
+```sh
+npm install react-native-toast
+# or
+yarn add react-native-toast
+```
+
+You also need to install the peer dependencies:
+
+```sh
+yarn add react-native-reanimated react-native-safe-area-context
+```
+
+> **Note:** Make sure to follow the installation instructions for `react-native-reanimated` (e.g., adding the babel plugin) and `react-native-safe-area-context`.
+
+## Usage
+
+1. Wrap your root directory with `ToastProvider`:
+
+```tsx
+import { ToastProvider } from 'react-native-toast';
+import { SafeAreaProvider } from 'react-native-safe-area-context';
+
+export default function App() {
+  return (
+    <SafeAreaProvider>
+      {/* 
+        theme can be 'light', 'dark', or 'system' (default: 'system')
+        It will automatically detect user's device preferences.
+      */}
+      <ToastProvider theme="system">
+        {/* Your app components */}
+      </ToastProvider>
+    </SafeAreaProvider>
+  );
+}
+```
+
+2. Call `Toast.show` from anywhere in your app:
+
+```tsx
+import { Toast } from 'react-native-toast';
+
+Toast.show({
+  type: 'success',
+  text1: 'Hello',
+  text2: 'This is an awesome toast',
+  position: 'top',
+  visibilityTime: 4000,
+});
+```
+
+### Dark Mode (Theme) Support
+`react-native-toast` perfectly supports light and dark modes out of the box. 
+
+1. **System Dependant (Default):** If you pass `theme="system"` to `ToastProvider` or omit it, the toast will automatically adapt to the user's iOS/Android theme.
+2. **Forced Theme:** You can override the theme dynamically on a per-toast basis:
+```tsx
+Toast.show({
+  type: 'info',
+  theme: 'dark', // 'light' | 'dark' | 'system'
+  text1: 'Always Dark',
+});
+```
+
+## APIs
+
+### `Toast.show(options: ToastOptions)`
+
+| Option | Type | Default | Description |
+| --- | --- | --- | --- |
+| `type` | `'success' \| 'error' \| 'info' \| 'warning'` | `'info'` | Type of the toast |
+| `text1` | `string` | `undefined` | Primary text |
+| `text2` | `string` | `undefined` | Secondary description |
+| `position` | `'top' \| 'bottom'` | `'top'` | Position of the toast |
+| `theme` | `'light' \| 'dark' \| 'system'` | `'system'` | Toast visual theme |
+| `visibilityTime` | `number` | `3000` | Duration in ms |
+| `topOffset` | `number` | `40` | Offset from top edge |
+| `bottomOffset` | `number` | `40` | Offset from bottom edge |
+| `autoHide` | `boolean` | `true` | If false, toast will not hide automatically |
+| `customView` | `React.ReactNode` | `undefined` | Render a completely custom component |
+| `onPress` | `() => void` | `undefined` | Called when toast is tapped |
+| `onShow` | `() => void` | `undefined` | Called when animation finishes showing |
+| `onHide` | `() => void` | `undefined` | Called when animation finishes hiding |
+
+### `Toast.hide()`
+Hides the currently visible toast.
+
+## License
+
+MIT

package/lib/module/Toast.js

@@ -0,0 +1,181 @@
+"use strict";
+
+import React, { useEffect } from 'react';
+import { StyleSheet, Text, View, TouchableOpacity, useColorScheme } from 'react-native';
+import Animated, { useSharedValue, useAnimatedStyle, withSpring, withTiming, runOnJS } from 'react-native-reanimated';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { SuccessIcon, ErrorIcon, InfoIcon, WarningIcon } from "./icons.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+export const Toast = ({
+  isVisible,
+  type = 'info',
+  text1,
+  text2,
+  position = 'top',
+  topOffset = 10,
+  bottomOffset = 10,
+  theme,
+  providerTheme = 'system',
+  onPress,
+  onAnimationEnd,
+  customView
+}) => {
+  const insets = useSafeAreaInsets();
+  const systemTheme = useColorScheme();
+  const activeTheme = theme && theme !== 'system' ? theme : providerTheme !== 'system' ? providerTheme : systemTheme;
+  const isDark = activeTheme === 'dark';
+  const translateY = useSharedValue(position === 'top' ? -150 : 150);
+  const opacity = useSharedValue(0);
+  useEffect(() => {
+    if (isVisible) {
+      // Reset position instantly before starting the animation
+      translateY.value = position === 'top' ? -150 : 150;
+      opacity.value = withTiming(1, {
+        duration: 300
+      });
+      translateY.value = withSpring(0, {
+        damping: 40,
+        stiffness: 250
+      }, finished => {
+        if (finished && onAnimationEnd) {
+          runOnJS(onAnimationEnd)(true);
+        }
+      });
+    } else {
+      opacity.value = withTiming(0, {
+        duration: 300
+      });
+      translateY.value = withTiming(position === 'top' ? -150 : 150, {
+        duration: 300
+      }, finished => {
+        if (finished && onAnimationEnd) {
+          runOnJS(onAnimationEnd)(false);
+        }
+      });
+    }
+  }, [isVisible, opacity, translateY, position, onAnimationEnd]);
+  const animatedStyle = useAnimatedStyle(() => {
+    return {
+      opacity: opacity.value,
+      transform: [{
+        translateY: translateY.value
+      }]
+    };
+  });
+  const getIcon = () => {
+    switch (type) {
+      case 'success':
+        return /*#__PURE__*/_jsx(SuccessIcon, {});
+      case 'error':
+        return /*#__PURE__*/_jsx(ErrorIcon, {});
+      case 'warning':
+        return /*#__PURE__*/_jsx(WarningIcon, {});
+      case 'info':
+      default:
+        return /*#__PURE__*/_jsx(InfoIcon, {});
+    }
+  };
+  const getContainerStyle = () => {
+    const isTop = position === 'top';
+    return [styles.container, isTop ? {
+      top: insets.top + topOffset
+    } : {
+      bottom: insets.bottom + bottomOffset
+    }, animatedStyle];
+  };
+  const contentStyle = [styles.content, isDark ? styles.contentDark : styles.contentLight];
+  const text1Style = [styles.text1, isDark ? styles.text1Dark : styles.text1Light];
+  const text2Style = [styles.text2, isDark ? styles.text2Dark : styles.text2Light];
+  return /*#__PURE__*/_jsx(Animated.View, {
+    // @ts-ignore - TS2589 bypass
+    style: getContainerStyle(),
+    pointerEvents: isVisible ? 'box-none' : 'none',
+    children: /*#__PURE__*/_jsx(TouchableOpacity, {
+      activeOpacity: 0.9,
+      onPress: onPress,
+      disabled: !onPress,
+      style: customView ? styles.customContent : contentStyle,
+      children: customView ? customView : /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(View, {
+          style: styles.iconContainer,
+          children: getIcon()
+        }), /*#__PURE__*/_jsxs(View, {
+          style: styles.textContainer,
+          children: [text1 && /*#__PURE__*/_jsx(Text, {
+            style: text1Style,
+            children: text1
+          }), text2 && /*#__PURE__*/_jsx(Text, {
+            style: text2Style,
+            children: text2
+          })]
+        })]
+      })
+    })
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    position: 'absolute',
+    left: 16,
+    right: 16,
+    zIndex: 9999,
+    alignItems: 'center'
+  },
+  customContent: {
+    width: '100%',
+    maxWidth: 400
+  },
+  content: {
+    flexDirection: 'row',
+    borderRadius: 12,
+    padding: 16,
+    width: '100%',
+    shadowOffset: {
+      width: 0,
+      height: 4
+    },
+    shadowOpacity: 0.1,
+    shadowRadius: 12,
+    elevation: 5,
+    alignItems: 'center',
+    maxWidth: 400
+  },
+  contentLight: {
+    backgroundColor: '#ffffff',
+    shadowColor: '#000'
+  },
+  contentDark: {
+    backgroundColor: '#1f2937',
+    shadowColor: '#000',
+    borderWidth: 1,
+    borderColor: '#374151'
+  },
+  iconContainer: {
+    marginRight: 12
+  },
+  textContainer: {
+    flex: 1,
+    justifyContent: 'center'
+  },
+  text1: {
+    fontSize: 15,
+    fontWeight: '600',
+    marginBottom: 4
+  },
+  text1Light: {
+    color: '#1f2937'
+  },
+  text1Dark: {
+    color: '#f9fafb'
+  },
+  text2: {
+    fontSize: 13
+  },
+  text2Light: {
+    color: '#6b7280'
+  },
+  text2Dark: {
+    color: '#9ca3af'
+  }
+});
+//# sourceMappingURL=Toast.js.map

package/lib/module/Toast.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","StyleSheet","Text","View","TouchableOpacity","useColorScheme","Animated","useSharedValue","useAnimatedStyle","withSpring","withTiming","runOnJS","useSafeAreaInsets","SuccessIcon","ErrorIcon","InfoIcon","WarningIcon","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","Toast","isVisible","type","text1","text2","position","topOffset","bottomOffset","theme","providerTheme","onPress","onAnimationEnd","customView","insets","systemTheme","activeTheme","isDark","translateY","opacity","value","duration","damping","stiffness","finished","animatedStyle","transform","getIcon","getContainerStyle","isTop","styles","container","top","bottom","contentStyle","content","contentDark","contentLight","text1Style","text1Dark","text1Light","text2Style","text2Dark","text2Light","style","pointerEvents","children","activeOpacity","disabled","customContent","iconContainer","textContainer","create","left","right","zIndex","alignItems","width","maxWidth","flexDirection","borderRadius","padding","shadowOffset","height","shadowOpacity","shadowRadius","elevation","backgroundColor","shadowColor","borderWidth","borderColor","marginRight","flex","justifyContent","fontSize","fontWeight","marginBottom","color"],"sourceRoot":"../../src","sources":["Toast.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SACEC,UAAU,EACVC,IAAI,EACJC,IAAI,EACJC,gBAAgB,EAChBC,cAAc,QACT,cAAc;AACrB,OAAOC,QAAQ,IACbC,cAAc,EACdC,gBAAgB,EAChBC,UAAU,EACVC,UAAU,EACVC,OAAO,QACF,yBAAyB;AAChC,SAASC,iBAAiB,QAAQ,gCAAgC;AAElE,SAASC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,WAAW,QAAQ,YAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAExE,OAAO,MAAMC,KAA2B,GAAGA,CAAC;EAC1CC,SAAS;EACTC,IAAI,GAAG,MAAM;EACbC,KAAK;EACLC,KAAK;EACLC,QAAQ,GAAG,KAAK;EAChBC,SAAS,GAAG,EAAE;EACdC,YAAY,GAAG,EAAE;EACjBC,KAAK;EACLC,aAAa,GAAG,QAAQ;EACxBC,OAAO;EACPC,cAAc;EACdC;AACF,CAAC,KAAK;EACJ,MAAMC,MAAM,GAAGxB,iBAAiB,CAAC,CAAC;EAClC,MAAMyB,WAAW,GAAGhC,cAAc,CAAC,CAAC;EAEpC,MAAMiC,WAAW,GACfP,KAAK,IAAIA,KAAK,KAAK,QAAQ,GACvBA,KAAK,GACLC,aAAa,KAAK,QAAQ,GAC1BA,aAAa,GACbK,WAAW;EAEjB,MAAME,MAAM,GAAGD,WAAW,KAAK,MAAM;EAErC,MAAME,UAAU,GAAGjC,cAAc,CAACqB,QAAQ,KAAK,KAAK,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC;EAClE,MAAMa,OAAO,GAAGlC,cAAc,CAAC,CAAC,CAAC;EAEjCP,SAAS,CAAC,MAAM;IACd,IAAIwB,SAAS,EAAE;MACb;MACAgB,UAAU,CAACE,KAAK,GAAGd,QAAQ,KAAK,KAAK,GAAG,CAAC,GAAG,GAAG,GAAG;MAElDa,OAAO,CAACC,KAAK,GAAGhC,UAAU,CAAC,CAAC,EAAE;QAAEiC,QAAQ,EAAE;MAAI,CAAC,CAAC;MAChDH,UAAU,CAACE,KAAK,GAAGjC,UAAU,CAC3B,CAAC,EACD;QACEmC,OAAO,EAAE,EAAE;QACXC,SAAS,EAAE;MACb,CAAC,EACAC,QAAQ,IAAK;QACZ,IAAIA,QAAQ,IAAIZ,cAAc,EAAE;UAC9BvB,OAAO,CAACuB,cAAc,CAAC,CAAC,IAAI,CAAC;QAC/B;MACF,CACF,CAAC;IACH,CAAC,MAAM;MACLO,OAAO,CAACC,KAAK,GAAGhC,UAAU,CAAC,CAAC,EAAE;QAAEiC,QAAQ,EAAE;MAAI,CAAC,CAAC;MAChDH,UAAU,CAACE,KAAK,GAAGhC,UAAU,CAC3BkB,QAAQ,KAAK,KAAK,GAAG,CAAC,GAAG,GAAG,GAAG,EAC/B;QAAEe,QAAQ,EAAE;MAAI,CAAC,EAChBG,QAAQ,IAAK;QACZ,IAAIA,QAAQ,IAAIZ,cAAc,EAAE;UAC9BvB,OAAO,CAACuB,cAAc,CAAC,CAAC,KAAK,CAAC;QAChC;MACF,CACF,CAAC;IACH;EACF,CAAC,EAAE,CAACV,SAAS,EAAEiB,OAAO,EAAED,UAAU,EAAEZ,QAAQ,EAAEM,cAAc,CAAC,CAAC;EAE9D,MAAMa,aAAa,GAAGvC,gBAAgB,CAAC,MAAM;IAC3C,OAAO;MACLiC,OAAO,EAAEA,OAAO,CAACC,KAAK;MACtBM,SAAS,EAAE,CAAC;QAAER,UAAU,EAAEA,UAAU,CAACE;MAAM,CAAC;IAC9C,CAAC;EACH,CAAC,CAAC;EAEF,MAAMO,OAAO,GAAGA,CAAA,KAAM;IACpB,QAAQxB,IAAI;MACV,KAAK,SAAS;QACZ,oBAAOP,IAAA,CAACL,WAAW,IAAE,CAAC;MACxB,KAAK,OAAO;QACV,oBAAOK,IAAA,CAACJ,SAAS,IAAE,CAAC;MACtB,KAAK,SAAS;QACZ,oBAAOI,IAAA,CAACF,WAAW,IAAE,CAAC;MACxB,KAAK,MAAM;MACX;QACE,oBAAOE,IAAA,CAACH,QAAQ,IAAE,CAAC;IACvB;EACF,CAAC;EAED,MAAMmC,iBAAiB,GAAGA,CAAA,KAAM;IAC9B,MAAMC,KAAK,GAAGvB,QAAQ,KAAK,KAAK;IAChC,OAAO,CACLwB,MAAM,CAACC,SAAS,EAChBF,KAAK,GACD;MAAEG,GAAG,EAAElB,MAAM,CAACkB,GAAG,GAAGzB;IAAU,CAAC,GAC/B;MAAE0B,MAAM,EAAEnB,MAAM,CAACmB,MAAM,GAAGzB;IAAa,CAAC,EAC5CiB,aAAa,CACd;EACH,CAAC;EAED,MAAMS,YAAY,GAAG,CACnBJ,MAAM,CAACK,OAAO,EACdlB,MAAM,GAAGa,MAAM,CAACM,WAAW,GAAGN,MAAM,CAACO,YAAY,CAClD;EACD,MAAMC,UAAU,GAAG,CACjBR,MAAM,CAAC1B,KAAK,EACZa,MAAM,GAAGa,MAAM,CAACS,SAAS,GAAGT,MAAM,CAACU,UAAU,CAC9C;EACD,MAAMC,UAAU,GAAG,CACjBX,MAAM,CAACzB,KAAK,EACZY,MAAM,GAAGa,MAAM,CAACY,SAAS,GAAGZ,MAAM,CAACa,UAAU,CAC9C;EAED,oBACE/C,IAAA,CAACZ,QAAQ,CAACH,IAAI;IACZ;IACA+D,KAAK,EAAEhB,iBAAiB,CAAC,CAAE;IAC3BiB,aAAa,EAAE3C,SAAS,GAAG,UAAU,GAAG,MAAO;IAAA4C,QAAA,eAE/ClD,IAAA,CAACd,gBAAgB;MACfiE,aAAa,EAAE,GAAI;MACnBpC,OAAO,EAAEA,OAAQ;MACjBqC,QAAQ,EAAE,CAACrC,OAAQ;MACnBiC,KAAK,EAAE/B,UAAU,GAAGiB,MAAM,CAACmB,aAAa,GAAGf,YAAa;MAAAY,QAAA,EAEvDjC,UAAU,GACTA,UAAU,gBAEVf,KAAA,CAAAE,SAAA;QAAA8C,QAAA,gBACElD,IAAA,CAACf,IAAI;UAAC+D,KAAK,EAAEd,MAAM,CAACoB,aAAc;UAAAJ,QAAA,EAAEnB,OAAO,CAAC;QAAC,CAAO,CAAC,eACrD7B,KAAA,CAACjB,IAAI;UAAC+D,KAAK,EAAEd,MAAM,CAACqB,aAAc;UAAAL,QAAA,GAC/B1C,KAAK,iBAAIR,IAAA,CAAChB,IAAI;YAACgE,KAAK,EAAEN,UAAW;YAAAQ,QAAA,EAAE1C;UAAK,CAAO,CAAC,EAChDC,KAAK,iBAAIT,IAAA,CAAChB,IAAI;YAACgE,KAAK,EAAEH,UAAW;YAAAK,QAAA,EAAEzC;UAAK,CAAO,CAAC;QAAA,CAC7C,CAAC;MAAA,CACP;IACH,CACe;EAAC,CACN,CAAC;AAEpB,CAAC;AAED,MAAMyB,MAAM,GAAGnD,UAAU,CAACyE,MAAM,CAAC;EAC/BrB,SAAS,EAAE;IACTzB,QAAQ,EAAE,UAAU;IACpB+C,IAAI,EAAE,EAAE;IACRC,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,IAAI;IACZC,UAAU,EAAE;EACd,CAAC;EACDP,aAAa,EAAE;IACbQ,KAAK,EAAE,MAAM;IACbC,QAAQ,EAAE;EACZ,CAAC;EACDvB,OAAO,EAAE;IACPwB,aAAa,EAAE,KAAK;IACpBC,YAAY,EAAE,EAAE;IAChBC,OAAO,EAAE,EAAE;IACXJ,KAAK,EAAE,MAAM;IACbK,YAAY,EAAE;MAAEL,KAAK,EAAE,CAAC;MAAEM,MAAM,EAAE;IAAE,CAAC;IACrCC,aAAa,EAAE,GAAG;IAClBC,YAAY,EAAE,EAAE;IAChBC,SAAS,EAAE,CAAC;IACZV,UAAU,EAAE,QAAQ;IACpBE,QAAQ,EAAE;EACZ,CAAC;EACDrB,YAAY,EAAE;IACZ8B,eAAe,EAAE,SAAS;IAC1BC,WAAW,EAAE;EACf,CAAC;EACDhC,WAAW,EAAE;IACX+B,eAAe,EAAE,SAAS;IAC1BC,WAAW,EAAE,MAAM;IACnBC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAE;EACf,CAAC;EACDpB,aAAa,EAAE;IACbqB,WAAW,EAAE;EACf,CAAC;EACDpB,aAAa,EAAE;IACbqB,IAAI,EAAE,CAAC;IACPC,cAAc,EAAE;EAClB,CAAC;EACDrE,KAAK,EAAE;IACLsE,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,YAAY,EAAE;EAChB,CAAC;EACDpC,UAAU,EAAE;IACVqC,KAAK,EAAE;EACT,CAAC;EACDtC,SAAS,EAAE;IACTsC,KAAK,EAAE;EACT,CAAC;EACDxE,KAAK,EAAE;IACLqE,QAAQ,EAAE;EACZ,CAAC;EACD/B,UAAU,EAAE;IACVkC,KAAK,EAAE;EACT,CAAC;EACDnC,SAAS,EAAE;IACTmC,KAAK,EAAE;EACT;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/ToastProvider.js

@@ -0,0 +1,56 @@
+"use strict";
+
+import React, { useState, useCallback, useRef, useEffect } from 'react';
+import { Toast } from "./Toast.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+export const ToastRefWrapper = /*#__PURE__*/React.createRef();
+export const ToastProvider = ({
+  children,
+  theme = 'system'
+}) => {
+  const [options, setOptions] = useState({});
+  const [isVisible, setIsVisible] = useState(false);
+  const hideTimeoutRef = useRef(null);
+  const show = useCallback(opts => {
+    setOptions(opts);
+    setIsVisible(true);
+    if (hideTimeoutRef.current) clearTimeout(hideTimeoutRef.current);
+    const autoHide = opts.autoHide ?? true;
+    const visibilityTime = opts.visibilityTime ?? 3000;
+    if (autoHide) {
+      hideTimeoutRef.current = setTimeout(() => {
+        setIsVisible(false);
+      }, visibilityTime);
+    }
+  }, []);
+  const hide = useCallback(() => {
+    setIsVisible(false);
+    if (hideTimeoutRef.current) clearTimeout(hideTimeoutRef.current);
+  }, []);
+  useEffect(() => {
+    ToastRefWrapper.current = {
+      show,
+      hide
+    };
+  }, [show, hide]);
+  const onAnimationEnd = useCallback(visible => {
+    if (!visible) {
+      options.onHide?.();
+    } else {
+      options.onShow?.();
+    }
+  }, [options]);
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [children, /*#__PURE__*/_jsx(Toast, {
+      ...options,
+      isVisible: isVisible,
+      onAnimationEnd: onAnimationEnd,
+      providerTheme: theme
+    })]
+  });
+};
+export const ToastService = {
+  show: options => ToastRefWrapper.current?.show(options),
+  hide: () => ToastRefWrapper.current?.hide()
+};
+//# sourceMappingURL=ToastProvider.js.map

package/lib/module/ToastProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","useCallback","useRef","useEffect","Toast","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","ToastRefWrapper","createRef","ToastProvider","children","theme","options","setOptions","isVisible","setIsVisible","hideTimeoutRef","show","opts","current","clearTimeout","autoHide","visibilityTime","setTimeout","hide","onAnimationEnd","visible","onHide","onShow","providerTheme","ToastService"],"sourceRoot":"../../src","sources":["ToastProvider.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,WAAW,EAAEC,MAAM,EAAEC,SAAS,QAAQ,OAAO;AACvE,SAASC,KAAK,QAAQ,YAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAGhC,OAAO,MAAMC,eAAe,gBAAGZ,KAAK,CAACa,SAAS,CAAW,CAAC;AAE1D,OAAO,MAAMC,aAAa,GAAGA,CAAC;EAC5BC,QAAQ;EACRC,KAAK,GAAG;AACU,CAAC,KAAK;EACxB,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGjB,QAAQ,CAAe,CAAC,CAAC,CAAC;EACxD,MAAM,CAACkB,SAAS,EAAEC,YAAY,CAAC,GAAGnB,QAAQ,CAAC,KAAK,CAAC;EACjD,MAAMoB,cAAc,GAAGlB,MAAM,CAAwB,IAAI,CAAC;EAE1D,MAAMmB,IAAI,GAAGpB,WAAW,CAAEqB,IAAkB,IAAK;IAC/CL,UAAU,CAACK,IAAI,CAAC;IAChBH,YAAY,CAAC,IAAI,CAAC;IAElB,IAAIC,cAAc,CAACG,OAAO,EAAEC,YAAY,CAACJ,cAAc,CAACG,OAAO,CAAC;IAEhE,MAAME,QAAQ,GAAGH,IAAI,CAACG,QAAQ,IAAI,IAAI;IACtC,MAAMC,cAAc,GAAGJ,IAAI,CAACI,cAAc,IAAI,IAAI;IAElD,IAAID,QAAQ,EAAE;MACZL,cAAc,CAACG,OAAO,GAAGI,UAAU,CAAC,MAAM;QACxCR,YAAY,CAAC,KAAK,CAAC;MACrB,CAAC,EAAEO,cAAc,CAAC;IACpB;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,MAAME,IAAI,GAAG3B,WAAW,CAAC,MAAM;IAC7BkB,YAAY,CAAC,KAAK,CAAC;IACnB,IAAIC,cAAc,CAACG,OAAO,EAAEC,YAAY,CAACJ,cAAc,CAACG,OAAO,CAAC;EAClE,CAAC,EAAE,EAAE,CAAC;EAENpB,SAAS,CAAC,MAAM;IACbQ,eAAe,CAASY,OAAO,GAAG;MAAEF,IAAI;MAAEO;IAAK,CAAC;EACnD,CAAC,EAAE,CAACP,IAAI,EAAEO,IAAI,CAAC,CAAC;EAEhB,MAAMC,cAAc,GAAG5B,WAAW,CAC/B6B,OAAgB,IAAK;IACpB,IAAI,CAACA,OAAO,EAAE;MACZd,OAAO,CAACe,MAAM,GAAG,CAAC;IACpB,CAAC,MAAM;MACLf,OAAO,CAACgB,MAAM,GAAG,CAAC;IACpB;EACF,CAAC,EACD,CAAChB,OAAO,CACV,CAAC;EAED,oBACEN,KAAA,CAAAF,SAAA;IAAAM,QAAA,GACGA,QAAQ,eACTR,IAAA,CAACF,KAAK;MAAA,GACAY,OAAO;MACXE,SAAS,EAAEA,SAAU;MACrBW,cAAc,EAAEA,cAAe;MAC/BI,aAAa,EAAElB;IAAM,CACtB,CAAC;EAAA,CACF,CAAC;AAEP,CAAC;AAED,OAAO,MAAMmB,YAAY,GAAG;EAC1Bb,IAAI,EAAGL,OAAqB,IAAKL,eAAe,CAACY,OAAO,EAAEF,IAAI,CAACL,OAAO,CAAC;EACvEY,IAAI,EAAEA,CAAA,KAAMjB,eAAe,CAACY,OAAO,EAAEK,IAAI,CAAC;AAC5C,CAAC","ignoreList":[]}

package/lib/module/icons.js

@@ -0,0 +1,59 @@
+"use strict";
+
+import { Text, View, StyleSheet } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const SuccessIcon = () => /*#__PURE__*/_jsx(View, {
+  style: [styles.container, styles.success],
+  children: /*#__PURE__*/_jsx(Text, {
+    style: styles.icon,
+    children: "\u2713"
+  })
+});
+export const ErrorIcon = () => /*#__PURE__*/_jsx(View, {
+  style: [styles.container, styles.error],
+  children: /*#__PURE__*/_jsx(Text, {
+    style: styles.icon,
+    children: "\u2715"
+  })
+});
+export const InfoIcon = () => /*#__PURE__*/_jsx(View, {
+  style: [styles.container, styles.info],
+  children: /*#__PURE__*/_jsx(Text, {
+    style: styles.icon,
+    children: "i"
+  })
+});
+export const WarningIcon = () => /*#__PURE__*/_jsx(View, {
+  style: [styles.container, styles.warning],
+  children: /*#__PURE__*/_jsx(Text, {
+    style: styles.icon,
+    children: "!"
+  })
+});
+const styles = StyleSheet.create({
+  container: {
+    width: 24,
+    height: 24,
+    borderRadius: 12,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  icon: {
+    color: '#fff',
+    fontSize: 14,
+    fontWeight: 'bold'
+  },
+  success: {
+    backgroundColor: '#4ade80'
+  },
+  error: {
+    backgroundColor: '#f87171'
+  },
+  info: {
+    backgroundColor: '#60a5fa'
+  },
+  warning: {
+    backgroundColor: '#fbbf24'
+  }
+});
+//# sourceMappingURL=icons.js.map

package/lib/module/icons.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Text","View","StyleSheet","jsx","_jsx","SuccessIcon","style","styles","container","success","children","icon","ErrorIcon","error","InfoIcon","info","WarningIcon","warning","create","width","height","borderRadius","justifyContent","alignItems","color","fontSize","fontWeight","backgroundColor"],"sourceRoot":"../../src","sources":["icons.tsx"],"mappings":";;AAAA,SAASA,IAAI,EAAEC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEtD,OAAO,MAAMC,WAAW,GAAGA,CAAA,kBACzBD,IAAA,CAACH,IAAI;EAACK,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAED,MAAM,CAACE,OAAO,CAAE;EAAAC,QAAA,eAC9CN,IAAA,CAACJ,IAAI;IAACM,KAAK,EAAEC,MAAM,CAACI,IAAK;IAAAD,QAAA,EAAC;EAAC,CAAM;AAAC,CAC9B,CACP;AAED,OAAO,MAAME,SAAS,GAAGA,CAAA,kBACvBR,IAAA,CAACH,IAAI;EAACK,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAED,MAAM,CAACM,KAAK,CAAE;EAAAH,QAAA,eAC5CN,IAAA,CAACJ,IAAI;IAACM,KAAK,EAAEC,MAAM,CAACI,IAAK;IAAAD,QAAA,EAAC;EAAC,CAAM;AAAC,CAC9B,CACP;AAED,OAAO,MAAMI,QAAQ,GAAGA,CAAA,kBACtBV,IAAA,CAACH,IAAI;EAACK,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAED,MAAM,CAACQ,IAAI,CAAE;EAAAL,QAAA,eAC3CN,IAAA,CAACJ,IAAI;IAACM,KAAK,EAAEC,MAAM,CAACI,IAAK;IAAAD,QAAA,EAAC;EAAC,CAAM;AAAC,CAC9B,CACP;AAED,OAAO,MAAMM,WAAW,GAAGA,CAAA,kBACzBZ,IAAA,CAACH,IAAI;EAACK,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAED,MAAM,CAACU,OAAO,CAAE;EAAAP,QAAA,eAC9CN,IAAA,CAACJ,IAAI;IAACM,KAAK,EAAEC,MAAM,CAACI,IAAK;IAAAD,QAAA,EAAC;EAAC,CAAM;AAAC,CAC9B,CACP;AAED,MAAMH,MAAM,GAAGL,UAAU,CAACgB,MAAM,CAAC;EAC/BV,SAAS,EAAE;IACTW,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE,EAAE;IAChBC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd,CAAC;EACDZ,IAAI,EAAE;IACJa,KAAK,EAAE,MAAM;IACbC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd,CAAC;EACDjB,OAAO,EAAE;IACPkB,eAAe,EAAE;EACnB,CAAC;EACDd,KAAK,EAAE;IACLc,eAAe,EAAE;EACnB,CAAC;EACDZ,IAAI,EAAE;IACJY,eAAe,EAAE;EACnB,CAAC;EACDV,OAAO,EAAE;IACPU,eAAe,EAAE;EACnB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/index.js

@@ -0,0 +1,7 @@
+"use strict";
+
+export * from "./types.js";
+export * from "./ToastProvider.js";
+export { ToastService as Toast } from "./ToastProvider.js";
+export { Toast as CustomToast } from "./Toast.js";
+//# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ToastService","Toast","CustomToast"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,cAAc,YAAS;AACvB,cAAc,oBAAiB;AAC/B,SAASA,YAAY,IAAIC,KAAK,QAAQ,oBAAiB;AACvD,SAASA,KAAK,IAAIC,WAAW,QAAQ,YAAS","ignoreList":[]}

package/lib/module/package.json

@@ -0,0 +1 @@
+{"type":"module"}

package/lib/module/types.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=types.js.map

package/lib/module/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../src","sources":["types.ts"],"mappings":"","ignoreList":[]}

package/lib/typescript/package.json

@@ -0,0 +1 @@
+{"type":"module"}

package/lib/typescript/src/Toast.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ToastProps } from './types';
+export declare const Toast: React.FC<ToastProps>;
+//# sourceMappingURL=Toast.d.ts.map

package/lib/typescript/src/Toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/Toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAgBzC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAG1C,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAoItC,CAAC"}

package/lib/typescript/src/ToastProvider.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { ToastOptions, ToastRef, ToastProviderProps } from './types';
+export declare const ToastRefWrapper: React.RefObject<ToastRef | null>;
+export declare const ToastProvider: ({ children, theme, }: ToastProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ToastService: {
+    show: (options: ToastOptions) => void | undefined;
+    hide: () => void | undefined;
+};
+//# sourceMappingURL=ToastProvider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToastProvider.d.ts","sourceRoot":"","sources":["../../../src/ToastProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAExE,OAAO,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE1E,eAAO,MAAM,eAAe,kCAA8B,CAAC;AAE3D,eAAO,MAAM,aAAa,GAAI,sBAG3B,kBAAkB,4CAoDpB,CAAC;AAEF,eAAO,MAAM,YAAY;oBACP,YAAY;;CAE7B,CAAC"}

package/lib/typescript/src/icons.d.ts

@@ -0,0 +1,5 @@
+export declare const SuccessIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const ErrorIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const InfoIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const WarningIcon: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=icons.d.ts.map

package/lib/typescript/src/icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/icons.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,+CAIvB,CAAC;AAEF,eAAO,MAAM,SAAS,+CAIrB,CAAC;AAEF,eAAO,MAAM,QAAQ,+CAIpB,CAAC;AAEF,eAAO,MAAM,WAAW,+CAIvB,CAAC"}

package/lib/typescript/src/index.d.ts

@@ -0,0 +1,5 @@
+export * from './types';
+export * from './ToastProvider';
+export { ToastService as Toast } from './ToastProvider';
+export { Toast as CustomToast } from './Toast';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,OAAO,EAAE,YAAY,IAAI,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxD,OAAO,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,SAAS,CAAC"}

package/lib/typescript/src/types.d.ts

@@ -0,0 +1,33 @@
+export type ToastType = 'success' | 'error' | 'info' | 'warning';
+export type ToastPosition = 'top' | 'bottom';
+export type ToastTheme = 'light' | 'dark' | 'system';
+export interface ToastOptions {
+    type?: ToastType;
+    text1?: string;
+    text2?: string;
+    duration?: number;
+    position?: ToastPosition;
+    topOffset?: number;
+    bottomOffset?: number;
+    visibilityTime?: number;
+    autoHide?: boolean;
+    theme?: ToastTheme;
+    onPress?: () => void;
+    onShow?: () => void;
+    onHide?: () => void;
+    customView?: React.ReactNode;
+}
+export interface ToastProps extends ToastOptions {
+    isVisible: boolean;
+    providerTheme?: ToastTheme;
+    onAnimationEnd: (isVisible: boolean) => void;
+}
+export interface ToastProviderProps {
+    children: React.ReactNode;
+    theme?: ToastTheme;
+}
+export interface ToastRef {
+    show: (options: ToastOptions) => void;
+    hide: () => void;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/src/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;AAEjE,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,QAAQ,CAAC;AAE7C,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAErD,MAAM,WAAW,YAAY;IAC3B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED,MAAM,WAAW,UAAW,SAAQ,YAAY;IAC9C,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,UAAU,CAAC;IAC3B,cAAc,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;CAC9C;AAED,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,UAAU,CAAC;CACpB;AAED,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IACtC,IAAI,EAAE,MAAM,IAAI,CAAC;CAClB"}

package/package.json

@@ -0,0 +1,169 @@
+{
+  "name": "@selimh/react-native-toast",
+  "version": "0.2.0",
+  "description": "A beautifully animated, highly customizable, imperative Toast library for React Native.",
+  "keywords": [
+    "react-native",
+    "react-native-toast",
+    "toast",
+    "reanimated",
+    "alert",
+    "notification",
+    "snackbar",
+    "toast-message"
+  ],
+  "main": "./lib/module/index.js",
+  "types": "./lib/typescript/src/index.d.ts",
+  "exports": {
+    ".": {
+      "source": "./src/index.tsx",
+      "types": "./lib/typescript/src/index.d.ts",
+      "default": "./lib/module/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "src",
+    "lib",
+    "android",
+    "ios",
+    "cpp",
+    "*.podspec",
+    "react-native.config.js",
+    "!ios/build",
+    "!android/build",
+    "!android/gradle",
+    "!android/gradlew",
+    "!android/gradlew.bat",
+    "!android/local.properties",
+    "!**/__tests__",
+    "!**/__fixtures__",
+    "!**/__mocks__",
+    "!**/.*"
+  ],
+  "scripts": {
+    "example": "yarn workspace react-native-toast-example",
+    "clean": "del-cli lib",
+    "prepare": "bob build",
+    "typecheck": "tsc",
+    "lint": "eslint \"**/*.{js,ts,tsx}\"",
+    "test": "jest",
+    "release": "release-it --only-version"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/selimhamzaogullari/react-native-toast.git"
+  },
+  "author": "Selim Hamzaoğulları <selimhamzaogullari@hotmail.com> (https://github.com/selimhamzaogullari)",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/selimhamzaogullari/react-native-toast/issues"
+  },
+  "homepage": "https://github.com/selimhamzaogullari/react-native-toast#readme",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "public"
+  },
+  "devDependencies": {
+    "@commitlint/config-conventional": "^19.8.1",
+    "@eslint/compat": "^1.3.2",
+    "@eslint/eslintrc": "^3.3.1",
+    "@eslint/js": "^9.35.0",
+    "@react-native/babel-preset": "0.83.0",
+    "@react-native/eslint-config": "0.83.0",
+    "@release-it/conventional-changelog": "^10.0.1",
+    "@types/jest": "^29.5.14",
+    "@types/react": "^19.1.12",
+    "commitlint": "^19.8.1",
+    "del-cli": "^6.0.0",
+    "eslint": "^9.35.0",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-prettier": "^5.5.4",
+    "jest": "^29.7.0",
+    "lefthook": "^2.0.3",
+    "prettier": "^2.8.8",
+    "react": "19.2.0",
+    "react-native": "0.83.2",
+    "react-native-builder-bob": "^0.40.18",
+    "react-native-reanimated": "3.16.7",
+    "react-native-safe-area-context": "^5.7.0",
+    "release-it": "^19.0.4",
+    "turbo": "^2.5.6",
+    "typescript": "^5.9.2"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-native": "*"
+  },
+  "workspaces": [
+    "example"
+  ],
+  "packageManager": "yarn@4.11.0",
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      [
+        "module",
+        {
+          "esm": true
+        }
+      ],
+      [
+        "typescript",
+        {
+          "project": "tsconfig.build.json"
+        }
+      ]
+    ]
+  },
+  "prettier": {
+    "quoteProps": "consistent",
+    "singleQuote": true,
+    "tabWidth": 2,
+    "trailingComma": "es5",
+    "useTabs": false
+  },
+  "jest": {
+    "preset": "react-native",
+    "modulePathIgnorePatterns": [
+      "<rootDir>/example/node_modules",
+      "<rootDir>/lib/"
+    ]
+  },
+  "commitlint": {
+    "extends": [
+      "@commitlint/config-conventional"
+    ]
+  },
+  "release-it": {
+    "git": {
+      "commitMessage": "chore: release ${version}",
+      "tagName": "v${version}"
+    },
+    "npm": {
+      "publish": true
+    },
+    "github": {
+      "release": true
+    },
+    "plugins": {
+      "@release-it/conventional-changelog": {
+        "preset": {
+          "name": "angular"
+        }
+      }
+    }
+  },
+  "create-react-native-library": {
+    "type": "library",
+    "languages": "js",
+    "tools": [
+      "eslint",
+      "jest",
+      "lefthook",
+      "release-it"
+    ],
+    "version": "0.57.2"
+  }
+}

package/src/Toast.tsx

@@ -0,0 +1,215 @@
+import React, { useEffect } from 'react';
+import {
+  StyleSheet,
+  Text,
+  View,
+  TouchableOpacity,
+  useColorScheme,
+} from 'react-native';
+import Animated, {
+  useSharedValue,
+  useAnimatedStyle,
+  withSpring,
+  withTiming,
+  runOnJS,
+} from 'react-native-reanimated';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import type { ToastProps } from './types';
+import { SuccessIcon, ErrorIcon, InfoIcon, WarningIcon } from './icons';
+
+export const Toast: React.FC<ToastProps> = ({
+  isVisible,
+  type = 'info',
+  text1,
+  text2,
+  position = 'top',
+  topOffset = 10,
+  bottomOffset = 10,
+  theme,
+  providerTheme = 'system',
+  onPress,
+  onAnimationEnd,
+  customView,
+}) => {
+  const insets = useSafeAreaInsets();
+  const systemTheme = useColorScheme();
+
+  const activeTheme =
+    theme && theme !== 'system'
+      ? theme
+      : providerTheme !== 'system'
+      ? providerTheme
+      : systemTheme;
+
+  const isDark = activeTheme === 'dark';
+
+  const translateY = useSharedValue(position === 'top' ? -150 : 150);
+  const opacity = useSharedValue(0);
+
+  useEffect(() => {
+    if (isVisible) {
+      // Reset position instantly before starting the animation
+      translateY.value = position === 'top' ? -150 : 150;
+
+      opacity.value = withTiming(1, { duration: 300 });
+      translateY.value = withSpring(
+        0,
+        {
+          damping: 40,
+          stiffness: 250,
+        },
+        (finished) => {
+          if (finished && onAnimationEnd) {
+            runOnJS(onAnimationEnd)(true);
+          }
+        }
+      );
+    } else {
+      opacity.value = withTiming(0, { duration: 300 });
+      translateY.value = withTiming(
+        position === 'top' ? -150 : 150,
+        { duration: 300 },
+        (finished) => {
+          if (finished && onAnimationEnd) {
+            runOnJS(onAnimationEnd)(false);
+          }
+        }
+      );
+    }
+  }, [isVisible, opacity, translateY, position, onAnimationEnd]);
+
+  const animatedStyle = useAnimatedStyle(() => {
+    return {
+      opacity: opacity.value,
+      transform: [{ translateY: translateY.value }],
+    };
+  });
+
+  const getIcon = () => {
+    switch (type) {
+      case 'success':
+        return <SuccessIcon />;
+      case 'error':
+        return <ErrorIcon />;
+      case 'warning':
+        return <WarningIcon />;
+      case 'info':
+      default:
+        return <InfoIcon />;
+    }
+  };
+
+  const getContainerStyle = () => {
+    const isTop = position === 'top';
+    return [
+      styles.container,
+      isTop
+        ? { top: insets.top + topOffset }
+        : { bottom: insets.bottom + bottomOffset },
+      animatedStyle,
+    ] as any;
+  };
+
+  const contentStyle = [
+    styles.content,
+    isDark ? styles.contentDark : styles.contentLight,
+  ];
+  const text1Style = [
+    styles.text1,
+    isDark ? styles.text1Dark : styles.text1Light,
+  ];
+  const text2Style = [
+    styles.text2,
+    isDark ? styles.text2Dark : styles.text2Light,
+  ];
+
+  return (
+    <Animated.View
+      // @ts-ignore - TS2589 bypass
+      style={getContainerStyle()}
+      pointerEvents={isVisible ? 'box-none' : 'none'}
+    >
+      <TouchableOpacity
+        activeOpacity={0.9}
+        onPress={onPress}
+        disabled={!onPress}
+        style={customView ? styles.customContent : contentStyle}
+      >
+        {customView ? (
+          customView
+        ) : (
+          <>
+            <View style={styles.iconContainer}>{getIcon()}</View>
+            <View style={styles.textContainer}>
+              {text1 && <Text style={text1Style}>{text1}</Text>}
+              {text2 && <Text style={text2Style}>{text2}</Text>}
+            </View>
+          </>
+        )}
+      </TouchableOpacity>
+    </Animated.View>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    position: 'absolute',
+    left: 16,
+    right: 16,
+    zIndex: 9999,
+    alignItems: 'center',
+  },
+  customContent: {
+    width: '100%',
+    maxWidth: 400,
+  },
+  content: {
+    flexDirection: 'row',
+    borderRadius: 12,
+    padding: 16,
+    width: '100%',
+    shadowOffset: { width: 0, height: 4 },
+    shadowOpacity: 0.1,
+    shadowRadius: 12,
+    elevation: 5,
+    alignItems: 'center',
+    maxWidth: 400,
+  },
+  contentLight: {
+    backgroundColor: '#ffffff',
+    shadowColor: '#000',
+  },
+  contentDark: {
+    backgroundColor: '#1f2937',
+    shadowColor: '#000',
+    borderWidth: 1,
+    borderColor: '#374151',
+  },
+  iconContainer: {
+    marginRight: 12,
+  },
+  textContainer: {
+    flex: 1,
+    justifyContent: 'center',
+  },
+  text1: {
+    fontSize: 15,
+    fontWeight: '600',
+    marginBottom: 4,
+  },
+  text1Light: {
+    color: '#1f2937',
+  },
+  text1Dark: {
+    color: '#f9fafb',
+  },
+  text2: {
+    fontSize: 13,
+  },
+  text2Light: {
+    color: '#6b7280',
+  },
+  text2Dark: {
+    color: '#9ca3af',
+  },
+});

package/src/ToastProvider.tsx

@@ -0,0 +1,67 @@
+import React, { useState, useCallback, useRef, useEffect } from 'react';
+import { Toast } from './Toast';
+import type { ToastOptions, ToastRef, ToastProviderProps } from './types';
+
+export const ToastRefWrapper = React.createRef<ToastRef>();
+
+export const ToastProvider = ({
+  children,
+  theme = 'system',
+}: ToastProviderProps) => {
+  const [options, setOptions] = useState<ToastOptions>({});
+  const [isVisible, setIsVisible] = useState(false);
+  const hideTimeoutRef = useRef<NodeJS.Timeout | null>(null);
+
+  const show = useCallback((opts: ToastOptions) => {
+    setOptions(opts);
+    setIsVisible(true);
+
+    if (hideTimeoutRef.current) clearTimeout(hideTimeoutRef.current);
+
+    const autoHide = opts.autoHide ?? true;
+    const visibilityTime = opts.visibilityTime ?? 3000;
+
+    if (autoHide) {
+      hideTimeoutRef.current = setTimeout(() => {
+        setIsVisible(false);
+      }, visibilityTime);
+    }
+  }, []);
+
+  const hide = useCallback(() => {
+    setIsVisible(false);
+    if (hideTimeoutRef.current) clearTimeout(hideTimeoutRef.current);
+  }, []);
+
+  useEffect(() => {
+    (ToastRefWrapper as any).current = { show, hide };
+  }, [show, hide]);
+
+  const onAnimationEnd = useCallback(
+    (visible: boolean) => {
+      if (!visible) {
+        options.onHide?.();
+      } else {
+        options.onShow?.();
+      }
+    },
+    [options]
+  );
+
+  return (
+    <>
+      {children}
+      <Toast
+        {...options}
+        isVisible={isVisible}
+        onAnimationEnd={onAnimationEnd}
+        providerTheme={theme}
+      />
+    </>
+  );
+};
+
+export const ToastService = {
+  show: (options: ToastOptions) => ToastRefWrapper.current?.show(options),
+  hide: () => ToastRefWrapper.current?.hide(),
+};

package/src/icons.tsx

@@ -0,0 +1,52 @@
+import { Text, View, StyleSheet } from 'react-native';
+
+export const SuccessIcon = () => (
+  <View style={[styles.container, styles.success]}>
+    <Text style={styles.icon}>✓</Text>
+  </View>
+);
+
+export const ErrorIcon = () => (
+  <View style={[styles.container, styles.error]}>
+    <Text style={styles.icon}>✕</Text>
+  </View>
+);
+
+export const InfoIcon = () => (
+  <View style={[styles.container, styles.info]}>
+    <Text style={styles.icon}>i</Text>
+  </View>
+);
+
+export const WarningIcon = () => (
+  <View style={[styles.container, styles.warning]}>
+    <Text style={styles.icon}>!</Text>
+  </View>
+);
+
+const styles = StyleSheet.create({
+  container: {
+    width: 24,
+    height: 24,
+    borderRadius: 12,
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+  icon: {
+    color: '#fff',
+    fontSize: 14,
+    fontWeight: 'bold',
+  },
+  success: {
+    backgroundColor: '#4ade80',
+  },
+  error: {
+    backgroundColor: '#f87171',
+  },
+  info: {
+    backgroundColor: '#60a5fa',
+  },
+  warning: {
+    backgroundColor: '#fbbf24',
+  },
+});

package/src/index.tsx

@@ -0,0 +1,4 @@
+export * from './types';
+export * from './ToastProvider';
+export { ToastService as Toast } from './ToastProvider';
+export { Toast as CustomToast } from './Toast';

package/src/types.ts

@@ -0,0 +1,38 @@
+export type ToastType = 'success' | 'error' | 'info' | 'warning';
+
+export type ToastPosition = 'top' | 'bottom';
+
+export type ToastTheme = 'light' | 'dark' | 'system';
+
+export interface ToastOptions {
+  type?: ToastType;
+  text1?: string;
+  text2?: string;
+  duration?: number;
+  position?: ToastPosition;
+  topOffset?: number;
+  bottomOffset?: number;
+  visibilityTime?: number;
+  autoHide?: boolean;
+  theme?: ToastTheme;
+  onPress?: () => void;
+  onShow?: () => void;
+  onHide?: () => void;
+  customView?: React.ReactNode;
+}
+
+export interface ToastProps extends ToastOptions {
+  isVisible: boolean;
+  providerTheme?: ToastTheme;
+  onAnimationEnd: (isVisible: boolean) => void;
+}
+
+export interface ToastProviderProps {
+  children: React.ReactNode;
+  theme?: ToastTheme;
+}
+
+export interface ToastRef {
+  show: (options: ToastOptions) => void;
+  hide: () => void;
+}