@zag-js/toast 0.2.12 → 0.2.14

package/dist/toast.machine.js

@@ -24,77 +24,12 @@ __export(toast_machine_exports, {
 });
 module.exports = __toCommonJS(toast_machine_exports);
 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 ?? void 0;
-};
-var cast = (v) => v;
-
-// ../../utilities/core/src/guard.ts
-var isArray = (v) => Array.isArray(v);
-var isObject = (v) => !(v == null || typeof v !== "object" || isArray(v));
-var hasProp = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop);
-
-// ../../utilities/core/src/object.ts
-function compact(obj) {
-  if (obj === void 0)
-    return obj;
-  return Object.fromEntries(
-    Object.entries(obj).filter(([, value]) => value !== void 0).map(([key, value]) => [key, isObject(value) ? compact(value) : value])
-  );
-}
-
-// ../../utilities/dom/src/query.ts
-function isDocument(el) {
-  return el.nodeType === Node.DOCUMENT_NODE;
-}
-function isWindow(value) {
-  return value?.toString() === "[object Window]";
-}
-function getDocument(el) {
-  if (isWindow(el))
-    return el.document;
-  if (isDocument(el))
-    return el;
-  return el?.ownerDocument ?? document;
-}
-function defineDomHelpers(helpers) {
-  const dom2 = {
-    getRootNode: (ctx) => ctx.getRootNode?.() ?? document,
-    getDoc: (ctx) => getDocument(dom2.getRootNode(ctx)),
-    getWin: (ctx) => dom2.getDoc(ctx).defaultView ?? window,
-    getActiveElement: (ctx) => dom2.getDoc(ctx).activeElement,
-    getById: (ctx, id) => dom2.getRootNode(ctx).getElementById(id)
-  };
-  return {
-    ...dom2,
-    ...helpers
-  };
-}
-
-// ../../utilities/dom/src/listener.ts
-var isRef = (v) => hasProp(v, "current");
-function addDomEvent(target, eventName, handler, options) {
-  const node = isRef(target) ? target.current : runIfFn(target);
-  node?.addEventListener(eventName, handler, options);
-  return () => {
-    node?.removeEventListener(eventName, handler, options);
-  };
-}
-
-// ../../utilities/dom/src/visibility-event.ts
-function trackDocumentVisibility(_doc, callback) {
-  const doc = cast(_doc);
-  return addDomEvent(doc, "visibilitychange", () => {
-    const hidden = doc.hidden || doc.msHidden || doc.webkitHidden;
-    callback(!!hidden);
-  });
-}
+var import_dom_event = require("@zag-js/dom-event");
+var import_utils = require("@zag-js/utils");
 
 // src/toast.dom.ts
