@zag-js/clipboard 1.41.0 → 2.0.0-next.0

package/dist/clipboard.connect.js

@@ -51,14 +51,13 @@ function connect(service, normalize) {
     },
     getRootProps() {
       return normalize.element({
-        ...import_clipboard.parts.root.attrs,
-        "data-copied": (0, import_dom_query.dataAttr)(copied),
-        id: dom.getRootId(scope)
+        ...import_clipboard.parts.root.attrs(scope.id),
+        "data-copied": (0, import_dom_query.dataAttr)(copied)
       });
     },
     getLabelProps() {
       return normalize.label({
-        ...import_clipboard.parts.label.attrs,
+        ...import_clipboard.parts.label.attrs(scope.id),
         htmlFor: dom.getInputId(scope),
         "data-copied": (0, import_dom_query.dataAttr)(copied),
         id: dom.getLabelId(scope)
@@ -66,13 +65,13 @@ function connect(service, normalize) {
     },
     getControlProps() {
       return normalize.element({
-        ...import_clipboard.parts.control.attrs,
+        ...import_clipboard.parts.control.attrs(scope.id),
         "data-copied": (0, import_dom_query.dataAttr)(copied)
       });
     },
     getInputProps() {
       return normalize.input({
-        ...import_clipboard.parts.input.attrs,
+        ...import_clipboard.parts.input.attrs(scope.id),
         defaultValue: context.get("value"),
         "data-copied": (0, import_dom_query.dataAttr)(copied),
         readOnly: true,
@@ -88,7 +87,7 @@ function connect(service, normalize) {
     },
     getTriggerProps() {
       return normalize.button({
-        ...import_clipboard.parts.trigger.attrs,
+        ...import_clipboard.parts.trigger.attrs(scope.id),
         type: "button",
         "aria-label": translations.triggerLabel?.(copied),
         "data-copied": (0, import_dom_query.dataAttr)(copied),
@@ -99,7 +98,7 @@ function connect(service, normalize) {
     },
     getIndicatorProps(props) {
       return normalize.element({
-        ...import_clipboard.parts.indicator.attrs,
+        ...import_clipboard.parts.indicator.attrs(scope.id),
         hidden: props.copied !== copied
       });
     }

package/dist/clipboard.connect.mjs

@@ -17,14 +17,13 @@ function connect(service, normalize) {
     },
     getRootProps() {
       return normalize.element({
-        ...parts.root.attrs,
-        "data-copied": dataAttr(copied),
-        id: dom.getRootId(scope)
+        ...parts.root.attrs(scope.id),
+        "data-copied": dataAttr(copied)
       });
     },
     getLabelProps() {
       return normalize.label({
-        ...parts.label.attrs,
+        ...parts.label.attrs(scope.id),
         htmlFor: dom.getInputId(scope),
         "data-copied": dataAttr(copied),
         id: dom.getLabelId(scope)
@@ -32,13 +31,13 @@ function connect(service, normalize) {
     },
     getControlProps() {
       return normalize.element({
-        ...parts.control.attrs,
+        ...parts.control.attrs(scope.id),
         "data-copied": dataAttr(copied)
       });
     },
     getInputProps() {
       return normalize.input({
-        ...parts.input.attrs,
+        ...parts.input.attrs(scope.id),
         defaultValue: context.get("value"),
         "data-copied": dataAttr(copied),
         readOnly: true,
@@ -54,7 +53,7 @@ function connect(service, normalize) {
     },
     getTriggerProps() {
       return normalize.button({
-        ...parts.trigger.attrs,
+        ...parts.trigger.attrs(scope.id),
         type: "button",
         "aria-label": translations.triggerLabel?.(copied),
         "data-copied": dataAttr(copied),
@@ -65,7 +64,7 @@ function connect(service, normalize) {
     },
     getIndicatorProps(props) {
       return normalize.element({
-        ...parts.indicator.attrs,
+        ...parts.indicator.attrs(scope.id),
         hidden: props.copied !== copied
       });
     }

package/dist/clipboard.dom.js

@@ -28,10 +28,11 @@ __export(clipboard_dom_exports, {
 });
 module.exports = __toCommonJS(clipboard_dom_exports);
 var import_dom_query = require("@zag-js/dom-query");
-var getRootId = (ctx) => ctx.ids?.root ?? `clip:${ctx.id}`;
-var getInputId = (ctx) => ctx.ids?.input ?? `clip:${ctx.id}:input`;
-var getLabelId = (ctx) => ctx.ids?.label ?? `clip:${ctx.id}:label`;
-var getInputEl = (ctx) => ctx.getById(getInputId(ctx));
+var import_clipboard = require("./clipboard.anatomy.js");
+var getRootId = (ctx) => ctx.ids?.root ?? `${ctx.id}`;
+var getInputId = (ctx) => ctx.ids?.input ?? `${ctx.id}:input`;
+var getLabelId = (ctx) => ctx.ids?.label ?? `${ctx.id}:label`;
+var getInputEl = (ctx) => ctx.query(ctx.selector(import_clipboard.parts.input));
 var writeToClipboard = (ctx, value) => copyText(ctx.getDoc(), value);
 function createNode(doc, text) {
   const node = doc.createElement("pre");

package/dist/clipboard.dom.mjs

@@ -1,9 +1,10 @@
 // src/clipboard.dom.ts
 import { getWindow } from "@zag-js/dom-query";
-var getRootId = (ctx) => ctx.ids?.root ?? `clip:${ctx.id}`;
-var getInputId = (ctx) => ctx.ids?.input ?? `clip:${ctx.id}:input`;
-var getLabelId = (ctx) => ctx.ids?.label ?? `clip:${ctx.id}:label`;
-var getInputEl = (ctx) => ctx.getById(getInputId(ctx));
+import { parts } from "./clipboard.anatomy.mjs";
+var getRootId = (ctx) => ctx.ids?.root ?? `${ctx.id}`;
+var getInputId = (ctx) => ctx.ids?.input ?? `${ctx.id}:input`;
+var getLabelId = (ctx) => ctx.ids?.label ?? `${ctx.id}:label`;
+var getInputEl = (ctx) => ctx.query(ctx.selector(parts.input));
 var writeToClipboard = (ctx, value) => copyText(ctx.getDoc(), value);
 function createNode(doc, text) {
   const node = doc.createElement("pre");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/clipboard",
-  "version": "1.41.0",
+  "version": "2.0.0-next.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.41.0",
-    "@zag-js/core": "1.41.0",
-    "@zag-js/dom-query": "1.41.0",
-    "@zag-js/utils": "1.41.0",
-    "@zag-js/types": "1.41.0"
+    "@zag-js/anatomy": "2.0.0-next.0",
+    "@zag-js/core": "2.0.0-next.0",
+    "@zag-js/dom-query": "2.0.0-next.0",
+    "@zag-js/utils": "2.0.0-next.0",
+    "@zag-js/types": "2.0.0-next.0"
   },
   "devDependencies": {
     "clean-package": "2.2.0"