@zag-js/toast 0.0.0-dev-20220415160434 → 0.0.0-dev-20220417135151

package/dist/index.d.ts

@@ -1,11 +1,12 @@
 import { groupConnect } from "./toast-group.connect";
+import { groupMachine } from "./toast-group.machine";
 import { createToastMachine as createMachine } from "./toast.machine";
 export { connect } from "./toast.connect";
 export type { GroupMachineContext, MachineContext, MachineState, Placement, Service, Type } from "./toast.types";
 export { createMachine };
 export declare const group: {
     connect: typeof groupConnect;
-    machine: import("@zag-js/core").Machine<import("./toast.types").GroupMachineContext, import("@zag-js/core").StateMachine.StateSchema, import("@zag-js/core").StateMachine.AnyEventObject>;
+    machine: typeof groupMachine;
 };
 export declare function api(): import("./toast.types").Toaster;
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAE7D,OAAO,EAAE,kBAAkB,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAErE,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AACzC,YAAY,EAAE,mBAAmB,EAAE,cAAc,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAChH,OAAO,EAAE,aAAa,EAAE,CAAA;AAExB,eAAO,MAAM,KAAK;;;CAGjB,CAAA;AAED,wBAAgB,GAAG,oCAMlB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACpD,OAAO,EAAE,kBAAkB,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAErE,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AACzC,YAAY,EAAE,mBAAmB,EAAE,cAAc,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAChH,OAAO,EAAE,aAAa,EAAE,CAAA;AAExB,eAAO,MAAM,KAAK;;;CAGjB,CAAA;AAED,wBAAgB,GAAG,oCAMlB"}

package/dist/index.js

@@ -60,6 +60,13 @@ var runIfFn = (v, ...a) => {
   const res = typeof v === "function" ? v(...a) : v;
   return res != null ? res : void 0;
 };
