@zag-js/toast 1.35.2 → 1.36.0

package/dist/index.d.mts

@@ -1,6 +1,6 @@
 import * as _zag_js_core from '@zag-js/core';
 import { ToastGroupSchema } from './toast.types.mjs';
-export { ActionOptions, ToastApi as Api, ToastGroupApi as GroupApi, ToastGroupMachine as GroupMachine, ToastGroupProps as GroupProps, ToastGroupService as GroupService, ToastMachine as Machine, Options, Placement, PromiseOptions, ToastProps as Props, ToastService as Service, Status, StatusChangeDetails, ToastStore as Store, ToastStoreProps as StoreProps, ToastHeight, Type } from './toast.types.mjs';
+export { ActionOptions, ToastApi as Api, ToastGroupApi as GroupApi, ToastGroupMachine as GroupMachine, ToastGroupProps as GroupProps, ToastGroupService as GroupService, IntlTranslations, ToastMachine as Machine, Options, Placement, PromiseOptions, ToastProps as Props, ToastService as Service, Status, StatusChangeDetails, ToastStore as Store, ToastStoreProps as StoreProps, ToastHeight, Type } from './toast.types.mjs';
 import { groupConnect } from './toast-group.connect.mjs';
 export { anatomy } from './toast.anatomy.mjs';
 export { connect } from './toast.connect.mjs';

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as _zag_js_core from '@zag-js/core';
 import { ToastGroupSchema } from './toast.types.js';
-export { ActionOptions, ToastApi as Api, ToastGroupApi as GroupApi, ToastGroupMachine as GroupMachine, ToastGroupProps as GroupProps, ToastGroupService as GroupService, ToastMachine as Machine, Options, Placement, PromiseOptions, ToastProps as Props, ToastService as Service, Status, StatusChangeDetails, ToastStore as Store, ToastStoreProps as StoreProps, ToastHeight, Type } from './toast.types.js';
+export { ActionOptions, ToastApi as Api, ToastGroupApi as GroupApi, ToastGroupMachine as GroupMachine, ToastGroupProps as GroupProps, ToastGroupService as GroupService, IntlTranslations, ToastMachine as Machine, Options, Placement, PromiseOptions, ToastProps as Props, ToastService as Service, Status, StatusChangeDetails, ToastStore as Store, ToastStoreProps as StoreProps, ToastHeight, Type } from './toast.types.js';
 import { groupConnect } from './toast-group.connect.js';
 export { anatomy } from './toast.anatomy.js';
 export { connect } from './toast.connect.js';

package/dist/toast.anatomy.d.mts

@@ -1,6 +1,6 @@
 import * as _zag_js_anatomy from '@zag-js/anatomy';
 
-declare const anatomy: _zag_js_anatomy.AnatomyInstance<"title" | "description" | "group" | "root" | "actionTrigger" | "closeTrigger">;
-declare const parts: Record<"title" | "description" | "group" | "root" | "actionTrigger" | "closeTrigger", _zag_js_anatomy.AnatomyPart>;
+declare const anatomy: _zag_js_anatomy.AnatomyInstance<"group" | "title" | "root" | "description" | "actionTrigger" | "closeTrigger">;
+declare const parts: Record<"group" | "title" | "root" | "description" | "actionTrigger" | "closeTrigger", _zag_js_anatomy.AnatomyPart>;
 
 export { anatomy, parts };

package/dist/toast.anatomy.d.ts

@@ -1,6 +1,6 @@
 import * as _zag_js_anatomy from '@zag-js/anatomy';
 
-declare const anatomy: _zag_js_anatomy.AnatomyInstance<"title" | "description" | "group" | "root" | "actionTrigger" | "closeTrigger">;
-declare const parts: Record<"title" | "description" | "group" | "root" | "actionTrigger" | "closeTrigger", _zag_js_anatomy.AnatomyPart>;
+declare const anatomy: _zag_js_anatomy.AnatomyInstance<"group" | "title" | "root" | "description" | "actionTrigger" | "closeTrigger">;
+declare const parts: Record<"group" | "title" | "root" | "description" | "actionTrigger" | "closeTrigger", _zag_js_anatomy.AnatomyPart>;
 
 export { anatomy, parts };

package/dist/toast.connect.js

