react-native-bread 0.5.2 → 0.5.3

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

@@ -1 +1,72 @@
-"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}};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useToastState = void 0;
+var _react = require("react");
+var _reactNativeReanimated = require("react-native-reanimated");
+var _toastStore = require("./toast-store.js");
+const useToastState = () => {
+  const [visibleToasts, setVisibleToasts] = (0, _react.useState)([]);
+  const [theme, setTheme] = (0, _react.useState)(() => _toastStore.toastStore.getTheme());
+  const topToastRef = (0, _react.useRef)((0, _reactNativeReanimated.makeMutable)(null));
+  const isBottomRef = (0, _react.useRef)((0, _reactNativeReanimated.makeMutable)(theme.position === "bottom"));
+  const isDismissibleRef = (0, _react.useRef)((0, _reactNativeReanimated.makeMutable)(true));
+  const isBottom = theme.position === "bottom";
+  const topToast = visibleToasts.find(t => !t.isExiting);
+  const isTopDismissible = topToast?.options?.dismissible ?? theme.dismissible;
+  (0, _react.useEffect)(() => {
+    const initialToasts = _toastStore.toastStore.getState().visibleToasts;
+    const initialTheme = _toastStore.toastStore.getTheme();
+    setVisibleToasts(initialToasts);
+    const initialTopToast = initialToasts.find(t => !t.isExiting);
+    isBottomRef.current.value = initialTheme.position === "bottom";
+    isDismissibleRef.current.value = initialTopToast?.options?.dismissible ?? initialTheme.dismissible;
+    let pendingToasts = null;
+    let rafId = null;
+    const unsubscribe = _toastStore.toastStore.subscribe(state => {
+      pendingToasts = state.visibleToasts;
+      if (rafId === null) {
+        rafId = requestAnimationFrame(() => {
+          const currentToasts = pendingToasts ?? _toastStore.toastStore.getState().visibleToasts;
+          const currentTheme = _toastStore.toastStore.getTheme();
+          if (pendingToasts) {
+            setVisibleToasts(pendingToasts);
+            pendingToasts = null;
+          }
+          rafId = null;
+          setTheme(prev => prev === currentTheme ? prev : currentTheme);
+          const topToast = currentToasts.find(t => !t.isExiting);
+          isBottomRef.current.value = currentTheme.position === "bottom";
+          isDismissibleRef.current.value = topToast?.options?.dismissible ?? currentTheme.dismissible;
+        });
+      }
+    });
+    return unsubscribe;
+  }, []);
+  const toastsWithIndex = (0, _react.useMemo)(() => {
+    const indices = new Map();
+    let visualIndex = 0;
+    for (const t of visibleToasts) {
+      indices.set(t.id, t.isExiting ? -1 : visualIndex);
+      if (!t.isExiting) visualIndex++;
+    }
+    return [...visibleToasts].reverse().map(t => ({
+      toast: t,
+      index: indices.get(t.id) ?? 0
+    }));
+  }, [visibleToasts]);
+  return {
+    visibleToasts,
+    theme,
+    toastsWithIndex,
+    isBottom,
+    isTopDismissible,
+    topToastRef,
+    isBottomRef,
+    isDismissibleRef
+  };
+};
+exports.useToastState = useToastState;
+//# sourceMappingURL=use-toast-state.js.map

package/lib/module/constants.js

@@ -1 +1,21 @@
-"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);
+"use strict";
+
+import { Easing } 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 = 0.05;
+export const EASING = Easing.bezier(0.25, 0.1, 0.25, 1.0);
+//# sourceMappingURL=constants.js.map

package/lib/module/icons/CloseIcon.js

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

package/lib/module/icons/GreenCheck.js

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

package/lib/module/icons/InfoIcon.js

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

package/lib/module/icons/RedX.js

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

package/lib/module/icons/index.js

@@ -1 +1,7 @@
-"use strict";export{CloseIcon}from"./CloseIcon.js";export{GreenCheck}from"./GreenCheck.js";export{InfoIcon}from"./InfoIcon.js";export{RedX}from"./RedX.js";
+"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

package/lib/module/index.js

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

package/lib/module/pool.js

@@ -1 +1,47 @@
-"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)};
+"use strict";
+
+import { makeMutable } from "react-native-reanimated";
+import { POOL_SIZE } from "./constants.js";
+export const animationPool = Array.from({
+  length: POOL_SIZE
+}, () => ({
+  progress: makeMutable(0),
+  translationY: makeMutable(0),
+  stackIndex: makeMutable(0)
+}));
+export const slotTrackers = Array.from({
+  length: POOL_SIZE
+}, () => ({
+  wasExiting: false,
+  prevIndex: 0,
+  initialized: false
+}));
+const slotAssignments = new Map();
+const usedSlots = new Set();
+export const getSlotIndex = toastId => {
+  if (slotAssignments.has(toastId)) {
+    return slotAssignments.get(toastId) ?? 0;
+  }
+  for (let i = 0; i < POOL_SIZE; i++) {
+    if (!usedSlots.has(i)) {
+      slotAssignments.set(toastId, i);
+      usedSlots.add(i);
+      slotTrackers[i].initialized = false;
+      slotTrackers[i].wasExiting = false;
+      slotTrackers[i].prevIndex = 0;
+      return i;
+    }
+  }
+  return 0;
+};
+export const releaseSlot = toastId => {
+  const idx = slotAssignments.get(toastId);
+  if (idx !== undefined) {
+    usedSlots.delete(idx);
+    slotAssignments.delete(toastId);
+    slotTrackers[idx].initialized = false;
+    slotTrackers[idx].wasExiting = false;
+    slotTrackers[idx].prevIndex = 0;
+  }
+};
+//# sourceMappingURL=pool.js.map

