kitzo 2.3.42 → 2.3.44

package/dist/index.d.ts

@@ -27,7 +27,7 @@ declare type PromiseToastMsgs<T, E = unknown> = {
     error: ReactNode | ((err: E) => ReactNode | Promise<ReactNode>);
 };
 
-declare type PromiseToastOptions = Omit<ToastOptions, 'id' | 'type' | 'swipeToClose'>;
+declare type PromiseToastOptions = Omit<ToastOptions, 'id' | 'type'>;
 
 export declare const toast: ToastFn;
 
@@ -44,6 +44,7 @@ declare type ToasterProps = {
     isDark?: boolean;
     pauseOnHover?: boolean;
     swipeToClose?: boolean;
+    toasterId?: string | number;
 };
 
 declare type ToastFn = {
@@ -55,7 +56,7 @@ declare type ToastFn = {
     promise: PromiseToastFn;
     loading: (content: ToastContent, options?: Options) => void;
     custom: (content: ToastContent, options?: Options) => void;
-    dismiss: (id?: string | number) => void;
+    dismiss: (id?: string | number, toasterId?: string | number) => void;
     update: (id: string | number, content: ToastContent, options?: UpdateToastOptions) => void;
 };
 
@@ -68,6 +69,7 @@ declare type ToastOptions = {
     id?: string | number;
     type?: ToastType;
     swipeToClose?: boolean;
+    toasterId?: string | number;
 };
 
 declare type ToastOptionsWithoutType = Omit<ToastOptions, 'type'>;

package/dist/react/components/toast/Toaster.js

@@ -1,34 +1,37 @@
 import { jsx as a } from "react/jsx-runtime";
 import t from "react";
-import { subscribe as E } from "./helpers/listenar.js";
+import { subscribe as E } from "./helpers/listenars.js";
 import w from "./helpers/manageToasts/manageToasts.js";
 import M from "./partials/ToastContainer.js";
 import { ToasterContext as O } from "./context/ToasterContext.js";
 import { initSwipeToClose as S } from "./helpers/manageToasts/swipeClose.js";
-function I(d) {
+function D(i) {
   const {
     position: h = "top-center",
-    richColors: p = !1,
+    richColors: l = !1,
     animateTransformOrigin: g = !0,
     gap: s = 8,
-    edgeOffset: i = 16,
-    isDark: n,
+    edgeOffset: n = 16,
+    isDark: c,
     pauseOnHover: b = !0,
     swipeToClose: y = !0
-  } = d, [k, T] = t.useState(!1);
+  } = i, [k, T] = t.useState(!1);
   t.useEffect(() => {
     T(!0);
   }, []);
-  const [u, l] = t.useState([]);
+  const [p, m] = t.useState([]);
   t.useEffect(() => {
-    const e = E((o) => w({ toast: o, setToasts: l })), r = S();
+    const e = E(
+      (o) => w({ toast: o, setToasts: m }),
+      i.toasterId
+    ), r = S();
     return () => {
       e(), r();
     };
-  }, []);
-  const c = t.useRef(null), f = t.useCallback(() => {
-    if (!c.current) return;
-    const e = c.current.querySelectorAll("[data-toast-container]"), r = {
+  }, [i.toasterId]);
+  const f = t.useRef(null), u = t.useCallback(() => {
+    if (!f.current) return;
+    const e = f.current.querySelectorAll("[data-toast-container]"), r = {
       "top-left": 0,
       "top-center": 0,
       "top-right": 0,
@@ -37,29 +40,29 @@ function I(d) {
       "bottom-right": 0
     };
     e.forEach((o) => {
-      const m = o.getAttribute("data-toast-position") || "top-center", x = parseFloat(o.style.getPropertyValue("--toast-height")) || 0;
-      o.style.setProperty("--toast-offset-y", `${r[m]}px`);
+      const d = o.getAttribute("data-toast-position") || "top-center", x = parseFloat(o.style.getPropertyValue("--toast-height")) || 0;
+      o.style.setProperty("--toast-offset-y", `${r[d]}px`);
       const C = isNaN(+s) ? 8 : +s;
-      r[m] += x + C;
+      r[d] += x + C;
     });
   }, [s]);
   if (t.useLayoutEffect(() => {
-    f();
-  }, [u, f]), !k) return null;
-  const v = typeof n == "boolean" ? n : window.matchMedia("(prefers-color-scheme: dark)").matches;
+    u();
+  }, [p, u]), !k) return null;
+  const v = typeof c == "boolean" ? c : window.matchMedia("(prefers-color-scheme: dark)").matches;
   return /* @__PURE__ */ a(
     "div",
     {
-      ref: c,
+      ref: f,
       style: {
         position: "fixed",
         inset: 0,
         zIndex: 2147483647,
         pointerEvents: "none",
         display: "grid",
-        padding: i != null ? `${Math.max(Math.min(+i, 200), 0)}px` : 16
+        padding: n != null ? `${Math.max(Math.min(+n, 200), 0)}px` : 16
       },
-      className: `kitzo-toaster ${p ? "kitzo-toaster-rich-colors" : ""} ${v ? "kitzo-toaster-dark" : ""}`,
+      className: `kitzo-toaster ${l ? "kitzo-toaster-rich-colors" : ""} ${v ? "kitzo-toaster-dark" : ""}`,
       children: /* @__PURE__ */ a(
         "div",
         {
@@ -71,17 +74,17 @@ function I(d) {
             {
               value: {
                 position: h,
-                richColors: p,
-                isDark: n,
+                richColors: l,
+                isDark: c,
                 gap: s,
-                edgeOffset: i,
+                edgeOffset: n,
                 animateTransformOrigin: g,
                 pauseOnHover: b,
                 swipeToClose: y,
-                setToasts: l,
-                updateOffsets: f
+                setToasts: m,
+                updateOffsets: u
               },
-              children: u.map((e) => /* @__PURE__ */ a(M, { t: e }, e.id))
+              children: p.map((e) => /* @__PURE__ */ a(M, { t: e }, e.id))
             }
           )
         }
@@ -90,5 +93,5 @@ function I(d) {
   );
 }
 export {
-  I as default
+  D as default
 };

package/dist/react/components/toast/helpers/addToastStyles.js

@@ -1,4 +1,4 @@
-const o = `.kitzo-toaster {
+const a = `.kitzo-toaster {
   --default-bg: hsl(0, 0%, 100%);
   --default-text: hsl(0, 0%, 10%);
   --default-border: hsl(0, 0%, 94%);
@@ -182,14 +182,27 @@ const o = `.kitzo-toaster {
     translateY(var(--motion-y)) scale(var(--scale));
 }
 
-.kitzo-toast[data-action='update'] {
-  animation: update 150ms ease;
+.kitzo-toast[data-update-state='updated'] {
+  animation: update 250ms ease;
+}
+.kitzo-toast[data-update-state='updated-again'] {
+  animation: update-again 250ms ease;
 }
 
 @keyframes update {
   0% {
-    transform: scale(0.95);
-    opacity: 0.5;
+    transform: scale(0.96);
+    opacity: 0.8;
+  }
+  100% {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+@keyframes update-again {
+  0% {
+    transform: scale(0.96);
+    opacity: 0.8;
   }
   100% {
     opacity: 1;
@@ -271,12 +284,12 @@ const o = `.kitzo-toaster {
     rotate: 360deg;
   }
 }`;
-function a() {
+function o() {
   if (!document.getElementById("kitzo-toast-styles")) {
     const t = document.createElement("style");
-    t.id = "kitzo-toast-styles", t.textContent = o, document.head.appendChild(t);
+    t.id = "kitzo-toast-styles", t.textContent = a, document.head.appendChild(t);
   }
 }
 export {
-  a as default
+  o as default
 };

package/dist/react/components/toast/helpers/createToast.js

@@ -1,49 +1,50 @@
-const n = {
+import { DEFAULT_TOASTER_ID as r } from "./listenars.js";
+const e = {
   duration: 2800,
   showIcon: !0,
   animateTransformOrigin: void 0,
   swipeToClose: void 0
 };
-let r = 0;
-const d = () => crypto.randomUUID?.() ?? ++r;
+let s = 0;
+const d = () => crypto.randomUUID?.() ?? ++s;
 let u = 1;
-function T({
-  type: e,
-  action: s,
-  content: t,
-  isPromise: i,
-  options: a
+function p({
+  type: a,
+  action: i,
+  content: n,
+  options: o
 }) {
-  const o = typeof a == "object" && a !== null ? a : {};
+  const t = typeof o == "object" && o !== null ? o : {};
   return {
-    id: `toast-id:${o.id ?? d()}`,
-    duration: o.duration ?? n.duration,
-    showIcon: o.showIcon ?? n.showIcon,
-    animateTransformOrigin: o.animateTransformOrigin ?? n.animateTransformOrigin,
-    position: o.position,
-    icon: o.icon,
-    type: e === "default" ? o.type ?? "default" : e,
+    id: `${t.id ?? d()}`,
+    toasterId: `${t.toasterId ?? r}`,
+    duration: t.duration ?? e.duration,
+    showIcon: t.showIcon ?? e.showIcon,
+    animateTransformOrigin: t.animateTransformOrigin ?? e.animateTransformOrigin,
+    position: t.position,
+    icon: t.icon,
+    type: a === "default" ? t.type ?? "default" : a,
     status: "entering",
     zIndex: ++u,
-    content: t,
-    action: s,
-    isPromise: !!i,
-    swipeToClose: o.swipeToClose ?? n.swipeToClose
+    content: n,
+    action: i,
+    swipeToClose: t.swipeToClose ?? e.swipeToClose,
+    updateState: "initial"
   };
 }
-function l({ id: e, content: s, options: t }) {
-  const i = typeof t == "object" && t !== null ? t : {};
+function l({ id: a, content: i, options: n }) {
+  const o = typeof n == "object" && n !== null ? n : {};
   return {
-    ...i,
-    id: `toast-id:${e}`,
-    content: s,
+    ...o,
+    id: a,
+    content: i,
     action: "update",
-    isPromise: !1,
-    duration: i.duration ?? n.duration
+    duration: o.duration ?? e.duration,
+    toasterId: `${o.toasterId ?? r}`
   };
 }
 export {
-  T as createToast,
+  p as createToast,
   d as genId,
   l as updateToast
 };

package/dist/react/components/toast/helpers/listenars.js

@@ -0,0 +1,31 @@
+import u from "./addToastStyles.js";
+const r = /* @__PURE__ */ new Map(), s = "default";
+function l(t, e = s) {
+  u(), e = `toaster-id:${e ?? s}`, r.has(e) || r.set(e, /* @__PURE__ */ new Set());
+  const n = r.get(e);
+  return n && n.add(t), () => {
+    n?.delete(t), n?.size === 0 && r.delete(e);
+  };
+}
+function o(t, e) {
+  if (e != null)
+    return e = `${e}`, e.startsWith(t) ? e : `${t}${e}`;
+}
+function a(t) {
+  if (t.id == null) {
+    r.forEach((i) => {
+      i.forEach((c) => c({ ...t }));
+    });
+    return;
+  }
+  const e = o("toast-id:", t.id), n = o(
+    "toaster-id:",
+    t.toasterId ?? s
+  ), f = r.get(n);
+  f && f.forEach((i) => i({ ...t, id: e, toasterId: n }));
+}
+export {
+  s as DEFAULT_TOASTER_ID,
+  a as notify,
+  l as subscribe
+};

package/dist/react/components/toast/helpers/manageToasts/addToasts.js

@@ -1,11 +1,11 @@
-import { addTimers as s } from "./timers.js";
-function e({ toast: d, setToasts: r }) {
-  r((i) => i.find((m) => m.id === d.id) ? i : [d, ...i]), requestAnimationFrame(() => {
-    r(
-      (i) => i.map((n) => n.id === d.id ? { ...n, status: "visible" } : n)
+import { addTimers as e } from "./timers.js";
+function u({ toast: d, setToasts: n }) {
+  n((i) => i.find((r) => r.id === d.id) ? i : [d, ...i]), requestAnimationFrame(() => {
+    n(
+      (i) => i.map((s) => s.id === d.id ? { ...s, status: "visible" } : s)
     );
-  }), s(d, r);
+  }), e(d);
 }
 export {
-  e as default
+  u as default
 };

package/dist/react/components/toast/helpers/manageToasts/dismissToasts.js

@@ -1,21 +1,19 @@
-import { LEAVE_DELAY as u, clearAllTimers as a, clearTimer as n } from "./timers.js";
-function s({ toast: l, setToasts: d }) {
-  if (l.id == null) {
-    d((e) => e.map((i) => ({ ...i, status: "leaving" }))), setTimeout(() => {
-      d((e) => e.filter((i) => i.status !== "leaving"));
-    }, u), a();
+import { LEAVE_DELAY as r, clearAllTimers as s, clearTimer as u } from "./timers.js";
+function a({ toast: l, setToasts: n }) {
+  if (l.action === "dismiss" && l.id == null) {
+    n((i) => i.map((e) => ({ ...e, status: "leaving" }))), setTimeout(() => {
+      n((i) => i.filter((e) => e.status !== "leaving"));
+    }, r), s();
     return;
   }
-  n(l.id);
-  const r = l.id.includes("toast-id:") ? l.id : `toast-id:${l.id}`;
-  d(
-    (e) => e.map((i) => i.id === r ? { ...i, status: "leaving" } : i)
-  ), setTimeout(() => {
-    d(
-      (e) => e.filter((i) => !(i.id === r && i.status === "leaving"))
+  n((i) => (i.find((d) => d.id === l.id) && u(l.id), i.map(
+    (d) => d.id === l.id ? { ...d, status: "leaving" } : d
+  ))), setTimeout(() => {
+    n(
+      (i) => i.filter((e) => !(e.id === l.id && e.status === "leaving"))
     );
-  }, u);
+  }, r);
 }
 export {
-  s as default
+  a as default
 };

package/dist/react/components/toast/helpers/manageToasts/swipeClose.js

@@ -1,26 +1,24 @@
 import b from "../triggerToasts.js";
-let s = !1, t = null, c = null, w = 0, r = 0, a = !1, l = null;
+let s = !1, e = null, c = null, m = 0, r = 0, a = !1, l = null;
 const L = 2, y = 90, S = 20, g = 100;
-function P(e) {
-  const o = Math.sign(e) || 1, n = Math.abs(e), h = S * (1 - Math.exp(-n / g));
+function x(t) {
+  const o = Math.sign(t) || 1, n = Math.abs(t), h = S * (1 - Math.exp(-n / g));
   return o * h;
 }
-function E(e) {
-  if (!e) return !1;
-  const o = e.dataset.swipeable === "true", n = e.dataset.isPromise === "true";
-  return o && !n;
+function E(t) {
+  return t ? t.dataset.swipeable === "true" : !1;
 }
-function i(e = !0) {
-  if (!t) return;
-  if (document.body.style.userSelect = "auto", e && l != null)
+function i(t = !0) {
+  if (!e) return;
+  if (document.body.style.userSelect = "auto", t && l != null)
     try {
-      t.releasePointerCapture(l);
+      e.releasePointerCapture(l);
     } catch {
       console.error("");
     }
-  t.style.setProperty("--swipe-x", "0px"), t.classList.remove("is-swiping");
-  const o = t;
-  if (t = null, c = null, l = null, a = !1, s = !1, r = 0, !o.matches(":hover")) {
+  e.style.setProperty("--swipe-x", "0px"), e.classList.remove("is-swiping");
+  const o = e;
+  if (e = null, c = null, l = null, a = !1, s = !1, r = 0, !o.matches(":hover")) {
     const n = new MouseEvent("mouseleave", {
       bubbles: !0,
       cancelable: !0,
@@ -29,50 +27,50 @@ function i(e = !0) {
     o.dispatchEvent(n);
   }
 }
-function d(e) {
-  const n = e.target.closest(".kitzo-toast");
-  n && (t = n, c = n.id, w = e.clientX, r = 0, a = !0, s = !1, l = e.pointerId);
+function d(t) {
+  const n = t.target.closest(".kitzo-toast");
+  n && (e = n, c = n.id, m = t.clientX, r = 0, a = !0, s = !1, l = t.pointerId);
 }
-function p(e) {
-  if (!a || !t) return;
-  if (r = e.clientX - w, !s && Math.abs(r) > L) {
-    s = !0, t.classList.add("is-swiping");
+function p(t) {
+  if (!a || !e) return;
+  if (r = t.clientX - m, !s && Math.abs(r) > L) {
+    s = !0, e.classList.add("is-swiping");
     try {
-      t.setPointerCapture(e.pointerId), document.body.style.userSelect = "none";
+      e.setPointerCapture(t.pointerId), document.body.style.userSelect = "none";
     } catch {
       console.error("Failed to capture pointer");
     }
   }
   if (!s) return;
-  const n = E(t) ? r : P(r);
-  t.style.setProperty("--swipe-x", `${n}px`);
+  const n = E(e) ? r : x(r);
+  e.style.setProperty("--swipe-x", `${n}px`);
 }
 function f() {
-  if (!a || !t || c == null) {
+  if (!a || !e || c == null) {
     i();
     return;
   }
-  const e = E(t);
-  if (s && e && Math.abs(r) > y) {
+  const t = E(e);
+  if (s && t && Math.abs(r) > y) {
     const o = r > 0 ? 1 : -1, n = Math.abs(r) + 220;
-    t.style.setProperty("--exit-x", `${o * n}px`), t.dataset.exit = "swipe", b.dismiss(c);
+    e.style.setProperty("--exit-x", `${o * n}px`), e.dataset.exit = "swipe", b.dismiss(c, e.dataset.toasterId);
   }
   i();
 }
 function v() {
   i();
 }
-function m() {
+function w() {
   a && i();
 }
 let u = !1;
-function M() {
+function P() {
   return u ? () => {
-  } : (u = !0, document.addEventListener("pointerdown", d), document.addEventListener("pointermove", p), document.addEventListener("pointerup", f), document.addEventListener("pointercancel", v), window.addEventListener("blur", m), () => {
-    i(), u = !1, document.removeEventListener("pointerdown", d), document.removeEventListener("pointermove", p), document.removeEventListener("pointerup", f), document.removeEventListener("pointercancel", v), window.removeEventListener("blur", m);
+  } : (u = !0, document.addEventListener("pointerdown", d), document.addEventListener("pointermove", p), document.addEventListener("pointerup", f), document.addEventListener("pointercancel", v), window.addEventListener("blur", w), () => {
+    i(), u = !1, document.removeEventListener("pointerdown", d), document.removeEventListener("pointermove", p), document.removeEventListener("pointerup", f), document.removeEventListener("pointercancel", v), window.removeEventListener("blur", w);
   });
 }
 export {
   s as dragStarted,
-  M as initSwipeToClose
+  P as initSwipeToClose
 };

package/dist/react/components/toast/helpers/manageToasts/timers.js

@@ -1,79 +1,73 @@
-import { dragStarted as c } from "./swipeClose.js";
-const r = /* @__PURE__ */ new Map(), m = 280, f = 500, d = 0;
-function T(e) {
-  const t = Number(e);
-  if (!isFinite(t)) return null;
-  const i = Math.max(d, t);
-  return {
-    totalTime: i,
-    leavingDuration: i,
-    leftDuration: i + f
-  };
+import { dragStarted as m } from "./swipeClose.js";
+import { notify as s } from "../listenars.js";
+const i = /* @__PURE__ */ new Map(), T = 500, u = 0;
+function a(t) {
+  const e = Number(t);
+  return isFinite(e) ? Math.max(u, e) : null;
 }
-function s(e) {
-  const t = r.get(e);
-  t && (clearTimeout(t.leavingTimeoutId), clearTimeout(t.leftTimeoutId), r.delete(e));
+function c(t) {
+  const e = i.get(t);
+  e && (clearTimeout(e.timeoutId), i.delete(t));
 }
-function I() {
-  r.forEach(({ leavingTimeoutId: e, leftTimeoutId: t }) => {
-    clearTimeout(e), clearTimeout(t);
-  }), r.clear();
+function l() {
+  i.forEach(({ timeoutId: t }) => {
+    clearTimeout(t);
+  }), i.clear();
 }
-function p(e, t) {
-  const i = T(e.duration);
-  if (!i) return;
-  s(e.id);
-  const o = setTimeout(() => {
-    t(
-      (a) => a.map((n) => n.id === e.id ? { ...n, status: "leaving" } : n)
-    );
-  }, i.leavingDuration + m), u = setTimeout(() => {
-    t((a) => a.filter((n) => n.id !== e.id)), s(e.id), r.delete(e.id);
-  }, i.leftDuration + m), l = Date.now();
-  r.set(e.id, {
-    leavingTimeoutId: o,
-    leftTimeoutId: u,
-    startingTime: l,
-    totalTime: i.totalTime,
+function I(t) {
+  const e = a(t.duration);
+  if (!e) return;
+  c(t.id);
+  const n = setTimeout(() => {
+    s({
+      action: "dismiss",
+      id: t.id,
+      toasterId: t.toasterId
+    }), i.delete(t.id);
+  }, e), r = Date.now();
+  i.set(t.id, {
+    timeoutId: n,
+    startingTime: r,
+    totalTime: e,
     remainningTime: 0,
-    paused: !1
+    paused: !1,
+    toasterId: t.toasterId
   });
 }
-function D(e) {
-  const t = r.get(e);
-  if (!t || t.paused) return;
-  const o = Date.now() - t.startingTime, u = Math.max(t.totalTime - o, 0);
-  u !== 0 && (r.set(e, { ...t, remainningTime: u, paused: !0 }), clearTimeout(t.leavingTimeoutId), clearTimeout(t.leftTimeoutId));
+function g(t) {
+  const e = i.get(t);
+  if (!e || e.paused) return;
+  const r = Date.now() - e.startingTime, o = Math.max(e.totalTime - r, 0);
+  o !== 0 && (i.set(t, { ...e, remainningTime: o, paused: !0 }), clearTimeout(e.timeoutId));
 }
-function v(e, t) {
-  if (c) return;
-  const i = r.get(e);
-  if (!i || !i.paused) return;
-  const o = T(i.remainningTime);
-  if (!o) return;
-  const u = setTimeout(() => {
-    t(
-      (a) => a.map((n) => n.id === e ? { ...n, status: "leaving" } : n)
-    );
-  }, o.leavingDuration + m), l = setTimeout(() => {
-    t((a) => a.filter((n) => n.id !== e)), s(e), r.delete(e);
-  }, o.leftDuration + m);
-  r.set(e, {
+function p(t) {
+  if (m || !t) return;
+  const e = i.get(t);
+  if (!e || !e.paused) return;
+  const n = a(e.remainningTime);
+  if (!n) return;
+  const r = setTimeout(() => {
+    s({
+      action: "dismiss",
+      id: t,
+      toasterId: e.toasterId
+    }), i.delete(t);
+  }, n);
+  i.set(t, {
+    timeoutId: r,
     startingTime: Date.now(),
-    totalTime: i.remainningTime,
+    totalTime: e.remainningTime,
     remainningTime: 0,
-    leavingTimeoutId: u,
-    leftTimeoutId: l,
-    paused: !1
+    paused: !1,
+    toasterId: e.toasterId
   });
 }
 export {
-  f as LEAVE_DELAY,
-  d as MIN_VISIBLE,
-  m as TRANSITION_DURATION,
-  p as addTimers,
-  I as clearAllTimers,
-  s as clearTimer,
-  D as pauseToast,
-  v as resumeToast
+  T as LEAVE_DELAY,
+  u as MIN_VISIBLE,
+  I as addTimers,
+  l as clearAllTimers,
+  c as clearTimer,
+  g as pauseToast,
+  p as resumeToast
 };

package/dist/react/components/toast/helpers/manageToasts/updateToasts.js

@@ -1,9 +1,14 @@
-import { clearTimer as n, addTimers as u } from "./timers.js";
-function s({ toast: i, setToasts: r }) {
-  r((e) => e.find((d) => d.id === i.id) ? (n(i.id), u(i, r), e.map(
-    (d) => d.id === i.id ? { ...d, ...i, status: "visible" } : d
+import { clearTimer as u, addTimers as t } from "./timers.js";
+function r({ toast: d, setToasts: a }) {
+  a((e) => e.find((i) => i.id === d.id) ? (u(d.id), t(d), e.map(
+    (i) => i.id === d.id ? {
+      ...i,
+      ...d,
+      status: "visible",
+      updateState: i.updateState?.includes("again") ? "updated" : "updated-again"
+    } : i
   )) : e);
 }
 export {
-  s as default
+  r as default
 };

package/dist/react/components/toast/helpers/triggerToasts.js

@@ -1,7 +1,7 @@
 import { createToast as a, updateToast as s, genId as c } from "./createToast.js";
-import { notify as e } from "./listenar.js";
-const i = (r, t) => {
-  r != null && e(
+import { notify as i } from "./listenars.js";
+const e = (r, t) => {
+  r != null && i(
     a({
       type: "default",
       action: "add",
@@ -10,11 +10,11 @@ const i = (r, t) => {
     })
   );
 };
-i.dismiss = (r) => {
-  e({ action: "dismiss", id: r });
+e.dismiss = (r, t) => {
+  i({ action: "dismiss", id: r, toasterId: `${t}` });
 };
-i.info = (r, t) => {
-  r != null && e(
+e.info = (r, t) => {
+  r != null && i(
     a({
       action: "add",
       type: "info",
@@ -23,8 +23,8 @@ i.info = (r, t) => {
     })
   );
 };
-i.success = (r, t) => {
-  r != null && e(
+e.success = (r, t) => {
+  r != null && i(
     a({
       action: "add",
       type: "success",
@@ -33,8 +33,8 @@ i.success = (r, t) => {
     })
   );
 };
-i.warning = (r, t) => {
-  r != null && e(
+e.warning = (r, t) => {
+  r != null && i(
     a({
       action: "add",
       type: "warning",
@@ -43,8 +43,8 @@ i.warning = (r, t) => {
     })
   );
 };
-i.error = (r, t) => {
-  r != null && e(
+e.error = (r, t) => {
+  r != null && i(
     a({
       action: "add",
       type: "error",
@@ -53,8 +53,8 @@ i.error = (r, t) => {
     })
   );
 };
-i.loading = (r, t) => {
-  r != null && e(
+e.loading = (r, t) => {
+  r != null && i(
     a({
       action: "add",
       type: "loading",
@@ -63,8 +63,8 @@ i.loading = (r, t) => {
     })
   );
 };
-i.custom = (r, t) => {
-  r != null && e(
+e.custom = (r, t) => {
+  r != null && i(
     a({
       action: "add",
       type: "custom",
@@ -73,28 +73,27 @@ i.custom = (r, t) => {
     })
   );
 };
-i.update = (r, t, n) => {
-  t != null && e(s({ id: `${r}`, content: t, options: n }));
+e.update = (r, t, n) => {
+  r != null && t != null && i(s({ id: `${r}`, content: t, options: n }));
 };
-i.promise = (async (r, t, n) => {
+e.promise = (async (r, t, n) => {
   const u = c();
-  e(
+  i(
     a({
       action: "add",
       type: "loading",
       content: t.loading,
-      isPromise: !0,
-      options: { ...n, id: u, duration: 1 / 0 }
+      options: { ...n, id: u, duration: 1 / 0, swipeToClose: !1 }
     })
   );
   try {
     const o = await r, d = typeof t.success == "function" ? await t.success(o) : t.success;
-    return i.update(u, d, { ...n, type: "success" }), o;
+    return e.update(u, d, { ...n, type: "success" }), o;
   } catch (o) {
     const d = typeof t.error == "function" ? await t.error(o) : t.error;
-    throw i.update(u, d, { ...n, type: "error" }), o;
+    throw e.update(u, d, { ...n, type: "error" }), o;
   }
 });
 export {
-  i as default
+  e as default
 };

package/dist/react/components/toast/partials/Toast.js

@@ -1,19 +1,29 @@
-import { jsxs as x, jsx as t, Fragment as o } from "react/jsx-runtime";
-import { resumeToast as m, pauseToast as p } from "../helpers/manageToasts/timers.js";
+import { jsxs as x, jsx as t, Fragment as s } from "react/jsx-runtime";
+import { resumeToast as p, pauseToast as u } from "../helpers/manageToasts/timers.js";
 import S from "../helpers/triggerToasts.js";
-import { InfoSvg as w, ErrorSvg as E, WarningSvg as T, SuccessSvg as k, LoadingSvg as I } from "./Svgs.js";
-import { useToasterContext as L } from "../context/ToasterContext.js";
-function C({
-  t: f,
+import { InfoSvg as w, ErrorSvg as I, WarningSvg as E, SuccessSvg as k, LoadingSvg as L } from "./Svgs.js";
+import { useToasterContext as M } from "../context/ToasterContext.js";
+function P({
+  t: d,
   position: n,
   shouldAnimateTransformOrigin: c,
-  swipeToClose: u
+  swipeToClose: m
 }) {
-  const { setToasts: l, pauseOnHover: s } = L(), { id: e, type: r, action: g, content: i, status: v, showIcon: h, icon: a, isPromise: y } = f, d = {
-    loading: /* @__PURE__ */ t(I, {}),
+  const { pauseOnHover: o } = M(), {
+    id: e,
+    type: r,
+    action: f,
+    content: i,
+    status: g,
+    showIcon: v,
+    icon: a,
+    toasterId: h,
+    updateState: y
+  } = d, l = {
+    loading: /* @__PURE__ */ t(L, {}),
     success: /* @__PURE__ */ t(k, {}),
-    warning: /* @__PURE__ */ t(T, {}),
-    error: /* @__PURE__ */ t(E, {}),
+    warning: /* @__PURE__ */ t(E, {}),
+    error: /* @__PURE__ */ t(I, {}),
     info: /* @__PURE__ */ t(w, {}),
     default: null,
     custom: null
@@ -29,23 +39,24 @@ function C({
         gap: 8,
         whiteSpace: "pre-wrap"
       },
-      "data-action": g,
-      "data-status": v,
+      "data-toaster-id": h,
+      "data-action": f,
+      "data-status": g,
       "data-type": r,
       "data-position": n,
       "data-screen-x": n.split("-")[1],
       "data-screen-y": n.split("-")[0],
       "data-exit": "auto",
-      "data-is-promise": y,
-      "data-swipeable": u,
+      "data-swipeable": m,
       "data-animate-transform-origin": c,
+      "data-update-state": y,
+      onPointerEnter: () => o && u(e),
+      onPointerLeave: () => o && p(e),
+      onMouseEnter: () => o && u(e),
+      onMouseLeave: () => o && p(e),
       className: `kitzo-toast ${c ? `transform-origin-${n}` : ""}`,
-      onPointerEnter: () => s && p(e),
-      onPointerLeave: () => s && m(e, l),
-      onMouseEnter: () => s && p(e),
-      onMouseLeave: () => s && m(e, l),
       children: [
-        h && /* @__PURE__ */ t(o, { children: a ? /* @__PURE__ */ t(o, { children: typeof a == "string" || typeof a == "number" ? /* @__PURE__ */ t(
+        v && /* @__PURE__ */ t(s, { children: a ? /* @__PURE__ */ t(s, { children: typeof a == "string" || typeof a == "number" ? /* @__PURE__ */ t(
           "div",
           {
             style: {
@@ -54,14 +65,14 @@ function C({
             className: "svg-container",
             children: a
           }
-        ) : /* @__PURE__ */ t(o, { children: a }) }) : /* @__PURE__ */ t(o, { children: d[r] && /* @__PURE__ */ t("div", { style: { flexShrink: 0 }, className: "svg-container", children: d[r] }) }) }),
+        ) : /* @__PURE__ */ t(s, { children: a }) }) : /* @__PURE__ */ t(s, { children: l[r] && /* @__PURE__ */ t("div", { style: { flexShrink: 0 }, className: "svg-container", children: l[r] }) }) }),
         /* @__PURE__ */ t(
           "div",
           {
             style: {
               flex: 1
             },
-            children: typeof i == "function" ? i(() => S.dismiss(e)) : i
+            children: typeof i == "function" ? i(() => S.dismiss(e, d.toasterId)) : i
           }
         )
       ]
@@ -69,5 +80,5 @@ function C({
   );
 }
 export {
-  C as default
+  P as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kitzo",
-  "version": "2.3.42",
+  "version": "2.3.44",
   "description": "A lightweight React micro-utility.",
   "type": "module",
   "files": [

package/dist/react/components/toast/helpers/listenar.js

@@ -1,14 +0,0 @@
-import n from "./addToastStyles.js";
-const e = /* @__PURE__ */ new Set();
-function s(t) {
-  return n(), e.add(t), () => {
-    e.delete(t);
-  };
-}
-function i(t) {
-  e.forEach((o) => o(t));
-}
-export {
-  i as notify,
-  s as subscribe
-};