react-native-bread 0.1.1 → 0.1.3

package/lib/commonjs/toast.js

@@ -1,481 +1 @@
-"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 _index = require("./icons/index.js");
-var _toastStore = require("./toast-store.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 ICON_SIZE = 28;
-
-/** Memoized default icons to prevent SVG re-renders */
-const MemoizedGreenCheck = /*#__PURE__*/(0, _react.memo)(({
-  fill
-}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.GreenCheck, {
-  width: 36,
-  height: 36,
-  fill: fill
-}));
-const MemoizedRedX = /*#__PURE__*/(0, _react.memo)(({
-  fill
-}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.RedX, {
-  width: ICON_SIZE,
-  height: ICON_SIZE,
-  fill: fill
-}));
-const MemoizedInfoIcon = /*#__PURE__*/(0, _react.memo)(({
-  fill
-}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.InfoIcon, {
-  width: ICON_SIZE,
-  height: ICON_SIZE,
-  fill: fill
-}));
-const MemoizedCloseIcon = /*#__PURE__*/(0, _react.memo)(() => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.CloseIcon, {
-  width: 20,
-  height: 20
-}));
-
-/** Default icon for each toast type - memoized */
-const DefaultIcon = /*#__PURE__*/(0, _react.memo)(({
-  type,
-  accentColor
-}) => {
-  switch (type) {
-    case "success":
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(MemoizedGreenCheck, {
-        fill: accentColor
-      });
-    case "error":
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(MemoizedRedX, {
-        fill: accentColor
-      });
-    case "loading":
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
-        size: ICON_SIZE,
-        color: accentColor
-      });
-    case "info":
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(MemoizedInfoIcon, {
-        fill: accentColor
-      });
-    default:
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(MemoizedGreenCheck, {
-        fill: accentColor
-      });
-  }
-});
-/** Resolves the icon to render - checks per-toast, then config, then default */
-const resolveIcon = (type, accentColor, customIcon, configIcon) => {
-  if (customIcon) {
-    if (typeof customIcon === "function") {
-      return customIcon({
-        color: accentColor,
-        size: ICON_SIZE
-      });
-    }
-    return customIcon;
-  }
-  if (configIcon) {
-    return configIcon({
-      color: accentColor,
-      size: ICON_SIZE
-    });
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(DefaultIcon, {
-    type: type,
-    accentColor: accentColor
-  });
-};
-
-/** Animated icon wrapper with scale/fade animation */
-const AnimatedIcon = /*#__PURE__*/(0, _react.memo)(({
-  type,
-  accentColor,
-  customIcon,
-  configIcon
-}) => {
-  const progress = (0, _reactNativeReanimated.useSharedValue)(0);
-  (0, _react.useEffect)(() => {
-    progress.value = (0, _reactNativeReanimated.withTiming)(1, {
-      duration: 350,
-      easing: _reactNativeReanimated.Easing.out(_reactNativeReanimated.Easing.back(1.5))
-    });
-  }, [progress]);
-  const style = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
-    opacity: progress.value,
-    transform: [{
-      scale: 0.7 + progress.value * 0.3
-    }]
-  }));
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
-    style: style,
-    children: resolveIcon(type, accentColor, customIcon, configIcon)
-  });
-});
-/** Memoized toast content to prevent inline JSX recreation */
-const ToastContent = /*#__PURE__*/(0, _react.memo)(({
-  type,
-  title,
-  description,
-  accentColor,
-  customIcon,
-  configIcon,
-  showCloseButton,
-  onDismiss,
-  titleStyle,
-  descriptionStyle,
-  optionsTitleStyle,
-  optionsDescriptionStyle
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-  style: styles.content,
-  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: styles.icon,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(AnimatedIcon, {
-      type: type,
-      accentColor: accentColor,
-      customIcon: customIcon,
-      configIcon: configIcon
-    }, 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: accentColor
-      }, titleStyle, optionsTitleStyle],
-      children: title
-    }), description && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      allowFontScaling: false,
-      maxFontSizeMultiplier: 1.35,
-      style: [styles.description, descriptionStyle, optionsDescriptionStyle],
-      children: description
-    })]
-  }), showCloseButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-    style: styles.closeButton,
-    onPress: onDismiss,
-    hitSlop: 12,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(MemoizedCloseIcon, {})
-  })]
-}));
-
-// singleton instance
-const ToastContainer = () => {
-  const [visibleToasts, setVisibleToasts] = (0, _react.useState)([]);
-  const [theme, setTheme] = (0, _react.useState)(() => _toastStore.toastStore.getTheme());
-  const {
-    top,
-    bottom
-  } = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
-  (0, _react.useEffect)(() => {
-    const initialState = _toastStore.toastStore.getState();
-    setVisibleToasts(initialState.visibleToasts);
-    setTheme(_toastStore.toastStore.getTheme());
-    return _toastStore.toastStore.subscribe(state => {
-      setVisibleToasts(state.visibleToasts);
-      setTheme(_toastStore.toastStore.getTheme());
-    });
-  }, []);
-
-  // Calculate visual index for each toast (exiting toasts don't count)
-  const getVisualIndex = (0, _react.useCallback)(toastId => {
-    let visualIndex = 0;
-    for (const t of visibleToasts) {
-      if (t.id === toastId) break;
-      if (!t.isExiting) visualIndex++;
-    }
-    return visualIndex;
-  }, [visibleToasts]);
-
-  // Memoize the reversed array to avoid recreating on each render
-  const reversedToasts = (0, _react.useMemo)(() => [...visibleToasts].reverse(), [visibleToasts]);
-  if (visibleToasts.length === 0) {
-    return null;
-  }
-  const isBottom = theme.position === "bottom";
-  const inset = isBottom ? bottom : top;
-  const positionStyle = isBottom ? {
-    bottom: inset + theme.offset + 2
-  } : {
-    top: inset + theme.offset + 2
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: [styles.container, positionStyle],
-    pointerEvents: "box-none",
-    children: reversedToasts.map(toast => {
-      const index = toast.isExiting ? -1 : getVisualIndex(toast.id);
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(MemoizedToastItem, {
-        toast: toast,
-        index: index,
-        theme: theme,
-        position: theme.position
-      }, toast.id);
-    })
-  });
-};
-exports.ToastContainer = ToastContainer;
-const EASING = _reactNativeReanimated.Easing.bezier(0.25, 0.1, 0.25, 1.0);
-const ToY = 0;
-const Duration = 400;
-const ExitDuration = 350;
-const MaxDragDown = 60;
-const ToastItem = ({
-  toast,
-  index,
-  theme,
-  position
-}) => {
-  const progress = (0, _reactNativeReanimated.useSharedValue)(0);
-  const translationY = (0, _reactNativeReanimated.useSharedValue)(0);
-  const isBeingDragged = (0, _reactNativeReanimated.useSharedValue)(false);
-  const shouldDismiss = (0, _reactNativeReanimated.useSharedValue)(false);
-
-  // Position-based animation values
-  const isBottom = position === "bottom";
-  const entryFromY = isBottom ? 80 : -80;
-  const exitToY = isBottom ? 100 : -100;
-
-  // Stack position animation
-  const stackIndex = (0, _reactNativeReanimated.useSharedValue)(index);
-
-  // Refs for tracking previous values to avoid unnecessary animations
-  const lastHandledType = (0, _react.useRef)(toast.type);
-  const prevIndex = (0, _react.useRef)(index);
-  const hasEntered = (0, _react.useRef)(false);
-  (0, _react.useEffect)(() => {
-    // Entry animation (only once on mount)
-    if (!hasEntered.current && !toast.isExiting) {
-      progress.value = (0, _reactNativeReanimated.withTiming)(1, {
-        duration: Duration,
-        easing: EASING
-      });
-      hasEntered.current = true;
-    }
-
-    // Exit animation when isExiting becomes true
-    if (toast.isExiting) {
-      progress.value = (0, _reactNativeReanimated.withTiming)(0, {
-        duration: ExitDuration,
-        easing: EASING
-      });
-      translationY.value = (0, _reactNativeReanimated.withTiming)(exitToY, {
-        duration: ExitDuration,
-        easing: EASING
-      });
-    }
-
-    // Track type changes (for icon animation via key)
-    if (toast.type !== lastHandledType.current) {
-      lastHandledType.current = toast.type;
-    }
-
-    // Stack position animation when index changes
-    if (index >= 0 && prevIndex.current !== index) {
-      stackIndex.value = (0, _reactNativeReanimated.withTiming)(index, {
-        duration: 300,
-        easing: EASING
-      });
-      prevIndex.current = index;
-    }
-  }, [toast.isExiting, toast.type, index, progress, translationY, stackIndex, exitToY]);
-  const dismissToast = (0, _react.useCallback)(() => {
-    _toastStore.toastStore.hide(toast.id);
-  }, [toast.id]);
-  const panGesture = (0, _react.useMemo)(() => _reactNativeGestureHandler.Gesture.Pan().onStart(() => {
-    "worklet";
-
-    isBeingDragged.value = true;
-    shouldDismiss.value = false;
-  }).onUpdate(event => {
-    "worklet";
-
-    const rawY = event.translationY;
-    // For top: negative Y = dismiss direction, positive Y = resistance
-    // For bottom: positive Y = dismiss direction, negative Y = resistance
-    const dismissDrag = isBottom ? rawY : -rawY;
-    const resistDrag = isBottom ? -rawY : rawY;
-    if (dismissDrag > 0) {
-      // Moving toward dismiss direction
-      const clampedY = isBottom ? Math.min(rawY, 180) : Math.max(rawY, -180);
-      translationY.value = clampedY;
-      if (dismissDrag > 40 || (isBottom ? event.velocityY > 300 : event.velocityY < -300)) {
-        shouldDismiss.value = true;
-      }
-    } else {
-      // Moving away from edge - apply resistance
-      const exponentialDrag = MaxDragDown * (1 - Math.exp(-resistDrag / 250));
-      translationY.value = isBottom ? -Math.min(exponentialDrag, MaxDragDown) : Math.min(exponentialDrag, MaxDragDown);
-      shouldDismiss.value = false;
-    }
-  }).onEnd(() => {
-    "worklet";
-
-    isBeingDragged.value = false;
-    if (shouldDismiss.value) {
-      progress.value = (0, _reactNativeReanimated.withTiming)(0, {
-        duration: ExitDuration,
-        easing: EASING
-      });
-      const exitOffset = isBottom ? 200 : -200;
-      translationY.value = (0, _reactNativeReanimated.withTiming)(translationY.value + exitOffset, {
-        duration: ExitDuration,
-        easing: EASING
-      });
-      (0, _reactNativeWorklets.scheduleOnRN)(dismissToast);
-    } else {
-      translationY.value = (0, _reactNativeReanimated.withTiming)(0, {
-        duration: 650,
-        easing: EASING
-      });
-    }
-  }), [isBottom, dismissToast, progress, translationY, shouldDismiss, isBeingDragged]);
-
-  // Memoize disabled gesture to avoid recreation on every render
-  const disabledGesture = (0, _react.useMemo)(() => _reactNativeGestureHandler.Gesture.Pan().enabled(false), []);
-
-  // Derive zIndex separately - it's not animatable and shouldn't trigger worklet re-runs
-  const zIndex = (0, _reactNativeReanimated.useDerivedValue)(() => 1000 - Math.round(stackIndex.value));
-  const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
-    const baseTranslateY = (0, _reactNativeReanimated.interpolate)(progress.value, [0, 1], [entryFromY, ToY]);
-
-    // Stack offset: each toast behind moves away from edge (up for top, down for bottom)
-    const stackOffsetY = isBottom ? stackIndex.value * 10 : stackIndex.value * -10;
-
-    // Stack scale: each toast behind scales down by 0.05
-    const stackScale = 1 - stackIndex.value * 0.05;
-    const finalTranslateY = baseTranslateY + translationY.value + stackOffsetY;
-    const progressOpacity = (0, _reactNativeReanimated.interpolate)(progress.value, [0, 1], [0, 1]);
-    // For top: dragging up (negative) fades out. For bottom: dragging down (positive) fades out
-    const dismissDirection = isBottom ? translationY.value : -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(translationY.value), [0, 50], [1, 0.98], "clamp");
-    const scale = stackScale * dragScale;
-    return {
-      transform: [{
-        translateY: finalTranslateY
-      }, {
-        scale
-      }],
-      opacity,
-      zIndex: zIndex.value
-    };
-  });
-  const accentColor = theme.colors[toast.type].accent;
-  const backgroundColor = theme.colors[toast.type].background;
-  const verticalAnchor = isBottom ? {
-    bottom: 0
-  } : {
-    top: 0
-  };
-
-  // Per-toast overrides from options
-  const {
-    options
-  } = toast;
-  const customIcon = options?.icon;
-  const configIcon = theme.icons[toast.type];
-
-  // Resolve dismissible and showCloseButton (per-toast overrides config)
-  const isDismissible = options?.dismissible ?? theme.dismissible;
-  const shouldShowCloseButton = toast.type !== "loading" && (options?.showCloseButton ?? theme.showCloseButton);
-
-  // Enable/disable gesture based on dismissible setting
-  const gesture = isDismissible ? panGesture : disabledGesture;
-  const animStyle = [styles.toast, verticalAnchor, {
-    backgroundColor
-  }, theme.toastStyle, options?.style, animatedStyle];
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector, {
-    gesture: gesture,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
-      style: animStyle,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ToastContent, {
-        type: toast.type,
-        title: toast.title,
-        description: toast.description,
-        accentColor: accentColor,
-        customIcon: customIcon,
-        configIcon: configIcon,
-        showCloseButton: shouldShowCloseButton,
-        onDismiss: dismissToast,
-        titleStyle: theme.titleStyle,
-        descriptionStyle: theme.descriptionStyle,
-        optionsTitleStyle: options?.titleStyle,
-        optionsDescriptionStyle: options?.descriptionStyle
-      })
-    })
-  });
-};
-
-// Custom comparison to prevent re-renders when toast object reference changes but content is same
-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;
-});
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    position: "absolute",
-    left: 16,
-    right: 16,
-    zIndex: 1000
-  },
-  closeButton: {
-    padding: 4,
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  icon: {
-    width: 48,
-    height: 48,
-    alignItems: "center",
-    justifyContent: "center",
-    marginLeft: 8
-  },
-  content: {
-    alignItems: "center",
-    flexDirection: "row",
-    gap: 12,
-    minHeight: 36
-  },
-  description: {
-    color: "#6B7280",
-    fontSize: 12,
-    fontWeight: "500",
-    lineHeight: 16
-  },
-  textContainer: {
-    flex: 1,
-    gap: 1,
-    justifyContent: "center"
-  },
-  title: {
-    fontSize: 14,
-    fontWeight: "700",
-    lineHeight: 20
-  },
-  toast: {
-    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
-  }
-});
-//# sourceMappingURL=toast.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ToastContainer=void 0;var e=require("react"),t=require("react-native"),i=require("react-native-gesture-handler"),o=function(e,t){if("function"==typeof WeakMap)var i=new WeakMap,o=new WeakMap;return function(e,t){if(!t&&e&&e.__esModule)return e;var n,s,r={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return r;if(n=t?o:i){if(n.has(e))return n.get(e);n.set(e,r)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((s=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(s.get||s.set)?n(r,t,s):r[t]=e[t]);return r}(e,t)}(require("react-native-reanimated")),n=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 c=28,u=(0,e.memo)(({fill:e})=>(0,l.jsx)(r.GreenCheck,{width:36,height:36,fill:e})),d=(0,e.memo)(({fill:e})=>(0,l.jsx)(r.RedX,{width:c,height:c,fill:e})),p=(0,e.memo)(({fill:e})=>(0,l.jsx)(r.InfoIcon,{width:c,height:c,fill:e})),h=(0,e.memo)(()=>(0,l.jsx)(r.CloseIcon,{width:20,height:20})),f=(0,e.memo)(({type:e,accentColor:i})=>{switch(e){case"success":default:return(0,l.jsx)(u,{fill:i});case"error":return(0,l.jsx)(d,{fill:i});case"loading":return(0,l.jsx)(t.ActivityIndicator,{size:c,color:i});case"info":return(0,l.jsx)(p,{fill:i})}}),g=(e,t,i,o)=>i?"function"==typeof i?i({color:t,size:c}):i:o?o({color:t,size:c}):(0,l.jsx)(f,{type:e,accentColor:t}),m=(0,e.memo)(({type:t,accentColor:i,customIcon:n,configIcon:s})=>{const r=(0,o.useSharedValue)(0);(0,e.useEffect)(()=>{r.value=(0,o.withTiming)(1,{duration:350,easing:o.Easing.out(o.Easing.back(1.5))})},[r]);const a=(0,o.useAnimatedStyle)(()=>({opacity:r.value,transform:[{scale:.7+.3*r.value}]}));return(0,l.jsx)(o.default.View,{style:a,children:g(t,i,n,s)})}),y=(0,e.memo)(({type:e,title:i,description:o,accentColor:n,customIcon:s,configIcon:r,showCloseButton:a,onDismiss:c,titleStyle:u,descriptionStyle:d,optionsTitleStyle:p,optionsDescriptionStyle:f})=>(0,l.jsxs)(t.View,{style:j.content,children:[(0,l.jsx)(t.View,{style:j.icon,children:(0,l.jsx)(m,{type:e,accentColor:n,customIcon:s,configIcon:r},e)}),(0,l.jsxs)(t.View,{style:j.textContainer,children:[(0,l.jsx)(t.Text,{maxFontSizeMultiplier:1.35,allowFontScaling:!1,style:[j.title,{color:n},u,p],children:i}),o&&(0,l.jsx)(t.Text,{allowFontScaling:!1,maxFontSizeMultiplier:1.35,style:[j.description,d,f],children:o})]}),a&&(0,l.jsx)(t.Pressable,{style:j.closeButton,onPress:c,hitSlop:12,children:(0,l.jsx)(h,{})})]}));exports.ToastContainer=()=>{const[i,o]=(0,e.useState)([]),[s,r]=(0,e.useState)(()=>a.toastStore.getTheme()),{top:c,bottom:u}=(0,n.useSafeAreaInsets)();(0,e.useEffect)(()=>{const e=a.toastStore.getState();return o(e.visibleToasts),r(a.toastStore.getTheme()),a.toastStore.subscribe(e=>{o(e.visibleToasts),r(a.toastStore.getTheme())})},[]);const d=(0,e.useCallback)(e=>{let t=0;for(const o of i){if(o.id===e)break;o.isExiting||t++}return t},[i]),p=(0,e.useMemo)(()=>[...i].reverse(),[i]);if(0===i.length)return null;const h="bottom"===s.position,f=h?u:c,g=h?{bottom:f+s.offset+2}:{top:f+s.offset+2};return(0,l.jsx)(t.View,{style:[j.container,g],pointerEvents:"box-none",children:p.map(e=>{const t=e.isExiting?-1:d(e.id);return(0,l.jsx)(w,{toast:e,index:t,theme:s,position:s.position},e.id)})})};const x=o.Easing.bezier(.25,.1,.25,1),v=350,S=({toast:t,index:n,theme:r,position:c})=>{const u=(0,o.useSharedValue)(0),d=(0,o.useSharedValue)(0),p=(0,o.useSharedValue)(!1),h=(0,o.useSharedValue)(!1),f="bottom"===c,g=f?80:-80,m=f?100:-100,S=(0,o.useSharedValue)(n),w=(0,e.useRef)(t.type),b=(0,e.useRef)(n),C=(0,e.useRef)(!1);(0,e.useEffect)(()=>{C.current||t.isExiting||(u.value=(0,o.withTiming)(1,{duration:400,easing:x}),C.current=!0),t.isExiting&&(u.value=(0,o.withTiming)(0,{duration:v,easing:x}),d.value=(0,o.withTiming)(m,{duration:v,easing:x})),t.type!==w.current&&(w.current=t.type),n>=0&&b.current!==n&&(S.value=(0,o.withTiming)(n,{duration:300,easing:x}),b.current=n)},[t.isExiting,t.type,n,u,d,S,m]);const T=(0,e.useCallback)(()=>{a.toastStore.hide(t.id)},[t.id]),I=(0,e.useMemo)(()=>i.Gesture.Pan().onStart(()=>{"worklet";p.value=!0,h.value=!1}).onUpdate(e=>{"worklet";const t=e.translationY,i=f?t:-t,o=f?-t:t;if(i>0){const o=f?Math.min(t,180):Math.max(t,-180);d.value=o,(i>40||(f?e.velocityY>300:e.velocityY<-300))&&(h.value=!0)}else{const e=60*(1-Math.exp(-o/250));d.value=f?-Math.min(e,60):Math.min(e,60),h.value=!1}}).onEnd(()=>{"worklet";if(p.value=!1,h.value){u.value=(0,o.withTiming)(0,{duration:v,easing:x});const e=f?200:-200;d.value=(0,o.withTiming)(d.value+e,{duration:v,easing:x}),(0,s.scheduleOnRN)(T)}else d.value=(0,o.withTiming)(0,{duration:650,easing:x})}),[f,T,u,d,h,p]),M=(0,e.useMemo)(()=>i.Gesture.Pan().enabled(!1),[]),E=(0,o.useDerivedValue)(()=>1e3-Math.round(S.value)),k=(0,o.useAnimatedStyle)(()=>{const e=(0,o.interpolate)(u.value,[0,1],[g,0]),t=f?10*S.value:-10*S.value,i=1-.05*S.value,n=e+d.value+t,s=(0,o.interpolate)(u.value,[0,1],[0,1]),r=f?d.value:-d.value,a=s*(r>0?(0,o.interpolate)(r,[0,130],[1,0],"clamp"):1);return{transform:[{translateY:n},{scale:i*(0,o.interpolate)(Math.abs(d.value),[0,50],[1,.98],"clamp")}],opacity:a,zIndex:E.value}}),V=r.colors[t.type].accent,z=r.colors[t.type].background,q=f?{bottom:0}:{top:0},{options:D}=t,O=D?.icon,P=r.icons[t.type],_=D?.dismissible??r.dismissible,B="loading"!==t.type&&(D?.showCloseButton??r.showCloseButton),R=_?I:M,W=[j.toast,q,{backgroundColor:z},r.toastStyle,D?.style,k];return(0,l.jsx)(i.GestureDetector,{gesture:R,children:(0,l.jsx)(o.default.View,{style:W,children:(0,l.jsx)(y,{type:t.type,title:t.title,description:t.description,accentColor:V,customIcon:O,configIcon:P,showCloseButton:B,onDismiss:T,titleStyle:r.titleStyle,descriptionStyle:r.descriptionStyle,optionsTitleStyle:D?.titleStyle,optionsDescriptionStyle:D?.descriptionStyle})})})},w=(0,e.memo)(S,(e,t)=>e.toast.id===t.toast.id&&e.toast.type===t.toast.type&&e.toast.title===t.toast.title&&e.toast.description===t.toast.description&&e.toast.isExiting===t.toast.isExiting&&e.index===t.index&&e.position===t.position&&e.theme===t.theme),j=t.StyleSheet.create({container:{position:"absolute",left:16,right:16,zIndex:1e3},closeButton:{padding:4,alignItems:"center",justifyContent:"center"},icon:{width:48,height:48,alignItems:"center",justifyContent:"center",marginLeft:8},content:{alignItems:"center",flexDirection:"row",gap:12,minHeight:36},description:{color:"#6B7280",fontSize:12,fontWeight:"500",lineHeight:16},textContainer:{flex:1,gap:1,justifyContent:"center"},title:{fontSize:14,fontWeight:"700",lineHeight:20},toast:{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}});

