@zag-js/toast 0.2.9 → 0.2.11

package/dist/{chunk-LN72PBJ5.mjs → chunk-AZ32UDL3.mjs}

@@ -3,27 +3,20 @@ function isDocument(el) {
   return el.nodeType === Node.DOCUMENT_NODE;
 }
 function isWindow(value) {
-  return (value == null ? void 0 : value.toString()) === "[object Window]";
+  return value?.toString() === "[object Window]";
 }
 function getDocument(el) {
-  var _a;
   if (isWindow(el))
     return el.document;
   if (isDocument(el))
     return el;
-  return (_a = el == null ? void 0 : el.ownerDocument) != null ? _a : document;
+  return el?.ownerDocument ?? document;
 }
 function defineDomHelpers(helpers) {
   const dom2 = {
-    getRootNode: (ctx) => {
-      var _a, _b;
-      return (_b = (_a = ctx.getRootNode) == null ? void 0 : _a.call(ctx)) != null ? _b : document;
-    },
+    getRootNode: (ctx) => ctx.getRootNode?.() ?? document,
     getDoc: (ctx) => getDocument(dom2.getRootNode(ctx)),
-    getWin: (ctx) => {
-      var _a;
-      return (_a = dom2.getDoc(ctx).defaultView) != null ? _a : window;
-    },
+    getWin: (ctx) => dom2.getDoc(ctx).defaultView ?? window,
     getActiveElement: (ctx) => dom2.getDoc(ctx).activeElement,
     getById: (ctx, id) => dom2.getRootNode(ctx).getElementById(id)
   };
@@ -40,16 +33,7 @@ var dom = defineDomHelpers({
   getTitleId: (ctx) => `toast:${ctx.id}:title`,
   getDescriptionId: (ctx) => `toast:${ctx.id}:description`,
   getCloseTriggerId: (ctx) => `toast${ctx.id}:close`,
-  getPortalId: (ctx) => `toast-portal:${ctx.id}`,
-  getPortalEl: (ctx) => dom.getDoc(ctx).getElementById(dom.getPortalId(ctx)),
-  createPortalEl: (ctx) => {
-    const existing = dom.getPortalEl(ctx);
-    if (existing)
-      return existing;
-    const portal = dom.getDoc(ctx).createElement("toast-portal");
-    portal.id = dom.getPortalId(ctx);
-    return portal;
-  }
+  getPortalId: (ctx) => `toast-portal:${ctx.id}`
 });
 
 export {

package/dist/{chunk-2Q3XCA25.mjs → chunk-GKMHTDAP.mjs}

@@ -1,7 +1,7 @@
 import {
   compact,
   createToastMachine
-} from "./chunk-5IFVCHQS.mjs";
+} from "./chunk-SSV22S55.mjs";
 
 // src/toast-group.machine.ts
 import { createMachine } from "@zag-js/core";

package/dist/{chunk-FL23ZLLA.mjs → chunk-HDTOIF42.mjs}

@@ -1,9 +1,9 @@
 import {
   parts
-} from "./chunk-MD6LFB2J.mjs";
+} from "./chunk-GQHI2OMI.mjs";
 import {
   dom
-} from "./chunk-LN72PBJ5.mjs";
+} from "./chunk-AZ32UDL3.mjs";
 
 // ../../utilities/dom/src/attrs.ts
 var dataAttr = (guard) => {
@@ -95,8 +95,7 @@ function connect(state, send, normalize) {
       }
     }),
     render() {
-      var _a, _b;
-      return (_b = (_a = state.context).render) == null ? void 0 : _b.call(_a, {
+      return state.context.render?.({
         id: state.context.id,
         type: state.context.type,
         duration: state.context.duration,

package/dist/{chunk-PIVIE75R.mjs → chunk-HRZITBY3.mjs}

@@ -1,17 +1,17 @@
 import {
   parts
-} from "./chunk-MD6LFB2J.mjs";
+} from "./chunk-GQHI2OMI.mjs";
 import {
   runIfFn,
   uuid
-} from "./chunk-6HWLSJDV.mjs";
+} from "./chunk-LHAZKBRJ.mjs";
 import {
   getGroupPlacementStyle,
   getToastsByPlacement
-} from "./chunk-FBM2PYRD.mjs";
+} from "./chunk-XQSCE3HI.mjs";
 import {
   dom
-} from "./chunk-LN72PBJ5.mjs";
+} from "./chunk-AZ32UDL3.mjs";
 
 // src/toast-group.connect.ts
 import { subscribe } from "@zag-js/core";
@@ -119,22 +119,11 @@ function groupConnect(state, send, normalize) {
         style: getGroupPlacementStyle(state.context, placement)
       });
     },
-    createPortal() {
-      const doc = dom.getDoc(state.context);
-      const exist = dom.getPortalEl(state.context);
-      if (exist)
-        return exist;
-      const portal = dom.createPortalEl(state.context);
-      doc.body.appendChild(portal);
-      return portal;
-    },
     subscribe(fn) {
       return subscribe(state.context.toasts, () => fn(state.context.toasts));
     }
   };
-  if (!state.matches("unknown")) {
-    Object.assign(toaster, group);
-  }
+  Object.assign(toaster, group);
   return group;
 }
 

package/dist/{chunk-6HWLSJDV.mjs → chunk-LHAZKBRJ.mjs}

