react-native-bread 0.5.2 → 0.6.0

package/README.md

@@ -6,20 +6,19 @@ An extremely lightweight, opinionated toast component for React Native.
 
 ## Features
 
-- **Extremely lightweight** package, only 14KB packed size
+- **Lightweight** - only 20KB packed size
+- **New Architecture** - built exclusively for React Native 0.76+ with Fabric
 - Clean, imperative API inspired by [Sonner](https://sonner.emilkowal.ski/)
 - Zero setup - add one component, start toasting. No hooks, no providers
-- Built for mobile with smooth 60fps animations powered by Reanimated
+- Smooth 60fps animations powered by Reanimated
 - Natural swipe gestures that feel native to the platform
 - Multiple toast types: `success`, `error`, `info`, `promise`, and `custom`
 - Promise handling with automatic loading → success/error states
-- Complex animations and gestures but with high performance
 - Toast stacking with configurable limits
-- Position toasts at top or bottom of screen
-- **RTL built-in support** - perfect for Arabic and other RTL languages
+- **Works above modals** - automatic on iOS, simple setup on Android
+- **RTL support** - perfect for Arabic and other RTL languages
 - Completely customizable - colors, icons, styles, animations
 - Full Expo compatibility
-- Imperative API works anywhere - components, utilities, event handlers
 
 
 
@@ -38,19 +37,20 @@ This package requires the following peer dependencies:
 | [react-native-reanimated](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/getting-started) | >= 4.1.0 |
 | [react-native-gesture-handler](https://docs.swmansion.com/react-native-gesture-handler/docs/) | >= 2.25.0 |
 | [react-native-safe-area-context](https://docs.expo.dev/versions/latest/sdk/safe-area-context/) | >= 5.0.0 |
+| [react-native-screens](https://docs.swmansion.com/react-native-screens/) | >= 4.0.0 |
 | [react-native-svg](https://github.com/software-mansion/react-native-svg) | >= 15.8.0 |
 | [react-native-worklets](https://github.com/margelo/react-native-worklets-core) | >= 0.5.0 |
 
 If you don't have these installed, you can install all peer dependencies at once:
 
 ```sh
-bun add react-native-reanimated react-native-gesture-handler react-native-safe-area-context react-native-svg react-native-worklets
+bun add react-native-reanimated react-native-gesture-handler react-native-safe-area-context react-native-screens react-native-svg react-native-worklets
 ```
 
 Or with npm:
 
 ```sh
-npm install react-native-reanimated react-native-gesture-handler react-native-safe-area-context react-native-svg react-native-worklets
+npm install react-native-reanimated react-native-gesture-handler react-native-safe-area-context react-native-screens react-native-svg react-native-worklets
 ```
 
 > **Note**: Make sure your `react-native-reanimated` and `react-native-worklets` versions are compatible. Reanimated 4.1.x works with worklets 0.5.x-0.7.x, while Reanimated 4.2.x requires worklets 0.7.x only.
@@ -217,9 +217,25 @@ Available options include:
 | `toast.dismiss(id)` | Dismiss a specific toast |
 | `toast.dismissAll()` | Dismiss all toasts |
 
-## Known Issues
+## Toasts in Modals
 
-**Modal Pages**: Toasts may render behind React Native's `screenOptions={{ presentation: "modal" }}`  since they are mounted at the native layer above the whole app.
+Toasts automatically appear above native modals on **iOS**.
 
-**Solution**: Use `screenOptions={{ presentation: "containedModal" }}`, or add another `<BreadLoaf>` inside the modal page.
+On **Android**, add `<ToastPortal />` inside your modal layouts:
+
+```tsx
+// app/(modal)/_layout.tsx
+import { Stack } from "expo-router";
+import { Platform } from "react-native";
+import { ToastPortal } from "react-native-bread";
+
+export default function ModalLayout() {
+  return (
+    <>
+      <Stack screenOptions={{ headerShown: false }} />
+      {Platform.OS === "android" && <ToastPortal />}
+    </>
+  );
+}
+```
 

package/lib/commonjs/constants.js

@@ -1 +1,25 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SWIPE_EXIT_OFFSET=exports.STACK_TRANSITION_DURATION=exports.STACK_SCALE_PER_ITEM=exports.STACK_OFFSET_PER_ITEM=exports.SPRING_BACK_DURATION=exports.POOL_SIZE=exports.MAX_DRAG_RESISTANCE=exports.MAX_DRAG_CLAMP=exports.ICON_SIZE=exports.ICON_ANIMATION_DURATION=exports.EXIT_OFFSET=exports.EXIT_DURATION=exports.ENTRY_OFFSET=exports.ENTRY_DURATION=exports.EASING=exports.DISMISS_VELOCITY_THRESHOLD=exports.DISMISS_THRESHOLD=void 0;var _=require("react-native-reanimated");exports.ICON_SIZE=28,exports.POOL_SIZE=5,exports.ENTRY_DURATION=400,exports.EXIT_DURATION=350,exports.STACK_TRANSITION_DURATION=300,exports.SPRING_BACK_DURATION=650,exports.ICON_ANIMATION_DURATION=350,exports.ENTRY_OFFSET=80,exports.EXIT_OFFSET=100,exports.SWIPE_EXIT_OFFSET=200,exports.MAX_DRAG_CLAMP=180,exports.MAX_DRAG_RESISTANCE=60,exports.DISMISS_THRESHOLD=40,exports.DISMISS_VELOCITY_THRESHOLD=300,exports.STACK_OFFSET_PER_ITEM=10,exports.STACK_SCALE_PER_ITEM=.05,exports.EASING=_.Easing.bezier(.25,.1,.25,1);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SWIPE_EXIT_OFFSET = exports.STACK_TRANSITION_DURATION = exports.STACK_SCALE_PER_ITEM = exports.STACK_OFFSET_PER_ITEM = exports.SPRING_BACK_DURATION = exports.POOL_SIZE = exports.MAX_DRAG_RESISTANCE = exports.MAX_DRAG_CLAMP = exports.ICON_SIZE = exports.ICON_ANIMATION_DURATION = exports.EXIT_OFFSET = exports.EXIT_DURATION = exports.ENTRY_OFFSET = exports.ENTRY_DURATION = exports.EASING = exports.DISMISS_VELOCITY_THRESHOLD = exports.DISMISS_THRESHOLD = void 0;
+var _reactNativeReanimated = require("react-native-reanimated");
+const ICON_SIZE = exports.ICON_SIZE = 28;
+const POOL_SIZE = exports.POOL_SIZE = 5;
+const ENTRY_DURATION = exports.ENTRY_DURATION = 400;
+const EXIT_DURATION = exports.EXIT_DURATION = 350;
+const STACK_TRANSITION_DURATION = exports.STACK_TRANSITION_DURATION = 300;
+const SPRING_BACK_DURATION = exports.SPRING_BACK_DURATION = 650;
+const ICON_ANIMATION_DURATION = exports.ICON_ANIMATION_DURATION = 350;
+const ENTRY_OFFSET = exports.ENTRY_OFFSET = 80;
+const EXIT_OFFSET = exports.EXIT_OFFSET = 100;
+const SWIPE_EXIT_OFFSET = exports.SWIPE_EXIT_OFFSET = 200;
+const MAX_DRAG_CLAMP = exports.MAX_DRAG_CLAMP = 180;
+const MAX_DRAG_RESISTANCE = exports.MAX_DRAG_RESISTANCE = 60;
+const DISMISS_THRESHOLD = exports.DISMISS_THRESHOLD = 40;
+const DISMISS_VELOCITY_THRESHOLD = exports.DISMISS_VELOCITY_THRESHOLD = 300;
+const STACK_OFFSET_PER_ITEM = exports.STACK_OFFSET_PER_ITEM = 10;
+const STACK_SCALE_PER_ITEM = exports.STACK_SCALE_PER_ITEM = 0.05;
+const EASING = exports.EASING = _reactNativeReanimated.Easing.bezier(0.25, 0.1, 0.25, 1.0);
+//# sourceMappingURL=constants.js.map

package/lib/commonjs/icons/CloseIcon.js

@@ -1 +1,22 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CloseIcon=void 0;var e=function(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return function(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?o(f,t,i):f[t]=e[t]);return f}(e,t)}(require("react-native-svg")),t=require("react/jsx-runtime");exports.CloseIcon=r=>(0,t.jsx)(e.default,{viewBox:"0 0 24 24",width:24,height:24,fill:"none",...r,children:(0,t.jsx)(e.Path,{fill:r.fill??"#8993A4",d:"M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41Z"})});
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CloseIcon = void 0;
+var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const CloseIcon = props => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.default, {
+  viewBox: "0 0 24 24",
+  width: 24,
+  height: 24,
+  fill: "none",
+  ...props,
+  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+    fill: props.fill ?? "#8993A4",
+    d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41Z"
+  })
+});
+exports.CloseIcon = CloseIcon;
+//# sourceMappingURL=CloseIcon.js.map

package/lib/commonjs/icons/GreenCheck.js

@@ -1 +1,27 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.GreenCheck=void 0;var e=function(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return function(e,t){if(!t&&e&&e.__esModule)return e;var i,l,a={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return a;if(i=t?n:r){if(i.has(e))return i.get(e);i.set(e,a)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((l=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(l.get||l.set)?i(a,t,l):a[t]=e[t]);return a}(e,t)}(require("react-native-svg")),t=require("react/jsx-runtime");exports.GreenCheck=r=>(0,t.jsxs)(e.default,{viewBox:"0 0 30 31",width:30,height:31,fill:"none",...r,children:[(0,t.jsx)(e.Path,{fill:r.fill??"#28B770",fillRule:"evenodd",d:"m19.866 13.152-5.772 5.773a.933.933 0 0 1-1.326 0L9.88 16.039a.938.938 0 0 1 1.325-1.327l2.225 2.224 5.109-5.11a.938.938 0 1 1 1.326 1.326Zm.28-9.652H9.602C5.654 3.5 3 6.276 3 10.409v9.935c0 4.131 2.654 6.906 6.602 6.906h10.543c3.95 0 6.605-2.775 6.605-6.906v-9.935c0-4.133-2.654-6.909-6.604-6.909Z",clipRule:"evenodd"}),(0,t.jsx)(e.Path,{fill:"#fff",d:"m19.866 13.152-5.772 5.773a.933.933 0 0 1-1.326 0L9.88 16.039a.938.938 0 0 1 1.325-1.327l2.225 2.224 5.109-5.11a.938.938 0 1 1 1.326 1.326Z"})]});
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GreenCheck = void 0;
+var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const GreenCheck = props => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
+  viewBox: "0 0 30 31",
+  width: 30,
+  height: 31,
+  fill: "none",
+  ...props,
+  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+    fill: props.fill ?? "#28B770",
+    fillRule: "evenodd",
+    d: "m19.866 13.152-5.772 5.773a.933.933 0 0 1-1.326 0L9.88 16.039a.938.938 0 0 1 1.325-1.327l2.225 2.224 5.109-5.11a.938.938 0 1 1 1.326 1.326Zm.28-9.652H9.602C5.654 3.5 3 6.276 3 10.409v9.935c0 4.131 2.654 6.906 6.602 6.906h10.543c3.95 0 6.605-2.775 6.605-6.906v-9.935c0-4.133-2.654-6.909-6.604-6.909Z",
+    clipRule: "evenodd"
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+    fill: "#fff",
+    d: "m19.866 13.152-5.772 5.773a.933.933 0 0 1-1.326 0L9.88 16.039a.938.938 0 0 1 1.325-1.327l2.225 2.224 5.109-5.11a.938.938 0 1 1 1.326 1.326Z"
+  })]
+});
+exports.GreenCheck = GreenCheck;
+//# sourceMappingURL=GreenCheck.js.map

