@zag-js/number-input 0.1.6 → 0.1.9

package/dist/index.mjs

@@ -31,6 +31,13 @@ function raf(fn) {
     globalThis.cancelAnimationFrame(id);
   };
 }
+var isDom = () => typeof window !== "undefined";
+var hasProp = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop);
+var isTouchDevice = isDom() && !!navigator.maxTouchPoints;
+var runIfFn = (v, ...a) => {
+  const res = typeof v === "function" ? v(...a) : v;
+  return res != null ? res : void 0;
+};
 var noop = () => {
 };
 var pipe = (...fns) => (v) => fns.reduce((a, b) => b(a), v);
@@ -44,7 +51,7 @@ function getListenerCache() {
   globalThis.__listenerCache__ = globalThis.__listenerCache__ || /* @__PURE__ */ new Map();
   return globalThis.__listenerCache__;
 }
-function globalEventBus(node, type, handler, options) {
+function addGlobalEventListener(node, type, handler, options) {
   var _a;
   if (!node)
     return noop;
@@ -96,28 +103,15 @@ function globalEventBus(node, type, handler, options) {
     }
   };
 }
-var t = (v) => Object.prototype.toString.call(v).slice(8, -1);
-var isRef = (v) => t(v) === "Object" && "current" in v;
-var runIfFn = (fn) => t(fn) === "Function" ? fn() : fn;
+var isRef = (v) => hasProp(v, "current");
 function addDomEvent(target, event, listener, options) {
   const node = isRef(target) ? target.current : runIfFn(target);
-  return globalEventBus(node, event, listener, options);
+  return addGlobalEventListener(node, event, listener, options);
 }
 var MAX_Z_INDEX = 2147483647;
-function getNativeEvent(event) {
+function getNativeEvent(e) {
   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;
-  }
+  return (_a = e.nativeEvent) != null ? _a : e;
 }
 function observeAttributes(node, attributes, fn) {
   if (!node)
@@ -134,6 +128,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);
 }
@@ -293,33 +298,46 @@ function decimalOperation(a, op, b) {
 var nf = new Intl.NumberFormat("en-US", { style: "decimal", maximumFractionDigits: 20 });
 
 // ../../utilities/rect/dist/index.mjs
+var isDom2 = () => typeof window !== "undefined";
 var isArray = (v) => Array.isArray(v);
 var isObject = (v) => !(v == null || typeof v !== "object" || isArray(v));
-var isTouchEvent = (v) => isObject(v) && "touches" in v;
+var hasProp2 = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop);
+var isTouchDevice2 = isDom2() && !!navigator.maxTouchPoints;
+var isTouchEvent = (v) => isObject(v) && hasProp2(v, "touches");
 var fallback = { pageX: 0, pageY: 0, clientX: 0, clientY: 0 };
-function getEventPoint(e, t2 = "page") {
+function getEventPoint(e, t = "page") {
   const p = isTouchEvent(e) ? e.touches[0] || e.changedTouches[0] || fallback : e;
-  return { x: p[`${t2}X`], y: p[`${t2}Y`] };
+  return { x: p[`${t}X`], y: p[`${t}Y`] };
 }
 
 // ../../types/dist/index.mjs
 function createNormalizer(fn) {
-  return { button: fn, label: fn, input: fn, output: fn, element: fn };
+  return new Proxy({}, {
+    get() {
+      return fn;
+    }
+  });
 }
 var normalizeProp = createNormalizer((v) => v);
 
 // ../../utilities/core/dist/index.mjs
-var pipe2 = (...fns) => (v) => fns.reduce((a, b) => b(a), v);
-var platform = (v) => isDom() && v.test(navigator.platform);
-var ua = (v) => isDom() && v.test(navigator.userAgent);
-var isDom = () => !!(typeof window !== "undefined");
-var isMac = () => platform(/^Mac/);
-var isIPhone = () => platform(/^iPhone/);
-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 isDom3 = () => typeof window !== "undefined";
+function getPlatform() {
+  var _a;
+  const agent = navigator.userAgentData;
+  return (_a = agent == null ? void 0 : agent.platform) != null ? _a : navigator.platform;
+}
+var pt = (v) => isDom3() && v.test(getPlatform());
+var vn = (v) => isDom3() && v.test(navigator.vendor);
+var isTouchDevice3 = isDom3() && !!navigator.maxTouchPoints;
+var isMac = () => pt(/^Mac/) && !isTouchDevice3;
+var isSafari = () => isApple() && vn(/apple/i);
+var isApple = () => pt(/mac|iphone|ipad|ipod/i);
+var isIos = () => isApple() && !isMac();
+var supportsPointerEvent = () => isDom3() && window.onpointerdown === null;
+var isLeftClick = (v) => v.button === 0;
 var isModifiedEvent = (v) => v.ctrlKey || v.altKey || v.metaKey;
+var pipe2 = (...fns) => (v) => fns.reduce((a, b) => b(a), v);
 
 // src/number-input.dom.ts
 var dom = {
@@ -583,7 +601,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() {
@@ -606,10 +624,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" });
@@ -727,6 +745,7 @@ function machine(ctx = {}) {
       },
       focused: {
         tags: ["focus"],
+        entry: "focusInput",
         activities: "attachWheelListener",
         on: {
           PRESS_DOWN: {
@@ -765,7 +784,7 @@ function machine(ctx = {}) {
             },
             {
               target: "idle",
-              actions: ["roundValue"]
+              actions: "roundValue"
             }
           ]
         }
@@ -820,7 +839,7 @@ function machine(ctx = {}) {
         on: {
           POINTER_UP_SCRUBBER: {
             target: "focused",
-            actions: ["clearCursorPoint"]
+            actions: "clearCursorPoint"
           },
           POINTER_MOVE_SCRUBBER: [
             {