package/lib/module/toast-api.js

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

package/lib/module/toast-icons.js

@@ -1 +1,74 @@
-"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)})});
+"use strict";
+
+import { memo, useEffect } from "react";
+import { ActivityIndicator } from "react-native";
+import Animated, { Easing, useAnimatedStyle, useSharedValue, withTiming } from "react-native-reanimated";
+import { ICON_ANIMATION_DURATION, ICON_SIZE } from "./constants.js";
+import { GreenCheck, InfoIcon, RedX } from "./icons/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const resolveIcon = (type, color, custom, config) => {
+  if (custom) return typeof custom === "function" ? custom({
+    color,
+    size: ICON_SIZE
+  }) : custom;
+  if (config) return config({
+    color,
+    size: ICON_SIZE
+  });
+  switch (type) {
+    case "success":
+      return /*#__PURE__*/_jsx(GreenCheck, {
+        width: 36,
+        height: 36,
+        fill: color
+      });
+    case "error":
+      return /*#__PURE__*/_jsx(RedX, {
+        width: ICON_SIZE,
+        height: ICON_SIZE,
+        fill: color
+      });
+    case "loading":
+      return /*#__PURE__*/_jsx(ActivityIndicator, {
+        size: ICON_SIZE,
+        color: color
+      });
+    case "info":
+      return /*#__PURE__*/_jsx(InfoIcon, {
+        width: ICON_SIZE,
+        height: ICON_SIZE,
+        fill: color
+      });
+    default:
+      return /*#__PURE__*/_jsx(GreenCheck, {
+        width: 36,
+        height: 36,
+        fill: color
+      });
+  }
+};
+export const AnimatedIcon = /*#__PURE__*/memo(({
+  type,
+  color,
+  custom,
+  config
+}) => {
+  const progress = useSharedValue(0);
+  useEffect(() => {
+    progress.value = withTiming(1, {
+      duration: ICON_ANIMATION_DURATION,
+      easing: Easing.out(Easing.back(1.5))
+    });
+  }, [progress]);
+  const style = useAnimatedStyle(() => ({
+    opacity: progress.value,
+    transform: [{
+      scale: 0.7 + progress.value * 0.3
+    }]
+  }));
+  return /*#__PURE__*/_jsx(Animated.View, {
+    style: style,
+    children: resolveIcon(type, color, custom, config)
+  });
+});
+//# sourceMappingURL=toast-icons.js.map

package/lib/module/toast-provider.js

@@ -1 +1,62 @@
-"use strict";import{useEffect as t}from"react";import{StyleSheet as o,View as r}from"react-native";import{ToastContainer as e}from"./toast.js";import{toastStore as n}from"./toast-store.js";import{jsx as i}from"react/jsx-runtime";export function BreadLoaf({config:o}){return t(()=>(n.setConfig(o),()=>{n.setConfig(void 0)}),[o]),i(r,{style:s.container,pointerEvents:"box-none",children:i(e,{})})}const s=o.create({container:{...o.absoluteFillObject,zIndex:9999}});
+"use strict";
+
+import { useEffect } from "react";
+import { StyleSheet, View } from "react-native";
+import { ToastContainer } from "./toast.js";
+import { toastStore } from "./toast-store.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Toast component that enables toast notifications in your app.
+ * Add `<BreadLoaf />` to your root layout to start showing toasts.
+ *
+ * @example
+ * ```tsx
+ * import { BreadLoaf } from 'react-native-bread';
+ *
+ * // Basic usage - add to your root layout
+ * export default function RootLayout() {
+ *   return (
+ *     <>
+ *       <Stack />
+ *       <BreadLoaf />
+ *     </>
+ *   );
+ * }
+ *
+ * // With configuration
+ * <BreadLoaf
+ *   config={{
+ *     position: 'bottom',
+ *     stacking: false,
+ *     defaultDuration: 5000,
+ *     colors: {
+ *       success: { accent: '#22c55e', background: '#f0fdf4' },
+ *       error: { accent: '#ef4444', background: '#fef2f2' },
+ *     },
+ *     toastStyle: { borderRadius: 12 },
+ *   }}
+ * />
+ * ```
+ */
+export function BreadLoaf({
+  config
+}) {
+  useEffect(() => {
+    toastStore.setConfig(config);
+    return () => {
+      toastStore.setConfig(undefined);
+    };
+  }, [config]);
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.container,
+    pointerEvents: "box-none",
+    children: /*#__PURE__*/_jsx(ToastContainer, {})
+  });
+}
+const styles = StyleSheet.create({
+  container: {
+    ...StyleSheet.absoluteFillObject,
+    zIndex: 9999
+  }
+});
+//# sourceMappingURL=toast-provider.js.map