@zag-js/clipboard 1.35.3 → 1.36.0

package/dist/clipboard.connect.js

@@ -37,8 +37,9 @@ var import_dom_query = require("@zag-js/dom-query");
 var import_clipboard = require("./clipboard.anatomy.js");
 var dom = __toESM(require("./clipboard.dom.js"));
 function connect(service, normalize) {
-  const { state, send, context, scope } = service;
+  const { state, send, context, scope, prop } = service;
   const copied = state.matches("copied");
+  const translations = prop("translations");
   return {
     copied,
     value: context.get("value"),
@@ -89,7 +90,7 @@ function connect(service, normalize) {
       return normalize.button({
         ...import_clipboard.parts.trigger.attrs,
         type: "button",
-        "aria-label": copied ? "Copied to clipboard" : "Copy to clipboard",
+        "aria-label": translations.triggerLabel?.(copied),
         "data-copied": (0, import_dom_query.dataAttr)(copied),
         onClick() {
           send({ type: "COPY" });

package/dist/clipboard.connect.mjs

@@ -3,8 +3,9 @@ import { dataAttr } from "@zag-js/dom-query";
 import { parts } from "./clipboard.anatomy.mjs";
 import * as dom from "./clipboard.dom.mjs";
 function connect(service, normalize) {
-  const { state, send, context, scope } = service;
+  const { state, send, context, scope, prop } = service;
   const copied = state.matches("copied");
+  const translations = prop("translations");
   return {
     copied,
     value: context.get("value"),
@@ -55,7 +56,7 @@ function connect(service, normalize) {
       return normalize.button({
         ...parts.trigger.attrs,
         type: "button",
-        "aria-label": copied ? "Copied to clipboard" : "Copy to clipboard",
+        "aria-label": translations.triggerLabel?.(copied),
         "data-copied": dataAttr(copied),
         onClick() {
           send({ type: "COPY" });

package/dist/clipboard.machine.js

@@ -42,7 +42,11 @@ var machine = (0, import_core.createMachine)({
     return {
       timeout: 3e3,
       defaultValue: "",
-      ...props
+      ...props,
+      translations: {
+        triggerLabel: (copied) => copied ? "Copied to clipboard" : "Copy to clipboard",
+        ...props.translations
+      }
     };
   },
   initialState() {

package/dist/clipboard.machine.mjs

@@ -8,7 +8,11 @@ var machine = createMachine({
     return {
       timeout: 3e3,
       defaultValue: "",
-      ...props
+      ...props,
+      translations: {
+        triggerLabel: (copied) => copied ? "Copied to clipboard" : "Copy to clipboard",
+        ...props.translations
+      }
     };
   },
   initialState() {

package/dist/clipboard.props.js

@@ -36,7 +36,8 @@ var props = (0, import_types.createProps)()([
   "defaultValue",
   "timeout",
   "onStatusChange",
-  "onValueChange"
+  "onValueChange",
+  "translations"
 ]);
 var contextProps = (0, import_utils.createSplitProps)(props);
 var indicatorProps = (0, import_types.createProps)()(["copied"]);

package/dist/clipboard.props.mjs

@@ -9,7 +9,8 @@ var props = createProps()([
   "defaultValue",
   "timeout",
   "onStatusChange",
-  "onValueChange"
+  "onValueChange",
+  "translations"
 ]);
 var contextProps = createSplitProps(props);
 var indicatorProps = createProps()(["copied"]);

package/dist/clipboard.types.d.mts

@@ -7,12 +7,19 @@ interface CopyStatusDetails {
 interface ValueChangeDetails {
     value: string;
 }
+interface IntlTranslations {
+    triggerLabel?: ((copied: boolean) => string) | undefined;
+}
 type ElementIds = Partial<{
     root: string;
     input: string;
     label: string;
 }>;
 interface ClipboardProps extends CommonProperties {
+    /**
+     * Specifies the localized strings that identifies the accessibility elements and their states
+     */
+    translations?: IntlTranslations | undefined;
     /**
      * The ids of the elements in the clipboard. Useful for composition.
      */
@@ -42,7 +49,7 @@ interface ClipboardProps extends CommonProperties {
 }
 interface ClipboardSchema {
     state: "idle" | "copied";
-    props: RequiredBy<ClipboardProps, "timeout">;
+    props: RequiredBy<ClipboardProps, "timeout" | "translations">;
     context: {
         value: string;
     };
@@ -80,4 +87,4 @@ interface ClipboardApi<T extends PropTypes = PropTypes> {
     getIndicatorProps: (props: IndicatorProps) => T["element"];
 }
 
-export type { ClipboardApi, ClipboardMachine, ClipboardProps, ClipboardSchema, ClipboardService, CopyStatusDetails, ElementIds, IndicatorProps, ValueChangeDetails };
+export type { ClipboardApi, ClipboardMachine, ClipboardProps, ClipboardSchema, ClipboardService, CopyStatusDetails, ElementIds, IndicatorProps, IntlTranslations, ValueChangeDetails };

package/dist/clipboard.types.d.ts

@@ -7,12 +7,19 @@ interface CopyStatusDetails {
 interface ValueChangeDetails {
     value: string;
 }
+interface IntlTranslations {
+    triggerLabel?: ((copied: boolean) => string) | undefined;
+}
 type ElementIds = Partial<{
     root: string;
     input: string;
     label: string;
 }>;
 interface ClipboardProps extends CommonProperties {
+    /**
+     * Specifies the localized strings that identifies the accessibility elements and their states
+     */
+    translations?: IntlTranslations | undefined;
     /**
      * The ids of the elements in the clipboard. Useful for composition.
      */
@@ -42,7 +49,7 @@ interface ClipboardProps extends CommonProperties {
 }
 interface ClipboardSchema {
     state: "idle" | "copied";
-    props: RequiredBy<ClipboardProps, "timeout">;
+    props: RequiredBy<ClipboardProps, "timeout" | "translations">;
     context: {
         value: string;
     };
@@ -80,4 +87,4 @@ interface ClipboardApi<T extends PropTypes = PropTypes> {
     getIndicatorProps: (props: IndicatorProps) => T["element"];
 }
 
-export type { ClipboardApi, ClipboardMachine, ClipboardProps, ClipboardSchema, ClipboardService, CopyStatusDetails, ElementIds, IndicatorProps, ValueChangeDetails };
+export type { ClipboardApi, ClipboardMachine, ClipboardProps, ClipboardSchema, ClipboardService, CopyStatusDetails, ElementIds, IndicatorProps, IntlTranslations, ValueChangeDetails };

package/dist/index.d.mts

@@ -2,7 +2,7 @@ export { anatomy } from './clipboard.anatomy.mjs';
 export { connect } from './clipboard.connect.mjs';
 export { machine } from './clipboard.machine.mjs';
 export { contextProps, indicatorProps, props, splitIndicatorProps } from './clipboard.props.mjs';
-export { ClipboardApi as Api, CopyStatusDetails, ElementIds, IndicatorProps, ClipboardMachine as Machine, ClipboardProps as Props, ClipboardService as Service, ValueChangeDetails } from './clipboard.types.mjs';
+export { ClipboardApi as Api, CopyStatusDetails, ElementIds, IndicatorProps, IntlTranslations, ClipboardMachine as Machine, ClipboardProps as Props, ClipboardService as Service, ValueChangeDetails } from './clipboard.types.mjs';
 import '@zag-js/anatomy';
 import '@zag-js/types';
 import '@zag-js/core';

package/dist/index.d.ts

@@ -2,7 +2,7 @@ export { anatomy } from './clipboard.anatomy.js';
 export { connect } from './clipboard.connect.js';
 export { machine } from './clipboard.machine.js';
 export { contextProps, indicatorProps, props, splitIndicatorProps } from './clipboard.props.js';
-export { ClipboardApi as Api, CopyStatusDetails, ElementIds, IndicatorProps, ClipboardMachine as Machine, ClipboardProps as Props, ClipboardService as Service, ValueChangeDetails } from './clipboard.types.js';
+export { ClipboardApi as Api, CopyStatusDetails, ElementIds, IndicatorProps, IntlTranslations, ClipboardMachine as Machine, ClipboardProps as Props, ClipboardService as Service, ValueChangeDetails } from './clipboard.types.js';
 import '@zag-js/anatomy';
 import '@zag-js/types';
 import '@zag-js/core';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/clipboard",
-  "version": "1.35.3",
+  "version": "1.36.0",
   "description": "Core logic for the clipboard widget implemented as a state machine",
   "keywords": [
     "js",
@@ -27,11 +27,11 @@
     "url": "https://github.com/chakra-ui/zag/issues"
   },
   "dependencies": {
-    "@zag-js/anatomy": "1.35.3",
-    "@zag-js/core": "1.35.3",
-    "@zag-js/dom-query": "1.35.3",
-    "@zag-js/utils": "1.35.3",
-    "@zag-js/types": "1.35.3"
+    "@zag-js/anatomy": "1.36.0",
+    "@zag-js/core": "1.36.0",
+    "@zag-js/dom-query": "1.36.0",
+    "@zag-js/utils": "1.36.0",
+    "@zag-js/types": "1.36.0"
   },
   "devDependencies": {
     "clean-package": "2.2.0"