@zag-js/number-input 0.1.19 → 0.2.1

package/dist/index.d.ts

@@ -234,6 +234,6 @@ declare function connect<T extends PropTypes>(state: State, send: Send, normaliz
     scrubberProps: T["element"];
 };
 
-declare function machine(ctx: UserDefinedContext): _zag_js_core.Machine<MachineContext, MachineState, _zag_js_core.StateMachine.AnyEventObject>;
+declare function machine(userContext: UserDefinedContext): _zag_js_core.Machine<MachineContext, MachineState, _zag_js_core.StateMachine.AnyEventObject>;
 
 export { UserDefinedContext as Context, connect, machine };

package/dist/index.js

@@ -35,7 +35,7 @@ var ariaAttr = (guard) => {
 var MAX_Z_INDEX = 2147483647;
 var runIfFn = (v, ...a) => {
   const res = typeof v === "function" ? v(...a) : v;
-  return res ?? void 0;
+  return res != null ? res : void 0;
 };
 var callAll = (...fns) => (...a) => {
   fns.forEach(function(fn) {
@@ -47,8 +47,9 @@ var isObject = (v) => !(v == null || typeof v !== "object" || isArray(v));
 var hasProp = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop);
 var isDom = () => typeof window !== "undefined";
 function getPlatform() {
+  var _a;
   const agent = navigator.userAgentData;
-  return (agent == null ? void 0 : agent.platform) ?? navigator.platform;
+  return (_a = agent == null ? void 0 : agent.platform) != null ? _a : navigator.platform;
 }
 var pt = (v) => isDom() && v.test(getPlatform());
 var vn = (v) => isDom() && v.test(navigator.vendor);
@@ -61,22 +62,44 @@ function isWindow(value) {
   return (value == null ? void 0 : value.toString()) === "[object Window]";
 }
 function getDocument(el) {
+  var _a;
   if (isWindow(el))
     return el.document;
   if (isDocument(el))
     return el;
-  return (el == null ? void 0 : el.ownerDocument) ?? document;
+  return (_a = el == null ? void 0 : el.ownerDocument) != null ? _a : document;
 }
 function defineDomHelpers(helpers) {
   const dom2 = {
     getRootNode: (ctx) => {
-      var _a;
-      return ((_a = ctx.getRootNode) == null ? void 0 : _a.call(ctx)) ?? document;
+      var _a, _b;
+      return (_b = (_a = ctx.getRootNode) == null ? void 0 : _a.call(ctx)) != null ? _b : document;
     },
     getDoc: (ctx) => getDocument(dom2.getRootNode(ctx)),
-    getWin: (ctx) => dom2.getDoc(ctx).defaultView ?? window,
+    getWin: (ctx) => {
+      var _a;
+      return (_a = dom2.getDoc(ctx).defaultView) != null ? _a : window;
+    },
     getActiveElement: (ctx) => dom2.getDoc(ctx).activeElement,
-    getById: (ctx, id) => dom2.getRootNode(ctx).getElementById(id)
+    getById: (ctx, id) => dom2.getRootNode(ctx).getElementById(id),
+    createEmitter: (ctx, target) => {
+      const win = dom2.getWin(ctx);
+      return function emit(evt, detail, options) {
+        const { bubbles = true, cancelable, composed = true } = options != null ? options : {};
+        const eventName = `zag:${evt}`;
+        const init = { bubbles, cancelable, composed, detail };
+        const event = new win.CustomEvent(eventName, init);
+        target.dispatchEvent(event);
+      };
+    },
+    createListener: (target) => {
+      return function listen(evt, handler) {
+        const eventName = `zag:${evt}`;
+        const listener = (e) => handler(e);
+        target.addEventListener(eventName, listener);
+        return () => target.removeEventListener(eventName, listener);
+      };
+    }
   };
   return {
     ...dom2,
@@ -84,7 +107,8 @@ function defineDomHelpers(helpers) {
   };
 }
 function getNativeEvent(e) {
-  return e.nativeEvent ?? e;
+  var _a;
+  return (_a = e.nativeEvent) != null ? _a : e;
 }
 var supportsPointerEvent = () => isDom() && window.onpointerdown === null;
 var isTouchEvent = (v) => isObject(v) && hasProp(v, "touches");
@@ -97,7 +121,8 @@ var fallback = {
   clientY: 0
 };
 function getEventPoint(event, type = "page") {
-  const point = isTouchEvent(event) ? event.touches[0] ?? event.changedTouches[0] ?? fallback : event;
+  var _a, _b;
+  const point = isTouchEvent(event) ? (_b = (_a = event.touches[0]) != null ? _a : event.changedTouches[0]) != null ? _b : fallback : event;
   return { x: point[`${type}X`], y: point[`${type}Y`] };
 }
 var PAGE_KEYS = /* @__PURE__ */ new Set(["PageUp", "PageDown"]);
@@ -251,29 +276,29 @@ var nf = new Intl.NumberFormat("en-US", { style: "decimal", maximumFractionDigit
 // src/number-input.dom.ts
 var dom = defineDomHelpers({
   getRootId: (ctx) => {
-    var _a;
-    return ((_a = ctx.ids) == null ? void 0 : _a.root) ?? `number-input:${ctx.id}`;
+    var _a, _b;
+    return (_b = (_a = ctx.ids) == null ? void 0 : _a.root) != null ? _b : `number-input:${ctx.id}`;
   },
   getInputId: (ctx) => {
-    var _a;
-    return ((_a = ctx.ids) == null ? void 0 : _a.input) ?? `number-input:${ctx.id}:input`;
+    var _a, _b;
+    return (_b = (_a = ctx.ids) == null ? void 0 : _a.input) != null ? _b : `number-input:${ctx.id}:input`;
   },
   getIncButtonId: (ctx) => {
-    var _a;
-    return ((_a = ctx.ids) == null ? void 0 : _a.incBtn) ?? `number-input:${ctx.id}:inc-btn`;
+    var _a, _b;
+    return (_b = (_a = ctx.ids) == null ? void 0 : _a.incBtn) != null ? _b : `number-input:${ctx.id}:inc-btn`;
   },
   getDecButtonId: (ctx) => {
-    var _a;
-    return ((_a = ctx.ids) == null ? void 0 : _a.decBtn) ?? `number-input:${ctx.id}:dec-btn`;
+    var _a, _b;
+    return (_b = (_a = ctx.ids) == null ? void 0 : _a.decBtn) != null ? _b : `number-input:${ctx.id}:dec-btn`;
   },
   getScrubberId: (ctx) => {
-    var _a;
-    return ((_a = ctx.ids) == null ? void 0 : _a.scrubber) ?? `number-input:${ctx.id}:scrubber`;
+    var _a, _b;
+    return (_b = (_a = ctx.ids) == null ? void 0 : _a.scrubber) != null ? _b : `number-input:${ctx.id}:scrubber`;
   },
   getCursorId: (ctx) => `number-input:${ctx.id}:cursor`,
   getLabelId: (ctx) => {
-    var _a;
-    return ((_a = ctx.ids) == null ? void 0 : _a.label) ?? `number-input:${ctx.id}:label`;
+    var _a, _b;
+    return (_b = (_a = ctx.ids) == null ? void 0 : _a.label) != null ? _b : `number-input:${ctx.id}:label`;
   },
   getInputEl: (ctx) => dom.getById(ctx, dom.getInputId(ctx)),
   getIncButtonEl: (ctx) => dom.getById(ctx, dom.getIncButtonId(ctx)),
@@ -366,38 +391,39 @@ var dom = defineDomHelpers({
 // src/number-input.utils.ts
 var utils = {
   isValidNumericEvent: (ctx, event) => {
-    var _a;
+    var _a, _b;
     if (event.key == null)
       return true;
     const isModifier = isModifiedEvent(event);
     const isSingleKey = event.key.length === 1;
     if (isModifier || !isSingleKey)
       return true;
-    return ((_a = ctx.validateCharacter) == null ? void 0 : _a.call(ctx, event.key)) ?? utils.isFloatingPoint(event.key);
+    return (_b = (_a = ctx.validateCharacter) == null ? void 0 : _a.call(ctx, event.key)) != null ? _b : utils.isFloatingPoint(event.key);
   },
   isFloatingPoint: (v) => /^[0-9+\-.]$/.test(v),
   sanitize: (ctx, value) => {
-    return value.split("").filter(ctx.validateCharacter ?? utils.isFloatingPoint).join("");
+    var _a;
+    return value.split("").filter((_a = ctx.validateCharacter) != null ? _a : utils.isFloatingPoint).join("");
   },
   increment: (ctx, step) => {
-    const value = increment(ctx.value, step ?? ctx.step);
+    const value = increment(ctx.value, step != null ? step : ctx.step);
     return formatDecimal(clamp(value, ctx), ctx);
   },
   decrement: (ctx, step) => {
-    const value = decrement(ctx.value, step ?? ctx.step);
+    const value = decrement(ctx.value, step != null ? step : ctx.step);
     return formatDecimal(clamp(value, ctx), ctx);
   },
   clamp: (ctx) => {
     return formatDecimal(clamp(ctx.value, ctx), ctx);
   },
   parse: (ctx, value) => {
-    var _a;
-    return ((_a = ctx.parse) == null ? void 0 : _a.call(ctx, value)) ?? value;
+    var _a, _b;
+    return (_b = (_a = ctx.parse) == null ? void 0 : _a.call(ctx, value)) != null ? _b : value;
   },
   format: (ctx, value) => {
-    var _a;
+    var _a, _b;
     const _val = value.toString();
-    return ((_a = ctx.format) == null ? void 0 : _a.call(ctx, _val)) ?? _val;
+    return (_b = (_a = ctx.format) == null ? void 0 : _a.call(ctx, _val)) != null ? _b : _val;
   },
   round: (ctx) => {
     return formatDecimal(ctx.value, ctx);
@@ -607,15 +633,26 @@ var callAll2 = (...fns) => (...a) => {
     fn == null ? void 0 : fn(...a);
   });
 };
+var isArray2 = (v) => Array.isArray(v);
+var isObject2 = (v) => !(v == null || typeof v !== "object" || isArray2(v));
+function compact(obj) {
+  if (obj === void 0)
+    return obj;
+  return Object.fromEntries(
+    Object.entries(obj).filter(([, value]) => value !== void 0).map(([key, value]) => [key, isObject2(value) ? compact(value) : value])
+  );
+}
 
 // ../../utilities/form-utils/dist/index.mjs
 function getWindow(el) {
-  return (el == null ? void 0 : el.ownerDocument.defaultView) ?? window;
+  var _a;
+  return (_a = el == null ? void 0 : el.ownerDocument.defaultView) != null ? _a : window;
 }
 function getDescriptor(el, options) {
+  var _a;
   const { type, property } = options;
   const proto = getWindow(el)[type].prototype;
-  return Object.getOwnPropertyDescriptor(proto, property) ?? {};
+  return (_a = Object.getOwnPropertyDescriptor(proto, property)) != null ? _a : {};
 }
 function dispatchInputValueEvent(el, value) {
   var _a;
@@ -632,7 +669,8 @@ function dispatchInputValueEvent(el, value) {
 
 // src/number-input.machine.ts
 var { not, and } = import_core.guards;
-function machine(ctx) {
+function machine(userContext) {
+  const ctx = compact(userContext);
   return (0, import_core.createMachine)(
     {
       id: "number-input",
@@ -673,8 +711,8 @@ function machine(ctx) {
           return (_b = (_a = ctx2.translations).valueText) == null ? void 0 : _b.call(_a, ctx2.value);
         },
         formattedValue: (ctx2) => {
-          var _a;
-          return ((_a = ctx2.format) == null ? void 0 : _a.call(ctx2, ctx2.value).toString()) ?? ctx2.value;
+          var _a, _b;
+          return (_b = (_a = ctx2.format) == null ? void 0 : _a.call(ctx2, ctx2.value).toString()) != null ? _b : ctx2.value;
         }
       },
       watch: {
@@ -844,9 +882,15 @@ function machine(ctx) {
         spinOnPress: (ctx2) => !!ctx2.spinOnPress,
         isAtMax: (ctx2) => ctx2.isAtMax,
         isInRange: (ctx2) => !ctx2.isOutOfRange,
-        isDecrementHint: (ctx2, evt) => (evt.hint ?? ctx2.hint) === "decrement",
+        isDecrementHint: (ctx2, evt) => {
+          var _a;
+          return ((_a = evt.hint) != null ? _a : ctx2.hint) === "decrement";
+        },
         isEmptyValue: (ctx2) => ctx2.isValueEmpty,
-        isIncrementHint: (ctx2, evt) => (evt.hint ?? ctx2.hint) === "increment",
+        isIncrementHint: (ctx2, evt) => {
+          var _a;
+          return ((_a = evt.hint) != null ? _a : ctx2.hint) === "increment";
+        },
         isInvalidExponential: (ctx2) => ctx2.value.toString().startsWith("e")
       },
       activities: {
@@ -928,8 +972,8 @@ function machine(ctx) {
           }
         },
         setValue(ctx2, evt) {
-          var _a;
-          const value = ((_a = evt.target) == null ? void 0 : _a.value) ?? evt.value;
+          var _a, _b;
+          const value = (_b = (_a = evt.target) == null ? void 0 : _a.value) != null ? _b : evt.value;
           ctx2.value = utils.sanitize(ctx2, utils.parse(ctx2, value.toString()));
         },
         clearValue(ctx2) {

package/dist/index.mjs

@@ -8,7 +8,7 @@ var ariaAttr = (guard) => {
 var MAX_Z_INDEX = 2147483647;
 var runIfFn = (v, ...a) => {
   const res = typeof v === "function" ? v(...a) : v;
-  return res ?? void 0;
+  return res != null ? res : void 0;
 };
 var callAll = (...fns) => (...a) => {
   fns.forEach(function(fn) {
@@ -20,8 +20,9 @@ var isObject = (v) => !(v == null || typeof v !== "object" || isArray(v));
 var hasProp = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop);
 var isDom = () => typeof window !== "undefined";
 function getPlatform() {
+  var _a;
   const agent = navigator.userAgentData;
-  return (agent == null ? void 0 : agent.platform) ?? navigator.platform;
+  return (_a = agent == null ? void 0 : agent.platform) != null ? _a : navigator.platform;
 }
 var pt = (v) => isDom() && v.test(getPlatform());
 var vn = (v) => isDom() && v.test(navigator.vendor);
@@ -34,22 +35,44 @@ function isWindow(value) {
   return (value == null ? void 0 : value.toString()) === "[object Window]";
 }
 function getDocument(el) {
+  var _a;
   if (isWindow(el))
     return el.document;
   if (isDocument(el))
     return el;
-  return (el == null ? void 0 : el.ownerDocument) ?? document;
+  return (_a = el == null ? void 0 : el.ownerDocument) != null ? _a : document;
 }
 function defineDomHelpers(helpers) {
   const dom2 = {
     getRootNode: (ctx) => {
-      var _a;
-      return ((_a = ctx.getRootNode) == null ? void 0 : _a.call(ctx)) ?? document;
+      var _a, _b;
+      return (_b = (_a = ctx.getRootNode) == null ? void 0 : _a.call(ctx)) != null ? _b : document;
     },
     getDoc: (ctx) => getDocument(dom2.getRootNode(ctx)),
-    getWin: (ctx) => dom2.getDoc(ctx).defaultView ?? window,
+    getWin: (ctx) => {
+      var _a;
+      return (_a = dom2.getDoc(ctx).defaultView) != null ? _a : window;
+    },
     getActiveElement: (ctx) => dom2.getDoc(ctx).activeElement,
-    getById: (ctx, id) => dom2.getRootNode(ctx).getElementById(id)
+    getById: (ctx, id) => dom2.getRootNode(ctx).getElementById(id),
+    createEmitter: (ctx, target) => {
+      const win = dom2.getWin(ctx);
+      return function emit(evt, detail, options) {
+        const { bubbles = true, cancelable, composed = true } = options != null ? options : {};
+        const eventName = `zag:${evt}`;
+        const init = { bubbles, cancelable, composed, detail };
+        const event = new win.CustomEvent(eventName, init);
+        target.dispatchEvent(event);
+      };
+    },
+    createListener: (target) => {
+      return function listen(evt, handler) {
+        const eventName = `zag:${evt}`;
+        const listener = (e) => handler(e);
+        target.addEventListener(eventName, listener);
+        return () => target.removeEventListener(eventName, listener);
+      };
+    }
   };
   return {
     ...dom2,
@@ -57,7 +80,8 @@ function defineDomHelpers(helpers) {
   };
 }
 function getNativeEvent(e) {
-  return e.nativeEvent ?? e;
+  var _a;
+  return (_a = e.nativeEvent) != null ? _a : e;
 }
 var supportsPointerEvent = () => isDom() && window.onpointerdown === null;
 var isTouchEvent = (v) => isObject(v) && hasProp(v, "touches");
@@ -70,7 +94,8 @@ var fallback = {
   clientY: 0
 };
 function getEventPoint(event, type = "page") {
-  const point = isTouchEvent(event) ? event.touches[0] ?? event.changedTouches[0] ?? fallback : event;
+  var _a, _b;
+  const point = isTouchEvent(event) ? (_b = (_a = event.touches[0]) != null ? _a : event.changedTouches[0]) != null ? _b : fallback : event;
   return { x: point[`${type}X`], y: point[`${type}Y`] };
 }
 var PAGE_KEYS = /* @__PURE__ */ new Set(["PageUp", "PageDown"]);
@@ -224,29 +249,29 @@ var nf = new Intl.NumberFormat("en-US", { style: "decimal", maximumFractionDigit
 // src/number-input.dom.ts
 var dom = defineDomHelpers({
   getRootId: (ctx) => {
-    var _a;
-    return ((_a = ctx.ids) == null ? void 0 : _a.root) ?? `number-input:${ctx.id}`;
+    var _a, _b;
+    return (_b = (_a = ctx.ids) == null ? void 0 : _a.root) != null ? _b : `number-input:${ctx.id}`;
   },
   getInputId: (ctx) => {
-    var _a;
-    return ((_a = ctx.ids) == null ? void 0 : _a.input) ?? `number-input:${ctx.id}:input`;
+    var _a, _b;
+    return (_b = (_a = ctx.ids) == null ? void 0 : _a.input) != null ? _b : `number-input:${ctx.id}:input`;
   },
   getIncButtonId: (ctx) => {
-    var _a;
-    return ((_a = ctx.ids) == null ? void 0 : _a.incBtn) ?? `number-input:${ctx.id}:inc-btn`;
+    var _a, _b;
+    return (_b = (_a = ctx.ids) == null ? void 0 : _a.incBtn) != null ? _b : `number-input:${ctx.id}:inc-btn`;
   },
   getDecButtonId: (ctx) => {
-    var _a;
-    return ((_a = ctx.ids) == null ? void 0 : _a.decBtn) ?? `number-input:${ctx.id}:dec-btn`;
+    var _a, _b;
+    return (_b = (_a = ctx.ids) == null ? void 0 : _a.decBtn) != null ? _b : `number-input:${ctx.id}:dec-btn`;
   },
   getScrubberId: (ctx) => {
-    var _a;
-    return ((_a = ctx.ids) == null ? void 0 : _a.scrubber) ?? `number-input:${ctx.id}:scrubber`;
+    var _a, _b;
+    return (_b = (_a = ctx.ids) == null ? void 0 : _a.scrubber) != null ? _b : `number-input:${ctx.id}:scrubber`;
   },
   getCursorId: (ctx) => `number-input:${ctx.id}:cursor`,
   getLabelId: (ctx) => {
-    var _a;
-    return ((_a = ctx.ids) == null ? void 0 : _a.label) ?? `number-input:${ctx.id}:label`;
+    var _a, _b;
+    return (_b = (_a = ctx.ids) == null ? void 0 : _a.label) != null ? _b : `number-input:${ctx.id}:label`;
   },
   getInputEl: (ctx) => dom.getById(ctx, dom.getInputId(ctx)),
   getIncButtonEl: (ctx) => dom.getById(ctx, dom.getIncButtonId(ctx)),
@@ -339,38 +364,39 @@ var dom = defineDomHelpers({
 // src/number-input.utils.ts
 var utils = {
   isValidNumericEvent: (ctx, event) => {
-    var _a;
+    var _a, _b;
     if (event.key == null)
       return true;
     const isModifier = isModifiedEvent(event);
     const isSingleKey = event.key.length === 1;
     if (isModifier || !isSingleKey)
       return true;
-    return ((_a = ctx.validateCharacter) == null ? void 0 : _a.call(ctx, event.key)) ?? utils.isFloatingPoint(event.key);
+    return (_b = (_a = ctx.validateCharacter) == null ? void 0 : _a.call(ctx, event.key)) != null ? _b : utils.isFloatingPoint(event.key);
   },
   isFloatingPoint: (v) => /^[0-9+\-.]$/.test(v),
   sanitize: (ctx, value) => {
-    return value.split("").filter(ctx.validateCharacter ?? utils.isFloatingPoint).join("");
+    var _a;
+    return value.split("").filter((_a = ctx.validateCharacter) != null ? _a : utils.isFloatingPoint).join("");
   },
   increment: (ctx, step) => {
-    const value = increment(ctx.value, step ?? ctx.step);
+    const value = increment(ctx.value, step != null ? step : ctx.step);
     return formatDecimal(clamp(value, ctx), ctx);
   },
   decrement: (ctx, step) => {
-    const value = decrement(ctx.value, step ?? ctx.step);
+    const value = decrement(ctx.value, step != null ? step : ctx.step);
     return formatDecimal(clamp(value, ctx), ctx);
   },
   clamp: (ctx) => {
     return formatDecimal(clamp(ctx.value, ctx), ctx);
   },
   parse: (ctx, value) => {
-    var _a;
-    return ((_a = ctx.parse) == null ? void 0 : _a.call(ctx, value)) ?? value;
+    var _a, _b;
+    return (_b = (_a = ctx.parse) == null ? void 0 : _a.call(ctx, value)) != null ? _b : value;
   },
   format: (ctx, value) => {
-    var _a;
+    var _a, _b;
     const _val = value.toString();
-    return ((_a = ctx.format) == null ? void 0 : _a.call(ctx, _val)) ?? _val;
+    return (_b = (_a = ctx.format) == null ? void 0 : _a.call(ctx, _val)) != null ? _b : _val;
   },
   round: (ctx) => {
     return formatDecimal(ctx.value, ctx);
@@ -580,15 +606,26 @@ var callAll2 = (...fns) => (...a) => {
     fn == null ? void 0 : fn(...a);
   });
 };
+var isArray2 = (v) => Array.isArray(v);
+var isObject2 = (v) => !(v == null || typeof v !== "object" || isArray2(v));
+function compact(obj) {
+  if (obj === void 0)
+    return obj;
+  return Object.fromEntries(
+    Object.entries(obj).filter(([, value]) => value !== void 0).map(([key, value]) => [key, isObject2(value) ? compact(value) : value])
+  );
+}
 
 // ../../utilities/form-utils/dist/index.mjs
 function getWindow(el) {
-  return (el == null ? void 0 : el.ownerDocument.defaultView) ?? window;
+  var _a;
+  return (_a = el == null ? void 0 : el.ownerDocument.defaultView) != null ? _a : window;
 }
 function getDescriptor(el, options) {
+  var _a;
   const { type, property } = options;
   const proto = getWindow(el)[type].prototype;
-  return Object.getOwnPropertyDescriptor(proto, property) ?? {};
+  return (_a = Object.getOwnPropertyDescriptor(proto, property)) != null ? _a : {};
 }
 function dispatchInputValueEvent(el, value) {
   var _a;
@@ -605,7 +642,8 @@ function dispatchInputValueEvent(el, value) {
 
 // src/number-input.machine.ts
 var { not, and } = guards;
-function machine(ctx) {
+function machine(userContext) {
+  const ctx = compact(userContext);
   return createMachine(
     {
       id: "number-input",
@@ -646,8 +684,8 @@ function machine(ctx) {
           return (_b = (_a = ctx2.translations).valueText) == null ? void 0 : _b.call(_a, ctx2.value);
         },
         formattedValue: (ctx2) => {
-          var _a;
-          return ((_a = ctx2.format) == null ? void 0 : _a.call(ctx2, ctx2.value).toString()) ?? ctx2.value;
+          var _a, _b;
+          return (_b = (_a = ctx2.format) == null ? void 0 : _a.call(ctx2, ctx2.value).toString()) != null ? _b : ctx2.value;
         }
       },
       watch: {
@@ -817,9 +855,15 @@ function machine(ctx) {
         spinOnPress: (ctx2) => !!ctx2.spinOnPress,
         isAtMax: (ctx2) => ctx2.isAtMax,
         isInRange: (ctx2) => !ctx2.isOutOfRange,
-        isDecrementHint: (ctx2, evt) => (evt.hint ?? ctx2.hint) === "decrement",
+        isDecrementHint: (ctx2, evt) => {
+          var _a;
+          return ((_a = evt.hint) != null ? _a : ctx2.hint) === "decrement";
+        },
         isEmptyValue: (ctx2) => ctx2.isValueEmpty,
-        isIncrementHint: (ctx2, evt) => (evt.hint ?? ctx2.hint) === "increment",
+        isIncrementHint: (ctx2, evt) => {
+          var _a;
+          return ((_a = evt.hint) != null ? _a : ctx2.hint) === "increment";
+        },
         isInvalidExponential: (ctx2) => ctx2.value.toString().startsWith("e")
       },
       activities: {
@@ -901,8 +945,8 @@ function machine(ctx) {
           }
         },
         setValue(ctx2, evt) {
-          var _a;
-          const value = ((_a = evt.target) == null ? void 0 : _a.value) ?? evt.value;
+          var _a, _b;
+          const value = (_b = (_a = evt.target) == null ? void 0 : _a.value) != null ? _b : evt.value;
           ctx2.value = utils.sanitize(ctx2, utils.parse(ctx2, value.toString()));
         },
         clearValue(ctx2) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/number-input",
-  "version": "0.1.19",
+  "version": "0.2.1",
   "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.1.12",
-    "@zag-js/types": "0.2.7"
+    "@zag-js/core": "0.2.1",
+    "@zag-js/types": "0.3.0"
   },
   "devDependencies": {
-    "@zag-js/dom-utils": "0.1.13",
-    "@zag-js/form-utils": "0.1.3",
-    "@zag-js/number-utils": "0.1.6",
-    "@zag-js/utils": "0.1.6"
+    "@zag-js/dom-utils": "0.2.0",
+    "@zag-js/form-utils": "0.2.0",
+    "@zag-js/number-utils": "0.2.0",
+    "@zag-js/utils": "0.3.0"
   },
   "scripts": {
     "build-fast": "tsup src/index.ts --format=esm,cjs",