@zag-js/number-input 0.0.0-dev-20220521182338 → 0.0.0-dev-20220522061015

package/dist/index.js

@@ -342,6 +342,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
@@ -606,7 +607,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() {
@@ -629,10 +630,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" });
@@ -750,6 +751,7 @@ function machine(ctx = {}) {
       },
       focused: {
         tags: ["focus"],
+        entry: "focusInput",
         activities: "attachWheelListener",
         on: {
           PRESS_DOWN: {
@@ -788,13 +790,14 @@ function machine(ctx = {}) {
             },
             {
               target: "idle",
-              actions: ["roundValue"]
+              actions: "roundValue"
             }
           ]
         }
       },
       "before:spin": {
         tags: ["focus"],
+        activities: "trackButtonDisabled",
         entry: (0, import_core.choose)([
           { guard: "isIncrementHint", actions: "increment" },
           { guard: "isDecrementHint", actions: "decrement" }
@@ -842,7 +845,7 @@ function machine(ctx = {}) {
         on: {
           POINTER_UP_SCRUBBER: {
             target: "focused",
-            actions: ["clearCursorPoint"]
+            actions: "clearCursorPoint"
           },
           POINTER_MOVE_SCRUBBER: [
             {