+var uuid = /* @__PURE__ */ (() => {
+  let id = 0;
+  return () => {
+    id++;
+    return id.toString(36);
+  };
+})();
 var isDom = () => !!(typeof window !== "undefined");
 function warn(...a) {
   const m = a.length === 1 ? a[0] : a[1];
@@ -84,11 +91,11 @@ var dom = {
     var _a;
     return (_a = ctx.doc) != null ? _a : document;
   },
-  getGroupId: (placement) => `toast-group--${placement}`,
-  getContainerId: (ctx) => `toast--${ctx.id}`,
-  getTitleId: (ctx) => `toast-title--${ctx.id}`,
-  getCloseButtonId: (ctx) => `toast-close-button--${ctx.id}`,
-  getPortalId: (ctx) => `toast-portal--${ctx.uid}`,
+  getGroupId: (placement) => `toast-group:${placement}`,
+  getContainerId: (ctx) => `toast:${ctx.id}`,
+  getTitleId: (ctx) => `toast-title:${ctx.id}`,
+  getCloseButtonId: (ctx) => `toast-close-button:${ctx.id}`,
+  getPortalId: (ctx) => `toast-portal:${ctx.uid}`,
   getPortalEl: (ctx) => dom.getDoc(ctx).getElementById(dom.getPortalId(ctx)),
   createPortalEl: (ctx) => {
     const existing = dom.getPortalEl(ctx);
@@ -173,7 +180,7 @@ function groupConnect(state, send, normalize = normalizeProp) {
       return !!state.context.toasts.find((toast) => toast.id == id);
     },
     create(options) {
-      const uid = "toast-" + Math.random().toString(36).substring(2, 9);
+      const uid = `toast:${uuid()}`;
       const id = options.id ? options.id : uid;
       if (group2.isVisible(id))
         return;
@@ -519,97 +526,99 @@ function createToastMachine(options = {}) {
 }
 
 // src/toast-group.machine.ts
-var groupMachine = (0, import_core3.createMachine)({
-  id: "toaster",
-  initial: "active",
-  context: {
-    dir: "ltr",
-    max: Number.MAX_SAFE_INTEGER,
-    uid: "",
-    toasts: [],
-    gutter: "1rem",
-    zIndex: MAX_Z_INDEX,
-    pauseOnPageIdle: false,
-    pauseOnInteraction: true,
-    offsets: { left: "0px", right: "0px", top: "0px", bottom: "0px" }
-  },
-  computed: {
-    count: (ctx) => ctx.toasts.length
-  },
-  on: {
-    SETUP: {
-      actions: (ctx, evt) => {
-        ctx.uid = evt.id;
-        if (evt.doc)
-          ctx.doc = (0, import_core3.ref)(evt.doc);
-      }
-    },
-    PAUSE_TOAST: {
-      actions: (_ctx, evt, { self }) => {
-        self.sendChild("PAUSE", evt.id);
-      }
-    },
-    PAUSE_ALL: {
-      actions: (ctx) => {
-        ctx.toasts.forEach((toast) => toast.send("PAUSE"));
-      }
-    },
-    RESUME_TOAST: {
-      actions: (_ctx, evt, { self }) => {
-        self.sendChild("RESUME", evt.id);
-      }
-    },
-    RESUME_ALL: {
-      actions: (ctx) => {
-        ctx.toasts.forEach((toast) => toast.send("RESUME"));
-      }
-    },
-    ADD_TOAST: {
-      guard: (ctx) => ctx.toasts.length < ctx.max,
-      actions: (ctx, evt, { self }) => {
-        var _a;
-        const options = __spreadProps(__spreadValues({}, evt.toast), {
-          pauseOnPageIdle: ctx.pauseOnPageIdle,
-          pauseOnInteraction: ctx.pauseOnInteraction,
-          dir: ctx.dir,
-          doc: (0, import_core3.ref)((_a = ctx.doc) != null ? _a : document)
-        });
-        const toast = createToastMachine(options);
-        const actor = self.spawn(toast);
-        ctx.toasts.push(actor);
-      }
-    },
-    UPDATE_TOAST: {
-      actions: (_ctx, evt, { self }) => {
-        self.sendChild({ type: "UPDATE", toast: evt.toast }, evt.id);
-      }
-    },
-    DISMISS_TOAST: {
-      actions: (_ctx, evt, { self }) => {
-        self.sendChild("DISMISS", evt.id);
-      }
-    },
-    DISMISS_ALL: {
-      actions: (ctx) => {
-        ctx.toasts.forEach((toast) => toast.send("DISMISS"));
-      }
-    },
-    REMOVE_TOAST: {
-      actions: (ctx, evt, { self }) => {
-        self.stopChild(evt.id);
-        const index = ctx.toasts.findIndex((toast) => toast.id === evt.id);
-        ctx.toasts.splice(index, 1);
-      }
+function groupMachine(ctx = {}) {
+  return (0, import_core3.createMachine)({
+    id: "toaster",
+    initial: "active",
+    context: __spreadValues({
+      dir: "ltr",
+      max: Number.MAX_SAFE_INTEGER,
+      uid: "",
+      toasts: [],
+      gutter: "1rem",
+      zIndex: MAX_Z_INDEX,
+      pauseOnPageIdle: false,
+      pauseOnInteraction: true,
+      offsets: { left: "0px", right: "0px", top: "0px", bottom: "0px" }
+    }, ctx),
+    computed: {
+      count: (ctx2) => ctx2.toasts.length
     },
-    REMOVE_ALL: {
-      actions: (ctx, _evt, { self }) => {
-        ctx.toasts.forEach((toast) => self.stopChild(toast.id));
-        while (ctx.toasts.length)
-          ctx.toasts.pop();
+    on: {
+      SETUP: {
+        actions: (ctx2, evt) => {
+          ctx2.uid = evt.id;
+          if (evt.doc)
+            ctx2.doc = (0, import_core3.ref)(evt.doc);
+        }
+      },
+      PAUSE_TOAST: {
+        actions: (_ctx, evt, { self }) => {
+          self.sendChild("PAUSE", evt.id);
+        }
+      },
+      PAUSE_ALL: {
+        actions: (ctx2) => {
+          ctx2.toasts.forEach((toast) => toast.send("PAUSE"));
+        }
+      },
+      RESUME_TOAST: {
+        actions: (_ctx, evt, { self }) => {
+          self.sendChild("RESUME", evt.id);
+        }
+      },
+      RESUME_ALL: {
+        actions: (ctx2) => {
+          ctx2.toasts.forEach((toast) => toast.send("RESUME"));
+        }
+      },
+      ADD_TOAST: {
+        guard: (ctx2) => ctx2.toasts.length < ctx2.max,
+        actions: (ctx2, evt, { self }) => {
+          var _a;
+          const options = __spreadProps(__spreadValues({}, evt.toast), {
+            pauseOnPageIdle: ctx2.pauseOnPageIdle,
+            pauseOnInteraction: ctx2.pauseOnInteraction,
+            dir: ctx2.dir,
+            doc: (0, import_core3.ref)((_a = ctx2.doc) != null ? _a : document)
+          });
+          const toast = createToastMachine(options);
+          const actor = self.spawn(toast);
+          ctx2.toasts.push(actor);
+        }
+      },
+      UPDATE_TOAST: {
+        actions: (_ctx, evt, { self }) => {
+          self.sendChild({ type: "UPDATE", toast: evt.toast }, evt.id);
+        }
+      },
+      DISMISS_TOAST: {
+        actions: (_ctx, evt, { self }) => {
+          self.sendChild("DISMISS", evt.id);
+        }
+      },
+      DISMISS_ALL: {
+        actions: (ctx2) => {
+          ctx2.toasts.forEach((toast) => toast.send("DISMISS"));
+        }
+      },
+      REMOVE_TOAST: {
+        actions: (ctx2, evt, { self }) => {
+          self.stopChild(evt.id);
+          const index = ctx2.toasts.findIndex((toast) => toast.id === evt.id);
+          ctx2.toasts.splice(index, 1);
+        }
+      },
+      REMOVE_ALL: {
+        actions: (ctx2, _evt, { self }) => {
+          ctx2.toasts.forEach((toast) => self.stopChild(toast.id));
+          while (ctx2.toasts.length)
+            ctx2.toasts.pop();
+        }
       }
     }
-  }
-});
+  });
+}
 
 // src/toast.connect.ts
 function connect(state, send, normalize = normalizeProp) {