package/lib/commonjs/icons/InfoIcon.js

@@ -1 +1,24 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.InfoIcon=void 0;var e=function(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return function(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?o(f,t,i):f[t]=e[t]);return f}(e,t)}(require("react-native-svg")),t=require("react/jsx-runtime");exports.InfoIcon=r=>(0,t.jsx)(e.default,{viewBox:"0 0 24 24",width:24,height:24,fill:"none",...r,children:(0,t.jsx)(e.Path,{fill:r.fill??"#EDBE43",fillRule:"evenodd",d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2Zm1 15h-2v-6h2v6Zm0-8h-2V7h2v2Z",clipRule:"evenodd"})});
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InfoIcon = void 0;
+var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const InfoIcon = props => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.default, {
+  viewBox: "0 0 24 24",
+  width: 24,
+  height: 24,
+  fill: "none",
+  ...props,
+  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+    fill: props.fill ?? "#EDBE43",
+    fillRule: "evenodd",
+    d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2Zm1 15h-2v-6h2v6Zm0-8h-2V7h2v2Z",
+    clipRule: "evenodd"
+  })
+});
+exports.InfoIcon = InfoIcon;
+//# sourceMappingURL=InfoIcon.js.map

package/lib/commonjs/icons/RedX.js

@@ -1 +1,27 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RedX=void 0;var e=function(e,t){if("function"==typeof WeakMap)var r=new WeakMap,l=new WeakMap;return function(e,t){if(!t&&e&&e.__esModule)return e;var n,a,i={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return i;if(n=t?l:r){if(n.has(e))return n.get(e);n.set(e,i)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((a=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(a.get||a.set)?n(i,t,a):i[t]=e[t]);return i}(e,t)}(require("react-native-svg")),t=require("react/jsx-runtime");exports.RedX=r=>(0,t.jsxs)(e.default,{viewBox:"0 0 24 24",width:24,height:24,fill:"none",...r,children:[(0,t.jsx)(e.Path,{fill:r.fill??"#F05964",fillRule:"evenodd",d:"M15.58 15.572a.935.935 0 0 1-1.326 0l-2.258-2.258-2.251 2.252a.938.938 0 0 1-1.326-1.325l2.251-2.252-2.252-2.254A.936.936 0 1 1 9.742 8.41l2.253 2.252 2.252-2.25a.939.939 0 0 1 1.325 1.325l-2.25 2.252 2.257 2.257a.938.938 0 0 1 0 1.326ZM17.271.126H6.727C2.777.125.125 2.9.125 7.032v9.936c0 4.13 2.652 6.907 6.603 6.907H17.27c3.95 0 6.605-2.776 6.605-6.907V7.032c0-4.132-2.654-6.907-6.604-6.907Z",clipRule:"evenodd"}),(0,t.jsx)(e.Path,{fill:"#fff",d:"M15.58 15.572a.935.935 0 0 1-1.326 0l-2.258-2.258-2.251 2.252a.938.938 0 0 1-1.326-1.325l2.251-2.252-2.252-2.254A.936.936 0 1 1 9.742 8.41l2.253 2.252 2.252-2.25a.939.939 0 0 1 1.325 1.325l-2.25 2.252 2.257 2.257a.938.938 0 0 1 0 1.326Z"})]});
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RedX = void 0;
+var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const RedX = props => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
+  viewBox: "0 0 24 24",
+  width: 24,
+  height: 24,
+  fill: "none",
+  ...props,
+  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+    fill: props.fill ?? "#F05964",
+    fillRule: "evenodd",
+    d: "M15.58 15.572a.935.935 0 0 1-1.326 0l-2.258-2.258-2.251 2.252a.938.938 0 0 1-1.326-1.325l2.251-2.252-2.252-2.254A.936.936 0 1 1 9.742 8.41l2.253 2.252 2.252-2.25a.939.939 0 0 1 1.325 1.325l-2.25 2.252 2.257 2.257a.938.938 0 0 1 0 1.326ZM17.271.126H6.727C2.777.125.125 2.9.125 7.032v9.936c0 4.13 2.652 6.907 6.603 6.907H17.27c3.95 0 6.605-2.776 6.605-6.907V7.032c0-4.132-2.654-6.907-6.604-6.907Z",
+    clipRule: "evenodd"
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+    fill: "#fff",
+    d: "M15.58 15.572a.935.935 0 0 1-1.326 0l-2.258-2.258-2.251 2.252a.938.938 0 0 1-1.326-1.325l2.251-2.252-2.252-2.254A.936.936 0 1 1 9.742 8.41l2.253 2.252 2.252-2.25a.939.939 0 0 1 1.325 1.325l-2.25 2.252 2.257 2.257a.938.938 0 0 1 0 1.326Z"
+  })]
+});
+exports.RedX = RedX;
+//# sourceMappingURL=RedX.js.map