@@ -1,7 +1,7 @@
 // ../../utilities/core/src/functions.ts
 var runIfFn = (v, ...a) => {
   const res = typeof v === "function" ? v(...a) : v;
-  return res != null ? res : void 0;
+  return res ?? void 0;
 };
 var cast = (v) => v;
 var uuid = /* @__PURE__ */ (() => {

package/dist/{chunk-5IFVCHQS.mjs → chunk-SSV22S55.mjs}

@@ -1,13 +1,13 @@
 import {
   cast,
   runIfFn
-} from "./chunk-6HWLSJDV.mjs";
+} from "./chunk-LHAZKBRJ.mjs";
 import {
   getToastDuration
-} from "./chunk-FBM2PYRD.mjs";
+} from "./chunk-XQSCE3HI.mjs";
 import {
   dom
-} from "./chunk-LN72PBJ5.mjs";
+} from "./chunk-AZ32UDL3.mjs";
 
 // src/toast.machine.ts
 import { createMachine, guards } from "@zag-js/core";
@@ -30,9 +30,9 @@ function compact(obj) {
 var isRef = (v) => hasProp(v, "current");
 function addDomEvent(target, eventName, handler, options) {
   const node = isRef(target) ? target.current : runIfFn(target);
-  node == null ? void 0 : node.addEventListener(eventName, handler, options);
+  node?.addEventListener(eventName, handler, options);
   return () => {
-    node == null ? void 0 : node.removeEventListener(eventName, handler, options);
+    node?.removeEventListener(eventName, handler, options);
   };
 }
 
@@ -142,19 +142,10 @@ function createToastMachine(options = {}) {
         }
       },
       guards: {
-        isChangingToLoading: (_, evt) => {
-          var _a;
-          return ((_a = evt.toast) == null ? void 0 : _a.type) === "loading";
-        },
+        isChangingToLoading: (_, evt) => evt.toast?.type === "loading",
         isLoadingType: (ctx2) => ctx2.type === "loading",
-        hasTypeChanged: (ctx2, evt) => {
-          var _a;
-          return ((_a = evt.toast) == null ? void 0 : _a.type) !== ctx2.type;
-        },
-        hasDurationChanged: (ctx2, evt) => {
-          var _a;
-          return ((_a = evt.toast) == null ? void 0 : _a.duration) !== ctx2.duration;
-        }
+        hasTypeChanged: (ctx2, evt) => evt.toast?.type !== ctx2.type,
+        hasDurationChanged: (ctx2, evt) => evt.toast?.duration !== ctx2.duration
       },
       delays: {
         VISIBLE_DURATION: (ctx2) => ctx2.remaining,
@@ -171,20 +162,16 @@ function createToastMachine(options = {}) {
           self.sendParent({ type: "REMOVE_TOAST", id: self.id });
         },
         invokeOnClosing(ctx2) {
-          var _a;
-          (_a = ctx2.onClosing) == null ? void 0 : _a.call(ctx2);
+          ctx2.onClosing?.();
         },
         invokeOnClose(ctx2) {
-          var _a;
-          (_a = ctx2.onClose) == null ? void 0 : _a.call(ctx2);
+          ctx2.onClose?.();
         },
         invokeOnOpen(ctx2) {
-          var _a;
-          (_a = ctx2.onOpen) == null ? void 0 : _a.call(ctx2);
+          ctx2.onOpen?.();
         },
         invokeOnUpdate(ctx2) {
-          var _a;
-          (_a = ctx2.onUpdate) == null ? void 0 : _a.call(ctx2);
+          ctx2.onUpdate?.();
         },
         setContext(ctx2, evt) {
           const { duration: duration2, type: type2 } = evt.toast;

package/dist/{chunk-FBM2PYRD.mjs → chunk-XQSCE3HI.mjs}

@@ -16,7 +16,7 @@ var defaultTimeouts = {
   custom: 5e3
 };
 function getToastDuration(duration, type) {
-  return duration != null ? duration : defaultTimeouts[type];
+  return duration ?? defaultTimeouts[type];
 }
 function getGroupPlacementStyle(ctx, placement) {
   const offset = ctx.offsets;

package/dist/index.js

@@ -39,7 +39,7 @@ var MAX_Z_INDEX = 2147483647;
 // ../../utilities/core/src/functions.ts
 var runIfFn = (v, ...a) => {
   const res = typeof v === "function" ? v(...a) : v;
-  return res != null ? res : void 0;
+  return res ?? void 0;
 };
 var cast = (v) => v;
 var uuid = /* @__PURE__ */ (() => {
@@ -68,7 +68,7 @@ function compact(obj) {
 function warn(...a) {
   const m = a.length === 1 ? a[0] : a[1];
   const c = a.length === 2 ? a[0] : true;
-  if (c && true) {
+  if (c && process.env.NODE_ENV !== "production") {
     console.warn(m);
   }
 }
@@ -81,27 +81,20 @@ function isDocument(el) {
   return el.nodeType === Node.DOCUMENT_NODE;
 }
 function isWindow(value) {
-  return (value == null ? void 0 : value.toString()) === "[object Window]";
+  return value?.toString() === "[object Window]";
 }
 function getDocument(el) {
-  var _a;
   if (isWindow(el))
     return el.document;
   if (isDocument(el))
     return el;
-  return (_a = el == null ? void 0 : el.ownerDocument) != null ? _a : document;
+  return el?.ownerDocument ?? document;
 }
 function defineDomHelpers(helpers) {
   const dom2 = {
-    getRootNode: (ctx) => {
-      var _a, _b;
-      return (_b = (_a = ctx.getRootNode) == null ? void 0 : _a.call(ctx)) != null ? _b : document;
-    },
+    getRootNode: (ctx) => ctx.getRootNode?.() ?? document,
     getDoc: (ctx) => getDocument(dom2.getRootNode(ctx)),
-    getWin: (ctx) => {
-      var _a;
-      return (_a = dom2.getDoc(ctx).defaultView) != null ? _a : window;
-    },
+    getWin: (ctx) => dom2.getDoc(ctx).defaultView ?? window,
     getActiveElement: (ctx) => dom2.getDoc(ctx).activeElement,
     getById: (ctx, id) => dom2.getRootNode(ctx).getElementById(id)
   };
@@ -115,9 +108,9 @@ function defineDomHelpers(helpers) {
 var isRef = (v) => hasProp(v, "current");
 function addDomEvent(target, eventName, handler, options) {
   const node = isRef(target) ? target.current : runIfFn(target);
-  node == null ? void 0 : node.addEventListener(eventName, handler, options);
+  node?.addEventListener(eventName, handler, options);
   return () => {
-    node == null ? void 0 : node.removeEventListener(eventName, handler, options);
+    node?.removeEventListener(eventName, handler, options);
   };
 }
 
@@ -145,16 +138,7 @@ var dom = defineDomHelpers({
   getTitleId: (ctx) => `toast:${ctx.id}:title`,
   getDescriptionId: (ctx) => `toast:${ctx.id}:description`,
   getCloseTriggerId: (ctx) => `toast${ctx.id}:close`,
-  getPortalId: (ctx) => `toast-portal:${ctx.id}`,
-  getPortalEl: (ctx) => dom.getDoc(ctx).getElementById(dom.getPortalId(ctx)),
-  createPortalEl: (ctx) => {
-    const existing = dom.getPortalEl(ctx);
-    if (existing)
-      return existing;
-    const portal = dom.getDoc(ctx).createElement("toast-portal");
-    portal.id = dom.getPortalId(ctx);
-    return portal;
-  }
+  getPortalId: (ctx) => `toast-portal:${ctx.id}`
 });
 
 // src/toast.utils.ts
@@ -175,7 +159,7 @@ var defaultTimeouts = {
   custom: 5e3
 };
 function getToastDuration(duration, type) {
-  return duration != null ? duration : defaultTimeouts[type];
+  return duration ?? defaultTimeouts[type];
 }
 function getGroupPlacementStyle(ctx, placement) {
   const offset = ctx.offsets;
@@ -322,22 +306,11 @@ function groupConnect(state, send, normalize) {
         style: getGroupPlacementStyle(state.context, placement)
       });
     },
-    createPortal() {
-      const doc = dom.getDoc(state.context);
-      const exist = dom.getPortalEl(state.context);
-      if (exist)
-        return exist;
-      const portal = dom.createPortalEl(state.context);
-      doc.body.appendChild(portal);
-      return portal;
-    },
     subscribe(fn) {
       return (0, import_core.subscribe)(state.context.toasts, () => fn(state.context.toasts));
     }
   };
-  if (!state.matches("unknown")) {
-    Object.assign(toaster, group2);
-  }
+  Object.assign(toaster, group2);
   return group2;
 }
 
@@ -442,19 +415,10 @@ function createToastMachine(options = {}) {
         }
       },
       guards: {
-        isChangingToLoading: (_, evt) => {
-          var _a;
-          return ((_a = evt.toast) == null ? void 0 : _a.type) === "loading";
-        },
+        isChangingToLoading: (_, evt) => evt.toast?.type === "loading",
         isLoadingType: (ctx2) => ctx2.type === "loading",
-        hasTypeChanged: (ctx2, evt) => {
-          var _a;
-          return ((_a = evt.toast) == null ? void 0 : _a.type) !== ctx2.type;
-        },
-        hasDurationChanged: (ctx2, evt) => {
-          var _a;
-          return ((_a = evt.toast) == null ? void 0 : _a.duration) !== ctx2.duration;
-        }
+        hasTypeChanged: (ctx2, evt) => evt.toast?.type !== ctx2.type,
+        hasDurationChanged: (ctx2, evt) => evt.toast?.duration !== ctx2.duration
       },
       delays: {
         VISIBLE_DURATION: (ctx2) => ctx2.remaining,
@@ -471,20 +435,16 @@ function createToastMachine(options = {}) {
           self.sendParent({ type: "REMOVE_TOAST", id: self.id });
         },
         invokeOnClosing(ctx2) {
-          var _a;
-          (_a = ctx2.onClosing) == null ? void 0 : _a.call(ctx2);
+          ctx2.onClosing?.();
         },
         invokeOnClose(ctx2) {
-          var _a;
-          (_a = ctx2.onClose) == null ? void 0 : _a.call(ctx2);
+          ctx2.onClose?.();
         },
         invokeOnOpen(ctx2) {
-          var _a;
-          (_a = ctx2.onOpen) == null ? void 0 : _a.call(ctx2);
+          ctx2.onOpen?.();
         },
         invokeOnUpdate(ctx2) {
-          var _a;
-          (_a = ctx2.onUpdate) == null ? void 0 : _a.call(ctx2);
+          ctx2.onUpdate?.();
         },
         setContext(ctx2, evt) {
           const { duration: duration2, type: type2 } = evt.toast;
@@ -671,8 +631,7 @@ function connect(state, send, normalize) {
       }
     }),
     render() {
-      var _a, _b;
-      return (_b = (_a = state.context).render) == null ? void 0 : _b.call(_a, {
+      return state.context.render?.({
         id: state.context.id,
         type: state.context.type,
         duration: state.context.duration,

package/dist/index.mjs

@@ -1,28 +1,28 @@
 import {
   groupConnect,
   toaster
-} from "./chunk-PIVIE75R.mjs";
+} from "./chunk-HRZITBY3.mjs";
 import {
   groupMachine
-} from "./chunk-2Q3XCA25.mjs";
+} from "./chunk-GKMHTDAP.mjs";
 import {
   connect
-} from "./chunk-FL23ZLLA.mjs";
+} from "./chunk-HDTOIF42.mjs";
 import {
   anatomy
-} from "./chunk-MD6LFB2J.mjs";
+} from "./chunk-GQHI2OMI.mjs";
 import {
   createToastMachine
-} from "./chunk-5IFVCHQS.mjs";
-import "./chunk-6HWLSJDV.mjs";
-import "./chunk-FBM2PYRD.mjs";
-import "./chunk-LN72PBJ5.mjs";
+} from "./chunk-SSV22S55.mjs";
+import "./chunk-LHAZKBRJ.mjs";
+import "./chunk-XQSCE3HI.mjs";
+import "./chunk-AZ32UDL3.mjs";
 
 // ../../utilities/core/src/warning.ts
 function warn(...a) {
   const m = a.length === 1 ? a[0] : a[1];
   const c = a.length === 2 ? a[0] : true;
-  if (c && true) {
+  if (c && process.env.NODE_ENV !== "production") {
     console.warn(m);
   }
 }

package/dist/toast-group.connect.d.ts

@@ -21,7 +21,6 @@ declare function groupConnect<T extends PropTypes>(state: GroupState, send: Grou
     pause(id?: string): void;
     resume(id?: string): void;
     getGroupProps(options: GroupProps): T["element"];
-    createPortal(): HTMLElement;
     subscribe(fn: (toasts: GroupMachineContext["toasts"]) => void): () => void;
 };
 

package/dist/toast-group.connect.js

@@ -29,7 +29,7 @@ var import_core = require("@zag-js/core");
 // ../../utilities/core/src/functions.ts
 var runIfFn = (v, ...a) => {
   const res = typeof v === "function" ? v(...a) : v;
-  return res != null ? res : void 0;
+  return res ?? void 0;
 };
 var uuid = /* @__PURE__ */ (() => {
   let id = 0;
@@ -49,27 +49,20 @@ function isDocument(el) {
   return el.nodeType === Node.DOCUMENT_NODE;
 }
 function isWindow(value) {
-  return (value == null ? void 0 : value.toString()) === "[object Window]";
+  return value?.toString() === "[object Window]";
 }
 function getDocument(el) {
-  var _a;
   if (isWindow(el))
     return el.document;
   if (isDocument(el))
     return el;
-  return (_a = el == null ? void 0 : el.ownerDocument) != null ? _a : document;
+  return el?.ownerDocument ?? document;
 }
 function defineDomHelpers(helpers) {
   const dom2 = {
-    getRootNode: (ctx) => {
-      var _a, _b;
-      return (_b = (_a = ctx.getRootNode) == null ? void 0 : _a.call(ctx)) != null ? _b : document;
-    },
+    getRootNode: (ctx) => ctx.getRootNode?.() ?? document,
     getDoc: (ctx) => getDocument(dom2.getRootNode(ctx)),
-    getWin: (ctx) => {
-      var _a;
-      return (_a = dom2.getDoc(ctx).defaultView) != null ? _a : window;
-    },
+    getWin: (ctx) => dom2.getDoc(ctx).defaultView ?? window,
     getActiveElement: (ctx) => dom2.getDoc(ctx).activeElement,
     getById: (ctx, id) => dom2.getRootNode(ctx).getElementById(id)
   };
@@ -86,16 +79,7 @@ var dom = defineDomHelpers({
   getTitleId: (ctx) => `toast:${ctx.id}:title`,
   getDescriptionId: (ctx) => `toast:${ctx.id}:description`,
   getCloseTriggerId: (ctx) => `toast${ctx.id}:close`,
-  getPortalId: (ctx) => `toast-portal:${ctx.id}`,
-  getPortalEl: (ctx) => dom.getDoc(ctx).getElementById(dom.getPortalId(ctx)),
-  createPortalEl: (ctx) => {
-    const existing = dom.getPortalEl(ctx);
-    if (existing)
-      return existing;
-    const portal = dom.getDoc(ctx).createElement("toast-portal");
-    portal.id = dom.getPortalId(ctx);
-    return portal;
-  }
+  getPortalId: (ctx) => `toast-portal:${ctx.id}`
 });
 
 // src/toast.utils.ts
@@ -253,22 +237,11 @@ function groupConnect(state, send, normalize) {
         style: getGroupPlacementStyle(state.context, placement)
       });
     },
-    createPortal() {
-      const doc = dom.getDoc(state.context);
-      const exist = dom.getPortalEl(state.context);
-      if (exist)
-        return exist;
-      const portal = dom.createPortalEl(state.context);
-      doc.body.appendChild(portal);
-      return portal;
-    },
     subscribe(fn) {
       return (0, import_core.subscribe)(state.context.toasts, () => fn(state.context.toasts));
     }
   };
-  if (!state.matches("unknown")) {
-    Object.assign(toaster, group);
-  }
+  Object.assign(toaster, group);
   return group;
 }
 // Annotate the CommonJS export names for ESM import in node:

package/dist/toast-group.connect.mjs

@@ -1,11 +1,11 @@
 import {
   groupConnect,
   toaster
-} from "./chunk-PIVIE75R.mjs";
-import "./chunk-MD6LFB2J.mjs";
-import "./chunk-6HWLSJDV.mjs";
-import "./chunk-FBM2PYRD.mjs";
-import "./chunk-LN72PBJ5.mjs";
+} from "./chunk-HRZITBY3.mjs";
+import "./chunk-GQHI2OMI.mjs";
+import "./chunk-LHAZKBRJ.mjs";
+import "./chunk-XQSCE3HI.mjs";
+import "./chunk-AZ32UDL3.mjs";
 export {
   groupConnect,
   toaster

package/dist/toast-group.machine.js

@@ -31,7 +31,7 @@ var MAX_Z_INDEX = 2147483647;
 // ../../utilities/core/src/functions.ts
 var runIfFn = (v, ...a) => {
   const res = typeof v === "function" ? v(...a) : v;
-  return res != null ? res : void 0;
+  return res ?? void 0;
 };
 var cast = (v) => v;
 
@@ -54,27 +54,20 @@ function isDocument(el) {
   return el.nodeType === Node.DOCUMENT_NODE;
 }
 function isWindow(value) {
-  return (value == null ? void 0 : value.toString()) === "[object Window]";
+  return value?.toString() === "[object Window]";
 }
 function getDocument(el) {
-  var _a;
   if (isWindow(el))
     return el.document;
   if (isDocument(el))
     return el;
-  return (_a = el == null ? void 0 : el.ownerDocument) != null ? _a : document;
+  return el?.ownerDocument ?? document;
 }
 function defineDomHelpers(helpers) {
   const dom2 = {
-    getRootNode: (ctx) => {
-      var _a, _b;
-      return (_b = (_a = ctx.getRootNode) == null ? void 0 : _a.call(ctx)) != null ? _b : document;
-    },
+    getRootNode: (ctx) => ctx.getRootNode?.() ?? document,
     getDoc: (ctx) => getDocument(dom2.getRootNode(ctx)),
-    getWin: (ctx) => {
-      var _a;
-      return (_a = dom2.getDoc(ctx).defaultView) != null ? _a : window;
-    },
+    getWin: (ctx) => dom2.getDoc(ctx).defaultView ?? window,
     getActiveElement: (ctx) => dom2.getDoc(ctx).activeElement,
     getById: (ctx, id) => dom2.getRootNode(ctx).getElementById(id)
   };
@@ -88,9 +81,9 @@ function defineDomHelpers(helpers) {
 var isRef = (v) => hasProp(v, "current");
 function addDomEvent(target, eventName, handler, options) {
   const node = isRef(target) ? target.current : runIfFn(target);
-  node == null ? void 0 : node.addEventListener(eventName, handler, options);
+  node?.addEventListener(eventName, handler, options);
   return () => {
-    node == null ? void 0 : node.removeEventListener(eventName, handler, options);
+    node?.removeEventListener(eventName, handler, options);
   };
 }
 
@@ -113,16 +106,7 @@ var dom = defineDomHelpers({
   getTitleId: (ctx) => `toast:${ctx.id}:title`,
   getDescriptionId: (ctx) => `toast:${ctx.id}:description`,
   getCloseTriggerId: (ctx) => `toast${ctx.id}:close`,
-  getPortalId: (ctx) => `toast-portal:${ctx.id}`,
-  getPortalEl: (ctx) => dom.getDoc(ctx).getElementById(dom.getPortalId(ctx)),
-  createPortalEl: (ctx) => {
-    const existing = dom.getPortalEl(ctx);
-    if (existing)
-      return existing;
-    const portal = dom.getDoc(ctx).createElement("toast-portal");
-    portal.id = dom.getPortalId(ctx);
-    return portal;
-  }
+  getPortalId: (ctx) => `toast-portal:${ctx.id}`
 });
 
 // src/toast.utils.ts
@@ -134,7 +118,7 @@ var defaultTimeouts = {
   custom: 5e3
 };
 function getToastDuration(duration, type) {
-  return duration != null ? duration : defaultTimeouts[type];
+  return duration ?? defaultTimeouts[type];
 }
 
 // src/toast.machine.ts
@@ -234,19 +218,10 @@ function createToastMachine(options = {}) {
         }
       },
       guards: {
-        isChangingToLoading: (_, evt) => {
-          var _a;
-          return ((_a = evt.toast) == null ? void 0 : _a.type) === "loading";
-        },
+        isChangingToLoading: (_, evt) => evt.toast?.type === "loading",
         isLoadingType: (ctx2) => ctx2.type === "loading",
-        hasTypeChanged: (ctx2, evt) => {
-          var _a;
-          return ((_a = evt.toast) == null ? void 0 : _a.type) !== ctx2.type;
-        },
-        hasDurationChanged: (ctx2, evt) => {
-          var _a;
-          return ((_a = evt.toast) == null ? void 0 : _a.duration) !== ctx2.duration;
-        }
+        hasTypeChanged: (ctx2, evt) => evt.toast?.type !== ctx2.type,
+        hasDurationChanged: (ctx2, evt) => evt.toast?.duration !== ctx2.duration
       },
       delays: {
         VISIBLE_DURATION: (ctx2) => ctx2.remaining,
@@ -263,20 +238,16 @@ function createToastMachine(options = {}) {
           self.sendParent({ type: "REMOVE_TOAST", id: self.id });
         },
         invokeOnClosing(ctx2) {
-          var _a;
-          (_a = ctx2.onClosing) == null ? void 0 : _a.call(ctx2);
+          ctx2.onClosing?.();
         },
         invokeOnClose(ctx2) {
-          var _a;
-          (_a = ctx2.onClose) == null ? void 0 : _a.call(ctx2);
+          ctx2.onClose?.();
         },
         invokeOnOpen(ctx2) {
-          var _a;
-          (_a = ctx2.onOpen) == null ? void 0 : _a.call(ctx2);
+          ctx2.onOpen?.();
         },
         invokeOnUpdate(ctx2) {
-          var _a;
-          (_a = ctx2.onUpdate) == null ? void 0 : _a.call(ctx2);
+          ctx2.onUpdate?.();
         },
         setContext(ctx2, evt) {
           const { duration: duration2, type: type2 } = evt.toast;

package/dist/toast-group.machine.mjs

@@ -1,10 +1,10 @@
 import {
   groupMachine
-} from "./chunk-2Q3XCA25.mjs";
-import "./chunk-5IFVCHQS.mjs";
-import "./chunk-6HWLSJDV.mjs";
-import "./chunk-FBM2PYRD.mjs";
-import "./chunk-LN72PBJ5.mjs";
+} from "./chunk-GKMHTDAP.mjs";
+import "./chunk-SSV22S55.mjs";
+import "./chunk-LHAZKBRJ.mjs";
+import "./chunk-XQSCE3HI.mjs";
+import "./chunk-AZ32UDL3.mjs";
 export {
   groupMachine
 };

package/dist/toast.anatomy.mjs

@@ -1,7 +1,7 @@
 import {
   anatomy,
   parts
-} from "./chunk-MD6LFB2J.mjs";
+} from "./chunk-GQHI2OMI.mjs";
 export {
   anatomy,
   parts

package/dist/toast.connect.js

@@ -34,27 +34,20 @@ function isDocument(el) {
   return el.nodeType === Node.DOCUMENT_NODE;
 }
 function isWindow(value) {
-  return (value == null ? void 0 : value.toString()) === "[object Window]";
+  return value?.toString() === "[object Window]";
 }
 function getDocument(el) {
-  var _a;
   if (isWindow(el))
     return el.document;
   if (isDocument(el))
     return el;
-  return (_a = el == null ? void 0 : el.ownerDocument) != null ? _a : document;
+  return el?.ownerDocument ?? document;
 }
 function defineDomHelpers(helpers) {
   const dom2 = {
-    getRootNode: (ctx) => {
-      var _a, _b;
-      return (_b = (_a = ctx.getRootNode) == null ? void 0 : _a.call(ctx)) != null ? _b : document;
-    },
+    getRootNode: (ctx) => ctx.getRootNode?.() ?? document,
     getDoc: (ctx) => getDocument(dom2.getRootNode(ctx)),
-    getWin: (ctx) => {
-      var _a;
-      return (_a = dom2.getDoc(ctx).defaultView) != null ? _a : window;
-    },
+    getWin: (ctx) => dom2.getDoc(ctx).defaultView ?? window,
     getActiveElement: (ctx) => dom2.getDoc(ctx).activeElement,
     getById: (ctx, id) => dom2.getRootNode(ctx).getElementById(id)
   };
@@ -76,16 +69,7 @@ var dom = defineDomHelpers({
   getTitleId: (ctx) => `toast:${ctx.id}:title`,
   getDescriptionId: (ctx) => `toast:${ctx.id}:description`,
   getCloseTriggerId: (ctx) => `toast${ctx.id}:close`,
-  getPortalId: (ctx) => `toast-portal:${ctx.id}`,
-  getPortalEl: (ctx) => dom.getDoc(ctx).getElementById(dom.getPortalId(ctx)),
-  createPortalEl: (ctx) => {
-    const existing = dom.getPortalEl(ctx);
-    if (existing)
-      return existing;
-    const portal = dom.getDoc(ctx).createElement("toast-portal");
-    portal.id = dom.getPortalId(ctx);
-    return portal;
-  }
+  getPortalId: (ctx) => `toast-portal:${ctx.id}`
 });
 
 // src/toast.connect.ts
@@ -173,8 +157,7 @@ function connect(state, send, normalize) {
       }
     }),
     render() {
-      var _a, _b;
-      return (_b = (_a = state.context).render) == null ? void 0 : _b.call(_a, {
+      return state.context.render?.({
         id: state.context.id,
         type: state.context.type,
         duration: state.context.duration,

package/dist/toast.connect.mjs

@@ -1,8 +1,8 @@
 import {
   connect
-} from "./chunk-FL23ZLLA.mjs";
-import "./chunk-MD6LFB2J.mjs";
-import "./chunk-LN72PBJ5.mjs";
+} from "./chunk-HDTOIF42.mjs";
+import "./chunk-GQHI2OMI.mjs";
+import "./chunk-AZ32UDL3.mjs";
 export {
   connect
 };

package/dist/toast.dom.d.ts

@@ -25,8 +25,6 @@ declare const dom: {
     getDescriptionId: (ctx: MachineContext) => string;
     getCloseTriggerId: (ctx: MachineContext) => string;
     getPortalId: (ctx: GroupMachineContext) => string;
-    getPortalEl: (ctx: GroupMachineContext) => HTMLElement | null;
-    createPortalEl: (ctx: GroupMachineContext) => HTMLElement;
 };
 
 export { dom };

package/dist/toast.dom.js

@@ -29,27 +29,20 @@ function isDocument(el) {
   return el.nodeType === Node.DOCUMENT_NODE;
 }
 function isWindow(value) {
-  return (value == null ? void 0 : value.toString()) === "[object Window]";
+  return value?.toString() === "[object Window]";
 }
 function getDocument(el) {
-  var _a;
   if (isWindow(el))
     return el.document;
   if (isDocument(el))
     return el;
-  return (_a = el == null ? void 0 : el.ownerDocument) != null ? _a : document;
+  return el?.ownerDocument ?? document;
 }
 function defineDomHelpers(helpers) {
   const dom2 = {
-    getRootNode: (ctx) => {
-      var _a, _b;
-      return (_b = (_a = ctx.getRootNode) == null ? void 0 : _a.call(ctx)) != null ? _b : document;
-    },
+    getRootNode: (ctx) => ctx.getRootNode?.() ?? document,
     getDoc: (ctx) => getDocument(dom2.getRootNode(ctx)),
-    getWin: (ctx) => {
-      var _a;
-      return (_a = dom2.getDoc(ctx).defaultView) != null ? _a : window;
-    },
+    getWin: (ctx) => dom2.getDoc(ctx).defaultView ?? window,
     getActiveElement: (ctx) => dom2.getDoc(ctx).activeElement,
     getById: (ctx, id) => dom2.getRootNode(ctx).getElementById(id)
   };
@@ -66,16 +59,7 @@ var dom = defineDomHelpers({
   getTitleId: (ctx) => `toast:${ctx.id}:title`,
   getDescriptionId: (ctx) => `toast:${ctx.id}:description`,
   getCloseTriggerId: (ctx) => `toast${ctx.id}:close`,
-  getPortalId: (ctx) => `toast-portal:${ctx.id}`,
-  getPortalEl: (ctx) => dom.getDoc(ctx).getElementById(dom.getPortalId(ctx)),
-  createPortalEl: (ctx) => {
-    const existing = dom.getPortalEl(ctx);
-    if (existing)
-      return existing;
-    const portal = dom.getDoc(ctx).createElement("toast-portal");
-    portal.id = dom.getPortalId(ctx);
-    return portal;
-  }
+  getPortalId: (ctx) => `toast-portal:${ctx.id}`
 });
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/toast.dom.mjs

@@ -1,6 +1,6 @@
 import {
   dom
-} from "./chunk-LN72PBJ5.mjs";
+} from "./chunk-AZ32UDL3.mjs";
 export {
   dom
 };

package/dist/toast.machine.js

@@ -28,7 +28,7 @@ var import_core = require("@zag-js/core");
 // ../../utilities/core/src/functions.ts
 var runIfFn = (v, ...a) => {
   const res = typeof v === "function" ? v(...a) : v;
-  return res != null ? res : void 0;
+  return res ?? void 0;
 };
 var cast = (v) => v;
 
@@ -51,27 +51,20 @@ function isDocument(el) {
   return el.nodeType === Node.DOCUMENT_NODE;
 }
 function isWindow(value) {
-  return (value == null ? void 0 : value.toString()) === "[object Window]";
+  return value?.toString() === "[object Window]";
 }
 function getDocument(el) {
-  var _a;
   if (isWindow(el))
     return el.document;
   if (isDocument(el))
     return el;
-  return (_a = el == null ? void 0 : el.ownerDocument) != null ? _a : document;
+  return el?.ownerDocument ?? document;
 }
 function defineDomHelpers(helpers) {
   const dom2 = {
-    getRootNode: (ctx) => {
-      var _a, _b;
-      return (_b = (_a = ctx.getRootNode) == null ? void 0 : _a.call(ctx)) != null ? _b : document;
-    },
+    getRootNode: (ctx) => ctx.getRootNode?.() ?? document,
     getDoc: (ctx) => getDocument(dom2.getRootNode(ctx)),
-    getWin: (ctx) => {
-      var _a;
-      return (_a = dom2.getDoc(ctx).defaultView) != null ? _a : window;
-    },
+    getWin: (ctx) => dom2.getDoc(ctx).defaultView ?? window,
     getActiveElement: (ctx) => dom2.getDoc(ctx).activeElement,
     getById: (ctx, id) => dom2.getRootNode(ctx).getElementById(id)
   };
@@ -85,9 +78,9 @@ function defineDomHelpers(helpers) {
 var isRef = (v) => hasProp(v, "current");
 function addDomEvent(target, eventName, handler, options) {
   const node = isRef(target) ? target.current : runIfFn(target);
-  node == null ? void 0 : node.addEventListener(eventName, handler, options);
+  node?.addEventListener(eventName, handler, options);
   return () => {
-    node == null ? void 0 : node.removeEventListener(eventName, handler, options);
+    node?.removeEventListener(eventName, handler, options);
   };
 }
 
@@ -107,16 +100,7 @@ var dom = defineDomHelpers({
   getTitleId: (ctx) => `toast:${ctx.id}:title`,
   getDescriptionId: (ctx) => `toast:${ctx.id}:description`,
   getCloseTriggerId: (ctx) => `toast${ctx.id}:close`,
-  getPortalId: (ctx) => `toast-portal:${ctx.id}`,
-  getPortalEl: (ctx) => dom.getDoc(ctx).getElementById(dom.getPortalId(ctx)),
-  createPortalEl: (ctx) => {
-    const existing = dom.getPortalEl(ctx);
-    if (existing)
-      return existing;
-    const portal = dom.getDoc(ctx).createElement("toast-portal");
-    portal.id = dom.getPortalId(ctx);
-    return portal;
-  }
+  getPortalId: (ctx) => `toast-portal:${ctx.id}`
 });
 
 // src/toast.utils.ts
@@ -128,7 +112,7 @@ var defaultTimeouts = {
   custom: 5e3
 };
 function getToastDuration(duration, type) {
-  return duration != null ? duration : defaultTimeouts[type];
+  return duration ?? defaultTimeouts[type];
 }
 
 // src/toast.machine.ts
@@ -228,19 +212,10 @@ function createToastMachine(options = {}) {
         }
       },
       guards: {
-        isChangingToLoading: (_, evt) => {
-          var _a;
-          return ((_a = evt.toast) == null ? void 0 : _a.type) === "loading";
-        },
+        isChangingToLoading: (_, evt) => evt.toast?.type === "loading",
         isLoadingType: (ctx2) => ctx2.type === "loading",
-        hasTypeChanged: (ctx2, evt) => {
-          var _a;
-          return ((_a = evt.toast) == null ? void 0 : _a.type) !== ctx2.type;
-        },
-        hasDurationChanged: (ctx2, evt) => {
-          var _a;
-          return ((_a = evt.toast) == null ? void 0 : _a.duration) !== ctx2.duration;
-        }
+        hasTypeChanged: (ctx2, evt) => evt.toast?.type !== ctx2.type,
+        hasDurationChanged: (ctx2, evt) => evt.toast?.duration !== ctx2.duration
       },
       delays: {
         VISIBLE_DURATION: (ctx2) => ctx2.remaining,
@@ -257,20 +232,16 @@ function createToastMachine(options = {}) {
           self.sendParent({ type: "REMOVE_TOAST", id: self.id });
         },
         invokeOnClosing(ctx2) {
-          var _a;
-          (_a = ctx2.onClosing) == null ? void 0 : _a.call(ctx2);
+          ctx2.onClosing?.();
         },
         invokeOnClose(ctx2) {
-          var _a;
-          (_a = ctx2.onClose) == null ? void 0 : _a.call(ctx2);
+          ctx2.onClose?.();
         },
         invokeOnOpen(ctx2) {
-          var _a;
-          (_a = ctx2.onOpen) == null ? void 0 : _a.call(ctx2);
+          ctx2.onOpen?.();
         },
         invokeOnUpdate(ctx2) {
-          var _a;
-          (_a = ctx2.onUpdate) == null ? void 0 : _a.call(ctx2);
+          ctx2.onUpdate?.();
         },
         setContext(ctx2, evt) {
           const { duration: duration2, type: type2 } = evt.toast;

package/dist/toast.machine.mjs

@@ -1,9 +1,9 @@
 import {
   createToastMachine
-} from "./chunk-5IFVCHQS.mjs";
-import "./chunk-6HWLSJDV.mjs";
-import "./chunk-FBM2PYRD.mjs";
-import "./chunk-LN72PBJ5.mjs";
+} from "./chunk-SSV22S55.mjs";
+import "./chunk-LHAZKBRJ.mjs";
+import "./chunk-XQSCE3HI.mjs";
+import "./chunk-AZ32UDL3.mjs";
 export {
   createToastMachine
 };

package/dist/toast.utils.js

@@ -43,7 +43,7 @@ var defaultTimeouts = {
   custom: 5e3
 };
 function getToastDuration(duration, type) {
-  return duration != null ? duration : defaultTimeouts[type];
+  return duration ?? defaultTimeouts[type];
 }
 function getGroupPlacementStyle(ctx, placement) {
   const offset = ctx.offsets;

package/dist/toast.utils.mjs

@@ -3,7 +3,7 @@ import {
   getGroupPlacementStyle,
   getToastDuration,
   getToastsByPlacement
-} from "./chunk-FBM2PYRD.mjs";
+} from "./chunk-XQSCE3HI.mjs";
 export {
   defaultTimeouts,
   getGroupPlacementStyle,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/toast",
-  "version": "0.2.9",
+  "version": "0.2.11",
   "description": "Core logic for the toast widget implemented as a state machine",
   "keywords": [
     "js",
@@ -26,14 +26,14 @@
     "url": "https://github.com/chakra-ui/zag/issues"
   },
   "dependencies": {
-    "@zag-js/anatomy": "0.1.3",
-    "@zag-js/core": "0.2.6",
-    "@zag-js/types": "0.3.3"
+    "@zag-js/anatomy": "0.1.4",
+    "@zag-js/core": "0.2.8",
+    "@zag-js/types": "0.3.4"
   },
   "devDependencies": {
     "clean-package": "2.2.0",
-    "@zag-js/dom-utils": "0.2.3",
-    "@zag-js/utils": "0.3.2"
+    "@zag-js/dom-utils": "0.2.4",
+    "@zag-js/utils": "0.3.3"
   },
   "clean-package": "../../../clean-package.config.json",
   "main": "dist/index.js",