@zag-js/pin-input 1.2.1 → 1.3.1

package/dist/index.d.mts

@@ -1,7 +1,7 @@
 import * as _zag_js_anatomy from '@zag-js/anatomy';
 import * as _zag_js_core from '@zag-js/core';
-import { Service, Machine, EventObject } from '@zag-js/core';
-import { DirectionProperty, CommonProperties, PropTypes, RequiredBy, NormalizeProps } from '@zag-js/types';
+import { EventObject, Service, Machine } from '@zag-js/core';
+import { RequiredBy, DirectionProperty, CommonProperties, PropTypes, NormalizeProps } from '@zag-js/types';
 
 declare const anatomy: _zag_js_anatomy.AnatomyInstance<"root" | "label" | "input" | "control">;
 

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as _zag_js_anatomy from '@zag-js/anatomy';
 import * as _zag_js_core from '@zag-js/core';
-import { Service, Machine, EventObject } from '@zag-js/core';
-import { DirectionProperty, CommonProperties, PropTypes, RequiredBy, NormalizeProps } from '@zag-js/types';
+import { EventObject, Service, Machine } from '@zag-js/core';
+import { RequiredBy, DirectionProperty, CommonProperties, PropTypes, NormalizeProps } from '@zag-js/types';
 
 declare const anatomy: _zag_js_anatomy.AnatomyInstance<"root" | "label" | "input" | "control">;
 

package/dist/index.js

@@ -133,6 +133,7 @@ function connect(service, normalize) {
         "data-disabled": domQuery.dataAttr(prop("disabled")),
         "data-complete": domQuery.dataAttr(complete),
         id: getInputId(scope, index.toString()),
+        "data-index": index,
         "data-ownedby": getRootId(scope),
         "aria-label": translations?.inputLabel?.(index, computed("valueLength")),
         inputMode: prop("otp") || prop("type") === "numeric" ? "numeric" : "text",
@@ -238,6 +239,7 @@ var machine = createMachine({
       value: bindable(() => ({
         value: prop("value"),
         defaultValue: prop("defaultValue"),
+        isEqual: utils.isEqual,
         onChange(value) {
           prop("onValueChange")?.({ value, valueAsString: value.join("") });
         }

package/dist/index.mjs

@@ -1,6 +1,6 @@
 import { createAnatomy } from '@zag-js/anatomy';
-import { dispatchInputValueEvent, raf, queryAll, dataAttr, visuallyHiddenStyle, ariaAttr, getBeforeInputValue, getNativeEvent, isComposingEvent, isModifierKey, getEventKey, isHTMLElement } from '@zag-js/dom-query';
-import { setValueAtIndex, createSplitProps, invariant } from '@zag-js/utils';
+import { raf, dispatchInputValueEvent, queryAll, dataAttr, ariaAttr, isHTMLElement, isComposingEvent, isModifierKey, getEventKey, getNativeEvent, getBeforeInputValue, visuallyHiddenStyle } from '@zag-js/dom-query';
+import { setValueAtIndex, isEqual, createSplitProps, invariant } from '@zag-js/utils';
 import { setup } from '@zag-js/core';
 import { createProps } from '@zag-js/types';
 
@@ -131,6 +131,7 @@ function connect(service, normalize) {
         "data-disabled": dataAttr(prop("disabled")),
         "data-complete": dataAttr(complete),
         id: getInputId(scope, index.toString()),
+        "data-index": index,
         "data-ownedby": getRootId(scope),
         "aria-label": translations?.inputLabel?.(index, computed("valueLength")),
         inputMode: prop("otp") || prop("type") === "numeric" ? "numeric" : "text",
@@ -236,6 +237,7 @@ var machine = createMachine({
       value: bindable(() => ({
         value: prop("value"),
         defaultValue: prop("defaultValue"),
+        isEqual,
         onChange(value) {
           prop("onValueChange")?.({ value, valueAsString: value.join("") });
         }

package/package.json

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