@zag-js/number-input 1.41.1 → 2.0.0-next.0

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

@@ -21,6 +21,7 @@ type ElementIds = Partial<{
     incrementTrigger: string;
     decrementTrigger: string;
     scrubber: string;
+    scrubberCursor: string;
 }>;
 interface IntlTranslations {
     /**
@@ -150,8 +151,39 @@ interface NumberInputProps extends LocaleProperties, CommonProperties {
      * @default true
      */
     spinOnPress?: boolean | undefined;
+    /**
+     * Step value when Shift key is held (large increments).
+     * @default step * 10
+     */
+    largeStep?: number | undefined;
+    /**
+     * Step value when Alt/Option key is held (fine control).
+     * @default step * 0.1
+     */
+    smallStep?: number | undefined;
+    /**
+     * How many pixels the pointer must move to change the value by one step.
+     * Higher values mean more precise control. Lower values mean more sensitivity.
+     * @default 2
+     */
+    scrubberPixelSensitivity?: number | undefined;
+    /**
+     * Distance in pixels before the virtual cursor wraps around.
+     * When not set, the viewport bounds are used (default behavior).
+     */
+    scrubberTeleportDistance?: number | undefined;
+    /**
+     * The direction of scrubbing.
+     * @default "horizontal"
+     */
+    scrubberDirection?: "horizontal" | "vertical" | undefined;
+    /**
+     * Whether values snap to step multiples when scrubbing.
+     * @default false
+     */
+    snapOnStep?: boolean | undefined;
 }
-type PropsWithDefault = "dir" | "locale" | "focusInputOnChange" | "clampValueOnBlur" | "allowOverflow" | "inputMode" | "pattern" | "translations" | "step" | "spinOnPress" | "min" | "max" | "step" | "translations";
+type PropsWithDefault = "dir" | "locale" | "focusInputOnChange" | "clampValueOnBlur" | "allowOverflow" | "inputMode" | "pattern" | "translations" | "step" | "spinOnPress" | "min" | "max" | "largeStep" | "smallStep" | "scrubberPixelSensitivity" | "scrubberDirection" | "snapOnStep";
 type ComputedContext = Readonly<{
     /**
      * The value of the input as a number
@@ -227,6 +259,18 @@ interface PrivateContext {
      * The value of the input
      */
     value: string;
+    /**
+     * The accumulated delta for pixel sensitivity tracking
+     */
+    cumulativeDelta: number;
+    /**
+     * Whether the browser supports pointer lock (false on Safari, false during SSR)
+     */
+    isPointerLockSupported: boolean;
+    /**
+     * The visual viewport scale (for pinch-zoom compensation on the cursor)
+     */
+    visualScale: number;
 }
 interface NumberInputSchema {
     state: "idle" | "focused" | "spinning" | "before:spin" | "scrubbing";
@@ -246,6 +290,10 @@ interface NumberInputApi<T extends PropTypes = PropTypes> {
      * Whether the input is focused.
      */
     focused: boolean;
+    /**
+     * Whether the input is being scrubbed.
+     */
+    scrubbing: boolean;
     /**
      * Whether the input is invalid.
      */
@@ -298,6 +346,7 @@ interface NumberInputApi<T extends PropTypes = PropTypes> {
     getDecrementTriggerProps: () => T["button"];
     getIncrementTriggerProps: () => T["button"];
     getScrubberProps: () => T["element"];
+    getScrubberCursorProps: () => T["element"];
 }
 
 export type { ElementIds, FocusChangeDetails, HintValue, InputMode, IntlTranslations, NumberInputApi, NumberInputMachine, NumberInputProps, NumberInputSchema, NumberInputService, ValidityState, ValueChangeDetails, ValueInvalidDetails };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/number-input",
-  "version": "1.41.1",
+  "version": "2.0.0-next.0",
   "description": "Core logic for the number-input widget implemented as a state machine",
   "keywords": [
     "js",
@@ -27,11 +27,11 @@
   },
   "dependencies": {
     "@internationalized/number": "3.6.6",
-    "@zag-js/anatomy": "1.41.1",
-    "@zag-js/core": "1.41.1",
-    "@zag-js/dom-query": "1.41.1",
-    "@zag-js/types": "1.41.1",
-    "@zag-js/utils": "1.41.1"
+    "@zag-js/anatomy": "2.0.0-next.0",
+    "@zag-js/core": "2.0.0-next.0",
+    "@zag-js/dom-query": "2.0.0-next.0",
+    "@zag-js/types": "2.0.0-next.0",
+    "@zag-js/utils": "2.0.0-next.0"
   },
   "devDependencies": {
     "clean-package": "2.2.0"