@zag-js/number-input 0.2.9 → 0.2.10

package/dist/index.js

@@ -53,11 +53,11 @@ var MAX_Z_INDEX = 2147483647;
 // ../../utilities/core/src/functions.ts
 var runIfFn = (v, ...a) => {
   const res = typeof v === "function" ? v(...a) : v;
-  return res != null ? res : void 0;
+  return res ?? void 0;
 };
 var callAll = (...fns) => (...a) => {
   fns.forEach(function(fn) {
-    fn == null ? void 0 : fn(...a);
+    fn?.(...a);
   });
 };
 
@@ -78,9 +78,8 @@ function compact(obj) {
 // ../../utilities/dom/src/platform.ts
 var isDom = () => typeof window !== "undefined";
 function getPlatform() {
-  var _a;
   const agent = navigator.userAgentData;
-  return (_a = agent == null ? void 0 : agent.platform) != null ? _a : navigator.platform;
+  return agent?.platform ?? navigator.platform;
 }
 var pt = (v) => isDom() && v.test(getPlatform());
 var vn = (v) => isDom() && v.test(navigator.vendor);
@@ -92,31 +91,23 @@ function isDocument(el) {
   return el.nodeType === Node.DOCUMENT_NODE;
 }
 function isWindow(value) {
-  return (value == null ? void 0 : value.toString()) === "[object Window]";
+  return value?.toString() === "[object Window]";
 }
 function getDocument(el) {
-  var _a;
   if (isWindow(el))
     return el.document;
   if (isDocument(el))
     return el;
-  return (_a = el == null ? void 0 : el.ownerDocument) != null ? _a : document;
+  return el?.ownerDocument ?? document;
 }
 function getWindow(el) {
-  var _a;
-  return (_a = el == null ? void 0 : el.ownerDocument.defaultView) != null ? _a : window;
+  return el?.ownerDocument.defaultView ?? window;
 }
 function defineDomHelpers(helpers) {
   const dom2 = {
-    getRootNode: (ctx) => {
-      var _a, _b;
-      return (_b = (_a = ctx.getRootNode) == null ? void 0 : _a.call(ctx)) != null ? _b : document;
-    },
+    getRootNode: (ctx) => ctx.getRootNode?.() ?? document,
     getDoc: (ctx) => getDocument(dom2.getRootNode(ctx)),
-    getWin: (ctx) => {
-      var _a;
-      return (_a = dom2.getDoc(ctx).defaultView) != null ? _a : window;
-    },
+    getWin: (ctx) => dom2.getDoc(ctx).defaultView ?? window,
     getActiveElement: (ctx) => dom2.getDoc(ctx).activeElement,
     getById: (ctx, id) => dom2.getRootNode(ctx).getElementById(id)
   };
@@ -128,8 +119,7 @@ function defineDomHelpers(helpers) {
 
 // ../../utilities/dom/src/event.ts
 function getNativeEvent(e) {
-  var _a;
-  return (_a = e.nativeEvent) != null ? _a : e;
+  return e.nativeEvent ?? e;
 }
 var supportsPointerEvent = () => isDom() && window.onpointerdown === null;
 var isTouchEvent = (v) => isObject(v) && hasProp(v, "touches");
@@ -144,8 +134,7 @@ var fallback = {
   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 : fallback : event;
+  const point = isTouchEvent(event) ? event.touches[0] ?? event.changedTouches[0] ?? fallback : event;
   return { x: point[`${type}X`], y: point[`${type}Y`] };
 }
 
@@ -166,9 +155,9 @@ function getEventStep(event) {
 var isRef = (v) => hasProp(v, "current");
 function addDomEvent(target, eventName, handler, options) {
   const node = isRef(target) ? target.current : runIfFn(target);
-  node == null ? void 0 : node.addEventListener(eventName, handler, options);
+  node?.addEventListener(eventName, handler, options);
   return () => {
-    node == null ? void 0 : node.removeEventListener(eventName, handler, options);
+    node?.removeEventListener(eventName, handler, options);
   };
 }
 
@@ -214,13 +203,13 @@ function requestPointerLock(doc, handlers = {}) {
   const locked = !!doc.pointerLockElement;
   function onPointerChange() {
     if (locked)
-      onPointerLock == null ? void 0 : onPointerLock();
+      onPointerLock?.();
     else
-      onPointerUnlock == null ? void 0 : onPointerUnlock();
+      onPointerUnlock?.();
   }
   function onPointerError(event) {
     if (locked)
-      onPointerUnlock == null ? void 0 : onPointerUnlock();
+      onPointerUnlock?.();
     console.error("PointerLock error occured:", event);
     exit();
   }
@@ -310,31 +299,13 @@ function decimalOperation(a, op, b) {
 
 // src/number-input.dom.ts
 var dom = defineDomHelpers({
-  getRootId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.root) != null ? _b : `number-input:${ctx.id}`;
-  },
-  getInputId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.input) != null ? _b : `number-input:${ctx.id}:input`;
-  },
-  getIncrementTriggerId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.incrementTrigger) != null ? _b : `number-input:${ctx.id}:inc`;
-  },
-  getDecrementTriggerId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.decrementTrigger) != null ? _b : `number-input:${ctx.id}:dec`;
-  },
-  getScrubberId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.scrubber) != null ? _b : `number-input:${ctx.id}:scrubber`;
-  },
+  getRootId: (ctx) => ctx.ids?.root ?? `number-input:${ctx.id}`,
+  getInputId: (ctx) => ctx.ids?.input ?? `number-input:${ctx.id}:input`,
+  getIncrementTriggerId: (ctx) => ctx.ids?.incrementTrigger ?? `number-input:${ctx.id}:inc`,
+  getDecrementTriggerId: (ctx) => ctx.ids?.decrementTrigger ?? `number-input:${ctx.id}:dec`,
+  getScrubberId: (ctx) => ctx.ids?.scrubber ?? `number-input:${ctx.id}:scrubber`,
   getCursorId: (ctx) => `number-input:${ctx.id}:cursor`,