package/lib/commonjs/icons/index.js

@@ -1 +1,34 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"CloseIcon",{enumerable:!0,get:function(){return e.CloseIcon}}),Object.defineProperty(exports,"GreenCheck",{enumerable:!0,get:function(){return r.GreenCheck}}),Object.defineProperty(exports,"InfoIcon",{enumerable:!0,get:function(){return n.InfoIcon}}),Object.defineProperty(exports,"RedX",{enumerable:!0,get:function(){return t.RedX}});var e=require("./CloseIcon.js"),r=require("./GreenCheck.js"),n=require("./InfoIcon.js"),t=require("./RedX.js");
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "CloseIcon", {
+  enumerable: true,
+  get: function () {
+    return _CloseIcon.CloseIcon;
+  }
+});
+Object.defineProperty(exports, "GreenCheck", {
+  enumerable: true,
+  get: function () {
+    return _GreenCheck.GreenCheck;
+  }
+});
+Object.defineProperty(exports, "InfoIcon", {
+  enumerable: true,
+  get: function () {
+    return _InfoIcon.InfoIcon;
+  }
+});
+Object.defineProperty(exports, "RedX", {
+  enumerable: true,
+  get: function () {
+    return _RedX.RedX;
+  }
+});
+var _CloseIcon = require("./CloseIcon.js");
+var _GreenCheck = require("./GreenCheck.js");
+var _InfoIcon = require("./InfoIcon.js");
+var _RedX = require("./RedX.js");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/index.js

