@zag-js/number-input 0.0.0-dev-20220627111117 → 0.0.0-dev-20220628115342

package/dist/index.js

@@ -49,13 +49,14 @@ var dataAttr = (guard) => {
 var ariaAttr = (guard) => {
   return guard ? "true" : void 0;
 };
+var isArray = (v) => Array.isArray(v);
+var isObject = (v) => !(v == null || typeof v !== "object" || isArray(v));
 var hasProp = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop);
+var isTouchEvent = (v) => isObject(v) && hasProp(v, "touches");
 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);
 var isRef = (v) => hasProp(v, "current");
 function addDomEvent(target, eventName, handler, options) {
@@ -78,7 +79,7 @@ function getNativeEvent(e) {
 }
 function observeAttributes(node, attributes, fn) {
   if (!node)
-    return noop;
+    return;
   const attrs = Array.isArray(attributes) ? attributes : [attributes];
   const win = node.ownerDocument.defaultView || window;
   const obs = new win.MutationObserver((changes) => {
@@ -91,6 +92,17 @@ function observeAttributes(node, attributes, fn) {
   obs.observe(node, { attributes: true, attributeFilter: attrs });
   return () => obs.disconnect();
 }
+var fallback2 = {
+  pageX: 0,
+  pageY: 0,
+  clientX: 0,
+  clientY: 0
+};
+function getEventPoint(event, type = "page") {
+  var _a, _b;
+  const point = isTouchEvent(event) ? (_b = (_a = event.touches[0]) != null ? _a : event.changedTouches[0]) != null ? _b : fallback2 : event;
+  return { x: point[`${type}X`], y: point[`${type}Y`] };
+}
 var PAGE_KEYS = /* @__PURE__ */ new Set(["PageUp", "PageDown"]);
 var ARROW_KEYS = /* @__PURE__ */ new Set(["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"]);
 function getEventStep(event) {
@@ -208,27 +220,6 @@ function decimalOperation(a, op, b) {
 }
 var nf = new Intl.NumberFormat("en-US", { style: "decimal", maximumFractionDigits: 20 });
 
-// ../../utilities/rect/dist/index.mjs
-var isArray = (v) => Array.isArray(v);
-var isObject = (v) => !(v == null || typeof v !== "object" || isArray(v));
-var hasProp2 = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop);
-var isTouchEvent = (v) => isObject(v) && hasProp2(v, "touches");
-var fallback = { pageX: 0, pageY: 0, clientX: 0, clientY: 0 };
-function getEventPoint(e, t = "page") {
-  const p = isTouchEvent(e) ? e.touches[0] || e.changedTouches[0] || fallback : e;
-  return { x: p[`${t}X`], y: p[`${t}Y`] };
-}
-
-// ../../types/dist/index.mjs
-function createNormalizer(fn) {
-  return new Proxy({}, {
-    get() {
-      return fn;
-    }
-  });
-}
-var normalizeProp = createNormalizer((v) => v);
-
 // ../../utilities/core/dist/index.mjs
 var isDom = () => typeof window !== "undefined";
 function getPlatform() {
@@ -380,7 +371,7 @@ var utils = {
 };
 
 // src/number-input.connect.ts
-function connect(state, send, normalize = normalizeProp) {
+function connect(state, send, normalize) {
   const isFocused = state.hasTag("focus");
   const isInvalid = state.context.isOutOfRange || !!state.context.invalid;
   const isDisabled = !!state.context.disabled;
@@ -870,7 +861,7 @@ function machine(ctx = {}) {
       setValue(ctx2, evt) {
         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));
+        ctx2.value = utils.sanitize(ctx2, utils.parse(ctx2, value.toString()));
       },
       clearValue(ctx2) {
         ctx2.value = "";

package/dist/index.mjs

@@ -26,13 +26,14 @@ var dataAttr = (guard) => {
 var ariaAttr = (guard) => {
   return guard ? "true" : void 0;
 };
+var isArray = (v) => Array.isArray(v);
+var isObject = (v) => !(v == null || typeof v !== "object" || isArray(v));
 var hasProp = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop);
+var isTouchEvent = (v) => isObject(v) && hasProp(v, "touches");
 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);
 var isRef = (v) => hasProp(v, "current");
 function addDomEvent(target, eventName, handler, options) {
@@ -55,7 +56,7 @@ function getNativeEvent(e) {
 }
 function observeAttributes(node, attributes, fn) {
   if (!node)
-    return noop;
+    return;
   const attrs = Array.isArray(attributes) ? attributes : [attributes];
   const win = node.ownerDocument.defaultView || window;
   const obs = new win.MutationObserver((changes) => {
@@ -68,6 +69,17 @@ function observeAttributes(node, attributes, fn) {
   obs.observe(node, { attributes: true, attributeFilter: attrs });
   return () => obs.disconnect();
 }
+var fallback2 = {
+  pageX: 0,
+  pageY: 0,
+  clientX: 0,
+  clientY: 0
+};
+function getEventPoint(event, type = "page") {
+  var _a, _b;
+  const point = isTouchEvent(event) ? (_b = (_a = event.touches[0]) != null ? _a : event.changedTouches[0]) != null ? _b : fallback2 : event;
+  return { x: point[`${type}X`], y: point[`${type}Y`] };
+}
 var PAGE_KEYS = /* @__PURE__ */ new Set(["PageUp", "PageDown"]);
 var ARROW_KEYS = /* @__PURE__ */ new Set(["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"]);
 function getEventStep(event) {
@@ -185,27 +197,6 @@ function decimalOperation(a, op, b) {
 }
 var nf = new Intl.NumberFormat("en-US", { style: "decimal", maximumFractionDigits: 20 });
 
-// ../../utilities/rect/dist/index.mjs
-var isArray = (v) => Array.isArray(v);
-var isObject = (v) => !(v == null || typeof v !== "object" || isArray(v));
-var hasProp2 = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop);
-var isTouchEvent = (v) => isObject(v) && hasProp2(v, "touches");
-var fallback = { pageX: 0, pageY: 0, clientX: 0, clientY: 0 };
-function getEventPoint(e, t = "page") {
-  const p = isTouchEvent(e) ? e.touches[0] || e.changedTouches[0] || fallback : e;
-  return { x: p[`${t}X`], y: p[`${t}Y`] };
-}
-
-// ../../types/dist/index.mjs
-function createNormalizer(fn) {
-  return new Proxy({}, {
-    get() {
-      return fn;
-    }
-  });
-}
-var normalizeProp = createNormalizer((v) => v);
-
 // ../../utilities/core/dist/index.mjs
 var isDom = () => typeof window !== "undefined";
 function getPlatform() {
@@ -357,7 +348,7 @@ var utils = {
 };
 
 // src/number-input.connect.ts
-function connect(state, send, normalize = normalizeProp) {
+function connect(state, send, normalize) {
   const isFocused = state.hasTag("focus");
   const isInvalid = state.context.isOutOfRange || !!state.context.invalid;
   const isDisabled = !!state.context.disabled;
@@ -847,7 +838,7 @@ function machine(ctx = {}) {
       setValue(ctx2, evt) {
         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));
+        ctx2.value = utils.sanitize(ctx2, utils.parse(ctx2, value.toString()));
       },
       clearValue(ctx2) {
         ctx2.value = "";

package/dist/number-input.connect.d.ts

@@ -1,6 +1,6 @@
-import { PropTypes, ReactPropTypes } from "@zag-js/types";
+import type { NormalizeProps, PropTypes } from "@zag-js/types";
 import { Send, State } from "./number-input.types";
-export declare function connect<T extends PropTypes = ReactPropTypes>(state: State, send: Send, normalize?: import("@zag-js/types").NormalizeProps): {
+export declare function connect<T extends PropTypes>(state: State, send: Send, normalize: NormalizeProps<T>): {
     isFocused: boolean;
     isInvalid: boolean;
     value: string;

package/dist/number-input.types.d.ts

@@ -1,6 +1,5 @@
 import type { StateMachine as S } from "@zag-js/core";
 import { FormatDecimalOptions } from "@zag-js/number-utils";
-import type { Point } from "@zag-js/rect-utils";
 import type { Context, DirectionProperty } from "@zag-js/types";
 declare type ValidityState = "rangeUnderflow" | "rangeOverflow";
 declare type ElementIds = Partial<{
@@ -186,7 +185,10 @@ declare type PrivateContext = Context<{
      * @internal
      * The scrubber cursor position
      */
-    scrubberCursorPoint: Point | null;
+    scrubberCursorPoint: {
+        x: number;
+        y: number;
+    } | null;
 }>;
 export declare type MachineContext = PublicContext & PrivateContext & ComputedContext;
 export declare type MachineState = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/number-input",
-  "version": "0.0.0-dev-20220627111117",
+  "version": "0.0.0-dev-20220628115342",
   "description": "Core logic for the number-input widget implemented as a state machine",
   "keywords": [
     "js",
@@ -29,11 +29,10 @@
     "url": "https://github.com/chakra-ui/zag/issues"
   },
   "dependencies": {
-    "@zag-js/core": "0.0.0-dev-20220627111117",
-    "@zag-js/dom-utils": "0.0.0-dev-20220627111117",
+    "@zag-js/core": "0.0.0-dev-20220628115342",
+    "@zag-js/dom-utils": "0.0.0-dev-20220628115342",
     "@zag-js/number-utils": "0.1.2",
-    "@zag-js/rect-utils": "0.1.2",
-    "@zag-js/types": "0.2.0",
+    "@zag-js/types": "0.0.0-dev-20220628115342",
     "@zag-js/utils": "0.1.2"
   },
   "scripts": {