package/lib/commonjs/types.js

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

package/lib/module/icons/CloseIcon.js

@@ -1,16 +1 @@
-"use strict";
-
-import Svg, { Path } from "react-native-svg";
-import { jsx as _jsx } from "react/jsx-runtime";
-export const CloseIcon = props => /*#__PURE__*/_jsx(Svg, {
-  viewBox: "0 0 24 24",
-  width: 24,
-  height: 24,
-  fill: "none",
-  ...props,
-  children: /*#__PURE__*/_jsx(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"
-  })
-});
-//# sourceMappingURL=CloseIcon.js.map
+"use strict";import i,{Path as t}from"react-native-svg";import{jsx as e}from"react/jsx-runtime";export const CloseIcon=o=>e(i,{viewBox:"0 0 24 24",width:24,height:24,fill:"none",...o,children:e(t,{fill:o.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/module/icons/GreenCheck.js

@@ -1,21 +1 @@
-"use strict";
-
-import Svg, { Path } from "react-native-svg";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const GreenCheck = props => /*#__PURE__*/_jsxs(Svg, {
-  viewBox: "0 0 30 31",
-  width: 30,
-  height: 31,
-  fill: "none",
-  ...props,
-  children: [/*#__PURE__*/_jsx(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__*/_jsx(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"
-  })]
-});
-//# sourceMappingURL=GreenCheck.js.map
+"use strict";import e,{Path as l}from"react-native-svg";import{jsx as i,jsxs as t}from"react/jsx-runtime";export const GreenCheck=a=>t(e,{viewBox:"0 0 30 31",width:30,height:31,fill:"none",...a,children:[i(l,{fill:a.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"}),i(l,{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/module/icons/InfoIcon.js

@@ -1,18 +1 @@
-"use strict";
-
-import Svg, { Path } from "react-native-svg";
-import { jsx as _jsx } from "react/jsx-runtime";
-export const InfoIcon = props => /*#__PURE__*/_jsx(Svg, {
-  viewBox: "0 0 24 24",
-  width: 24,
-  height: 24,
-  fill: "none",
-  ...props,
-  children: /*#__PURE__*/_jsx(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"
-  })
-});
-//# sourceMappingURL=InfoIcon.js.map
+"use strict";import e,{Path as i}from"react-native-svg";import{jsx as l}from"react/jsx-runtime";export const InfoIcon=o=>l(e,{viewBox:"0 0 24 24",width:24,height:24,fill:"none",...o,children:l(i,{fill:o.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/module/icons/RedX.js

@@ -1,21 +1 @@
-"use strict";
-
-import Svg, { Path } from "react-native-svg";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const RedX = props => /*#__PURE__*/_jsxs(Svg, {
-  viewBox: "0 0 24 24",
-  width: 24,
-  height: 24,
-  fill: "none",
-  ...props,
-  children: [/*#__PURE__*/_jsx(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__*/_jsx(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"
-  })]
-});
-//# sourceMappingURL=RedX.js.map
+"use strict";import l,{Path as e}from"react-native-svg";import{jsx as i,jsxs as a}from"react/jsx-runtime";export const RedX=t=>a(l,{viewBox:"0 0 24 24",width:24,height:24,fill:"none",...t,children:[i(e,{fill:t.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"}),i(e,{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/module/icons/index.js

@@ -1,7 +1 @@
-"use strict";
-
-export { CloseIcon } from "./CloseIcon.js";
-export { GreenCheck } from "./GreenCheck.js";
-export { InfoIcon } from "./InfoIcon.js";
-export { RedX } from "./RedX.js";
-//# sourceMappingURL=index.js.map
+"use strict";export{CloseIcon}from"./CloseIcon.js";export{GreenCheck}from"./GreenCheck.js";export{InfoIcon}from"./InfoIcon.js";export{RedX}from"./RedX.js";

package/lib/module/index.js

@@ -1,14 +1 @@
-"use strict";
-
-// Main exports
-
-// Icons (for customization)
-export { CloseIcon, GreenCheck, InfoIcon, RedX } from "./icons/index.js";
-export { ToastContainer } from "./toast.js";
-export { toast } from "./toast-api.js";
-export { BreadLoaf } from "./toast-provider.js";
-
-// Store (for advanced usage)
-export { toastStore } from "./toast-store.js";
-// Types
-//# sourceMappingURL=index.js.map
+"use strict";export{CloseIcon,GreenCheck,InfoIcon,RedX}from"./icons/index.js";export{ToastContainer}from"./toast.js";export{toast}from"./toast-api.js";export{BreadLoaf}from"./toast-provider.js";export{toastStore}from"./toast-store.js";