@zag-js/number-input 0.2.1 → 0.2.3

package/dist/index.d.ts

@@ -39,6 +39,10 @@ declare type PublicContext = DirectionProperty & CommonProperties & {
      * The name attribute of the number input. Useful for form submission.
      */
     name?: string;
+    /**
+     * The associate form of the input element.
+     */
+    form?: string;
     /**
      * Whether the number input is disabled.
      */
@@ -46,7 +50,7 @@ declare type PublicContext = DirectionProperty & CommonProperties & {
     /**
      * Whether the number input is readonly
      */
-    readonly?: boolean;
+    readOnly?: boolean;
     /**
      * Whether the number input value is invalid.
      */

package/dist/index.js

@@ -494,6 +494,7 @@ function connect(state, send, normalize) {
     inputProps: normalize.input({
       "data-part": "input",
       name: state.context.name,
+      form: state.context.form,
       id: dom.getInputId(state.context),
       role: "spinbutton",
       defaultValue: state.context.formattedValue,
@@ -503,7 +504,7 @@ function connect(state, send, normalize) {
       "data-invalid": dataAttr(isInvalid),
       disabled: isDisabled,
       "data-disabled": dataAttr(isDisabled),
-      readOnly: !!state.context.readonly,
+      readOnly: !!state.context.readOnly,
       autoComplete: "off",
       autoCorrect: "off",
       spellCheck: "false",
@@ -650,7 +651,7 @@ function getWindow(el) {
 }
 function getDescriptor(el, options) {
   var _a;
-  const { type, property } = options;
+  const { type, property = "value" } = options;
   const proto = getWindow(el)[type].prototype;
   return (_a = Object.getOwnPropertyDescriptor(proto, property)) != null ? _a : {};
 }
@@ -1058,8 +1059,7 @@ function machine(userContext) {
         dispatchChangeEvent(ctx2) {
           dispatchInputValueEvent(dom.getInputEl(ctx2), ctx2.formattedValue);
         }
-      },
-      hookSync: true
+      }
     }
   );
 }

package/dist/index.mjs

@@ -467,6 +467,7 @@ function connect(state, send, normalize) {
     inputProps: normalize.input({
       "data-part": "input",
       name: state.context.name,
+      form: state.context.form,
       id: dom.getInputId(state.context),
       role: "spinbutton",
       defaultValue: state.context.formattedValue,
@@ -476,7 +477,7 @@ function connect(state, send, normalize) {
       "data-invalid": dataAttr(isInvalid),
       disabled: isDisabled,
       "data-disabled": dataAttr(isDisabled),
-      readOnly: !!state.context.readonly,
+      readOnly: !!state.context.readOnly,
       autoComplete: "off",
       autoCorrect: "off",
       spellCheck: "false",
@@ -623,7 +624,7 @@ function getWindow(el) {
 }
 function getDescriptor(el, options) {
   var _a;
-  const { type, property } = options;
+  const { type, property = "value" } = options;
   const proto = getWindow(el)[type].prototype;
   return (_a = Object.getOwnPropertyDescriptor(proto, property)) != null ? _a : {};
 }
@@ -1031,8 +1032,7 @@ function machine(userContext) {
         dispatchChangeEvent(ctx2) {
           dispatchInputValueEvent(dom.getInputEl(ctx2), ctx2.formattedValue);
         }
-      },
-      hookSync: true
+      }
     }
   );
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/number-input",
-  "version": "0.2.1",
+  "version": "0.2.3",
   "description": "Core logic for the number-input widget implemented as a state machine",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -29,14 +29,14 @@
     "url": "https://github.com/chakra-ui/zag/issues"
   },
   "dependencies": {
-    "@zag-js/core": "0.2.1",
-    "@zag-js/types": "0.3.0"
+    "@zag-js/core": "0.2.2",
+    "@zag-js/types": "0.3.1"
   },
   "devDependencies": {
-    "@zag-js/dom-utils": "0.2.0",
-    "@zag-js/form-utils": "0.2.0",
+    "@zag-js/dom-utils": "0.2.1",
+    "@zag-js/form-utils": "0.2.2",
     "@zag-js/number-utils": "0.2.0",
-    "@zag-js/utils": "0.3.0"
+    "@zag-js/utils": "0.3.1"
   },
   "scripts": {
     "build-fast": "tsup src/index.ts --format=esm,cjs",