-var dom = defineDomHelpers({
+var import_dom_query = require("@zag-js/dom-query");
+var dom = (0, import_dom_query.createScope)({
   getGroupId: (placement) => `toast-group:${placement}`,
   getRootId: (ctx) => `toast:${ctx.id}`,
   getTitleId: (ctx) => `toast:${ctx.id}:title`,
@@ -119,7 +54,7 @@ function getToastDuration(duration, type) {
 var { not, and, or } = import_core.guards;
 function createToastMachine(options = {}) {
   const { type = "info", duration, id = "toast", placement = "bottom", removeDelay = 0, ...restProps } = options;
-  const ctx = compact(restProps);
+  const ctx = (0, import_utils.compact)(restProps);
   const computedDuration = getToastDuration(duration, type);
   return (0, import_core.createMachine)(
     {
@@ -206,8 +141,9 @@ function createToastMachine(options = {}) {
         trackDocumentVisibility(ctx2, _evt, { send }) {
           if (!ctx2.pauseOnPageIdle)
             return;
-          return trackDocumentVisibility(dom.getDoc(ctx2), function(hidden) {
-            send(hidden ? "PAUSE" : "RESUME");
+          const doc = dom.getDoc(ctx2);
+          return (0, import_dom_event.addDomEvent)(doc, "visibilitychange", () => {
+            send(doc.visibilityState === "hidden" ? "PAUSE" : "RESUME");
           });
         }
       },

package/dist/toast.machine.mjs

@@ -1,9 +1,8 @@
 import {
   createToastMachine
-} from "./chunk-SSV22S55.mjs";
-import "./chunk-LHAZKBRJ.mjs";
-import "./chunk-XQSCE3HI.mjs";
-import "./chunk-AZ32UDL3.mjs";
+} from "./chunk-EQTV3BNM.mjs";
+import "./chunk-DBPKSADW.mjs";
+import "./chunk-DUZD3NLM.mjs";
 export {
   createToastMachine
 };

package/dist/toast.utils.js

@@ -47,11 +47,11 @@ function getToastDuration(duration, type) {
 }
 function getGroupPlacementStyle(ctx, placement) {
   const offset = ctx.offsets;
-  const __offset = typeof offset === "string" ? { left: offset, right: offset, bottom: offset, top: offset } : offset;
+  const computedOffset = typeof offset === "string" ? { left: offset, right: offset, bottom: offset, top: offset } : offset;
   const rtl = ctx.dir === "rtl";
-  const __placement = placement.replace("-start", rtl ? "-right" : "-left").replace("-end", rtl ? "-left" : "-right");
-  const isRighty = __placement.includes("right");
-  const isLefty = __placement.includes("left");
+  const computedPlacement = placement.replace("-start", rtl ? "-right" : "-left").replace("-end", rtl ? "-left" : "-right");
+  const isRighty = computedPlacement.includes("right");
+  const isLefty = computedPlacement.includes("left");
   const styles = {
     position: "fixed",
     pointerEvents: ctx.count > 0 ? void 0 : "none",
@@ -66,20 +66,20 @@ function getGroupPlacementStyle(ctx, placement) {
   if (isLefty)
     alignItems = "flex-start";
   styles.alignItems = alignItems;
-  if (__placement.includes("top")) {
-    const offset2 = __offset.top;
+  if (computedPlacement.includes("top")) {
+    const offset2 = computedOffset.top;
     styles.top = `calc(env(safe-area-inset-top, 0px) + ${offset2})`;
   }
-  if (__placement.includes("bottom")) {
-    const offset2 = __offset.bottom;
+  if (computedPlacement.includes("bottom")) {
+    const offset2 = computedOffset.bottom;
     styles.bottom = `calc(env(safe-area-inset-bottom, 0px) + ${offset2})`;
   }
-  if (!__placement.includes("left")) {
-    const offset2 = __offset.right;
+  if (!computedPlacement.includes("left")) {
+    const offset2 = computedOffset.right;
     styles.right = `calc(env(safe-area-inset-right, 0px) + ${offset2})`;
   }
-  if (!__placement.includes("right")) {
-    const offset2 = __offset.left;
+  if (!computedPlacement.includes("right")) {
+    const offset2 = computedOffset.left;
     styles.left = `calc(env(safe-area-inset-left, 0px) + ${offset2})`;
   }
   return styles;

package/dist/toast.utils.mjs

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/toast",
-  "version": "0.2.12",
+  "version": "0.2.14",
   "description": "Core logic for the toast widget implemented as a state machine",
   "keywords": [
     "js",
@@ -27,13 +27,14 @@
   },
   "dependencies": {
     "@zag-js/anatomy": "0.1.4",
-    "@zag-js/core": "0.2.9",
+    "@zag-js/core": "0.2.10",
+    "@zag-js/dom-query": "0.1.4",
+    "@zag-js/dom-event": "0.0.1",
+    "@zag-js/utils": "0.3.3",
     "@zag-js/types": "0.3.4"
   },
   "devDependencies": {
-    "clean-package": "2.2.0",
-    "@zag-js/dom-utils": "0.2.4",
-    "@zag-js/utils": "0.3.3"
+    "clean-package": "2.2.0"
   },
   "clean-package": "../../../clean-package.config.json",
   "main": "dist/index.js",

package/dist/chunk-AZ32UDL3.mjs

@@ -1,41 +0,0 @@
-// ../../utilities/dom/src/query.ts
-function isDocument(el) {
-  return el.nodeType === Node.DOCUMENT_NODE;
-}
-function isWindow(value) {
-  return value?.toString() === "[object Window]";
-}
-function getDocument(el) {
-  if (isWindow(el))
-    return el.document;
-  if (isDocument(el))
-    return el;
-  return el?.ownerDocument ?? document;
-}
-function defineDomHelpers(helpers) {
-  const dom2 = {
-    getRootNode: (ctx) => ctx.getRootNode?.() ?? document,
-    getDoc: (ctx) => getDocument(dom2.getRootNode(ctx)),
-    getWin: (ctx) => dom2.getDoc(ctx).defaultView ?? window,
-    getActiveElement: (ctx) => dom2.getDoc(ctx).activeElement,
-    getById: (ctx, id) => dom2.getRootNode(ctx).getElementById(id)
-  };
-  return {
-    ...dom2,
-    ...helpers
-  };
-}
-
-// src/toast.dom.ts
-var dom = defineDomHelpers({
-  getGroupId: (placement) => `toast-group:${placement}`,
-  getRootId: (ctx) => `toast:${ctx.id}`,
-  getTitleId: (ctx) => `toast:${ctx.id}:title`,
-  getDescriptionId: (ctx) => `toast:${ctx.id}:description`,
-  getCloseTriggerId: (ctx) => `toast${ctx.id}:close`,
-  getPortalId: (ctx) => `toast-portal:${ctx.id}`
-});
-
-export {
-  dom
-};

package/dist/chunk-LHAZKBRJ.mjs

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