@zag-js/number-input 0.1.4 → 0.1.7

package/dist/index.mjs

@@ -103,11 +103,11 @@ function addDomEvent(target, event, listener, options) {
   const node = isRef(target) ? target.current : runIfFn(target);
   return globalEventBus(node, event, listener, options);
 }
+var MAX_Z_INDEX = 2147483647;
 function getNativeEvent(event) {
   var _a;
   return (_a = event.nativeEvent) != null ? _a : event;
 }
-var MAX_Z_INDEX = 2147483647;
 var PAGE_KEYS = /* @__PURE__ */ new Set(["PageUp", "PageDown"]);
 var ARROW_KEYS = /* @__PURE__ */ new Set(["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"]);
 function getEventStep(event) {
@@ -319,6 +319,7 @@ var isIPad = () => platform(/^iPad/) || isMac() && navigator.maxTouchPoints > 1;
 var isIos = () => isIPhone() || isIPad();
 var isSafari = () => ua(/^((?!chrome|android).)*safari/i);
 var supportsPointerEvent = () => isDom() && window.onpointerdown === null;
+var isLeftClick = (v) => v.button === 0;
 var isModifiedEvent = (v) => v.ctrlKey || v.altKey || v.metaKey;
 
 // src/number-input.dom.ts
@@ -572,6 +573,7 @@ function connect(state, send, normalize = normalizeProp) {
     }),
     decrementButtonProps: normalize.button({
       "data-part": "spin-button",
+      "data-type": "decrement",
       id: dom.getDecButtonId(state.context),
       disabled: isDecrementDisabled,
       "data-disabled": dataAttr(isDecrementDisabled),
@@ -582,7 +584,7 @@ function connect(state, send, normalize = normalizeProp) {
       onPointerDown(event) {
         if (isDecrementDisabled)
           return;
-        send({ type: "PRESS_DOWN", hint: "decrement" });
+        send(isLeftClick(event) ? { type: "PRESS_DOWN", hint: "decrement" } : { type: "FOCUS" });
         event.preventDefault();
       },
       onPointerUp() {
@@ -596,6 +598,7 @@ function connect(state, send, normalize = normalizeProp) {
     }),
     incrementButtonProps: normalize.button({
       "data-part": "spin-button",
+      "data-type": "increment",
       id: dom.getIncButtonId(state.context),
       disabled: isIncrementDisabled,
       "data-disabled": dataAttr(isIncrementDisabled),
@@ -604,10 +607,10 @@ function connect(state, send, normalize = normalizeProp) {
       tabIndex: -1,
       "aria-controls": dom.getInputId(state.context),
       onPointerDown(event) {
-        event.preventDefault();
         if (isIncrementDisabled)
           return;
-        send({ type: "PRESS_DOWN", hint: "increment" });
+        send(isLeftClick(event) ? { type: "PRESS_DOWN", hint: "increment" } : { type: "FOCUS" });
+        event.preventDefault();
       },
       onPointerUp() {
         send({ type: "PRESS_UP", hint: "increment" });
@@ -725,6 +728,7 @@ function machine(ctx = {}) {
       },
       focused: {
         tags: ["focus"],
+        entry: "focusInput",
         activities: "attachWheelListener",
         on: {
           PRESS_DOWN: {
@@ -763,13 +767,14 @@ function machine(ctx = {}) {
             },
             {
               target: "idle",
-              actions: ["roundValue"]
+              actions: "roundValue"
             }
           ]
         }
       },
       "before:spin": {
         tags: ["focus"],
+        activities: "trackButtonDisabled",
         entry: choose([
           { guard: "isIncrementHint", actions: "increment" },
           { guard: "isDecrementHint", actions: "decrement" }
@@ -817,7 +822,7 @@ function machine(ctx = {}) {
         on: {
           POINTER_UP_SCRUBBER: {
             target: "focused",
-            actions: ["clearCursorPoint"]
+            actions: "clearCursorPoint"
           },
           POINTER_MOVE_SCRUBBER: [
             {