@zag-js/toast 1.8.2 → 1.9.1

package/dist/index.d.mts

@@ -125,7 +125,7 @@ interface ToastStoreProps {
      */
     placement?: Placement | undefined;
     /**
-     * The maximum number of toasts
+     * The maximum number of toasts. When the number of toasts exceeds this limit, the new toasts are queued.
      * @default 24
      */
     max?: number | undefined;

package/dist/index.d.ts

@@ -125,7 +125,7 @@ interface ToastStoreProps {
      */
     placement?: Placement | undefined;
     /**
-     * The maximum number of toasts
+     * The maximum number of toasts. When the number of toasts exceeds this limit, the new toasts are queued.
      * @default 24
      */
     max?: number | undefined;

package/dist/index.js

@@ -835,6 +835,7 @@ function createToastStore(props) {
   let subscribers = [];
   let toasts = [];
   let dismissedToasts = /* @__PURE__ */ new Set();
+  let toastQueue = [];
   const subscribe = (subscriber) => {
     subscribers.push(subscriber);
     return () => {
@@ -847,10 +848,22 @@ function createToastStore(props) {
     return data;
   };
   const addToast = (data) => {
-    if (toasts.length >= attrs.max) return;
+    if (toasts.length >= attrs.max) {
+      toastQueue.push(data);
+      return;
+    }
     publish(data);
     toasts.unshift(data);
   };
+  const processQueue = () => {
+    while (toastQueue.length > 0 && toasts.length < attrs.max) {
+      const nextToast = toastQueue.shift();
+      if (nextToast) {
+        publish(nextToast);
+        toasts.unshift(nextToast);
+      }
+    }
+  };
   const create = (data) => {
     const id = data.id ?? `toast:${utils.uuid()}`;
     const exists = toasts.find((toast) => toast.id === id);
@@ -882,9 +895,11 @@ function createToastStore(props) {
         subscribers.forEach((subscriber) => subscriber({ id: toast.id, dismiss: true }));
       });
       toasts = [];
+      toastQueue = [];
     } else {
       subscribers.forEach((subscriber) => subscriber({ id, dismiss: true }));
       toasts = toasts.filter((toast) => toast.id !== id);
+      processQueue();
     }
     return id;
   };

package/dist/index.mjs

@@ -833,6 +833,7 @@ function createToastStore(props) {
   let subscribers = [];
   let toasts = [];
   let dismissedToasts = /* @__PURE__ */ new Set();
+  let toastQueue = [];
   const subscribe = (subscriber) => {
     subscribers.push(subscriber);
     return () => {
@@ -845,10 +846,22 @@ function createToastStore(props) {
     return data;
   };
   const addToast = (data) => {
-    if (toasts.length >= attrs.max) return;
+    if (toasts.length >= attrs.max) {
+      toastQueue.push(data);
+      return;
+    }
     publish(data);
     toasts.unshift(data);
   };
+  const processQueue = () => {
+    while (toastQueue.length > 0 && toasts.length < attrs.max) {
+      const nextToast = toastQueue.shift();
+      if (nextToast) {
+        publish(nextToast);
+        toasts.unshift(nextToast);
+      }
+    }
+  };
   const create = (data) => {
     const id = data.id ?? `toast:${uuid()}`;
     const exists = toasts.find((toast) => toast.id === id);
@@ -880,9 +893,11 @@ function createToastStore(props) {
         subscribers.forEach((subscriber) => subscriber({ id: toast.id, dismiss: true }));
       });
       toasts = [];
+      toastQueue = [];
     } else {
       subscribers.forEach((subscriber) => subscriber({ id, dismiss: true }));
       toasts = toasts.filter((toast) => toast.id !== id);
+      processQueue();
     }
     return id;
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/toast",
-  "version": "1.8.2",
+  "version": "1.9.1",
   "description": "Core logic for the toast widget implemented as a state machine",
   "keywords": [
     "js",
@@ -26,12 +26,12 @@
     "url": "https://github.com/chakra-ui/zag/issues"
   },
   "dependencies": {
-    "@zag-js/core": "1.8.2",
-    "@zag-js/dom-query": "1.8.2",
-    "@zag-js/dismissable": "1.8.2",
-    "@zag-js/utils": "1.8.2",
-    "@zag-js/anatomy": "1.8.2",
-    "@zag-js/types": "1.8.2"
+    "@zag-js/anatomy": "1.9.1",
+    "@zag-js/core": "1.9.1",
+    "@zag-js/dom-query": "1.9.1",
+    "@zag-js/dismissable": "1.9.1",
+    "@zag-js/utils": "1.9.1",
+    "@zag-js/types": "1.9.1"
   },
   "devDependencies": {
     "clean-package": "2.2.0"