react-native-bread 0.1.0 → 0.1.2

package/README.md

@@ -1,55 +1,92 @@
-# 🍞 react-native-bread
+# React Native Bread 🍞
 
-Drop-in toast notifications for React Native. Clean Sonner like API, buttery 60fps animations, swipe-to-dismiss, and fully customizable.
-
-```tsx
-toast.success('Saved!');  // That's it. No hooks, no context.
-```
+An opinionated toast component for React Native. Inspired by @emilkowalski's Sonner, built for mobile with smooth 60fps animations and intuitive swipe gestures. Extremely lightweight.
 
+https://github.com/user-attachments/assets/8a862dba-422c-4573-9f12-0a36cf6efe49
 
+## Features
 
-https://github.com/user-attachments/assets/8a862dba-422c-4573-9f12-0a36cf6efe49
+- **Extremely lightweight** package, only 13.8KB packed size
+- 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 via Reanimated 3
+- Natural swipe gestures that feel native to the platform
+- Multiple toast types: `success`, `error`, `info`, and `promise`
+- Promise handling with automatic loading → success/error states
+- Toast stacking with configurable limits
+- Position toasts at top or bottom of screen
+- Completely customizable - colors, icons, styles, animations
+- Full Expo compatibility
+- Imperative API works anywhere - components, utilities, event handlers
 
 
 
 ## Installation
 
-```bash
+```sh
 bun add react-native-bread
-# or any package manager
 ```
 
-### Peer Dependencies
+#### Requirements
 
-You'll need these installed and configured in your project:
+To use this package, **you also need to install its peer dependencies**. Check out their documentation for more information:
 
-```bash
-bun add react-native-reanimated react-native-gesture-handler react-native-safe-area-context react-native-svg react-native-worklets
-```
+- [React Native Reanimated](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/getting-started)
+- [React Native Gesture Handler](https://docs.swmansion.com/react-native-gesture-handler/docs/)
+- [React Native Safe Area Context](https://docs.expo.dev/versions/latest/sdk/safe-area-context/)
+- [React Native SVG](https://github.com/software-mansion/react-native-svg)
+- [React Native Worklets](https://github.com/margelo/react-native-worklets-core)
 
 
-## Quick Start
+## Usage
 
-Wrap your app with `<BreadLoaf>` and you're good to go:
+### In your App.tsx/entry point
 
 ```tsx
 import { BreadLoaf } from 'react-native-bread';
 