@@ -1 +1,65 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"BreadLoaf",{enumerable:!0,get:function(){return n.BreadLoaf}}),Object.defineProperty(exports,"CloseIcon",{enumerable:!0,get:function(){return e.CloseIcon}}),Object.defineProperty(exports,"GreenCheck",{enumerable:!0,get:function(){return e.GreenCheck}}),Object.defineProperty(exports,"InfoIcon",{enumerable:!0,get:function(){return e.InfoIcon}}),Object.defineProperty(exports,"RedX",{enumerable:!0,get:function(){return e.RedX}}),Object.defineProperty(exports,"ToastContainer",{enumerable:!0,get:function(){return t.ToastContainer}}),Object.defineProperty(exports,"toast",{enumerable:!0,get:function(){return r.toast}}),Object.defineProperty(exports,"toastStore",{enumerable:!0,get:function(){return o.toastStore}});var e=require("./icons/index.js"),t=require("./toast.js"),r=require("./toast-api.js"),n=require("./toast-provider.js"),o=require("./toast-store.js");
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "BreadLoaf", {
+  enumerable: true,
+  get: function () {
+    return _toastProvider.BreadLoaf;
+  }
+});
+Object.defineProperty(exports, "CloseIcon", {
+  enumerable: true,
+  get: function () {
+    return _index.CloseIcon;
+  }
+});
+Object.defineProperty(exports, "GreenCheck", {
+  enumerable: true,
+  get: function () {
+    return _index.GreenCheck;
+  }
+});
+Object.defineProperty(exports, "InfoIcon", {
+  enumerable: true,
+  get: function () {
+    return _index.InfoIcon;
+  }
+});
+Object.defineProperty(exports, "RedX", {
+  enumerable: true,
+  get: function () {
+    return _index.RedX;
+  }
+});
+Object.defineProperty(exports, "ToastContainer", {
+  enumerable: true,
+  get: function () {
+    return _toast.ToastContainer;
+  }
+});
+Object.defineProperty(exports, "ToastPortal", {
+  enumerable: true,
+  get: function () {
+    return _toastProvider.ToastPortal;
+  }
+});
+Object.defineProperty(exports, "toast", {
+  enumerable: true,
+  get: function () {
+    return _toastApi.toast;
+  }
+});
+Object.defineProperty(exports, "toastStore", {
+  enumerable: true,
+  get: function () {
+    return _toastStore.toastStore;
+  }
+});
+var _index = require("./icons/index.js");
+var _toast = require("./toast.js");
+var _toastApi = require("./toast-api.js");
+var _toastProvider = require("./toast-provider.js");
+var _toastStore = require("./toast-store.js");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/pool.js

