react-native-bread 0.5.2 → 0.5.3

package/lib/commonjs/toast-store.js

@@ -1 +1,252 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.toastStore=void 0;const t={position:"top",offset:0,rtl:!1,stacking:!0,maxStack:3,dismissible:!0,showCloseButton:!0,colors:{success:{accent:"#28B770",background:"#FFFFFF"},error:{accent:"#F05964",background:"#FFFFFF"},info:{accent:"#EDBE43",background:"#FFFFFF"},loading:{accent:"#232323",background:"#FFFFFF"}},icons:{},toastStyle:{},titleStyle:{},descriptionStyle:{},defaultDuration:4e3};exports.toastStore=new class{state={visibleToasts:[]};theme=t;listeners=new Set;toastIdCounter=0;timeouts=new Map;subscribe=t=>(this.listeners.add(t),()=>{this.listeners.delete(t)});emit(){for(const t of this.listeners)t(this.state)}setState(t){this.state={...this.state,...t},this.emit()}getState=()=>this.state;getTheme=()=>this.theme;setConfig=s=>{this.theme=function(s){if(!s)return t;const e={...t.colors};if(s.colors)for(const i of Object.keys(s.colors)){const o=s.colors[i];o&&(e[i]={...t.colors[i],...o})}return{position:s.position??t.position,offset:s.offset??t.offset,rtl:s.rtl??t.rtl,stacking:s.stacking??t.stacking,maxStack:s.maxStack??t.maxStack,dismissible:s.dismissible??t.dismissible,showCloseButton:s.showCloseButton??t.showCloseButton,colors:e,icons:{...t.icons,...s.icons},toastStyle:{...t.toastStyle,...s.toastStyle},titleStyle:{...t.titleStyle,...s.titleStyle},descriptionStyle:{...t.descriptionStyle,...s.descriptionStyle},defaultDuration:s.defaultDuration??t.defaultDuration}}(s)};show=(t,s,e="success",i,o)=>{const a=i??o?.duration??this.theme.defaultDuration,l=this.theme.stacking?this.theme.maxStack:1,n="toast-"+ ++this.toastIdCounter,c={id:n,title:t,description:s??o?.description,type:e,duration:a,createdAt:Date.now(),isExiting:!1,options:o},{visibleToasts:r}=this.state,h=r.filter(t=>!t.isExiting);if(h.length>=l){const t=h.slice(l-1);for(const s of t){const t=this.timeouts.get(s.id);t&&(clearTimeout(t),this.timeouts.delete(s.id))}const s=new Set(t.map(t=>t.id));if(!this.theme.stacking)return this.setState({visibleToasts:r.map(t=>s.has(t.id)?{...t,isExiting:!0}:t)}),setTimeout(()=>{for(const s of t)this.removeToast(s.id);this.addToast(c,a)},130),n;this.setState({visibleToasts:r.filter(t=>!s.has(t.id))})}return this.addToast(c,a),n};addToast(t,s){this.setState({visibleToasts:[t,...this.state.visibleToasts.filter(t=>!t.isExiting)]}),this.scheduleTimeout(t.id,s,0),this.rescheduleAllTimeouts()}scheduleTimeout(t,s,e){const i=this.timeouts.get(t);i&&clearTimeout(i);const o=setTimeout(()=>{this.hide(t)},s*(e+1));this.timeouts.set(t,o)}rescheduleAllTimeouts(){const{visibleToasts:t}=this.state;t.forEach((t,s)=>{t.isExiting||0===s||this.scheduleTimeout(t.id,t.duration,s)})}hide=t=>{const{visibleToasts:s}=this.state,e=s.find(s=>s.id===t);if(!e||e.isExiting)return;const i=this.timeouts.get(t);i&&(clearTimeout(i),this.timeouts.delete(t)),this.setState({visibleToasts:s.map(s=>s.id===t?{...s,isExiting:!0}:s)}),setTimeout(()=>{this.removeToast(t)},350)};removeToast(t){const s=this.timeouts.get(t);s&&(clearTimeout(s),this.timeouts.delete(t)),this.setState({visibleToasts:this.state.visibleToasts.filter(s=>s.id!==t)}),this.rescheduleAllTimeouts()}updateToast=(t,s)=>{const{visibleToasts:e}=this.state,i=e.findIndex(s=>s.id===t);-1!==i&&(this.setState({visibleToasts:e.map(e=>e.id===t?{...e,...s}:e)}),void 0!==s.duration&&this.scheduleTimeout(t,s.duration,i))};hideAll=()=>{for(const t of this.timeouts.values())clearTimeout(t);this.timeouts.clear(),this.setState({visibleToasts:[]})}};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.toastStore = void 0;
+const EXIT_DURATION = 350;
+const DEFAULT_THEME = {
+  position: "top",
+  offset: 0,
+  rtl: false,
+  stacking: true,
+  maxStack: 3,
+  dismissible: true,
+  showCloseButton: true,
+  colors: {
+    success: {
+      accent: "#28B770",
+      background: "#FFFFFF"
+    },
+    error: {
+      accent: "#F05964",
+      background: "#FFFFFF"
+    },
+    info: {
+      accent: "#EDBE43",
+      background: "#FFFFFF"
+    },
+    loading: {
+      accent: "#232323",
+      background: "#FFFFFF"
+    }
+  },
+  icons: {},
+  toastStyle: {},
+  titleStyle: {},
+  descriptionStyle: {},
+  defaultDuration: 4000
+};
+function mergeConfig(config) {
+  if (!config) return DEFAULT_THEME;
+  const mergedColors = {
+    ...DEFAULT_THEME.colors
+  };
+  if (config.colors) {
+    for (const type of Object.keys(config.colors)) {
+      const userColors = config.colors[type];
+      if (userColors) {
+        mergedColors[type] = {
+          ...DEFAULT_THEME.colors[type],
+          ...userColors
+        };
+      }
+    }
+  }
+  return {
+    position: config.position ?? DEFAULT_THEME.position,
+    offset: config.offset ?? DEFAULT_THEME.offset,
+    rtl: config.rtl ?? DEFAULT_THEME.rtl,
+    stacking: config.stacking ?? DEFAULT_THEME.stacking,
+    maxStack: config.maxStack ?? DEFAULT_THEME.maxStack,
+    dismissible: config.dismissible ?? DEFAULT_THEME.dismissible,
+    showCloseButton: config.showCloseButton ?? DEFAULT_THEME.showCloseButton,
+    colors: mergedColors,
+    icons: {
+      ...DEFAULT_THEME.icons,
+      ...config.icons
+    },
+    toastStyle: {
+      ...DEFAULT_THEME.toastStyle,
+      ...config.toastStyle
+    },
+    titleStyle: {
+      ...DEFAULT_THEME.titleStyle,
+      ...config.titleStyle
+    },
+    descriptionStyle: {
+      ...DEFAULT_THEME.descriptionStyle,
+      ...config.descriptionStyle
+    },
+    defaultDuration: config.defaultDuration ?? DEFAULT_THEME.defaultDuration
+  };
+}
+class ToastStore {
+  state = {
+    visibleToasts: []
+  };
+  theme = DEFAULT_THEME;
+  listeners = new Set();
+  toastIdCounter = 0;
+  timeouts = new Map();
+  subscribe = listener => {
+    this.listeners.add(listener);
+    return () => {
+      this.listeners.delete(listener);
+    };
+  };
+  emit() {
+    for (const listener of this.listeners) {
+      listener(this.state);
+    }
+  }
+  setState(partial) {
+    this.state = {
+      ...this.state,
+      ...partial
+    };
+    this.emit();
+  }
+  getState = () => this.state;
+  getTheme = () => this.theme;
+  setConfig = config => {
+    this.theme = mergeConfig(config);
+  };
+  show = (title, description, type = "success", duration, options) => {
+    const actualDuration = duration ?? options?.duration ?? this.theme.defaultDuration;
+    const maxToasts = this.theme.stacking ? this.theme.maxStack : 1;
+    const id = `toast-${++this.toastIdCounter}`;
+    const newToast = {
+      id,
+      title,
+      description: description ?? options?.description,
+      type,
+      duration: actualDuration,
+      createdAt: Date.now(),
+      isExiting: false,
+      options
+    };
+    const {
+      visibleToasts
+    } = this.state;
+    const activeToasts = visibleToasts.filter(t => !t.isExiting);
+    if (activeToasts.length >= maxToasts) {
+      const toastsToRemove = activeToasts.slice(maxToasts - 1);
+      for (const toast of toastsToRemove) {
+        const timeout = this.timeouts.get(toast.id);
+        if (timeout) {
+          clearTimeout(timeout);
+          this.timeouts.delete(toast.id);
+        }
+      }
+      const removeIds = new Set(toastsToRemove.map(t => t.id));
+      if (this.theme.stacking) {
+        this.setState({
+          visibleToasts: visibleToasts.filter(t => !removeIds.has(t.id))
+        });
+      } else {
+        this.setState({
+          visibleToasts: visibleToasts.map(t => removeIds.has(t.id) ? {
+            ...t,
+            isExiting: true
+          } : t)
+        });
+        setTimeout(() => {
+          for (const toast of toastsToRemove) {
+            this.removeToast(toast.id);
+          }
+          this.addToast(newToast, actualDuration);
+        }, EXIT_DURATION - 220);
+        return id;
+      }
+    }
+    this.addToast(newToast, actualDuration);
+    return id;
+  };
+  addToast(toast, duration) {
+    this.setState({
+      visibleToasts: [toast, ...this.state.visibleToasts.filter(t => !t.isExiting)]
+    });
+    this.scheduleTimeout(toast.id, duration, 0);
+    this.rescheduleAllTimeouts();
+  }
+  scheduleTimeout(id, baseDuration, index) {
+    const existingTimeout = this.timeouts.get(id);
+    if (existingTimeout) {
+      clearTimeout(existingTimeout);
+    }
+    const duration = baseDuration * (index + 1);
+    const timeout = setTimeout(() => {
+      this.hide(id);
+    }, duration);
+    this.timeouts.set(id, timeout);
+  }
+  rescheduleAllTimeouts() {
+    const {
+      visibleToasts
+    } = this.state;
+    visibleToasts.forEach((toast, index) => {
+      if (toast.isExiting || index === 0) return;
+      this.scheduleTimeout(toast.id, toast.duration, index);
+    });
+  }
+  hide = id => {
+    const {
+      visibleToasts
+    } = this.state;
+    const toast = visibleToasts.find(t => t.id === id);
+    if (!toast || toast.isExiting) return;
+    const timeout = this.timeouts.get(id);
+    if (timeout) {
+      clearTimeout(timeout);
+      this.timeouts.delete(id);
+    }
+    this.setState({
+      visibleToasts: visibleToasts.map(t => t.id === id ? {
+        ...t,
+        isExiting: true
+      } : t)
+    });
+    setTimeout(() => {
+      this.removeToast(id);
+    }, EXIT_DURATION);
+  };
+  removeToast(id) {
+    const timeout = this.timeouts.get(id);
+    if (timeout) {
+      clearTimeout(timeout);
+      this.timeouts.delete(id);
+    }
+    this.setState({
+      visibleToasts: this.state.visibleToasts.filter(t => t.id !== id)
+    });
+    this.rescheduleAllTimeouts();
+  }
+  updateToast = (id, data) => {
+    const {
+      visibleToasts
+    } = this.state;
+    const index = visibleToasts.findIndex(t => t.id === id);
+    if (index === -1) return;
+    this.setState({
+      visibleToasts: visibleToasts.map(t => t.id === id ? {
+        ...t,
+        ...data
+      } : t)
+    });
+    if (data.duration !== undefined) {
+      this.scheduleTimeout(id, data.duration, index);
+    }
+  };
+  hideAll = () => {
+    for (const timeout of this.timeouts.values()) {
+      clearTimeout(timeout);
+    }
+    this.timeouts.clear();
+    this.setState({
+      visibleToasts: []
+    });
+  };
+}
+const toastStore = exports.toastStore = new ToastStore();
+//# sourceMappingURL=toast-store.js.map