@@ -39,6 +39,7 @@ var dom = __toESM(require("./toast.dom.js"));
 var import_toast2 = require("./toast.utils.js");
 function connect(service, normalize) {
   const { state, send, prop, scope, context, computed } = service;
+  const translations = prop("translations");
   const visible = state.hasTag("visible");
   const paused = state.hasTag("paused");
   const mounted = context.get("mounted");
@@ -140,7 +141,7 @@ function connect(service, normalize) {
         id: dom.getCloseTriggerId(scope),
         ...import_toast.parts.closeTrigger.attrs,
         type: "button",
-        "aria-label": "Dismiss notification",
+        "aria-label": translations?.closeTriggerLabel,
         onClick(event) {
           if (event.defaultPrevented) return;
           send({ type: "DISMISS", src: "user" });

package/dist/toast.connect.mjs

@@ -5,6 +5,7 @@ import * as dom from "./toast.dom.mjs";
 import { getGhostAfterStyle, getGhostBeforeStyle, getPlacementStyle } from "./toast.utils.mjs";
 function connect(service, normalize) {
   const { state, send, prop, scope, context, computed } = service;
+  const translations = prop("translations");
   const visible = state.hasTag("visible");
   const paused = state.hasTag("paused");
   const mounted = context.get("mounted");
@@ -106,7 +107,7 @@ function connect(service, normalize) {
         id: dom.getCloseTriggerId(scope),
         ...parts.closeTrigger.attrs,
         type: "button",
-        "aria-label": "Dismiss notification",
+        "aria-label": translations?.closeTriggerLabel,
         onClick(event) {
           if (event.defaultPrevented) return;
           send({ type: "DISMISS", src: "user" });

package/dist/toast.machine.js

@@ -45,6 +45,10 @@ var machine = (0, import_core.createMachine)({
     return {
       closable: true,
       ...props,
+      translations: {
+        closeTriggerLabel: "Dismiss notification",
+        ...props.translations
+      },
       duration: (0, import_toast.getToastDuration)(props.duration, props.type)
     };
   },

package/dist/toast.machine.mjs

@@ -11,6 +11,10 @@ var machine = createMachine({
     return {
       closable: true,
       ...props,
+      translations: {
+        closeTriggerLabel: "Dismiss notification",
+        ...props.translations
+      },
       duration: getToastDuration(props.duration, props.type)
     };
   },

package/dist/toast.types.d.mts

@@ -35,6 +35,9 @@ interface ActionOptions {
      */
     onClick: VoidFunction;
 }
+interface IntlTranslations {
+    closeTriggerLabel?: string | undefined;
+}
 interface Options<T = any> {
     /**
      * The title of the toast.
@@ -79,6 +82,10 @@ interface Options<T = any> {
     meta?: Record<string, any> | undefined;
 }
 interface ToastProps<T = any> extends Omit<CommonProperties, "id">, Options<T> {
+    /**
+     * Specifies the localized strings that identifies the accessibility elements and their states
+     */
+    translations?: IntlTranslations | undefined;
     /**
      * The direction of the toast
      */
@@ -368,4 +375,4 @@ interface ToastApi<T extends PropTypes = PropTypes, O = any> {
     getActionTriggerProps: () => T["button"];
 }
 
-export type { ActionOptions, GroupProps, Options, Placement, PromiseOptions, Status, StatusChangeDetails, ToastApi, ToastGroupApi, ToastGroupMachine, ToastGroupProps, ToastGroupSchema, ToastGroupService, ToastHeight, ToastMachine, ToastProps, ToastSchema, ToastService, ToastStore, ToastStoreProps, Type };
+export type { ActionOptions, GroupProps, IntlTranslations, Options, Placement, PromiseOptions, Status, StatusChangeDetails, ToastApi, ToastGroupApi, ToastGroupMachine, ToastGroupProps, ToastGroupSchema, ToastGroupService, ToastHeight, ToastMachine, ToastProps, ToastSchema, ToastService, ToastStore, ToastStoreProps, Type };

package/dist/toast.types.d.ts

@@ -35,6 +35,9 @@ interface ActionOptions {
      */
     onClick: VoidFunction;
 }
+interface IntlTranslations {
+    closeTriggerLabel?: string | undefined;
+}
 interface Options<T = any> {
     /**
      * The title of the toast.
@@ -79,6 +82,10 @@ interface Options<T = any> {
     meta?: Record<string, any> | undefined;
 }
 interface ToastProps<T = any> extends Omit<CommonProperties, "id">, Options<T> {
+    /**
+     * Specifies the localized strings that identifies the accessibility elements and their states
+     */
+    translations?: IntlTranslations | undefined;
     /**
      * The direction of the toast
      */
@@ -368,4 +375,4 @@ interface ToastApi<T extends PropTypes = PropTypes, O = any> {
     getActionTriggerProps: () => T["button"];
 }
 
-export type { ActionOptions, GroupProps, Options, Placement, PromiseOptions, Status, StatusChangeDetails, ToastApi, ToastGroupApi, ToastGroupMachine, ToastGroupProps, ToastGroupSchema, ToastGroupService, ToastHeight, ToastMachine, ToastProps, ToastSchema, ToastService, ToastStore, ToastStoreProps, Type };
+export type { ActionOptions, GroupProps, IntlTranslations, Options, Placement, PromiseOptions, Status, StatusChangeDetails, ToastApi, ToastGroupApi, ToastGroupMachine, ToastGroupProps, ToastGroupSchema, ToastGroupService, ToastHeight, ToastMachine, ToastProps, ToastSchema, ToastService, ToastStore, ToastStoreProps, Type };

package/package.json

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