@zag-js/toast 1.0.0 → 1.0.2

package/dist/index.d.mts

@@ -1,5 +1,5 @@
 import * as _zag_js_core from '@zag-js/core';
-import { Service, EventObject } from '@zag-js/core';
+import { Service, Machine, EventObject } from '@zag-js/core';
 import { CommonProperties, Direction, DirectionProperty, Required, PropTypes, RequiredBy, NormalizeProps } from '@zag-js/types';
 import * as _zag_js_anatomy from '@zag-js/anatomy';
 
@@ -89,7 +89,7 @@ interface ToastProps<T = any> extends Omit<CommonProperties, "id">, Options<T> {
      */
     gap?: number;
 }
-type ToastPropsWithDefault = "type" | "parent" | "duration" | "id";
+type ToastPropsWithDefault = "type" | "parent" | "duration" | "id" | "removeDelay";
 type ToastSchema<O = any> = {
     props: RequiredBy<ToastProps<O>, ToastPropsWithDefault>;
     context: {
@@ -117,6 +117,7 @@ type ToastSchema<O = any> = {
     event: EventObject;
 };
 type ToastService = Service<ToastSchema>;
+type ToastMachine = Machine<ToastSchema>;
 interface ToastStoreProps {
     /**
      * The placement of the toast
@@ -194,6 +195,7 @@ type ToastGroupSchema = {
     event: EventObject;
 };
 type ToastGroupService = Service<ToastGroupSchema>;
+type ToastGroupMachine = Machine<ToastGroupSchema>;
 interface ToastStore<V = any> {
     /**
      * The attributes of the toast store
@@ -303,11 +305,11 @@ interface ToastApi<T extends PropTypes = PropTypes, O = any> {
     /**
      * The title of the toast.
      */
-    title: O;
+    title?: O | undefined;
     /**
      * The description of the toast.
      */
-    description: O;
+    description?: O | undefined;
     /**
      * The type of the toast.
      */
@@ -355,13 +357,13 @@ declare const anatomy: _zag_js_anatomy.AnatomyInstance<"title" | "description" |
 
 declare function connect<T extends PropTypes, O>(service: Service<ToastSchema<O>>, normalize: NormalizeProps<T>): ToastApi<T, O>;
 
-declare const machine: _zag_js_core.MachineConfig<ToastSchema>;
+declare const machine: _zag_js_core.Machine<ToastSchema>;
 
 declare function createToastStore<V = any>(props: ToastStoreProps): ToastStore<V>;
 
 declare const group: {
     connect: typeof groupConnect;
-    machine: _zag_js_core.MachineConfig<ToastGroupSchema>;
+    machine: _zag_js_core.Machine<ToastGroupSchema>;
 };
 
-export { type ActionOptions, type ToastApi as Api, type ToastGroupApi as GroupApi, type ToastGroupProps as GroupProps, type ToastGroupService as GroupService, type Options, type Placement, type PromiseOptions, type ToastProps as Props, type ToastService as Service, type Status, type StatusChangeDetails, type ToastStore as Store, type ToastStoreProps as StoreProps, type Type, anatomy, connect, createToastStore as createStore, group, machine };
+export { type ActionOptions, type ToastApi as Api, type ToastGroupApi as GroupApi, type ToastGroupMachine as GroupMachine, type ToastGroupProps as GroupProps, type ToastGroupService as GroupService, type ToastMachine as Machine, type Options, type Placement, type PromiseOptions, type ToastProps as Props, type ToastService as Service, type Status, type StatusChangeDetails, type ToastStore as Store, type ToastStoreProps as StoreProps, type Type, anatomy, connect, createToastStore as createStore, group, machine };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as _zag_js_core from '@zag-js/core';
-import { Service, EventObject } from '@zag-js/core';
+import { Service, Machine, EventObject } from '@zag-js/core';
 import { CommonProperties, Direction, DirectionProperty, Required, PropTypes, RequiredBy, NormalizeProps } from '@zag-js/types';
 import * as _zag_js_anatomy from '@zag-js/anatomy';
 
@@ -89,7 +89,7 @@ interface ToastProps<T = any> extends Omit<CommonProperties, "id">, Options<T> {
      */
     gap?: number;
 }
-type ToastPropsWithDefault = "type" | "parent" | "duration" | "id";
+type ToastPropsWithDefault = "type" | "parent" | "duration" | "id" | "removeDelay";
 type ToastSchema<O = any> = {
     props: RequiredBy<ToastProps<O>, ToastPropsWithDefault>;
     context: {
@@ -117,6 +117,7 @@ type ToastSchema<O = any> = {
     event: EventObject;
 };
 type ToastService = Service<ToastSchema>;
+type ToastMachine = Machine<ToastSchema>;
 interface ToastStoreProps {
     /**
      * The placement of the toast
@@ -194,6 +195,7 @@ type ToastGroupSchema = {
     event: EventObject;
 };
 type ToastGroupService = Service<ToastGroupSchema>;
+type ToastGroupMachine = Machine<ToastGroupSchema>;
 interface ToastStore<V = any> {
     /**
      * The attributes of the toast store
@@ -303,11 +305,11 @@ interface ToastApi<T extends PropTypes = PropTypes, O = any> {
     /**
      * The title of the toast.
      */
-    title: O;
+    title?: O | undefined;
     /**
      * The description of the toast.
      */
-    description: O;
+    description?: O | undefined;
     /**
      * The type of the toast.
      */
@@ -355,13 +357,13 @@ declare const anatomy: _zag_js_anatomy.AnatomyInstance<"title" | "description" |
 
 declare function connect<T extends PropTypes, O>(service: Service<ToastSchema<O>>, normalize: NormalizeProps<T>): ToastApi<T, O>;
 
-declare const machine: _zag_js_core.MachineConfig<ToastSchema>;
+declare const machine: _zag_js_core.Machine<ToastSchema>;
 
 declare function createToastStore<V = any>(props: ToastStoreProps): ToastStore<V>;
 
 declare const group: {
     connect: typeof groupConnect;
-    machine: _zag_js_core.MachineConfig<ToastGroupSchema>;
+    machine: _zag_js_core.Machine<ToastGroupSchema>;
 };
 
-export { type ActionOptions, type ToastApi as Api, type ToastGroupApi as GroupApi, type ToastGroupProps as GroupProps, type ToastGroupService as GroupService, type Options, type Placement, type PromiseOptions, type ToastProps as Props, type ToastService as Service, type Status, type StatusChangeDetails, type ToastStore as Store, type ToastStoreProps as StoreProps, type Type, anatomy, connect, createToastStore as createStore, group, machine };
+export { type ActionOptions, type ToastApi as Api, type ToastGroupApi as GroupApi, type ToastGroupMachine as GroupMachine, type ToastGroupProps as GroupProps, type ToastGroupService as GroupService, type ToastMachine as Machine, type Options, type Placement, type PromiseOptions, type ToastProps as Props, type ToastService as Service, type Status, type StatusChangeDetails, type ToastStore as Store, type ToastStoreProps as StoreProps, type Type, anatomy, connect, createToastStore as createStore, group, machine };

package/dist/index.js

@@ -229,11 +229,9 @@ function groupConnect(service, normalize) {
           send({ type: "REGION.FOCUS", target: event.relatedTarget });
         },
         onBlur(event) {
-          queueMicrotask(() => {
-            if (refs.get("isFocusWithin") && !domQuery.contains(event.currentTarget, event.relatedTarget)) {
-              send({ type: "REGION.BLUR" });
-            }
-          });
+          if (refs.get("isFocusWithin") && !domQuery.contains(event.currentTarget, event.relatedTarget)) {
+            queueMicrotask(() => send({ type: "REGION.BLUR" }));
+          }
         }
       });
     },
@@ -576,12 +574,10 @@ function connect(service, normalize) {
 var { not } = core.createGuards();
 var machine = core.createMachine({
   props({ props }) {
+    utils.ensureProps(props, ["id", "type", "parent", "removeDelay"], "toast");
     return {
+      closable: true,
       ...props,
-      id: props.id,
-      type: props.type,
-      parent: props.parent,
-      closable: props.closable ?? true,
       duration: getToastDuration(props.duration, props.type)
     };
   },

package/dist/index.mjs

@@ -2,7 +2,7 @@ import { addDomEvent, raf, dataAttr, contains, MAX_Z_INDEX } from '@zag-js/dom-q
 import { createAnatomy } from '@zag-js/anatomy';
 import { createMachine, createGuards } from '@zag-js/core';
 import { trackDismissableBranch } from '@zag-js/dismissable';
-import { uuid, setRafTimeout, runIfFn } from '@zag-js/utils';
+import { uuid, ensureProps, setRafTimeout, runIfFn } from '@zag-js/utils';
 
 // src/toast-group.connect.ts
 var anatomy = createAnatomy("toast").parts(
@@ -227,11 +227,9 @@ function groupConnect(service, normalize) {
           send({ type: "REGION.FOCUS", target: event.relatedTarget });
         },
         onBlur(event) {
-          queueMicrotask(() => {
-            if (refs.get("isFocusWithin") && !contains(event.currentTarget, event.relatedTarget)) {
-              send({ type: "REGION.BLUR" });
-            }
-          });
+          if (refs.get("isFocusWithin") && !contains(event.currentTarget, event.relatedTarget)) {
+            queueMicrotask(() => send({ type: "REGION.BLUR" }));
+          }
         }
       });
     },
@@ -574,12 +572,10 @@ function connect(service, normalize) {
 var { not } = createGuards();
 var machine = createMachine({
   props({ props }) {
+    ensureProps(props, ["id", "type", "parent", "removeDelay"], "toast");
     return {
+      closable: true,
       ...props,
-      id: props.id,
-      type: props.type,
-      parent: props.parent,
-      closable: props.closable ?? true,
       duration: getToastDuration(props.duration, props.type)
     };
   },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/toast",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "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/anatomy": "1.0.0",
-    "@zag-js/dom-query": "1.0.0",
-    "@zag-js/core": "1.0.0",
-    "@zag-js/dismissable": "1.0.0",
-    "@zag-js/utils": "1.0.0",
-    "@zag-js/types": "1.0.0"
+    "@zag-js/anatomy": "1.0.2",
+    "@zag-js/core": "1.0.2",
+    "@zag-js/dom-query": "1.0.2",
+    "@zag-js/dismissable": "1.0.2",
+    "@zag-js/utils": "1.0.2",
+    "@zag-js/types": "1.0.2"
   },
   "devDependencies": {
     "clean-package": "2.2.0"