package/lib/commonjs/toast.js

@@ -1 +1,351 @@
-"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"}});
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ToastContainer = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativeGestureHandler = require("react-native-gesture-handler");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+var _reactNativeWorklets = require("react-native-worklets");
+var _constants = require("./constants.js");
+var _index = require("./icons/index.js");
+var _pool = require("./pool.js");
+var _toastIcons = require("./toast-icons.js");
+var _toastStore = require("./toast-store.js");
+var _useToastState = require("./use-toast-state.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 ToastContainer = () => {
+  const {
+    top,
+    bottom
+  } = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
+  const {
+    visibleToasts,
+    theme,
+    toastsWithIndex,
+    isBottom,
+    topToastRef,
+    isBottomRef,
+    isDismissibleRef
+  } = (0, _useToastState.useToastState)();
+  const shouldDismiss = (0, _reactNativeReanimated.useSharedValue)(false);
+  const panGesture = (0, _react.useMemo)(() => _reactNativeGestureHandler.Gesture.Pan().onStart(() => {
+    "worklet";
+
+    shouldDismiss.set(false);
+  }).onUpdate(event => {
+    "worklet";
+
+    if (!isDismissibleRef.current.value) return;
+    const ref = topToastRef.current.value;
+    if (!ref) return;
+    const {
+      slot
+    } = ref;
+    const bottom = isBottomRef.current.value;
+    const rawY = event.translationY;
+    const dismissDrag = bottom ? rawY : -rawY;
+    const resistDrag = bottom ? -rawY : rawY;
+    if (dismissDrag > 0) {
+      const clampedY = bottom ? Math.min(rawY, _constants.MAX_DRAG_CLAMP) : Math.max(rawY, -_constants.MAX_DRAG_CLAMP);
+      slot.translationY.value = clampedY;
+      const shouldTriggerDismiss = dismissDrag > _constants.DISMISS_THRESHOLD || (bottom ? event.velocityY > _constants.DISMISS_VELOCITY_THRESHOLD : event.velocityY < -_constants.DISMISS_VELOCITY_THRESHOLD);
+      shouldDismiss.set(shouldTriggerDismiss);
+    } else {
+      const exponentialDrag = _constants.MAX_DRAG_RESISTANCE * (1 - Math.exp(-resistDrag / 250));
+      slot.translationY.value = bottom ? -Math.min(exponentialDrag, _constants.MAX_DRAG_RESISTANCE) : Math.min(exponentialDrag, _constants.MAX_DRAG_RESISTANCE);
+      shouldDismiss.value = false;
+    }
+  }).onEnd(() => {
+    "worklet";
+
+    if (!isDismissibleRef.current.value) return;
+    const ref = topToastRef.current.value;
+    if (!ref) return;
+    const {
+      slot
+    } = ref;
+    const bottom = isBottomRef.current.value;
+    if (shouldDismiss.value) {
+      slot.progress.value = (0, _reactNativeReanimated.withTiming)(0, {
+        duration: _constants.EXIT_DURATION,
+        easing: _constants.EASING
+      });
+      const exitOffset = bottom ? _constants.SWIPE_EXIT_OFFSET : -_constants.SWIPE_EXIT_OFFSET;
+      slot.translationY.value = (0, _reactNativeReanimated.withTiming)(slot.translationY.value + exitOffset, {
+        duration: _constants.EXIT_DURATION,
+        easing: _constants.EASING
+      });
+      (0, _reactNativeWorklets.scheduleOnRN)(ref.dismiss);
+    } else {
+      slot.translationY.value = (0, _reactNativeReanimated.withTiming)(0, {
+        duration: _constants.SPRING_BACK_DURATION,
+        easing: _constants.EASING
+      });
+    }
+  }), [shouldDismiss, isDismissibleRef, topToastRef, isBottomRef]);
+  const registerTopToast = (0, _react.useCallback)(values => {
+    topToastRef.current.value = values;
+  }, [topToastRef]);
+  if (visibleToasts.length === 0) return null;
+  const inset = isBottom ? bottom : top;
+  const positionStyle = isBottom ? {
+    bottom: inset + theme.offset + 2
+  } : {
+    top: inset + theme.offset + 2
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector, {
+    gesture: panGesture,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.container, positionStyle],
+      pointerEvents: "box-none",
+      children: toastsWithIndex.map(({
+        toast,
+        index
+      }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(MemoizedToastItem, {
+        toast: toast,
+        index: index,
+        theme: theme,
+        position: theme.position,
+        isTopToast: index === 0,
+        registerTopToast: registerTopToast
+      }, toast.id))
+    })
+  });
+};
+exports.ToastContainer = ToastContainer;
+const ToastItem = ({
+  toast,
+  index,
+  theme,
+  position,
+  isTopToast,
+  registerTopToast
+}) => {
+  const [slotIdx] = (0, _react.useState)(() => (0, _pool.getSlotIndex)(toast.id));
+  const slot = _pool.animationPool[slotIdx];
+  const tracker = _pool.slotTrackers[slotIdx];
+  const isBottom = position === "bottom";
+  const entryFromY = isBottom ? _constants.ENTRY_OFFSET : -_constants.ENTRY_OFFSET;
+  const exitToY = isBottom ? _constants.EXIT_OFFSET : -_constants.EXIT_OFFSET;
+  const [wasLoading, setWasLoading] = (0, _react.useState)(toast.type === "loading");
+  const [showIcon, setShowIcon] = (0, _react.useState)(false);
+
+  // biome-ignore lint/correctness/useExhaustiveDependencies: mount-only effect
+  (0, _react.useEffect)(() => {
+    slot.progress.value = 0;
+    slot.translationY.value = 0;
+    slot.stackIndex.value = index;
+    slot.progress.value = (0, _reactNativeReanimated.withTiming)(1, {
+      duration: _constants.ENTRY_DURATION,
+      easing: _constants.EASING
+    });
+    const iconTimeout = setTimeout(() => setShowIcon(true), 50);
+    return () => {
+      clearTimeout(iconTimeout);
+      (0, _pool.releaseSlot)(toast.id);
+    };
+  }, []);
+  const dismissToast = (0, _react.useCallback)(() => {
+    _toastStore.toastStore.hide(toast.id);
+  }, [toast.id]);
+  (0, _react.useEffect)(() => {
+    let loadingTimeout = null;
+    if (toast.isExiting && !tracker.wasExiting) {
+      tracker.wasExiting = true;
+      slot.progress.value = (0, _reactNativeReanimated.withTiming)(0, {
+        duration: _constants.EXIT_DURATION,
+        easing: _constants.EASING
+      });
+      slot.translationY.value = (0, _reactNativeReanimated.withTiming)(exitToY, {
+        duration: _constants.EXIT_DURATION,
+        easing: _constants.EASING
+      });
+    }
+    if (tracker.initialized && index !== tracker.prevIndex) {
+      slot.stackIndex.value = (0, _reactNativeReanimated.withTiming)(index, {
+        duration: _constants.STACK_TRANSITION_DURATION,
+        easing: _constants.EASING
+      });
+    }
+    tracker.prevIndex = index;
+    tracker.initialized = true;
+    if (toast.type === "loading") {
+      setWasLoading(true);
+    } else if (wasLoading) {
+      loadingTimeout = setTimeout(() => setWasLoading(false), _constants.ICON_ANIMATION_DURATION + 50);
+    }
+    if (isTopToast) {
+      registerTopToast({
+        slot: slot,
+        dismiss: dismissToast
+      });
+    }
+    return () => {
+      if (loadingTimeout) clearTimeout(loadingTimeout);
+      if (isTopToast) registerTopToast(null);
+    };
+  }, [toast.isExiting, index, slot, tracker, exitToY, toast.type, wasLoading, isTopToast, registerTopToast, dismissToast]);
+  const shouldAnimateIcon = wasLoading && toast.type !== "loading";
+  const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    const baseTranslateY = (0, _reactNativeReanimated.interpolate)(slot.progress.value, [0, 1], [entryFromY, 0]);
+    const stackOffsetY = isBottom ? slot.stackIndex.value * _constants.STACK_OFFSET_PER_ITEM : slot.stackIndex.value * -_constants.STACK_OFFSET_PER_ITEM;
+    const stackScale = 1 - slot.stackIndex.value * _constants.STACK_SCALE_PER_ITEM;
+    const finalTranslateY = baseTranslateY + slot.translationY.value + stackOffsetY;
+    const progressOpacity = (0, _reactNativeReanimated.interpolate)(slot.progress.value, [0, 1], [0, 1]);
+    const dismissDirection = isBottom ? slot.translationY.value : -slot.translationY.value;
+    const dragOpacity = dismissDirection > 0 ? (0, _reactNativeReanimated.interpolate)(dismissDirection, [0, 130], [1, 0], "clamp") : 1;
+    const opacity = progressOpacity * dragOpacity;
+    const dragScale = (0, _reactNativeReanimated.interpolate)(Math.abs(slot.translationY.value), [0, 50], [1, 0.98], "clamp");
+    const scale = stackScale * dragScale;
+    return {
+      transform: [{
+        translateY: finalTranslateY
+      }, {
+        scale
+      }],
+      opacity,
+      zIndex: 1000 - Math.round(slot.stackIndex.value)
+    };
+  });
+  const {
+    options
+  } = toast;
+  const colors = theme.colors[toast.type];
+  if (options?.customContent !== undefined) {
+    const content = options.customContent;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+      style: [styles.toast, styles.customContentToast, isBottom ? styles.toastBottom : styles.toastTop, {
+        backgroundColor: colors.background
+      }, theme.toastStyle, options.style, animatedStyle],
+      children: typeof content === "function" ? content({
+        id: toast.id,
+        dismiss: dismissToast,
+        type: toast.type,
+        isExiting: !!toast.isExiting
+      }) : content
+    });
+  }
+  const shouldShowCloseButton = toast.type !== "loading" && (options?.showCloseButton ?? theme.showCloseButton);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeReanimated.default.View, {
+    style: [styles.toast, isBottom ? styles.toastBottom : styles.toastTop, {
+      backgroundColor: colors.background
+    }, theme.rtl && styles.rtl, theme.toastStyle, options?.style, animatedStyle],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.iconContainer,
+      children: showIcon && (shouldAnimateIcon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_toastIcons.AnimatedIcon, {
+        type: toast.type,
+        color: colors.accent,
+        custom: options?.icon,
+        config: theme.icons[toast.type]
+      }, toast.type) : (0, _toastIcons.resolveIcon)(toast.type, colors.accent, options?.icon, theme.icons[toast.type]))
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.textContainer,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        maxFontSizeMultiplier: 1.35,
+        allowFontScaling: false,
+        style: [styles.title, {
+          color: colors.accent
+        }, theme.rtl && {
+          textAlign: "right"
+        }, theme.titleStyle, options?.titleStyle],
+        children: toast.title
+      }), toast.description && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        allowFontScaling: false,
+        maxFontSizeMultiplier: 1.35,
+        style: [styles.description, theme.rtl && {
+          textAlign: "right"
+        }, theme.descriptionStyle, options?.descriptionStyle],
+        children: toast.description
+      })]
+    }), shouldShowCloseButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+      style: styles.closeButton,
+      onPress: dismissToast,
+      hitSlop: 12,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.CloseIcon, {
+        width: 20,
+        height: 20
+      })
+    })]
+  });
+};
+const MemoizedToastItem = /*#__PURE__*/(0, _react.memo)(ToastItem, (prev, next) => {
+  return prev.toast.id === next.toast.id && prev.toast.type === next.toast.type && prev.toast.title === next.toast.title && prev.toast.description === next.toast.description && prev.toast.isExiting === next.toast.isExiting && prev.index === next.index && prev.position === next.position && prev.theme === next.theme && prev.isTopToast === next.isTopToast;
+});
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    position: "absolute",
+    left: 16,
+    right: 16,
+    zIndex: 1000
+  },
+  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: 0.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"
+  }
+});
+//# sourceMappingURL=toast.js.map

package/lib/commonjs/types.js

@@ -1 +1,6 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map