-  getLabelId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.label) != null ? _b : `number-input:${ctx.id}:label`;
-  },
+  getLabelId: (ctx) => ctx.ids?.label ?? `number-input:${ctx.id}:label`,
   getInputEl: (ctx) => dom.getById(ctx, dom.getInputId(ctx)),
   getIncrementTriggerEl: (ctx) => dom.getById(ctx, dom.getIncrementTriggerId(ctx)),
   getDecrementTriggerEl: (ctx) => dom.getById(ctx, dom.getDecrementTriggerId(ctx)),
@@ -355,8 +326,7 @@ var dom = defineDomHelpers({
       return;
     dom.createVirtualCursor(ctx);
     return () => {
-      var _a;
-      (_a = dom.getCursorEl(ctx)) == null ? void 0 : _a.remove();
+      dom.getCursorEl(ctx)?.remove();
     };
   },
   preventTextSelection(ctx) {
@@ -426,39 +396,35 @@ var dom = defineDomHelpers({
 // src/number-input.utils.ts
 var utils = {
   isValidNumericEvent: (ctx, event) => {
-    var _a, _b;
     if (event.key == null)
       return true;
     const isModifier = isModifiedEvent(event);
     const isSingleKey = event.key.length === 1;
     if (isModifier || !isSingleKey)
       return true;
-    return (_b = (_a = ctx.validateCharacter) == null ? void 0 : _a.call(ctx, event.key)) != null ? _b : utils.isFloatingPoint(event.key);
+    return ctx.validateCharacter?.(event.key) ?? utils.isFloatingPoint(event.key);
   },
   isFloatingPoint: (v) => /^[0-9+\-.]$/.test(v),
   sanitize: (ctx, value) => {
-    var _a;
-    return value.split("").filter((_a = ctx.validateCharacter) != null ? _a : utils.isFloatingPoint).join("");
+    return value.split("").filter(ctx.validateCharacter ?? utils.isFloatingPoint).join("");
   },
   increment: (ctx, step) => {
-    const value = increment(ctx.value, step != null ? step : ctx.step);
+    const value = increment(ctx.value, step ?? ctx.step);
     return formatDecimal(clamp(value, ctx), ctx);
   },
   decrement: (ctx, step) => {
-    const value = decrement(ctx.value, step != null ? step : ctx.step);
+    const value = decrement(ctx.value, step ?? ctx.step);
     return formatDecimal(clamp(value, ctx), ctx);
   },
   clamp: (ctx) => {
     return formatDecimal(clamp(ctx.value, ctx), ctx);
   },
   parse: (ctx, value) => {
-    var _a, _b;
-    return (_b = (_a = ctx.parse) == null ? void 0 : _a.call(ctx, value)) != null ? _b : value;
+    return ctx.parse?.(value) ?? value;
   },
   format: (ctx, value) => {
-    var _a, _b;
     const _val = value.toString();
-    return (_b = (_a = ctx.format) == null ? void 0 : _a.call(ctx, _val)) != null ? _b : _val;
+    return ctx.format?.(_val) ?? _val;
   },
   round: (ctx) => {
     return formatDecimal(ctx.value, ctx);
@@ -499,12 +465,10 @@ function connect(state, send, normalize) {
       send({ type: "SET_VALUE", value: state.context.min });
     },
     focus() {
-      var _a;
-      (_a = dom.getInputEl(state.context)) == null ? void 0 : _a.focus();
+      dom.getInputEl(state.context)?.focus();
     },
     blur() {
-      var _a;
-      (_a = dom.getInputEl(state.context)) == null ? void 0 : _a.blur();
+      dom.getInputEl(state.context)?.blur();
     },
     rootProps: normalize.element({
       id: dom.getRootId(state.context),
@@ -663,20 +627,18 @@ var import_core = require("@zag-js/core");
 
 // ../../utilities/form-utils/src/input-event.ts
 function getDescriptor(el, options) {
-  var _a;
   const { type, property = "value" } = options;
   const proto = getWindow(el)[type].prototype;
-  return (_a = Object.getOwnPropertyDescriptor(proto, property)) != null ? _a : {};
+  return Object.getOwnPropertyDescriptor(proto, property) ?? {};
 }
 function dispatchInputValueEvent(el, value) {
-  var _a;
   if (!el)
     return;
   const win = getWindow(el);
   if (!(el instanceof win.HTMLInputElement))
     return;
   const desc = getDescriptor(el, { type: "HTMLInputElement", property: "value" });
-  (_a = desc.set) == null ? void 0 : _a.call(el, value);
+  desc.set?.call(el, value);
   const event = new win.Event("input", { bubbles: true });
   el.dispatchEvent(event);
 }
@@ -688,7 +650,7 @@ function machine(userContext) {
   return (0, import_core.createMachine)(
     {
       id: "number-input",
-      initial: "unknown",
+      initial: "idle",
       context: {
         dir: "ltr",
         focusInputOnChange: true,
@@ -720,20 +682,15 @@ function machine(userContext) {
         isValueEmpty: (ctx2) => ctx2.value === "",
         canIncrement: (ctx2) => ctx2.allowOverflow || !ctx2.isAtMax,
         canDecrement: (ctx2) => ctx2.allowOverflow || !ctx2.isAtMin,
-        valueText: (ctx2) => {
-          var _a, _b;
-          return (_b = (_a = ctx2.translations).valueText) == null ? void 0 : _b.call(_a, ctx2.value);
-        },
-        formattedValue: (ctx2) => {
-          var _a, _b;
-          return (_b = (_a = ctx2.format) == null ? void 0 : _a.call(ctx2, ctx2.value).toString()) != null ? _b : ctx2.value;
-        }
+        valueText: (ctx2) => ctx2.translations.valueText?.(ctx2.value),
+        formattedValue: (ctx2) => ctx2.format?.(ctx2.value).toString() ?? ctx2.value
       },
       watch: {
         value: ["invokeOnChange", "dispatchChangeEvent"],
         isOutOfRange: ["invokeOnInvalid"],
         scrubberCursorPoint: ["setVirtualCursorPosition"]
       },
+      entry: ["syncInputValue"],
       on: {
         SET_VALUE: [
           {
@@ -755,14 +712,6 @@ function machine(userContext) {
         }
       },
       states: {
-        unknown: {
-          on: {
-            SETUP: {
-              target: "idle",
-              actions: "syncInputValue"
-            }
-          }
-        },
         idle: {
           exit: "invokeOnFocus",
           on: {
@@ -896,15 +845,9 @@ function machine(userContext) {
         spinOnPress: (ctx2) => !!ctx2.spinOnPress,
         isAtMax: (ctx2) => ctx2.isAtMax,
         isInRange: (ctx2) => !ctx2.isOutOfRange,
-        isDecrementHint: (ctx2, evt) => {
-          var _a;
-          return ((_a = evt.hint) != null ? _a : ctx2.hint) === "decrement";
-        },
+        isDecrementHint: (ctx2, evt) => (evt.hint ?? ctx2.hint) === "decrement",
         isEmptyValue: (ctx2) => ctx2.isValueEmpty,
-        isIncrementHint: (ctx2, evt) => {
-          var _a;
-          return ((_a = evt.hint) != null ? _a : ctx2.hint) === "increment";
-        },
+        isIncrementHint: (ctx2, evt) => (evt.hint ?? ctx2.hint) === "increment",
         isInvalidExponential: (ctx2) => ctx2.value.toString().startsWith("e")
       },
       activities: {
@@ -969,7 +912,7 @@ function machine(userContext) {
           if (!ctx2.focusInputOnChange)
             return;
           const input = dom.getInputEl(ctx2);
-          raf(() => input == null ? void 0 : input.focus());
+          raf(() => input?.focus());
         },
         increment(ctx2, evt) {
           ctx2.value = utils.increment(ctx2, evt.step);
@@ -986,8 +929,7 @@ function machine(userContext) {
           }
         },
         setValue(ctx2, evt) {
-          var _a, _b;
-          const value = (_b = (_a = evt.target) == null ? void 0 : _a.value) != null ? _b : evt.value;
+          const value = evt.target?.value ?? evt.value;
           ctx2.value = utils.sanitize(ctx2, utils.parse(ctx2, value.toString()));
         },
         clearValue(ctx2) {
@@ -1009,14 +951,12 @@ function machine(userContext) {
           ctx2.hint = "set";
         },
         invokeOnChange(ctx2) {
-          var _a;
-          (_a = ctx2.onChange) == null ? void 0 : _a.call(ctx2, {
+          ctx2.onChange?.({
             value: ctx2.value,
             valueAsNumber: ctx2.valueAsNumber
           });
         },
         invokeOnFocus(ctx2, evt) {
-          var _a;
           let srcElement = null;
           if (evt.type === "PRESS_DOWN") {
             srcElement = dom.getPressedTriggerEl(ctx2, evt.hint);
@@ -1025,25 +965,23 @@ function machine(userContext) {
           } else if (evt.type === "PRESS_DOWN_SCRUBBER") {
             srcElement = dom.getScrubberEl(ctx2);
           }
-          (_a = ctx2.onFocus) == null ? void 0 : _a.call(ctx2, {
+          ctx2.onFocus?.({
             value: ctx2.value,
             valueAsNumber: ctx2.valueAsNumber,
             srcElement
           });
         },
         invokeOnBlur(ctx2) {
-          var _a;
-          (_a = ctx2.onBlur) == null ? void 0 : _a.call(ctx2, {
+          ctx2.onBlur?.({
             value: ctx2.value,
             valueAsNumber: ctx2.valueAsNumber
           });
         },
         invokeOnInvalid(ctx2) {
-          var _a;
           if (!ctx2.isOutOfRange)
             return;
           const reason = ctx2.valueAsNumber > ctx2.max ? "rangeOverflow" : "rangeUnderflow";
-          (_a = ctx2.onInvalid) == null ? void 0 : _a.call(ctx2, {
+          ctx2.onInvalid?.({
             reason,
             value: ctx2.formattedValue,
             valueAsNumber: ctx2.valueAsNumber

package/dist/index.mjs

@@ -1,15 +1,15 @@
 import {
   connect
-} from "./chunk-4NG5GFW2.mjs";
+} from "./chunk-4ASBTBA5.mjs";
 import {
   anatomy
-} from "./chunk-VVR2U5A7.mjs";
+} from "./chunk-XHRILSH3.mjs";
 import {
   machine
-} from "./chunk-SIE6CT7Z.mjs";
-import "./chunk-GE27CSUU.mjs";
-import "./chunk-H4EBYJOE.mjs";
-import "./chunk-HL4LVUFM.mjs";
+} from "./chunk-4A67X5BX.mjs";
+import "./chunk-GQN3V2LU.mjs";
+import "./chunk-6CS5P7OC.mjs";
+import "./chunk-EPCXXTFL.mjs";
 export {
   anatomy,
   connect,

package/dist/number-input.anatomy.mjs

@@ -1,7 +1,7 @@
 import {
   anatomy,
   parts
-} from "./chunk-VVR2U5A7.mjs";
+} from "./chunk-XHRILSH3.mjs";
 export {
   anatomy,
   parts

package/dist/number-input.connect.js

@@ -43,9 +43,8 @@ var hasProp = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop);
 // ../../utilities/dom/src/platform.ts
 var isDom = () => typeof window !== "undefined";
 function getPlatform() {
-  var _a;
   const agent = navigator.userAgentData;
-  return (_a = agent == null ? void 0 : agent.platform) != null ? _a : navigator.platform;
+  return agent?.platform ?? navigator.platform;
 }
 var pt = (v) => isDom() && v.test(getPlatform());
 var vn = (v) => isDom() && v.test(navigator.vendor);
@@ -57,27 +56,20 @@ function isDocument(el) {
   return el.nodeType === Node.DOCUMENT_NODE;
 }
 function isWindow(value) {
-  return (value == null ? void 0 : value.toString()) === "[object Window]";
+  return value?.toString() === "[object Window]";
 }
 function getDocument(el) {
-  var _a;
   if (isWindow(el))
     return el.document;
   if (isDocument(el))
     return el;
-  return (_a = el == null ? void 0 : el.ownerDocument) != null ? _a : document;
+  return el?.ownerDocument ?? document;
 }
 function defineDomHelpers(helpers) {
   const dom2 = {
-    getRootNode: (ctx) => {
-      var _a, _b;
-      return (_b = (_a = ctx.getRootNode) == null ? void 0 : _a.call(ctx)) != null ? _b : document;
-    },
+    getRootNode: (ctx) => ctx.getRootNode?.() ?? document,
     getDoc: (ctx) => getDocument(dom2.getRootNode(ctx)),
-    getWin: (ctx) => {
-      var _a;
-      return (_a = dom2.getDoc(ctx).defaultView) != null ? _a : window;
-    },
+    getWin: (ctx) => dom2.getDoc(ctx).defaultView ?? window,
     getActiveElement: (ctx) => dom2.getDoc(ctx).activeElement,
     getById: (ctx, id) => dom2.getRootNode(ctx).getElementById(id)
   };
@@ -89,8 +81,7 @@ function defineDomHelpers(helpers) {
 
 // ../../utilities/dom/src/event.ts
 function getNativeEvent(e) {
-  var _a;
-  return (_a = e.nativeEvent) != null ? _a : e;
+  return e.nativeEvent ?? e;
 }
 var supportsPointerEvent = () => isDom() && window.onpointerdown === null;
 var isTouchEvent = (v) => isObject(v) && hasProp(v, "touches");
@@ -105,8 +96,7 @@ var fallback = {
   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 : fallback : event;
+  const point = isTouchEvent(event) ? event.touches[0] ?? event.changedTouches[0] ?? fallback : event;
   return { x: point[`${type}X`], y: point[`${type}Y`] };
 }
 
@@ -189,31 +179,13 @@ var parts = anatomy.build();
 
 // src/number-input.dom.ts
 var dom = defineDomHelpers({
-  getRootId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.root) != null ? _b : `number-input:${ctx.id}`;
-  },
-  getInputId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.input) != null ? _b : `number-input:${ctx.id}:input`;
-  },
-  getIncrementTriggerId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.incrementTrigger) != null ? _b : `number-input:${ctx.id}:inc`;
-  },
-  getDecrementTriggerId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.decrementTrigger) != null ? _b : `number-input:${ctx.id}:dec`;
-  },
-  getScrubberId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.scrubber) != null ? _b : `number-input:${ctx.id}:scrubber`;
-  },
+  getRootId: (ctx) => ctx.ids?.root ?? `number-input:${ctx.id}`,
+  getInputId: (ctx) => ctx.ids?.input ?? `number-input:${ctx.id}:input`,
+  getIncrementTriggerId: (ctx) => ctx.ids?.incrementTrigger ?? `number-input:${ctx.id}:inc`,
+  getDecrementTriggerId: (ctx) => ctx.ids?.decrementTrigger ?? `number-input:${ctx.id}:dec`,
+  getScrubberId: (ctx) => ctx.ids?.scrubber ?? `number-input:${ctx.id}:scrubber`,
   getCursorId: (ctx) => `number-input:${ctx.id}:cursor`,
-  getLabelId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.label) != null ? _b : `number-input:${ctx.id}:label`;
-  },
+  getLabelId: (ctx) => ctx.ids?.label ?? `number-input:${ctx.id}:label`,
   getInputEl: (ctx) => dom.getById(ctx, dom.getInputId(ctx)),
   getIncrementTriggerEl: (ctx) => dom.getById(ctx, dom.getIncrementTriggerId(ctx)),
   getDecrementTriggerEl: (ctx) => dom.getById(ctx, dom.getDecrementTriggerId(ctx)),
@@ -234,8 +206,7 @@ var dom = defineDomHelpers({
       return;
     dom.createVirtualCursor(ctx);
     return () => {
-      var _a;
-      (_a = dom.getCursorEl(ctx)) == null ? void 0 : _a.remove();
+      dom.getCursorEl(ctx)?.remove();
     };
   },
   preventTextSelection(ctx) {
@@ -305,39 +276,35 @@ var dom = defineDomHelpers({
 // src/number-input.utils.ts
 var utils = {
   isValidNumericEvent: (ctx, event) => {
-    var _a, _b;
     if (event.key == null)
       return true;
     const isModifier = isModifiedEvent(event);
     const isSingleKey = event.key.length === 1;
     if (isModifier || !isSingleKey)
       return true;
-    return (_b = (_a = ctx.validateCharacter) == null ? void 0 : _a.call(ctx, event.key)) != null ? _b : utils.isFloatingPoint(event.key);
+    return ctx.validateCharacter?.(event.key) ?? utils.isFloatingPoint(event.key);
   },
   isFloatingPoint: (v) => /^[0-9+\-.]$/.test(v),
   sanitize: (ctx, value) => {
-    var _a;
-    return value.split("").filter((_a = ctx.validateCharacter) != null ? _a : utils.isFloatingPoint).join("");
+    return value.split("").filter(ctx.validateCharacter ?? utils.isFloatingPoint).join("");
   },
   increment: (ctx, step) => {
-    const value = increment(ctx.value, step != null ? step : ctx.step);
+    const value = increment(ctx.value, step ?? ctx.step);
     return formatDecimal(clamp(value, ctx), ctx);
   },
   decrement: (ctx, step) => {
-    const value = decrement(ctx.value, step != null ? step : ctx.step);
+    const value = decrement(ctx.value, step ?? ctx.step);
     return formatDecimal(clamp(value, ctx), ctx);
   },
   clamp: (ctx) => {
     return formatDecimal(clamp(ctx.value, ctx), ctx);
   },
   parse: (ctx, value) => {
-    var _a, _b;
-    return (_b = (_a = ctx.parse) == null ? void 0 : _a.call(ctx, value)) != null ? _b : value;
+    return ctx.parse?.(value) ?? value;
   },
   format: (ctx, value) => {
-    var _a, _b;
     const _val = value.toString();
-    return (_b = (_a = ctx.format) == null ? void 0 : _a.call(ctx, _val)) != null ? _b : _val;
+    return ctx.format?.(_val) ?? _val;
   },
   round: (ctx) => {
     return formatDecimal(ctx.value, ctx);
@@ -378,12 +345,10 @@ function connect(state, send, normalize) {
       send({ type: "SET_VALUE", value: state.context.min });
     },
     focus() {
-      var _a;
-      (_a = dom.getInputEl(state.context)) == null ? void 0 : _a.focus();
+      dom.getInputEl(state.context)?.focus();
     },
     blur() {
-      var _a;
-      (_a = dom.getInputEl(state.context)) == null ? void 0 : _a.blur();
+      dom.getInputEl(state.context)?.blur();
     },
     rootProps: normalize.element({
       id: dom.getRootId(state.context),

package/dist/number-input.connect.mjs

@@ -1,10 +1,10 @@
 import {
   connect
-} from "./chunk-4NG5GFW2.mjs";
-import "./chunk-VVR2U5A7.mjs";
-import "./chunk-GE27CSUU.mjs";
-import "./chunk-H4EBYJOE.mjs";
-import "./chunk-HL4LVUFM.mjs";
+} from "./chunk-4ASBTBA5.mjs";
+import "./chunk-XHRILSH3.mjs";
+import "./chunk-GQN3V2LU.mjs";
+import "./chunk-6CS5P7OC.mjs";
+import "./chunk-EPCXXTFL.mjs";
 export {
   connect
 };

package/dist/number-input.dom.js

@@ -30,9 +30,8 @@ var MAX_Z_INDEX = 2147483647;
 // ../../utilities/dom/src/platform.ts
 var isDom = () => typeof window !== "undefined";
 function getPlatform() {
-  var _a;
   const agent = navigator.userAgentData;
-  return (_a = agent == null ? void 0 : agent.platform) != null ? _a : navigator.platform;
+  return agent?.platform ?? navigator.platform;
 }
 var pt = (v) => isDom() && v.test(getPlatform());
 var vn = (v) => isDom() && v.test(navigator.vendor);
@@ -44,27 +43,20 @@ function isDocument(el) {
   return el.nodeType === Node.DOCUMENT_NODE;
 }
 function isWindow(value) {
-  return (value == null ? void 0 : value.toString()) === "[object Window]";
+  return value?.toString() === "[object Window]";
 }
 function getDocument(el) {
-  var _a;
   if (isWindow(el))
     return el.document;
   if (isDocument(el))
     return el;
-  return (_a = el == null ? void 0 : el.ownerDocument) != null ? _a : document;
+  return el?.ownerDocument ?? document;
 }
 function defineDomHelpers(helpers) {
   const dom2 = {
-    getRootNode: (ctx) => {
-      var _a, _b;
-      return (_b = (_a = ctx.getRootNode) == null ? void 0 : _a.call(ctx)) != null ? _b : document;
-    },
+    getRootNode: (ctx) => ctx.getRootNode?.() ?? document,
     getDoc: (ctx) => getDocument(dom2.getRootNode(ctx)),
-    getWin: (ctx) => {
-      var _a;
-      return (_a = dom2.getDoc(ctx).defaultView) != null ? _a : window;
-    },
+    getWin: (ctx) => dom2.getDoc(ctx).defaultView ?? window,
     getActiveElement: (ctx) => dom2.getDoc(ctx).activeElement,
     getById: (ctx, id) => dom2.getRootNode(ctx).getElementById(id)
   };
@@ -90,31 +82,13 @@ function roundToDevicePixel(num) {
 
 // src/number-input.dom.ts
 var dom = defineDomHelpers({
-  getRootId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.root) != null ? _b : `number-input:${ctx.id}`;
-  },
-  getInputId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.input) != null ? _b : `number-input:${ctx.id}:input`;
-  },
-  getIncrementTriggerId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.incrementTrigger) != null ? _b : `number-input:${ctx.id}:inc`;
-  },
-  getDecrementTriggerId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.decrementTrigger) != null ? _b : `number-input:${ctx.id}:dec`;
-  },
-  getScrubberId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.scrubber) != null ? _b : `number-input:${ctx.id}:scrubber`;
-  },
+  getRootId: (ctx) => ctx.ids?.root ?? `number-input:${ctx.id}`,
+  getInputId: (ctx) => ctx.ids?.input ?? `number-input:${ctx.id}:input`,
+  getIncrementTriggerId: (ctx) => ctx.ids?.incrementTrigger ?? `number-input:${ctx.id}:inc`,
+  getDecrementTriggerId: (ctx) => ctx.ids?.decrementTrigger ?? `number-input:${ctx.id}:dec`,
+  getScrubberId: (ctx) => ctx.ids?.scrubber ?? `number-input:${ctx.id}:scrubber`,
   getCursorId: (ctx) => `number-input:${ctx.id}:cursor`,
-  getLabelId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.label) != null ? _b : `number-input:${ctx.id}:label`;
-  },
+  getLabelId: (ctx) => ctx.ids?.label ?? `number-input:${ctx.id}:label`,
   getInputEl: (ctx) => dom.getById(ctx, dom.getInputId(ctx)),
   getIncrementTriggerEl: (ctx) => dom.getById(ctx, dom.getIncrementTriggerId(ctx)),
   getDecrementTriggerEl: (ctx) => dom.getById(ctx, dom.getDecrementTriggerId(ctx)),
@@ -135,8 +109,7 @@ var dom = defineDomHelpers({
       return;
     dom.createVirtualCursor(ctx);
     return () => {
-      var _a;
-      (_a = dom.getCursorEl(ctx)) == null ? void 0 : _a.remove();
+      dom.getCursorEl(ctx)?.remove();
     };
   },
   preventTextSelection(ctx) {