@zag-js/number-input 0.0.0-dev-20220521182600 → 0.0.0-dev-20220522174316

package/dist/index.js

@@ -131,17 +131,6 @@ function getNativeEvent(event) {
   var _a;
   return (_a = event.nativeEvent) != null ? _a : event;
 }
-var PAGE_KEYS = /* @__PURE__ */ new Set(["PageUp", "PageDown"]);
-var ARROW_KEYS = /* @__PURE__ */ new Set(["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"]);
-function getEventStep(event) {
-  if (event.ctrlKey || event.metaKey) {
-    return 0.1;
-  } else {
-    const isPageKey = PAGE_KEYS.has(event.key);
-    const isSkipKey = isPageKey || event.shiftKey && ARROW_KEYS.has(event.key);
-    return isSkipKey ? 10 : 1;
-  }
-}
 function observeAttributes(node, attributes, fn) {
   if (!node)
     return noop;
@@ -157,6 +146,17 @@ function observeAttributes(node, attributes, fn) {
   obs.observe(node, { attributes: true, attributeFilter: attrs });
   return () => obs.disconnect();
 }
+var PAGE_KEYS = /* @__PURE__ */ new Set(["PageUp", "PageDown"]);
+var ARROW_KEYS = /* @__PURE__ */ new Set(["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"]);
+function getEventStep(event) {
+  if (event.ctrlKey || event.metaKey) {
+    return 0.1;
+  } else {
+    const isPageKey = PAGE_KEYS.has(event.key);
+    const isSkipKey = isPageKey || event.shiftKey && ARROW_KEYS.has(event.key);
+    return isSkipKey ? 10 : 1;
+  }
+}
 function itemById(v, id) {
   return v.find((node) => node.id === id);
 }
@@ -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: [
             {