@@ -1 +1,53 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.slotTrackers=exports.releaseSlot=exports.getSlotIndex=exports.animationPool=void 0;var e=require("react-native-reanimated"),t=require("./constants.js");exports.animationPool=Array.from({length:t.POOL_SIZE},()=>({progress:(0,e.makeMutable)(0),translationY:(0,e.makeMutable)(0),stackIndex:(0,e.makeMutable)(0)}));const r=exports.slotTrackers=Array.from({length:t.POOL_SIZE},()=>({wasExiting:!1,prevIndex:0,initialized:!1})),a=new Map,i=new Set;exports.getSlotIndex=e=>{if(a.has(e))return a.get(e)??0;for(let o=0;o<t.POOL_SIZE;o++)if(!i.has(o))return a.set(e,o),i.add(o),r[o].initialized=!1,r[o].wasExiting=!1,r[o].prevIndex=0,o;return 0};exports.releaseSlot=e=>{const t=a.get(e);void 0!==t&&(i.delete(t),a.delete(e),r[t].initialized=!1,r[t].wasExiting=!1,r[t].prevIndex=0)};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.slotTrackers = exports.releaseSlot = exports.getSlotIndex = exports.animationPool = void 0;
+var _reactNativeReanimated = require("react-native-reanimated");
+var _constants = require("./constants.js");
+const animationPool = exports.animationPool = Array.from({
+  length: _constants.POOL_SIZE
+}, () => ({
+  progress: (0, _reactNativeReanimated.makeMutable)(0),
+  translationY: (0, _reactNativeReanimated.makeMutable)(0),
+  stackIndex: (0, _reactNativeReanimated.makeMutable)(0)
+}));
+const slotTrackers = exports.slotTrackers = Array.from({
+  length: _constants.POOL_SIZE
+}, () => ({
+  wasExiting: false,
+  prevIndex: 0,
+  initialized: false
+}));
+const slotAssignments = new Map();
+const usedSlots = new Set();
+const getSlotIndex = toastId => {
+  if (slotAssignments.has(toastId)) {
+    return slotAssignments.get(toastId) ?? 0;
+  }
+  for (let i = 0; i < _constants.POOL_SIZE; i++) {
+    if (!usedSlots.has(i)) {
+      slotAssignments.set(toastId, i);
+      usedSlots.add(i);
+      slotTrackers[i].initialized = false;
+      slotTrackers[i].wasExiting = false;
+      slotTrackers[i].prevIndex = 0;
+      return i;
+    }
+  }
+  return 0;
+};
+exports.getSlotIndex = getSlotIndex;
+const releaseSlot = toastId => {
+  const idx = slotAssignments.get(toastId);
+  if (idx !== undefined) {
+    usedSlots.delete(idx);
+    slotAssignments.delete(toastId);
+    slotTrackers[idx].initialized = false;
+    slotTrackers[idx].wasExiting = false;
+    slotTrackers[idx].prevIndex = 0;
+  }
+};
+exports.releaseSlot = releaseSlot;
+//# sourceMappingURL=pool.js.map

