react-native-bread 0.4.0 → 0.5.1

package/README.md

@@ -11,7 +11,7 @@ An extremely lightweight, opinionated toast component for React Native.
 - Zero setup - add one component, start toasting. No hooks, no providers
 - Built for mobile with smooth 60fps animations powered by Reanimated
 - Natural swipe gestures that feel native to the platform
-- Multiple toast types: `success`, `error`, `info`, and `promise`
+- 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
@@ -35,11 +35,11 @@ This package requires the following peer dependencies:
 
 | Package | Version |
 |---------|---------|
-| [react-native-reanimated](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/getting-started) | >= 4.2.0 |
+| [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-svg](https://github.com/software-mansion/react-native-svg) | >= 15.8.0 |
-| [react-native-worklets](https://github.com/margelo/react-native-worklets-core) | >= 0.7.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:
 
@@ -53,7 +53,7 @@ Or with npm:
 npm install react-native-reanimated react-native-gesture-handler react-native-safe-area-context react-native-svg react-native-worklets
 ```
 
-> **Note**: `react-native-reanimated` 4.2.x requires `react-native-worklets` 0.7.x. Using older versions of worklets with reanimated 4.2+ will cause compatibility issues.
+> **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.
 
 
 ## Usage
@@ -115,6 +115,15 @@ toast.promise(fetchData(), {
   success: { title: 'Done!', description: 'Data loaded' },
   error: (err) => ({ title: 'Failed', description: err.message }),
 });
+
+// Custom toast - fully custom content with animations
+toast.custom(({ dismiss }) => (
+  <View style={{ padding: 16, flexDirection: 'row', alignItems: 'center' }}>
+    <Image source={{ uri: 'avatar.png' }} style={{ width: 40, height: 40 }} />
+    <Text>New message from John</Text>
+    <Button title="Reply" onPress={dismiss} />
+  </View>
+));
 ```
 
 ## Customization
@@ -134,6 +143,36 @@ toast.success('Saved!', {
 });
 ```
 
+### Custom Toasts
+
+Create fully custom toasts where you control all the content. Your component fills the entire toast container and receives all entry/exit/stack animations automatically:
+
+```tsx
+// Using a render function (recommended - gives access to dismiss)
+toast.custom(({ dismiss, id, type, isExiting }) => (
+  <View style={{ padding: 16, flexDirection: 'row', alignItems: 'center', gap: 12 }}>
+    <Image source={{ uri: 'avatar.png' }} style={{ width: 44, height: 44, borderRadius: 22 }} />
+    <View style={{ flex: 1 }}>
+      <Text style={{ fontWeight: '600' }}>New message</Text>
+      <Text style={{ color: '#666' }}>Hey, check this out!</Text>
+    </View>
+    <Pressable onPress={dismiss}>
+      <Text style={{ color: '#3b82f6' }}>Reply</Text>
+    </Pressable>
+  </View>
+));
+
+// Or pass a React component directly
+toast.custom(<MyNotificationCard />);
+
+// With options
+toast.custom(<MyToast />, {
+  duration: 5000,
+  dismissible: false,
+  style: { backgroundColor: '#fef2f2' }
+});
+```
+
 ### Global Configuration
 
 Customize all toasts globally via the `config` prop on `<BreadLoaf />`:
@@ -174,6 +213,7 @@ Available options include:
 | `toast.error(title, description?)` | Show error toast |
 | `toast.info(title, description?)` | Show info toast |
 | `toast.promise(promise, messages)` | Show loading → success/error toast |
+| `toast.custom(content, options?)` | Show fully custom toast with your own content |
 | `toast.dismiss(id)` | Dismiss a specific toast |
 | `toast.dismissAll()` | Dismiss all toasts |
 

package/lib/commonjs/constants.js

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

package/lib/commonjs/pool.js

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

package/lib/commonjs/toast-api.js

@@ -1 +1 @@
-"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;
+"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,e,r)=>{o.toastStore.show(t,s,e,r)};r.custom=(t,s)=>{const e=s?.type??"info";return o.toastStore.show("",void 0,e,s?.duration,{...s,customContent:t})},r.success=(t,e,r)=>{const{description:i,duration:n,options:c}=s(e);o.toastStore.show(t,i,"success",r??n,c)},r.error=(t,e,r)=>{const{description:i,duration:n,options:c}=s(e);o.toastStore.show(t,i,"error",r??n,c)},r.info=(t,e,r)=>{const{description:i,duration:n,options:c}=s(e);o.toastStore.show(t,i,"info",r??n,c)},r.promise=async(s,r)=>{const i=e(r.loading);let n="";await new Promise(s=>{(0,t.scheduleOnRN)(()=>{n=o.toastStore.show(i.title,i.description,"loading",i.duration??36e5),s()})});try{const i=await s,c=e(r.success);return(0,t.scheduleOnRN)(()=>{o.toastStore.updateToast(n,{title:c.title,description:c.description,type:"success",duration:c.duration??4e3})}),{data:i,success:!0}}catch(s){const i=s instanceof Error?s:new Error(String(s)),c=((t,o)=>e("function"==typeof t?t(o):t))(r.error,i);return(0,t.scheduleOnRN)(()=>{o.toastStore.updateToast(n,{title:c.title,description:c.description,type:"error",duration:c.duration??4e3})}),{error:i,success:!1}}},r.dismiss=t=>{o.toastStore.hide(t)},r.dismissAll=()=>{o.toastStore.hideAll()};exports.toast=r;

package/lib/commonjs/toast-icons.js

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

package/lib/commonjs/toast.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ToastContainer=void 0;var t=require("react"),e=require("react-native"),i=require("react-native-gesture-handler"),n=function(t,e){if("function"==typeof WeakMap)var i=new WeakMap,n=new WeakMap;return function(t,e){if(!e&&t&&t.__esModule)return t;var o,s,r={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return r;if(o=e?n:i){if(o.has(t))return o.get(t);o.set(t,r)}for(const e in t)"default"!==e&&{}.hasOwnProperty.call(t,e)&&((s=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,e))&&(s.get||s.set)?o(r,e,s):r[e]=t[e]);return r}(t,e)}(require("react-native-reanimated")),o=require("react-native-safe-area-context"),s=require("react-native-worklets"),r=require("./icons/index.js"),a=require("./toast-store.js"),l=require("react/jsx-runtime");const u=28,c=350,d=n.Easing.bezier(.25,.1,.25,1),p=Array.from({length:5},()=>({progress:(0,n.makeMutable)(0),translationY:(0,n.makeMutable)(0),stackIndex:(0,n.makeMutable)(0)})),f=Array.from({length:5},()=>({wasExiting:!1,prevIndex:0,initialized:!1})),g=new Map,h=new Set,x=(t,i,n,o)=>{if(n)return"function"==typeof n?n({color:i,size:u}):n;if(o)return o({color:i,size:u});switch(t){case"success":default:return(0,l.jsx)(r.GreenCheck,{width:36,height:36,fill:i});case"error":return(0,l.jsx)(r.RedX,{width:u,height:u,fill:i});case"loading":return(0,l.jsx)(e.ActivityIndicator,{size:u,color:i});case"info":return(0,l.jsx)(r.InfoIcon,{width:u,height:u,fill:i})}},m=(0,t.memo)(({type:e,color:i,custom:o,config:s})=>{const r=(0,n.useSharedValue)(0);(0,t.useEffect)(()=>{r.value=(0,n.withTiming)(1,{duration:350,easing:n.Easing.out(n.Easing.back(1.5))})},[r]);const a=(0,n.useAnimatedStyle)(()=>({opacity:r.value,transform:[{scale:.7+.3*r.value}]}));return(0,l.jsx)(n.default.View,{style:a,children:x(e,i,o,s)})});exports.ToastContainer=()=>{const[r,u]=(0,t.useState)([]),[p,f]=(0,t.useState)(()=>a.toastStore.getTheme()),{top:g,bottom:h}=(0,o.useSafeAreaInsets)(),x=(0,t.useRef)((0,n.makeMutable)(null)),m=(0,t.useRef)((0,n.makeMutable)("bottom"===p.position)),v=(0,t.useRef)((0,n.makeMutable)(!0)),b=(0,n.useSharedValue)(!1);(0,t.useEffect)(()=>{u(a.toastStore.getState().visibleToasts);let t=null,e=null;return a.toastStore.subscribe(i=>{t=i.visibleToasts,null===e&&(e=requestAnimationFrame(()=>{t&&(u(t),t=null),e=null;const i=a.toastStore.getTheme();f(t=>t===i?t:i)}))})},[]);const T=(0,t.useMemo)(()=>{const t=new Map;let e=0;for(const i of r)t.set(i.id,i.isExiting?-1:e),i.isExiting||e++;return[...r].reverse().map(e=>({toast:e,index:t.get(e.id)??0}))},[r]),S="bottom"===p.position,j=r.find(t=>!t.isExiting),k=j?.options?.dismissible??p.dismissible;(0,t.useEffect)(()=>{m.current.value=S,v.current.value=k},[S,k]);const E=(0,t.useMemo)(()=>i.Gesture.Pan().onStart(()=>{"worklet";b.value=!1}).onUpdate(t=>{"worklet";if(!v.current.value)return;const e=x.current.value;if(!e)return;const{slot:i}=e,n=m.current.value,o=t.translationY,s=n?o:-o,r=n?-o:o;if(s>0){const e=n?Math.min(o,180):Math.max(o,-180);i.translationY.value=e;const r=s>40||(n?t.velocityY>300:t.velocityY<-300);b.value=r}else{const t=60*(1-Math.exp(-r/250));i.translationY.value=n?-Math.min(t,60):Math.min(t,60),b.value=!1}}).onEnd(()=>{"worklet";if(!v.current.value)return;const t=x.current.value;if(!t)return;const{slot:e}=t,i=m.current.value;if(b.value){e.progress.value=(0,n.withTiming)(0,{duration:c,easing:d});const o=i?200:-200;e.translationY.value=(0,n.withTiming)(e.translationY.value+o,{duration:c,easing:d}),(0,s.scheduleOnRN)(t.dismiss)}else e.translationY.value=(0,n.withTiming)(0,{duration:650,easing:d})}),[b]),M=(0,t.useCallback)(t=>{x.current.value=t},[]);if(0===r.length)return null;const I=S?h:g,C=S?{bottom:I+p.offset+2}:{top:I+p.offset+2};return(0,l.jsx)(i.GestureDetector,{gesture:E,children:(0,l.jsx)(e.View,{style:[w.container,C],pointerEvents:"box-none",children:T.map(({toast:t,index:e})=>(0,l.jsx)(y,{toast:t,index:e,theme:p,position:p.position,isTopToast:0===e,registerTopToast:M},t.id))})})};const v=({toast:i,index:o,theme:s,position:u,isTopToast:v,registerTopToast:y})=>{const b=(0,t.useRef)(null);null===b.current&&(b.current=(t=>{if(g.has(t))return g.get(t)??0;for(let e=0;e<5;e++)if(!h.has(e))return g.set(t,e),h.add(e),f[e].initialized=!1,f[e].wasExiting=!1,f[e].prevIndex=0,e;return 0})(i.id));const T=b.current,S=p[T],j=f[T],k="bottom"===u,E=k?80:-80,M=k?100:-100,I=(0,t.useRef)(i.type),[C,z]=(0,t.useState)(!1);(0,t.useEffect)(()=>()=>{(t=>{const e=g.get(t);void 0!==e&&(h.delete(e),g.delete(t),f[e].initialized=!1,f[e].wasExiting=!1,f[e].prevIndex=0)})(i.id)},[i.id]),(0,t.useEffect)(()=>{S.progress.value=0,S.translationY.value=0,S.stackIndex.value=o,S.progress.value=(0,n.withTiming)(1,{duration:400,easing:d})},[]),(0,t.useEffect)(()=>{i.isExiting&&!j.wasExiting&&(j.wasExiting=!0,S.progress.value=(0,n.withTiming)(0,{duration:c,easing:d}),S.translationY.value=(0,n.withTiming)(M,{duration:c,easing:d}))},[i.isExiting,S,j,M]),(0,t.useEffect)(()=>{j.initialized&&o!==j.prevIndex&&(S.stackIndex.value=(0,n.withTiming)(o,{duration:300,easing:d})),j.prevIndex=o,j.initialized=!0},[o,S,j]),(0,t.useEffect)(()=>{const t=setTimeout(()=>z(!0),50);return()=>clearTimeout(t)},[]);const Y="loading"===I.current&&"loading"!==i.type;I.current=i.type;const q=(0,t.useCallback)(()=>{a.toastStore.hide(i.id)},[i.id]);(0,t.useEffect)(()=>{if(v)return y({slot:S,dismiss:q}),()=>y(null)},[v,y,S,q]);const A=(0,n.useAnimatedStyle)(()=>{const t=(0,n.interpolate)(S.progress.value,[0,1],[E,0]),e=k?10*S.stackIndex.value:-10*S.stackIndex.value,i=1-.05*S.stackIndex.value,o=t+S.translationY.value+e,s=(0,n.interpolate)(S.progress.value,[0,1],[0,1]),r=k?S.translationY.value:-S.translationY.value,a=s*(r>0?(0,n.interpolate)(r,[0,130],[1,0],"clamp"):1);return{transform:[{translateY:o},{scale:i*(0,n.interpolate)(Math.abs(S.translationY.value),[0,50],[1,.98],"clamp")}],opacity:a,zIndex:1e3-Math.round(S.stackIndex.value)}}),{options:R}=i,O=s.colors[i.type],V="loading"!==i.type&&(R?.showCloseButton??s.showCloseButton);return(0,l.jsxs)(n.default.View,{style:[w.toast,k?w.toastBottom:w.toastTop,{backgroundColor:O.background},s.rtl&&w.rtl,s.toastStyle,R?.style,A],children:[(0,l.jsx)(e.View,{style:w.iconContainer,children:C&&(Y?(0,l.jsx)(m,{type:i.type,color:O.accent,custom:R?.icon,config:s.icons[i.type]},i.type):x(i.type,O.accent,R?.icon,s.icons[i.type]))}),(0,l.jsxs)(e.View,{style:w.textContainer,children:[(0,l.jsx)(e.Text,{maxFontSizeMultiplier:1.35,allowFontScaling:!1,style:[w.title,{color:O.accent},s.rtl&&{textAlign:"right"},s.titleStyle,R?.titleStyle],children:i.title}),i.description&&(0,l.jsx)(e.Text,{allowFontScaling:!1,maxFontSizeMultiplier:1.35,style:[w.description,s.rtl&&{textAlign:"right"},s.descriptionStyle,R?.descriptionStyle],children:i.description})]}),V&&(0,l.jsx)(e.Pressable,{style:w.closeButton,onPress:q,hitSlop:12,children:(0,l.jsx)(r.CloseIcon,{width:20,height:20})})]})},y=(0,t.memo)(v,(t,e)=>t.toast.id===e.toast.id&&t.toast.type===e.toast.type&&t.toast.title===e.toast.title&&t.toast.description===e.toast.description&&t.toast.isExiting===e.toast.isExiting&&t.index===e.index&&t.position===e.position&&t.theme===e.theme&&t.isTopToast===e.isTopToast),w=e.StyleSheet.create({container:{position:"absolute",left:16,right:16,zIndex:1e3},toast:{flexDirection:"row",alignItems:"center",gap:12,minHeight:36,borderRadius:20,borderCurve:"continuous",position:"absolute",left:0,right:0,paddingHorizontal:12,paddingVertical:10,shadowColor:"#000",shadowOffset:{width:0,height:8},shadowOpacity:.05,shadowRadius:24,elevation:8},rtl:{flexDirection:"row-reverse"},toastTop:{top:0},toastBottom:{bottom:0},iconContainer:{width:48,height:48,alignItems:"center",justifyContent:"center",marginLeft:8},textContainer:{flex:1,gap:1,justifyContent:"center"},title:{fontSize:14,fontWeight:"700",lineHeight:20},description:{color:"#6B7280",fontSize:12,fontWeight:"500",lineHeight:16},closeButton:{padding:4,alignItems:"center",justifyContent:"center"}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ToastContainer=void 0;var t=require("react"),e=require("react-native"),i=require("react-native-gesture-handler"),o=function(t,e){if("function"==typeof WeakMap)var i=new WeakMap,o=new WeakMap;return function(t,e){if(!e&&t&&t.__esModule)return t;var n,s,a={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return a;if(n=e?o:i){if(n.has(t))return n.get(t);n.set(t,a)}for(const e in t)"default"!==e&&{}.hasOwnProperty.call(t,e)&&((s=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,e))&&(s.get||s.set)?n(a,e,s):a[e]=t[e]);return a}(t,e)}(require("react-native-reanimated")),n=require("react-native-safe-area-context"),s=require("react-native-worklets"),a=require("./constants.js"),r=require("./icons/index.js"),l=require("./pool.js"),u=require("./toast-icons.js"),c=require("./toast-store.js"),d=require("./use-toast-state.js"),p=require("react/jsx-runtime");exports.ToastContainer=()=>{const{top:r,bottom:l}=(0,n.useSafeAreaInsets)(),{visibleToasts:u,theme:c,toastsWithIndex:T,isBottom:I,topToastRef:h,isBottomRef:f,isDismissibleRef:E}=(0,d.useToastState)(),m=(0,o.useSharedValue)(!1),x=(0,t.useMemo)(()=>i.Gesture.Pan().onStart(()=>{"worklet";m.set(!1)}).onUpdate(t=>{"worklet";if(!E.current.value)return;const e=h.current.value;if(!e)return;const{slot:i}=e,o=f.current.value,n=t.translationY,s=o?n:-n,r=o?-n:n;if(s>0){const e=o?Math.min(n,a.MAX_DRAG_CLAMP):Math.max(n,-a.MAX_DRAG_CLAMP);i.translationY.value=e;const r=s>a.DISMISS_THRESHOLD||(o?t.velocityY>a.DISMISS_VELOCITY_THRESHOLD:t.velocityY<-a.DISMISS_VELOCITY_THRESHOLD);m.set(r)}else{const t=a.MAX_DRAG_RESISTANCE*(1-Math.exp(-r/250));i.translationY.value=o?-Math.min(t,a.MAX_DRAG_RESISTANCE):Math.min(t,a.MAX_DRAG_RESISTANCE),m.value=!1}}).onEnd(()=>{"worklet";if(!E.current.value)return;const t=h.current.value;if(!t)return;const{slot:e}=t,i=f.current.value;if(m.value){e.progress.value=(0,o.withTiming)(0,{duration:a.EXIT_DURATION,easing:a.EASING});const n=i?a.SWIPE_EXIT_OFFSET:-a.SWIPE_EXIT_OFFSET;e.translationY.value=(0,o.withTiming)(e.translationY.value+n,{duration:a.EXIT_DURATION,easing:a.EASING}),(0,s.scheduleOnRN)(t.dismiss)}else e.translationY.value=(0,o.withTiming)(0,{duration:a.SPRING_BACK_DURATION,easing:a.EASING})}),[m,E,h,f]),v=(0,t.useCallback)(t=>{h.current.value=t},[h]);if(0===u.length)return null;const _=I?l:r,y=I?{bottom:_+c.offset+2}:{top:_+c.offset+2};return(0,p.jsx)(i.GestureDetector,{gesture:x,children:(0,p.jsx)(e.View,{style:[S.container,y],pointerEvents:"box-none",children:T.map(({toast:t,index:e})=>(0,p.jsx)(g,{toast:t,index:e,theme:c,position:c.position,isTopToast:0===e,registerTopToast:v},t.id))})})};const T=({toast:i,index:n,theme:s,position:d,isTopToast:T,registerTopToast:g})=>{const[I]=(0,t.useState)(()=>(0,l.getSlotIndex)(i.id)),h=l.animationPool[I],f=l.slotTrackers[I],E="bottom"===d,m=E?a.ENTRY_OFFSET:-a.ENTRY_OFFSET,x=E?a.EXIT_OFFSET:-a.EXIT_OFFSET,[v,_]=(0,t.useState)("loading"===i.type),[y,A]=(0,t.useState)(!1);(0,t.useEffect)(()=>{h.progress.value=0,h.translationY.value=0,h.stackIndex.value=n,h.progress.value=(0,o.withTiming)(1,{duration:a.ENTRY_DURATION,easing:a.EASING});const t=setTimeout(()=>A(!0),50);return()=>{clearTimeout(t),(0,l.releaseSlot)(i.id)}},[]);const w=(0,t.useCallback)(()=>{c.toastStore.hide(i.id)},[i.id]);(0,t.useEffect)(()=>{let t=null;return i.isExiting&&!f.wasExiting&&(f.wasExiting=!0,h.progress.value=(0,o.withTiming)(0,{duration:a.EXIT_DURATION,easing:a.EASING}),h.translationY.value=(0,o.withTiming)(x,{duration:a.EXIT_DURATION,easing:a.EASING})),f.initialized&&n!==f.prevIndex&&(h.stackIndex.value=(0,o.withTiming)(n,{duration:a.STACK_TRANSITION_DURATION,easing:a.EASING})),f.prevIndex=n,f.initialized=!0,"loading"===i.type?_(!0):v&&(t=setTimeout(()=>_(!1),a.ICON_ANIMATION_DURATION+50)),T&&g({slot:h,dismiss:w}),()=>{t&&clearTimeout(t),T&&g(null)}},[i.isExiting,n,h,f,x,i.type,v,T,g,w]);const C=v&&"loading"!==i.type,R=(0,o.useAnimatedStyle)(()=>{const t=(0,o.interpolate)(h.progress.value,[0,1],[m,0]),e=E?h.stackIndex.value*a.STACK_OFFSET_PER_ITEM:h.stackIndex.value*-a.STACK_OFFSET_PER_ITEM,i=1-h.stackIndex.value*a.STACK_SCALE_PER_ITEM,n=t+h.translationY.value+e,s=(0,o.interpolate)(h.progress.value,[0,1],[0,1]),r=E?h.translationY.value:-h.translationY.value,l=s*(r>0?(0,o.interpolate)(r,[0,130],[1,0],"clamp"):1);return{transform:[{translateY:n},{scale:i*(0,o.interpolate)(Math.abs(h.translationY.value),[0,50],[1,.98],"clamp")}],opacity:l,zIndex:1e3-Math.round(h.stackIndex.value)}}),{options:O}=i,M=s.colors[i.type];if(void 0!==O?.customContent){const t=O.customContent;return(0,p.jsx)(o.default.View,{style:[S.toast,S.customContentToast,E?S.toastBottom:S.toastTop,{backgroundColor:M.background},s.toastStyle,O.style,R],children:"function"==typeof t?t({id:i.id,dismiss:w,type:i.type,isExiting:!!i.isExiting}):t})}const N="loading"!==i.type&&(O?.showCloseButton??s.showCloseButton);return(0,p.jsxs)(o.default.View,{style:[S.toast,E?S.toastBottom:S.toastTop,{backgroundColor:M.background},s.rtl&&S.rtl,s.toastStyle,O?.style,R],children:[(0,p.jsx)(e.View,{style:S.iconContainer,children:y&&(C?(0,p.jsx)(u.AnimatedIcon,{type:i.type,color:M.accent,custom:O?.icon,config:s.icons[i.type]},i.type):(0,u.resolveIcon)(i.type,M.accent,O?.icon,s.icons[i.type]))}),(0,p.jsxs)(e.View,{style:S.textContainer,children:[(0,p.jsx)(e.Text,{maxFontSizeMultiplier:1.35,allowFontScaling:!1,style:[S.title,{color:M.accent},s.rtl&&{textAlign:"right"},s.titleStyle,O?.titleStyle],children:i.title}),i.description&&(0,p.jsx)(e.Text,{allowFontScaling:!1,maxFontSizeMultiplier:1.35,style:[S.description,s.rtl&&{textAlign:"right"},s.descriptionStyle,O?.descriptionStyle],children:i.description})]}),N&&(0,p.jsx)(e.Pressable,{style:S.closeButton,onPress:w,hitSlop:12,children:(0,p.jsx)(r.CloseIcon,{width:20,height:20})})]})},g=(0,t.memo)(T,(t,e)=>t.toast.id===e.toast.id&&t.toast.type===e.toast.type&&t.toast.title===e.toast.title&&t.toast.description===e.toast.description&&t.toast.isExiting===e.toast.isExiting&&t.index===e.index&&t.position===e.position&&t.theme===e.theme&&t.isTopToast===e.isTopToast),S=e.StyleSheet.create({container:{position:"absolute",left:16,right:16,zIndex:1e3},toast:{flexDirection:"row",alignItems:"center",gap:12,minHeight:36,borderRadius:20,borderCurve:"continuous",position:"absolute",left:0,right:0,paddingHorizontal:12,paddingVertical:10,shadowColor:"#000",shadowOffset:{width:0,height:8},shadowOpacity:.05,shadowRadius:24,elevation:8},customContentToast:{padding:0,paddingHorizontal:0,paddingVertical:0,overflow:"hidden"},rtl:{flexDirection:"row-reverse"},toastTop:{top:0},toastBottom:{bottom:0},iconContainer:{width:48,height:48,alignItems:"center",justifyContent:"center",marginLeft:8},textContainer:{flex:1,gap:1,justifyContent:"center"},title:{fontSize:14,fontWeight:"700",lineHeight:20},description:{color:"#6B7280",fontSize:12,fontWeight:"500",lineHeight:16},closeButton:{padding:4,alignItems:"center",justifyContent:"center"}});

package/lib/commonjs/use-toast-state.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useToastState=void 0;var t=require("react"),e=require("react-native-reanimated"),s=require("./toast-store.js");exports.useToastState=()=>{const[i,o]=(0,t.useState)([]),[n,a]=(0,t.useState)(()=>s.toastStore.getTheme()),r=(0,t.useRef)((0,e.makeMutable)(null)),u=(0,t.useRef)((0,e.makeMutable)("bottom"===n.position)),l=(0,t.useRef)((0,e.makeMutable)(!0)),m="bottom"===n.position,b=i.find(t=>!t.isExiting),c=b?.options?.dismissible??n.dismissible;(0,t.useEffect)(()=>{const t=s.toastStore.getState().visibleToasts,e=s.toastStore.getTheme();o(t);const i=t.find(t=>!t.isExiting);u.current.value="bottom"===e.position,l.current.value=i?.options?.dismissible??e.dismissible;let n=null,r=null;const m=s.toastStore.subscribe(t=>{n=t.visibleToasts,null===r&&(r=requestAnimationFrame(()=>{const t=n??s.toastStore.getState().visibleToasts,e=s.toastStore.getTheme();n&&(o(n),n=null),r=null,a(t=>t===e?t:e);const i=t.find(t=>!t.isExiting);u.current.value="bottom"===e.position,l.current.value=i?.options?.dismissible??e.dismissible}))});return m},[]);const d=(0,t.useMemo)(()=>{const t=new Map;let e=0;for(const s of i)t.set(s.id,s.isExiting?-1:e),s.isExiting||e++;return[...i].reverse().map(e=>({toast:e,index:t.get(e.id)??0}))},[i]);return{visibleToasts:i,theme:n,toastsWithIndex:d,isBottom:m,isTopDismissible:c,topToastRef:r,isBottomRef:u,isDismissibleRef:l}};

package/lib/module/constants.js

@@ -0,0 +1 @@
+"use strict";import{Easing as t}from"react-native-reanimated";export const ICON_SIZE=28;export const POOL_SIZE=5;export const ENTRY_DURATION=400;export const EXIT_DURATION=350;export const STACK_TRANSITION_DURATION=300;export const SPRING_BACK_DURATION=650;export const ICON_ANIMATION_DURATION=350;export const ENTRY_OFFSET=80;export const EXIT_OFFSET=100;export const SWIPE_EXIT_OFFSET=200;export const MAX_DRAG_CLAMP=180;export const MAX_DRAG_RESISTANCE=60;export const DISMISS_THRESHOLD=40;export const DISMISS_VELOCITY_THRESHOLD=300;export const STACK_OFFSET_PER_ITEM=10;export const STACK_SCALE_PER_ITEM=.05;export const EASING=t.bezier(.25,.1,.25,1);

package/lib/module/pool.js

@@ -0,0 +1 @@
+"use strict";import{makeMutable as t}from"react-native-reanimated";import{POOL_SIZE as e}from"./constants.js";export const animationPool=Array.from({length:e},()=>({progress:t(0),translationY:t(0),stackIndex:t(0)}));export const slotTrackers=Array.from({length:e},()=>({wasExiting:!1,prevIndex:0,initialized:!1}));const r=new Map,s=new Set;export const getSlotIndex=t=>{if(r.has(t))return r.get(t)??0;for(let o=0;o<e;o++)if(!s.has(o))return r.set(t,o),s.add(o),slotTrackers[o].initialized=!1,slotTrackers[o].wasExiting=!1,slotTrackers[o].prevIndex=0,o;return 0};export const releaseSlot=t=>{const e=r.get(t);void 0!==e&&(s.delete(e),r.delete(t),slotTrackers[e].initialized=!1,slotTrackers[e].wasExiting=!1,slotTrackers[e].prevIndex=0)};

package/lib/module/toast-api.js

@@ -1 +1 @@
-"use strict";import{toastStore as t}from"./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,i=(o,s,i,r)=>{t.show(o,s,i,r)};i.success=(s,i,r)=>{const{description:e,duration:n,options:c}=o(i);t.show(s,e,"success",r??n,c)},i.error=(s,i,r)=>{const{description:e,duration:n,options:c}=o(i);t.show(s,e,"error",r??n,c)},i.info=(s,i,r)=>{const{description:e,duration:n,options:c}=o(i);t.show(s,e,"info",r??n,c)},i.promise=async(o,i)=>{const r=s(i.loading),e=t.show(r.title,r.description,"loading",r.duration??36e5);try{const r=await o,n=s(i.success);return t.updateToast(e,{title:n.title,description:n.description,type:"success",duration:n.duration??4e3}),{data:r,success:!0}}catch(o){const r=o instanceof Error?o:new Error(String(o)),n=((t,o)=>s("function"==typeof t?t(o):t))(i.error,r);return t.updateToast(e,{title:n.title,description:n.description,type:"error",duration:n.duration??4e3}),{error:r,success:!1}}},i.dismiss=o=>{t.hide(o)},i.dismissAll=()=>{t.hideAll()};export const toast=i;
+"use strict";import{scheduleOnRN as t}from"react-native-worklets";import{toastStore as o}from"./toast-store.js";const s=t=>t?"string"==typeof t?{description:t}:{description:t.description,duration:t.duration,options:t}:{},i=t=>"string"==typeof t?{title:t}:t,r=(t,s,i,r)=>{o.show(t,s,i,r)};r.custom=(t,s)=>{const i=s?.type??"info";return o.show("",void 0,i,s?.duration,{...s,customContent:t})},r.success=(t,i,r)=>{const{description:e,duration:n,options:c}=s(i);o.show(t,e,"success",r??n,c)},r.error=(t,i,r)=>{const{description:e,duration:n,options:c}=s(i);o.show(t,e,"error",r??n,c)},r.info=(t,i,r)=>{const{description:e,duration:n,options:c}=s(i);o.show(t,e,"info",r??n,c)},r.promise=async(s,r)=>{const e=i(r.loading);let n="";await new Promise(s=>{t(()=>{n=o.show(e.title,e.description,"loading",e.duration??36e5),s()})});try{const e=await s,c=i(r.success);return t(()=>{o.updateToast(n,{title:c.title,description:c.description,type:"success",duration:c.duration??4e3})}),{data:e,success:!0}}catch(s){const e=s instanceof Error?s:new Error(String(s)),c=((t,o)=>i("function"==typeof t?t(o):t))(r.error,e);return t(()=>{o.updateToast(n,{title:c.title,description:c.description,type:"error",duration:c.duration??4e3})}),{error:e,success:!1}}},r.dismiss=t=>{o.hide(t)},r.dismissAll=()=>{o.hideAll()};export const toast=r;

package/lib/module/toast-icons.js

@@ -0,0 +1 @@
+"use strict";import{memo as t,useEffect as e}from"react";import{ActivityIndicator as r}from"react-native";import o,{Easing as i,useAnimatedStyle as c,useSharedValue as n,withTiming as s}from"react-native-reanimated";import{ICON_ANIMATION_DURATION as a,ICON_SIZE as l}from"./constants.js";import{GreenCheck as u,InfoIcon as f,RedX as m}from"./icons/index.js";import{jsx as h}from"react/jsx-runtime";export const resolveIcon=(t,e,o,i)=>{if(o)return"function"==typeof o?o({color:e,size:l}):o;if(i)return i({color:e,size:l});switch(t){case"success":default:return h(u,{width:36,height:36,fill:e});case"error":return h(m,{width:l,height:l,fill:e});case"loading":return h(r,{size:l,color:e});case"info":return h(f,{width:l,height:l,fill:e})}};export const AnimatedIcon=t(({type:t,color:r,custom:l,config:u})=>{const f=n(0);e(()=>{f.value=s(1,{duration:a,easing:i.out(i.back(1.5))})},[f]);const m=c(()=>({opacity:f.value,transform:[{scale:.7+.3*f.value}]}));return h(o.View,{style:m,children:resolveIcon(t,r,l,u)})});

package/lib/module/toast.js

@@ -1 +1 @@
-"use strict";import{memo as t,useCallback as e,useEffect as i,useMemo as n,useRef as o,useState as r}from"react";import{ActivityIndicator as s,Pressable as a,StyleSheet as l,Text as c,View as u}from"react-native";import{Gesture as d,GestureDetector as p}from"react-native-gesture-handler";import g,{Easing as h,interpolate as m,makeMutable as v,useAnimatedStyle as f,useSharedValue as x,withTiming as y}from"react-native-reanimated";import{useSafeAreaInsets as w}from"react-native-safe-area-context";import{scheduleOnRN as b}from"react-native-worklets";import{CloseIcon as T,GreenCheck as I,InfoIcon as z,RedX as Y}from"./icons/index.js";import{toastStore as S}from"./toast-store.js";import{jsx as k,jsxs as E}from"react/jsx-runtime";const C=28,M=350,j=h.bezier(.25,.1,.25,1),B=Array.from({length:5},()=>({progress:v(0),translationY:v(0),stackIndex:v(0)})),A=Array.from({length:5},()=>({wasExiting:!1,prevIndex:0,initialized:!1})),F=new Map,H=new Set,V=(t,e,i,n)=>{if(i)return"function"==typeof i?i({color:e,size:C}):i;if(n)return n({color:e,size:C});switch(t){case"success":default:return k(I,{width:36,height:36,fill:e});case"error":return k(Y,{width:C,height:C,fill:e});case"loading":return k(s,{size:C,color:e});case"info":return k(z,{width:C,height:C,fill:e})}},D=t(({type:t,color:e,custom:n,config:o})=>{const r=x(0);i(()=>{r.value=y(1,{duration:350,easing:h.out(h.back(1.5))})},[r]);const s=f(()=>({opacity:r.value,transform:[{scale:.7+.3*r.value}]}));return k(g.View,{style:s,children:V(t,e,n,o)})});export const ToastContainer=()=>{const[t,s]=r([]),[a,l]=r(()=>S.getTheme()),{top:c,bottom:g}=w(),h=o(v(null)),m=o(v("bottom"===a.position)),f=o(v(!0)),T=x(!1);i(()=>{s(S.getState().visibleToasts);let t=null,e=null;return S.subscribe(i=>{t=i.visibleToasts,null===e&&(e=requestAnimationFrame(()=>{t&&(s(t),t=null),e=null;const i=S.getTheme();l(t=>t===i?t:i)}))})},[]);const I=n(()=>{const e=new Map;let i=0;for(const n of t)e.set(n.id,n.isExiting?-1:i),n.isExiting||i++;return[...t].reverse().map(t=>({toast:t,index:e.get(t.id)??0}))},[t]),z="bottom"===a.position,Y=t.find(t=>!t.isExiting),E=Y?.options?.dismissible??a.dismissible;i(()=>{m.current.value=z,f.current.value=E},[z,E]);const C=n(()=>d.Pan().onStart(()=>{"worklet";T.value=!1}).onUpdate(t=>{"worklet";if(!f.current.value)return;const e=h.current.value;if(!e)return;const{slot:i}=e,n=m.current.value,o=t.translationY,r=n?o:-o,s=n?-o:o;if(r>0){const e=n?Math.min(o,180):Math.max(o,-180);i.translationY.value=e;const s=r>40||(n?t.velocityY>300:t.velocityY<-300);T.value=s}else{const t=60*(1-Math.exp(-s/250));i.translationY.value=n?-Math.min(t,60):Math.min(t,60),T.value=!1}}).onEnd(()=>{"worklet";if(!f.current.value)return;const t=h.current.value;if(!t)return;const{slot:e}=t,i=m.current.value;if(T.value){e.progress.value=y(0,{duration:M,easing:j});const n=i?200:-200;e.translationY.value=y(e.translationY.value+n,{duration:M,easing:j}),b(t.dismiss)}else e.translationY.value=y(0,{duration:650,easing:j})}),[T]),B=e(t=>{h.current.value=t},[]);if(0===t.length)return null;const A=z?g:c,F=z?{bottom:A+a.offset+2}:{top:A+a.offset+2};return k(p,{gesture:C,children:k(u,{style:[P.container,F],pointerEvents:"box-none",children:I.map(({toast:t,index:e})=>k(O,{toast:t,index:e,theme:a,position:a.position,isTopToast:0===e,registerTopToast:B},t.id))})})};const O=t(({toast:t,index:n,theme:s,position:l,isTopToast:d,registerTopToast:p})=>{const h=o(null);null===h.current&&(h.current=(t=>{if(F.has(t))return F.get(t)??0;for(let e=0;e<5;e++)if(!H.has(e))return F.set(t,e),H.add(e),A[e].initialized=!1,A[e].wasExiting=!1,A[e].prevIndex=0,e;return 0})(t.id));const v=h.current,x=B[v],w=A[v],b="bottom"===l,I=b?80:-80,z=b?100:-100,Y=o(t.type),[C,O]=r(!1);i(()=>()=>{(t=>{const e=F.get(t);void 0!==e&&(H.delete(e),F.delete(t),A[e].initialized=!1,A[e].wasExiting=!1,A[e].prevIndex=0)})(t.id)},[t.id]),i(()=>{x.progress.value=0,x.translationY.value=0,x.stackIndex.value=n,x.progress.value=y(1,{duration:400,easing:j})},[]),i(()=>{t.isExiting&&!w.wasExiting&&(w.wasExiting=!0,x.progress.value=y(0,{duration:M,easing:j}),x.translationY.value=y(z,{duration:M,easing:j}))},[t.isExiting,x,w,z]),i(()=>{w.initialized&&n!==w.prevIndex&&(x.stackIndex.value=y(n,{duration:300,easing:j})),w.prevIndex=n,w.initialized=!0},[n,x,w]),i(()=>{const t=setTimeout(()=>O(!0),50);return()=>clearTimeout(t)},[]);const R="loading"===Y.current&&"loading"!==t.type;Y.current=t.type;const W=e(()=>{S.hide(t.id)},[t.id]);i(()=>{if(d)return p({slot:x,dismiss:W}),()=>p(null)},[d,p,x,W]);const q=f(()=>{const t=m(x.progress.value,[0,1],[I,0]),e=b?10*x.stackIndex.value:-10*x.stackIndex.value,i=1-.05*x.stackIndex.value,n=t+x.translationY.value+e,o=m(x.progress.value,[0,1],[0,1]),r=b?x.translationY.value:-x.translationY.value,s=o*(r>0?m(r,[0,130],[1,0],"clamp"):1);return{transform:[{translateY:n},{scale:i*m(Math.abs(x.translationY.value),[0,50],[1,.98],"clamp")}],opacity:s,zIndex:1e3-Math.round(x.stackIndex.value)}}),{options:L}=t,U=s.colors[t.type],G="loading"!==t.type&&(L?.showCloseButton??s.showCloseButton);return E(g.View,{style:[P.toast,b?P.toastBottom:P.toastTop,{backgroundColor:U.background},s.rtl&&P.rtl,s.toastStyle,L?.style,q],children:[k(u,{style:P.iconContainer,children:C&&(R?k(D,{type:t.type,color:U.accent,custom:L?.icon,config:s.icons[t.type]},t.type):V(t.type,U.accent,L?.icon,s.icons[t.type]))}),E(u,{style:P.textContainer,children:[k(c,{maxFontSizeMultiplier:1.35,allowFontScaling:!1,style:[P.title,{color:U.accent},s.rtl&&{textAlign:"right"},s.titleStyle,L?.titleStyle],children:t.title}),t.description&&k(c,{allowFontScaling:!1,maxFontSizeMultiplier:1.35,style:[P.description,s.rtl&&{textAlign:"right"},s.descriptionStyle,L?.descriptionStyle],children:t.description})]}),G&&k(a,{style:P.closeButton,onPress:W,hitSlop:12,children:k(T,{width:20,height:20})})]})},(t,e)=>t.toast.id===e.toast.id&&t.toast.type===e.toast.type&&t.toast.title===e.toast.title&&t.toast.description===e.toast.description&&t.toast.isExiting===e.toast.isExiting&&t.index===e.index&&t.position===e.position&&t.theme===e.theme&&t.isTopToast===e.isTopToast),P=l.create({container:{position:"absolute",left:16,right:16,zIndex:1e3},toast:{flexDirection:"row",alignItems:"center",gap:12,minHeight:36,borderRadius:20,borderCurve:"continuous",position:"absolute",left:0,right:0,paddingHorizontal:12,paddingVertical:10,shadowColor:"#000",shadowOffset:{width:0,height:8},shadowOpacity:.05,shadowRadius:24,elevation:8},rtl:{flexDirection:"row-reverse"},toastTop:{top:0},toastBottom:{bottom:0},iconContainer:{width:48,height:48,alignItems:"center",justifyContent:"center",marginLeft:8},textContainer:{flex:1,gap:1,justifyContent:"center"},title:{fontSize:14,fontWeight:"700",lineHeight:20},description:{color:"#6B7280",fontSize:12,fontWeight:"500",lineHeight:16},closeButton:{padding:4,alignItems:"center",justifyContent:"center"}});
+"use strict";import{memo as t,useCallback as e,useEffect as o,useMemo as i,useState as n}from"react";import{Pressable as s,StyleSheet as a,Text as r,View as l}from"react-native";import{Gesture as c,GestureDetector as u}from"react-native-gesture-handler";import d,{interpolate as p,useAnimatedStyle as m,useSharedValue as g,withTiming as h}from"react-native-reanimated";import{useSafeAreaInsets as f}from"react-native-safe-area-context";import{scheduleOnRN as v}from"react-native-worklets";import{DISMISS_THRESHOLD as x,DISMISS_VELOCITY_THRESHOLD as y,EASING as T,ENTRY_DURATION as w,ENTRY_OFFSET as C,EXIT_DURATION as b,EXIT_OFFSET as Y,ICON_ANIMATION_DURATION as k,MAX_DRAG_CLAMP as I,MAX_DRAG_RESISTANCE as S,SPRING_BACK_DURATION as j,STACK_OFFSET_PER_ITEM as z,STACK_SCALE_PER_ITEM as B,STACK_TRANSITION_DURATION as E,SWIPE_EXIT_OFFSET as M}from"./constants.js";import{CloseIcon as H}from"./icons/index.js";import{animationPool as R,getSlotIndex as F,releaseSlot as V,slotTrackers as D}from"./pool.js";import{AnimatedIcon as W,resolveIcon as A}from"./toast-icons.js";import{toastStore as O}from"./toast-store.js";import{useToastState as P}from"./use-toast-state.js";import{jsx as L,jsxs as U}from"react/jsx-runtime";export const ToastContainer=()=>{const{top:t,bottom:o}=f(),{visibleToasts:n,theme:s,toastsWithIndex:a,isBottom:r,topToastRef:d,isBottomRef:p,isDismissibleRef:m}=P(),w=g(!1),C=i(()=>c.Pan().onStart(()=>{"worklet";w.set(!1)}).onUpdate(t=>{"worklet";if(!m.current.value)return;const e=d.current.value;if(!e)return;const{slot:o}=e,i=p.current.value,n=t.translationY,s=i?n:-n,a=i?-n:n;if(s>0){const e=i?Math.min(n,I):Math.max(n,-I);o.translationY.value=e;const a=s>x||(i?t.velocityY>y:t.velocityY<-y);w.set(a)}else{const t=S*(1-Math.exp(-a/250));o.translationY.value=i?-Math.min(t,S):Math.min(t,S),w.value=!1}}).onEnd(()=>{"worklet";if(!m.current.value)return;const t=d.current.value;if(!t)return;const{slot:e}=t,o=p.current.value;if(w.value){e.progress.value=h(0,{duration:b,easing:T});const i=o?M:-M;e.translationY.value=h(e.translationY.value+i,{duration:b,easing:T}),v(t.dismiss)}else e.translationY.value=h(0,{duration:j,easing:T})}),[w,m,d,p]),Y=e(t=>{d.current.value=t},[d]);if(0===n.length)return null;const k=r?o:t,z=r?{bottom:k+s.offset+2}:{top:k+s.offset+2};return L(u,{gesture:C,children:L(l,{style:[G.container,z],pointerEvents:"box-none",children:a.map(({toast:t,index:e})=>L(q,{toast:t,index:e,theme:s,position:s.position,isTopToast:0===e,registerTopToast:Y},t.id))})})};const q=t(({toast:t,index:i,theme:a,position:c,isTopToast:u,registerTopToast:g})=>{const[f]=n(()=>F(t.id)),v=R[f],x=D[f],y="bottom"===c,I=y?C:-C,S=y?Y:-Y,[j,M]=n("loading"===t.type),[P,q]=n(!1);o(()=>{v.progress.value=0,v.translationY.value=0,v.stackIndex.value=i,v.progress.value=h(1,{duration:w,easing:T});const e=setTimeout(()=>q(!0),50);return()=>{clearTimeout(e),V(t.id)}},[]);const J=e(()=>{O.hide(t.id)},[t.id]);o(()=>{let e=null;return t.isExiting&&!x.wasExiting&&(x.wasExiting=!0,v.progress.value=h(0,{duration:b,easing:T}),v.translationY.value=h(S,{duration:b,easing:T})),x.initialized&&i!==x.prevIndex&&(v.stackIndex.value=h(i,{duration:E,easing:T})),x.prevIndex=i,x.initialized=!0,"loading"===t.type?M(!0):j&&(e=setTimeout(()=>M(!1),k+50)),u&&g({slot:v,dismiss:J}),()=>{e&&clearTimeout(e),u&&g(null)}},[t.isExiting,i,v,x,S,t.type,j,u,g,J]);const K=j&&"loading"!==t.type,N=m(()=>{const t=p(v.progress.value,[0,1],[I,0]),e=y?v.stackIndex.value*z:v.stackIndex.value*-z,o=1-v.stackIndex.value*B,i=t+v.translationY.value+e,n=p(v.progress.value,[0,1],[0,1]),s=y?v.translationY.value:-v.translationY.value,a=n*(s>0?p(s,[0,130],[1,0],"clamp"):1);return{transform:[{translateY:i},{scale:o*p(Math.abs(v.translationY.value),[0,50],[1,.98],"clamp")}],opacity:a,zIndex:1e3-Math.round(v.stackIndex.value)}}),{options:Q}=t,X=a.colors[t.type];if(void 0!==Q?.customContent){const e=Q.customContent;return L(d.View,{style:[G.toast,G.customContentToast,y?G.toastBottom:G.toastTop,{backgroundColor:X.background},a.toastStyle,Q.style,N],children:"function"==typeof e?e({id:t.id,dismiss:J,type:t.type,isExiting:!!t.isExiting}):e})}const Z="loading"!==t.type&&(Q?.showCloseButton??a.showCloseButton);return U(d.View,{style:[G.toast,y?G.toastBottom:G.toastTop,{backgroundColor:X.background},a.rtl&&G.rtl,a.toastStyle,Q?.style,N],children:[L(l,{style:G.iconContainer,children:P&&(K?L(W,{type:t.type,color:X.accent,custom:Q?.icon,config:a.icons[t.type]},t.type):A(t.type,X.accent,Q?.icon,a.icons[t.type]))}),U(l,{style:G.textContainer,children:[L(r,{maxFontSizeMultiplier:1.35,allowFontScaling:!1,style:[G.title,{color:X.accent},a.rtl&&{textAlign:"right"},a.titleStyle,Q?.titleStyle],children:t.title}),t.description&&L(r,{allowFontScaling:!1,maxFontSizeMultiplier:1.35,style:[G.description,a.rtl&&{textAlign:"right"},a.descriptionStyle,Q?.descriptionStyle],children:t.description})]}),Z&&L(s,{style:G.closeButton,onPress:J,hitSlop:12,children:L(H,{width:20,height:20})})]})},(t,e)=>t.toast.id===e.toast.id&&t.toast.type===e.toast.type&&t.toast.title===e.toast.title&&t.toast.description===e.toast.description&&t.toast.isExiting===e.toast.isExiting&&t.index===e.index&&t.position===e.position&&t.theme===e.theme&&t.isTopToast===e.isTopToast),G=a.create({container:{position:"absolute",left:16,right:16,zIndex:1e3},toast:{flexDirection:"row",alignItems:"center",gap:12,minHeight:36,borderRadius:20,borderCurve:"continuous",position:"absolute",left:0,right:0,paddingHorizontal:12,paddingVertical:10,shadowColor:"#000",shadowOffset:{width:0,height:8},shadowOpacity:.05,shadowRadius:24,elevation:8},customContentToast:{padding:0,paddingHorizontal:0,paddingVertical:0,overflow:"hidden"},rtl:{flexDirection:"row-reverse"},toastTop:{top:0},toastBottom:{bottom:0},iconContainer:{width:48,height:48,alignItems:"center",justifyContent:"center",marginLeft:8},textContainer:{flex:1,gap:1,justifyContent:"center"},title:{fontSize:14,fontWeight:"700",lineHeight:20},description:{color:"#6B7280",fontSize:12,fontWeight:"500",lineHeight:16},closeButton:{padding:4,alignItems:"center",justifyContent:"center"}});

package/lib/module/use-toast-state.js

@@ -0,0 +1 @@
+"use strict";import{useEffect as t,useMemo as i,useRef as s,useState as e}from"react";import{makeMutable as o}from"react-native-reanimated";import{toastStore as n}from"./toast-store.js";export const useToastState=()=>{const[r,l]=e([]),[m,a]=e(()=>n.getTheme()),u=s(o(null)),b=s(o("bottom"===m.position)),c=s(o(!0)),p="bottom"===m.position,d=r.find(t=>!t.isExiting),f=d?.options?.dismissible??m.dismissible;t(()=>{const t=n.getState().visibleToasts,i=n.getTheme();l(t);const s=t.find(t=>!t.isExiting);b.current.value="bottom"===i.position,c.current.value=s?.options?.dismissible??i.dismissible;let e=null,o=null;const r=n.subscribe(t=>{e=t.visibleToasts,null===o&&(o=requestAnimationFrame(()=>{const t=e??n.getState().visibleToasts,i=n.getTheme();e&&(l(e),e=null),o=null,a(t=>t===i?t:i);const s=t.find(t=>!t.isExiting);b.current.value="bottom"===i.position,c.current.value=s?.options?.dismissible??i.dismissible}))});return r},[]);const g=i(()=>{const t=new Map;let i=0;for(const s of r)t.set(s.id,s.isExiting?-1:i),s.isExiting||i++;return[...r].reverse().map(i=>({toast:i,index:t.get(i.id)??0}))},[r]);return{visibleToasts:r,theme:m,toastsWithIndex:g,isBottom:p,isTopDismissible:f,topToastRef:u,isBottomRef:b,isDismissibleRef:c}};

package/lib/typescript/constants.d.ts

@@ -0,0 +1,18 @@
+export declare const ICON_SIZE = 28;
+export declare const POOL_SIZE = 5;
+export declare const ENTRY_DURATION = 400;
+export declare const EXIT_DURATION = 350;
+export declare const STACK_TRANSITION_DURATION = 300;
+export declare const SPRING_BACK_DURATION = 650;
+export declare const ICON_ANIMATION_DURATION = 350;
+export declare const ENTRY_OFFSET = 80;
+export declare const EXIT_OFFSET = 100;
+export declare const SWIPE_EXIT_OFFSET = 200;
+export declare const MAX_DRAG_CLAMP = 180;
+export declare const MAX_DRAG_RESISTANCE = 60;
+export declare const DISMISS_THRESHOLD = 40;
+export declare const DISMISS_VELOCITY_THRESHOLD = 300;
+export declare const STACK_OFFSET_PER_ITEM = 10;
+export declare const STACK_SCALE_PER_ITEM = 0.05;
+export declare const EASING: import("react-native-reanimated").EasingFunctionFactory;
+//# sourceMappingURL=constants.d.ts.map

package/lib/typescript/index.d.ts

@@ -3,5 +3,5 @@ export { ToastContainer } from "./toast";
 export { toast } from "./toast-api";
 export { BreadLoaf } from "./toast-provider";
 export { toastStore } from "./toast-store";
-export type { ErrorMessageInput, IconProps, IconRenderFn, MessageInput, PromiseMessages, PromiseResult, Toast, ToastConfig, ToastOptions, ToastPosition, ToastState, ToastType, ToastTypeColors, } from "./types";
+export type { CustomContentProps, CustomContentRenderFn, ErrorMessageInput, IconProps, IconRenderFn, MessageInput, PromiseMessages, PromiseResult, Toast, ToastConfig, ToastOptions, ToastPosition, ToastState, ToastType, ToastTypeColors, } from "./types";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/pool.d.ts

@@ -0,0 +1,16 @@
+import { type SharedValue } from "react-native-reanimated";
+export interface AnimSlot {
+    progress: SharedValue<number>;
+    translationY: SharedValue<number>;
+    stackIndex: SharedValue<number>;
+}
+export interface SlotTracker {
+    wasExiting: boolean;
+    prevIndex: number;
+    initialized: boolean;
+}
+export declare const animationPool: AnimSlot[];
+export declare const slotTrackers: SlotTracker[];
+export declare const getSlotIndex: (toastId: string) => number;
+export declare const releaseSlot: (toastId: string) => void;
+//# sourceMappingURL=pool.d.ts.map

package/lib/typescript/toast-api.d.ts

@@ -1,7 +1,34 @@
-import type { PromiseMessages, PromiseResult, ToastOptions, ToastType } from "./types";
-/** Second parameter can be a string (description) or options object */
+import type { ReactNode } from "react";
+import type { CustomContentRenderFn, PromiseMessages, PromiseResult, ToastOptions, ToastType } from "./types";
 type DescriptionOrOptions = string | ToastOptions;
+interface CustomToastOptions extends Omit<ToastOptions, "customContent" | "icon" | "titleStyle" | "descriptionStyle"> {
+    type?: ToastType;
+}
 type BaseToastFn = ((title: string, description?: string, type?: ToastType, duration?: number) => void) & {
+    /**
+     * Show a fully custom toast where you control all the content.
+     * The content you provide fills the entire toast container and receives entry/exit animations.
+     * @param content - ReactNode or render function that receives { id, dismiss, type, isExiting }
+     * @param options - Optional configuration for duration, dismissible, style, etc.
+     * @returns The toast ID
+     * @example
+     * ```ts
+     * // Simple custom content
+     * toast.custom(<MyCustomToast />);
+     *
+     * // With render function for dismiss access
+     * toast.custom(({ dismiss }) => (
+     *   <View style={{ flexDirection: 'row', alignItems: 'center' }}>
+     *     <Text>Custom toast!</Text>
+     *     <Button title="Close" onPress={dismiss} />
+     *   </View>
+     * ));
+     *
+     * // With options
+     * toast.custom(<MyToast />, { duration: 5000, dismissible: false });
+     * ```
+     */
+    custom: (content: ReactNode | CustomContentRenderFn, options?: CustomToastOptions) => string;
     /**
      * Show a success toast with a green checkmark icon.
      * @param title - The toast title

package/lib/typescript/toast-icons.d.ts

@@ -0,0 +1,10 @@
+import { type ReactNode } from "react";
+import type { IconRenderFn, ToastType } from "./types";
+export declare const resolveIcon: (type: ToastType, color: string, custom?: ReactNode | IconRenderFn, config?: IconRenderFn) => string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null | undefined;
+export declare const AnimatedIcon: import("react").MemoExoticComponent<({ type, color, custom, config, }: {
+    type: ToastType;
+    color: string;
+    custom?: ReactNode | IconRenderFn;
+    config?: IconRenderFn;
+}) => import("react/jsx-runtime").JSX.Element>;
+//# sourceMappingURL=toast-icons.d.ts.map

package/lib/typescript/types.d.ts

@@ -15,6 +15,19 @@ export interface IconProps {
     /** Default icon size */
     size: number;
 }
+/** Props passed to custom content render functions */
+export interface CustomContentProps {
+    /** Toast ID */
+    id: string;
+    /** Dismiss this toast */
+    dismiss: () => void;
+    /** Toast type */
+    type: ToastType;
+    /** Whether the toast is currently exiting */
+    isExiting: boolean;
+}
+/** Custom content render function for fully custom toasts */
+export type CustomContentRenderFn = (props: CustomContentProps) => ReactNode;
 /** Custom icon render function */
 export type IconRenderFn = (props: IconProps) => ReactNode;
 export interface ToastTheme {
@@ -63,6 +76,12 @@ export interface ToastOptions {
     dismissible?: boolean;
     /** Whether to show the close button on this toast (overrides config) */
     showCloseButton?: boolean;
+    /**
+     * Custom content that fully replaces the default toast layout.
+     * When provided, icon, title, description, and close button are not rendered.
+     * Receives props: { id, dismiss, type, isExiting }
+     */
+    customContent?: ReactNode | CustomContentRenderFn;
 }
 /** Configuration options for customizing toast behavior and appearance. All properties are optional. */
 export type ToastConfig = {
@@ -100,4 +119,26 @@ export interface PromiseResult<T> {
     error?: Error;
     success: boolean;
 }
+export interface TopToastRef {
+    slot: {
+        progress: {
+            value: number;
+        };
+        translationY: {
+            value: number;
+        };
+        stackIndex: {
+            value: number;
+        };
+    };
+    dismiss: () => void;
+}
+export interface ToastItemProps {
+    toast: Toast;
+    index: number;
+    theme: ToastTheme;
+    position: ToastPosition;
+    isTopToast: boolean;
+    registerTopToast: (values: TopToastRef | null) => void;
+}
 //# sourceMappingURL=types.d.ts.map

package/lib/typescript/use-toast-state.d.ts

@@ -0,0 +1,16 @@
+import { type Toast } from "./toast-store";
+import type { ToastTheme, TopToastRef } from "./types";
+export declare const useToastState: () => {
+    visibleToasts: Toast[];
+    theme: ToastTheme;
+    toastsWithIndex: {
+        toast: Toast;
+        index: number;
+    }[];
+    isBottom: boolean;
+    isTopDismissible: boolean;
+    topToastRef: import("react").RefObject<import("react-native-reanimated/lib/typescript/commonTypes").Mutable<TopToastRef | null>>;
+    isBottomRef: import("react").RefObject<import("react-native-reanimated/lib/typescript/commonTypes").Mutable<boolean>>;
+    isDismissibleRef: import("react").RefObject<import("react-native-reanimated/lib/typescript/commonTypes").Mutable<boolean>>;
+};
+//# sourceMappingURL=use-toast-state.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-bread",
-  "version": "0.4.0",
+  "version": "0.5.1",
   "description": "A lightweight toast library for React Native with premium feeling animations and complex gesture support",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -53,10 +53,10 @@
     "react": ">=18.0.0",
     "react-native": ">=0.76.0",
     "react-native-gesture-handler": ">=2.25.0",
-    "react-native-reanimated": ">=4.2.0",
+    "react-native-reanimated": ">=4.1.0",
     "react-native-safe-area-context": ">=5.0.0",
     "react-native-svg": ">=15.8.0",
-    "react-native-worklets": ">=0.7.0"
+    "react-native-worklets": ">=0.5.0"
   },
   "peerDependenciesMeta": {
     "react-native-gesture-handler": {