-export default function App() {
+function App() {
   return (
-    <BreadLoaf>
-      <YourApp />
-    </BreadLoaf>
+    <View>
+      <NavigationContainer>...</NavigationContainer>
+      <BreadLoaf />
+    </View>
   );
 }
 ```
 
-Then show toasts from anywhere:
+### Expo Router
+
+When using Expo Router, place the `BreadLoaf` component in your root layout file (`app/_layout.tsx`):
+
+```tsx
+import { BreadLoaf } from 'react-native-bread';
+import { Stack } from 'expo-router';
+
+export default function RootLayout() {
+  return (
+    <>
+      <Stack>
+        <Stack.Screen name="(tabs)" options={{ headerShown: false }} />
+        <Stack.Screen name="+not-found" />
+      </Stack>
+      <BreadLoaf />
+    </>
+  );
+}
+```
+
+This ensures the toasts will be displayed across all screens in your app.
+
+### Show a toast
 
 ```tsx
 import { toast } from 'react-native-bread';
 
-// Basic toasts
+// Basic usage
+toast.success('Saved!');
+
+// With description
 toast.success('Saved!', 'Your changes have been saved');
 toast.error('Error', 'Something went wrong');
 toast.info('Tip', 'Swipe to dismiss');
@@ -62,87 +99,68 @@ toast.promise(fetchData(), {
 });
 ```
 
-## API
-
-### Toast Methods
-
-| Method | Description |
-|--------|-------------|
-| `toast.success(title, description?)` | Green checkmark toast |
-| `toast.error(title, description?)` | Red X toast |
-| `toast.info(title, description?)` | Yellow info toast |
-| `toast.promise(promise, messages)` | Loading → success/error toast |
-| `toast.dismiss(id)` | Dismiss a specific toast |
-| `toast.dismissAll()` | Dismiss all toasts |
+## Customization
 
 ### Per-Toast Options
 
-Instead of a description string, you can pass an options object as the second argument:
+Pass an options object as the second argument to customize individual toasts:
 
 ```tsx
 toast.success('Saved!', {
   description: 'Your changes have been saved',
   duration: 5000,
   icon: <CustomIcon />,
+  style: { backgroundColor: '#fff' },
+  dismissible: true,
+  showCloseButton: true,
 });
 ```
 
-| Option | Type | Description |
-|--------|------|-------------|
-| `description` | `string` | Toast description text |
-| `duration` | `number` | Display time in ms |
-| `icon` | `ReactNode \| (props) => ReactNode` | Custom icon component |
-| `style` | `ViewStyle` | Toast container style overrides |
-| `titleStyle` | `TextStyle` | Title text style overrides |
-| `descriptionStyle` | `TextStyle` | Description text style overrides |
-| `dismissible` | `boolean` | Enable/disable swipe to dismiss |
-| `showCloseButton` | `boolean` | Show/hide the X button |
-
-### BreadLoaf Config
+### Global Configuration
 
-Customize all toasts globally via the `config` prop:
+Customize all toasts globally via the `config` prop on `<BreadLoaf />`:
 
 ```tsx
-<BreadLoaf config={{ position: 'bottom', stacking: false }}>
-  <App />
-</BreadLoaf>
+<BreadLoaf
+  config={{
+    position: 'bottom',
+    stacking: true,
+    maxStack: 3,
+    defaultDuration: 4000,
+    colors: {
+      success: { accent: '#22c55e', background: '#f0fdf4' },
+      error: { accent: '#ef4444', background: '#fef2f2' },
+    }
+  }}
+/>
 ```
 
-| Option | Type | Default | Description |
-|--------|------|---------|-------------|
-| `position` | `'top' \| 'bottom'` | `'top'` | Where toasts appear |
-| `offset` | `number` | `0` | Extra spacing from screen edge (px) |
-| `stacking` | `boolean` | `true` | Show multiple toasts stacked |
-| `maxStack` | `number` | `3` | Max visible toasts when stacking |
-| `dismissible` | `boolean` | `true` | Allow swipe to dismiss |
-| `showCloseButton` | `boolean` | `true` | Show X button (except loading toasts) |
-| `defaultDuration` | `number` | `4000` | Default display time (ms) |
-| `colors` | `object` | — | Colors per toast type (see below) |
-| `icons` | `object` | — | Custom icons per toast type |
-| `toastStyle` | `ViewStyle` | — | Global toast container styles |
-| `titleStyle` | `TextStyle` | — | Global title text styles |
-| `descriptionStyle` | `TextStyle` | — | Global description text styles |
-
-#### Colors
-
-Each toast type (`success`, `error`, `info`, `loading`) accepts:
-
-| Property | Description |
-|----------|-------------|
-| `accent` | Icon and title color |
-| `background` | Toast background color |
+Available options include:
+- **position**: `'top' | 'bottom'` - Where toasts appear
+- **offset**: Extra spacing from screen edge
+- **stacking**: Show multiple toasts stacked
+- **maxStack**: Max visible toasts when stacking
+- **dismissible**: Allow swipe to dismiss
+- **showCloseButton**: Show X button
+- **defaultDuration**: Default display time in ms
+- **colors**: Custom colors per toast type
+- **icons**: Custom icons per toast type
+- **toastStyle**, **titleStyle**, **descriptionStyle**: Global style overrides
 
-```tsx
-colors: {
-  success: { accent: '#22c55e', background: '#f0fdf4' },
-  error: { accent: '#ef4444', background: '#fef2f2' },
-}
-```
+## API Reference
+
+| Method | Description |
+|--------|-------------|
+| `toast.success(title, description?)` | Show success toast |
+| `toast.error(title, description?)` | Show error toast |
+| `toast.info(title, description?)` | Show info toast |
+| `toast.promise(promise, messages)` | Show loading → success/error toast |
+| `toast.dismiss(id)` | Dismiss a specific toast |
+| `toast.dismissAll()` | Dismiss all toasts |
 
-## Known Limitations
+## Known Issues
 
-### Toasts Behind Modals
+**Modal Overlays**: Toasts may render behind React Native's `<Modal>` component since modals are mounted at the native layer.
 
-When you trigger a toast while opening a native modal (or transparent modal), the toast may appear **behind** the modal. This happens because React Native modals are mounted natively on top of everything.
+**Solution**: Use absolute positioning within your component tree instead of `<Modal>` for better toast visibility.
 
-**Workaround**: Use a "contained" modal approach — render your modal content inside your regular component tree with absolute positioning, rather than using React Native's `<Modal>` component. This way toasts will appear on top as expected.

package/lib/commonjs/icons/CloseIcon.js

@@ -1,22 +1 @@
-"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
+"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"})});

package/lib/commonjs/icons/GreenCheck.js

@@ -1,27 +1 @@
-"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
+"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"})]});

package/lib/commonjs/icons/InfoIcon.js

@@ -1,24 +1 @@
-"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
+"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"})});

package/lib/commonjs/icons/RedX.js

@@ -1,27 +1 @@
-"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
+"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"})]});

package/lib/commonjs/icons/index.js

@@ -1,34 +1 @@
-"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
+"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");

package/lib/commonjs/index.js

@@ -1,59 +1 @@
-"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, "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
+"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");

package/lib/commonjs/toast-api.js

@@ -1,127 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.toast = void 0;
-var _toastStore = require("./toast-store.js");
-/** Second parameter can be a string (description) or options object */
-
-const _toast = (title, description, type, duration) => {
-  _toastStore.toastStore.show(title, description, type, duration);
-};
-
-/** Helper to parse the second argument which can be string or options */
-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);
-
-  // Very long duration so it stays visible until we resolve/reject
-  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
-    };
-  }
-};
-// Build the toast API
-const toastFn = _toast;
-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
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.toast=void 0;var t=require("./toast-store.js");const o=t=>t?"string"==typeof t?{description:t}:{description:t.description,duration:t.duration,options:t}:{},s=t=>"string"==typeof t?{title:t}:t,r=(o,s,r,e)=>{t.toastStore.show(o,s,r,e)};r.success=(s,r,e)=>{const{description:i,duration:n,options:a}=o(r);t.toastStore.show(s,i,"success",e??n,a)},r.error=(s,r,e)=>{const{description:i,duration:n,options:a}=o(r);t.toastStore.show(s,i,"error",e??n,a)},r.info=(s,r,e)=>{const{description:i,duration:n,options:a}=o(r);t.toastStore.show(s,i,"info",e??n,a)},r.promise=async(o,r)=>{const e=s(r.loading),i=t.toastStore.show(e.title,e.description,"loading",e.duration??36e5);try{const e=await o,n=s(r.success);return t.toastStore.updateToast(i,{title:n.title,description:n.description,type:"success",duration:n.duration??4e3}),{data:e,success:!0}}catch(o){const e=o instanceof Error?o:new Error(String(o)),n=((t,o)=>s("function"==typeof t?t(o):t))(r.error,e);return t.toastStore.updateToast(i,{title:n.title,description:n.description,type:"error",duration:n.duration??4e3}),{error:e,success:!1}}},r.dismiss=o=>{t.toastStore.hide(o)},r.dismissAll=()=>{t.toastStore.hideAll()};exports.toast=r;

package/lib/commonjs/toast-provider.js

@@ -1,71 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.BreadLoaf = BreadLoaf;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _toast = require("./toast.js");
-var _toastStore = require("./toast-store.js");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * Toast provider component that enables toast notifications in your app.
- * Wrap your root component with `<BreadLoaf>` to start showing toasts.
- *
- * @example
- * ```tsx
- * import { BreadLoaf } from 'react-native-bread';
- *
- * // Basic usage
- * <BreadLoaf>
- *   <App />
- * </BreadLoaf>
- *
- * // With configuration
- * <BreadLoaf
- *   config={{
- *     position: 'bottom',
- *     stacking: false,
- *     defaultDuration: 5000,
- *     colors: {
- *       success: { accent: '#22c55e', background: '#f0fdf4' },
- *       error: { accent: '#ef4444', background: '#fef2f2' },
- *     },
- *     toastStyle: { borderRadius: 12 },
- *   }}
- * >
- *   <App />
- * </BreadLoaf>
- * ```
- */
-function BreadLoaf({
-  children,
-  config
-}) {
-  (0, _react.useEffect)(() => {
-    _toastStore.toastStore.setConfig(config);
-    return () => {
-      // Reset to defaults when this provider unmounts
-      _toastStore.toastStore.setConfig(undefined);
-    };
-  }, [config]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.root,
-    children: [children, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.portalContainer,
-      pointerEvents: "box-none",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_toast.ToastContainer, {})
-    })]
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  root: {
-    flex: 1
-  },
-  portalContainer: {
-    ..._reactNative.StyleSheet.absoluteFillObject,
-    zIndex: 9999
-  }
-});
-//# sourceMappingURL=toast-provider.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BreadLoaf=function({config:i}){return(0,e.useEffect)(()=>(o.toastStore.setConfig(i),()=>{o.toastStore.setConfig(void 0)}),[i]),(0,s.jsx)(t.View,{style:n.container,pointerEvents:"box-none",children:(0,s.jsx)(r.ToastContainer,{})})};var e=require("react"),t=require("react-native"),r=require("./toast.js"),o=require("./toast-store.js"),s=require("react/jsx-runtime");const n=t.StyleSheet.create({container:{...t.StyleSheet.absoluteFillObject,zIndex:9999}});