package/lib/commonjs/toast-api.js

@@ -1 +1,127 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.toast=void 0;var t=require("react-native-worklets"),o=require("./toast-store.js");const s=t=>t?"string"==typeof t?{description:t}:{description:t.description,duration:t.duration,options:t}:{},e=t=>"string"==typeof t?{title:t}:t,r=(t,s)=>{const r=e(t.loading);s(o.toastStore.show(r.title,r.description,"loading",r.duration??36e5))},i=(t,s)=>{const r=e(s.success);o.toastStore.updateToast(t,{title:r.title,description:r.description,type:"success",duration:r.duration??4e3})},n=(t,s,r)=>{const i=((t,o)=>e("function"==typeof t?t(o):t))(s.error,r);o.toastStore.updateToast(t,{title:i.title,description:i.description,type:"error",duration:i.duration??4e3})},c=(t,s,e,r)=>{o.toastStore.show(t,s,e,r)};c.custom=(t,s)=>{const e=s?.type??"info";return o.toastStore.show("",void 0,e,s?.duration,{...s,customContent:t})},c.success=(t,e,r)=>{const{description:i,duration:n,options:c}=s(e);o.toastStore.show(t,i,"success",r??n,c)},c.error=(t,e,r)=>{const{description:i,duration:n,options:c}=s(e);o.toastStore.show(t,i,"error",r??n,c)},c.info=(t,e,r)=>{const{description:i,duration:n,options:c}=s(e);o.toastStore.show(t,i,"info",r??n,c)},c.promise=async(o,s)=>{let e="";await new Promise(o=>{(0,t.scheduleOnRN)(r,s,t=>{e=t,o()})});try{const r=await o;return(0,t.scheduleOnRN)(i,e,s),{data:r,success:!0}}catch(o){const r=o instanceof Error?o:new Error(String(o));return(0,t.scheduleOnRN)(n,e,s,r),{error:r,success:!1}}},c.dismiss=t=>{o.toastStore.hide(t)},c.dismissAll=()=>{o.toastStore.hideAll()};exports.toast=c;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.toast = void 0;
+var _toastStore = require("./toast-store.js");
+const _toast = (title, description, type, duration) => {
+  _toastStore.toastStore.show(title, description, type, duration);
+};
+const parseDescriptionOrOptions = arg => {
+  if (!arg) return {};
+  if (typeof arg === "string") return {
+    description: arg
+  };
+  return {
+    description: arg.description,
+    duration: arg.duration,
+    options: arg
+  };
+};
+const parseMessage = input => typeof input === "string" ? {
+  title: input
+} : input;
+const parseErrorMessage = (input, error) => {
+  if (typeof input === "function") {
+    return parseMessage(input(error));
+  }
+  return parseMessage(input);
+};
+const promiseToast = async (promise, messages) => {
+  const loadingCfg = parseMessage(messages.loading);
+  const toastId = _toastStore.toastStore.show(loadingCfg.title, loadingCfg.description, "loading", loadingCfg.duration ?? 60 * 60 * 1000);
+  try {
+    const result = await promise;
+    const successCfg = parseMessage(messages.success);
+    _toastStore.toastStore.updateToast(toastId, {
+      title: successCfg.title,
+      description: successCfg.description,
+      type: "success",
+      duration: successCfg.duration ?? 4000
+    });
+    return {
+      data: result,
+      success: true
+    };
+  } catch (err) {
+    const error = err instanceof Error ? err : new Error(String(err));
+    const errorCfg = parseErrorMessage(messages.error, error);
+    _toastStore.toastStore.updateToast(toastId, {
+      title: errorCfg.title,
+      description: errorCfg.description,
+      type: "error",
+      duration: errorCfg.duration ?? 4000
+    });
+    return {
+      error,
+      success: false
+    };
+  }
+};
+const toastFn = _toast;
+toastFn.custom = (content, options) => {
+  const type = options?.type ?? "info";
+  return _toastStore.toastStore.show("", undefined, type, options?.duration, {
+    ...options,
+    customContent: content
+  });
+};
+toastFn.success = (title, descriptionOrOptions, duration) => {
+  const {
+    description,
+    duration: optDuration,
+    options
+  } = parseDescriptionOrOptions(descriptionOrOptions);
+  _toastStore.toastStore.show(title, description, "success", duration ?? optDuration, options);
+};
+toastFn.error = (title, descriptionOrOptions, duration) => {
+  const {
+    description,
+    duration: optDuration,
+    options
+  } = parseDescriptionOrOptions(descriptionOrOptions);
+  _toastStore.toastStore.show(title, description, "error", duration ?? optDuration, options);
+};
+toastFn.info = (title, descriptionOrOptions, duration) => {
+  const {
+    description,
+    duration: optDuration,
+    options
+  } = parseDescriptionOrOptions(descriptionOrOptions);
+  _toastStore.toastStore.show(title, description, "info", duration ?? optDuration, options);
+};
+toastFn.promise = promiseToast;
+toastFn.dismiss = id => {
+  _toastStore.toastStore.hide(id);
+};
+toastFn.dismissAll = () => {
+  _toastStore.toastStore.hideAll();
+};
+
+/**
+ * Toast API for showing notifications.
+ *
+ * @example
+ * ```ts
+ * import { toast } from 'react-native-bread';
+ *
+ * // Basic toasts
+ * toast.success("Saved!", "Your changes have been saved");
+ * toast.error("Error", "Something went wrong");
+ * toast.info("Tip", "Swipe up to dismiss");
+ *
+ * // Promise toast (loading → success/error)
+ * toast.promise(apiCall(), {
+ *   loading: { title: "Loading..." },
+ *   success: { title: "Done!" },
+ *   error: (err) => ({ title: "Failed", description: err.message }),
+ * });
+ *
+ * // Dismiss toasts
+ * toast.dismiss(id);
+ * toast.dismissAll();
+ * ```
+ */
+const toast = exports.toast = toastFn;
+//# sourceMappingURL=toast-api.js.map

package/lib/commonjs/toast-icons.js

@@ -1 +1,80 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.resolveIcon=exports.AnimatedIcon=void 0;var e=require("react"),t=require("react-native"),r=function(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return function(e,t){if(!t&&e&&e.__esModule)return e;var i,o,s={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return s;if(i=t?n:r){if(i.has(e))return i.get(e);i.set(e,s)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((o=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(o.get||o.set)?i(s,t,o):s[t]=e[t]);return s}(e,t)}(require("react-native-reanimated")),n=require("./constants.js"),i=require("./icons/index.js"),o=require("react/jsx-runtime");const s=(e,r,s,a)=>{if(s)return"function"==typeof s?s({color:r,size:n.ICON_SIZE}):s;if(a)return a({color:r,size:n.ICON_SIZE});switch(e){case"success":default:return(0,o.jsx)(i.GreenCheck,{width:36,height:36,fill:r});case"error":return(0,o.jsx)(i.RedX,{width:n.ICON_SIZE,height:n.ICON_SIZE,fill:r});case"loading":return(0,o.jsx)(t.ActivityIndicator,{size:n.ICON_SIZE,color:r});case"info":return(0,o.jsx)(i.InfoIcon,{width:n.ICON_SIZE,height:n.ICON_SIZE,fill:r})}};exports.resolveIcon=s;exports.AnimatedIcon=(0,e.memo)(({type:t,color:i,custom:a,config:c})=>{const u=(0,r.useSharedValue)(0);(0,e.useEffect)(()=>{u.value=(0,r.withTiming)(1,{duration:n.ICON_ANIMATION_DURATION,easing:r.Easing.out(r.Easing.back(1.5))})},[u]);const l=(0,r.useAnimatedStyle)(()=>({opacity:u.value,transform:[{scale:.7+.3*u.value}]}));return(0,o.jsx)(r.default.View,{style:l,children:s(t,i,a,c)})});
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.resolveIcon = exports.AnimatedIcon = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _constants = require("./constants.js");
+var _index = require("./icons/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const resolveIcon = (type, color, custom, config) => {
+  if (custom) return typeof custom === "function" ? custom({
+    color,
+    size: _constants.ICON_SIZE
+  }) : custom;
+  if (config) return config({
+    color,
+    size: _constants.ICON_SIZE
+  });
+  switch (type) {
+    case "success":
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.GreenCheck, {
+        width: 36,
+        height: 36,
+        fill: color
+      });
+    case "error":
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.RedX, {
+        width: _constants.ICON_SIZE,
+        height: _constants.ICON_SIZE,
+        fill: color
+      });
+    case "loading":
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+        size: _constants.ICON_SIZE,
+        color: color
+      });
+    case "info":
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.InfoIcon, {
+        width: _constants.ICON_SIZE,
+        height: _constants.ICON_SIZE,
+        fill: color
+      });
+    default:
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.GreenCheck, {
+        width: 36,
+        height: 36,
+        fill: color
+      });
+  }
+};
+exports.resolveIcon = resolveIcon;
+const AnimatedIcon = exports.AnimatedIcon = /*#__PURE__*/(0, _react.memo)(({
+  type,
+  color,
+  custom,
+  config
+}) => {
+  const progress = (0, _reactNativeReanimated.useSharedValue)(0);
+  (0, _react.useEffect)(() => {
+    progress.value = (0, _reactNativeReanimated.withTiming)(1, {
+      duration: _constants.ICON_ANIMATION_DURATION,
+      easing: _reactNativeReanimated.Easing.out(_reactNativeReanimated.Easing.back(1.5))
+    });
+  }, [progress]);
+  const style = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    opacity: progress.value,
+    transform: [{
+      scale: 0.7 + progress.value * 0.3
+    }]
+  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+    style: style,
+    children: resolveIcon(type, color, custom, config)
+  });
+});
+//# sourceMappingURL=toast-icons.js.map