@astryxdesign/core 0.7.9-canary.76298e4 → 0.7.9-canary.7cda408

package/dist/NumberInput/NumberInput.d.ts

@@ -1,7 +1,7 @@
 /**
  * @file NumberInput.tsx
- * @input Uses React, useId, useState, useMemo, useCallback, useEffect, Field, Icon, InputGroupContext
- * @output Exports NumberInput component, NumberInputProps; optional steppers are hidden on coarse pointers, and a held one repeats into the draft
+ * @input Uses React, useId, useState, useMemo, useCallback, Field, Icon, InputGroupContext
+ * @output Exports NumberInput component, NumberInputProps; optional steppers are hidden on coarse pointers
  * @position Core implementation; consumed by index.ts, tested by NumberInput.test.tsx
  *
  * SYNC: When modified, update these files to stay in sync:
@@ -188,8 +188,6 @@ interface NumberInputPropsBase extends Omit<FieldInputBaseProps, 'onChange' | 'd
     /**
      * Whether to show increment and decrement buttons at the end of the input.
      * The buttons are hidden on coarse pointers (such as touch screens).
-     * Holding a button with a mouse or a pen repeats the step and commits once,
-     * when the hold ends.
      * Direct text entry and keyboard stepping remain available.
      * @default false
      */

package/dist/NumberInput/NumberInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../src/NumberInput/NumberInput.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAQL,KAAK,UAAU,EACf,KAAK,aAAa,EAGlB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAC;AAS3C,OAAO,EAGL,KAAK,WAAW,EAKjB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAuB,KAAK,QAAQ,EAAC,MAAM,SAAS,CAAC;AA2J5D,QAAA,MAAM,UAAU;;;;;;;;;;EAUd,CAAC;AAEH,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,UAAU,CAAC;AAMtD,YAAY,EACV,WAAW,IAAI,iBAAiB,EAChC,eAAe,IAAI,qBAAqB,GACzC,MAAM,UAAU,CAAC;AAGlB,OAAO,EACL,KAAK,mBAAmB,EAEzB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAK9C,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,+BAA+B,CAAC;AASxE,UAAU,oBAAqB,SAAQ,IAAI,CACzC,mBAAmB,EACnB,UAAU,GAAG,cAAc,CAC5B;IACC,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAClC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;;;;;OASG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;;;;;;;;;;;;;;;OAmBG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IACjC;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IACjC;;;;OAIG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB;;;;;;OAMG;IACH,aAAa,CAAC,EAAE,oBAAoB,CAAC;IACrC;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC;IAEvB;;;OAGG;IACH,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACjC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;;;;;OAOG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACpD;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACnD;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAC1D;AAED;;;GAGG;AACH,KAAK,4BAA4B,GAAG,oBAAoB,GAAG;IACzD,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAEF,KAAK,yBAAyB,GAAG,oBAAoB,GAAG;IACtD;;;;;;OAMG;IACH,QAAQ,EAAE,IAAI,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAC1C,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAC1B,4BAA4B,GAAG,yBAAyB,CAAC;AAgH3D;;;;;;;;;;GAUG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,aAAqB,EACrB,WAAW,EACX,UAAkB,EAClB,UAAkB,EAClB,UAAU,EAAE,cAAsB,EAClC,UAAkB,EAClB,eAAe,EACf,SAAS,EACT,SAAS,EACT,MAAM,EACN,aAA0B,EAC1B,IAAI,EAAE,QAAQ,EACd,QAAQ,EACR,KAAK,EACL,WAAW,EACX,YAAY,EACZ,YAAoB,EACpB,QAAQ,EACR,YAAY,EACZ,GAAG,EACH,GAAG,EACH,IAAI,EACJ,WAAW,EACX,cAAqB,EACrB,iBAAyB,EACzB,KAAK,EACL,aAAqB,EACrB,OAAO,EACP,MAAM,EACN,QAAQ,EACR,OAAO,EACP,SAAS,EACT,KAAK,EACL,eAAe,EACf,kBAAkB,EAClB,cAAc,EACd,aAAa,EACb,gBAAgB,EAChB,YAAY,EACZ,GAAG,EACH,EAAE,EAAE,MAAM,EACV,kBAAkB,EAAE,mBAAmB,EACvC,iBAAiB,EAAE,kBAAkB,EACrC,GAAG,SAAS,EACb,EAAE,gBAAgB,+BAsxBlB;yBAp0Be,WAAW"}
+{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../src/NumberInput/NumberInput.tsx"],"names":[],"mappings":"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"}

package/dist/NumberInput/NumberInput.js

@@ -4,8 +4,8 @@
 
 /**
  * @file NumberInput.tsx
- * @input Uses React, useId, useState, useMemo, useCallback, useEffect, Field, Icon, InputGroupContext
- * @output Exports NumberInput component, NumberInputProps; optional steppers are hidden on coarse pointers, and a held one repeats into the draft
+ * @input Uses React, useId, useState, useMemo, useCallback, Field, Icon, InputGroupContext
+ * @output Exports NumberInput component, NumberInputProps; optional steppers are hidden on coarse pointers
  * @position Core implementation; consumed by index.ts, tested by NumberInput.test.tsx
  *
  * SYNC: When modified, update these files to stay in sync:
@@ -17,7 +17,7 @@
  * - /apps/storybook/stories/NumberInput.stories.tsx (storybook stories)
  * - /packages/cli/assets/templates/blocks/components/NumberInput/ (showcase blocks)
  */
-import { use, useId, useState, useMemo, useCallback, useEffect, useRef } from 'react';
+import { use, useId, useState, useMemo, useCallback, useRef } from 'react';
 import { flushSync } from 'react-dom';
 import * as stylex from '@stylexjs/stylex';
 import "../theme/tokens.stylex.js";
@@ -31,7 +31,6 @@ import { joinAriaIDs } from "../utils/inputAria.js";
 import { withholdCallerHandlers } from "../utils/disabledInteraction.js";
 import { interactionOverlayStyles } from "../utils/interactionOverlay.stylex.js";
 import { usePressFeedback } from "../hooks/usePressFeedback.js";
-import { lockSelection, locksSelectionFor } from "../utils/selectionLock.js";
 import { inputDisabledFocusStyles } from "../Field/inputDisabledFocus.js";
 import { useSize } from "../SizeContext/SizeContext.js";
 import { useInputContainer } from "../hooks/useInputContainer.js";
@@ -144,24 +143,6 @@ registerEnglishFallback(english);
  * With `hasClear`, onChange also receives `null` when the user clears the input.
  */
 
-/**
- * A held stepper's timing: the first repeat comes `delayMs` after the press.
- * Each later interval is `acceleration` times the one before, from
- * `firstIntervalMs` down to `minIntervalMs`.
- */
-const STEPPER_HOLD = {
-  delayMs: 500,
-  firstIntervalMs: 250,
-  acceleration: 0.9,
-  minIntervalMs: 50
-};
-
-/**
- * A held stepper press: its pointer, its next repeat, the value its repeats
- * reached, whether the field stopped taking them, and the release of its
- * selection lock.
- */
-
 function getDecimalPlaces(value) {
   const [coefficient, exponentText] = String(value).toLowerCase().split('e');
   const fractionLength = coefficient.split('.')[1]?.length ?? 0;
@@ -305,13 +286,6 @@ export function NumberInput({
 
   // Pending input while user is typing (null = show formatted value)
   const [pendingInput, setPendingInput] = useState(null);
-  // The value a held stepper's repeats reached, shown until the hold ends.
-  const [holdDraft, setHoldDraft] = useState(null);
-  // A field that turns disabled or read-only drops the held value during
-  // render, so no commit shows a value that the release does not commit.
-  if (holdDraft !== null && (isDisabled || isReadOnly)) {
-    setHoldDraft(null);
-  }
   const [isFocused, setIsFocused] = useState(false);
 
   // Disabled-reason tooltip. The tooltip listeners attach to the input container (which already exists) and
@@ -366,9 +340,6 @@ export function NumberInput({
   // Preserve pending text while editing. Otherwise show the formatted value
   // at rest and the raw numeric value while focused so it remains editable.
   const displayValue = useMemo(() => {
-    if (holdDraft !== null) {
-      return formatEditableNumber(holdDraft, locale);
-    }
     if (pendingInput !== null) {
       return pendingInput;
     }
@@ -376,19 +347,15 @@ export function NumberInput({
       return '';
     }
     return isFocused ? formatEditableNumber(value, locale) : formattedValue;
-  }, [formattedValue, holdDraft, isFocused, locale, pendingInput, value]);
+  }, [formattedValue, isFocused, locale, pendingInput, value]);
 
   // Check if current pending input is valid (for styling purposes)
   const isInputValid = useMemo(() => {
-    // A held value is a step on the grid, so it is always valid.
-    if (holdDraft !== null) {
-      return true;
-    }
     if (pendingInput === null || !pendingInput.trim()) {
       return true;
     }
     return parseInput(pendingInput) !== null;
-  }, [holdDraft, pendingInput, parseInput]);
+  }, [pendingInput, parseInput]);
 
   // Keep the whole text edit as a draft until an explicit commit boundary.
   const handleInputChange = useCallback(e => {
@@ -490,152 +457,6 @@ export function NumberInput({
     }
   }, [getNextValue, isDisabled, isReadOnly, onChange, value]);
 
-  // A held stepper repeats into its own draft and commits once, when the hold
-  // ends.
-  const stepperHoldRef = useRef(null);
-  const isClickAfterHoldRef = useRef(false);
-  // The pointer of a repeated hold that another press cancelled. Its own
-  // release still swallows the click that follows.
-  const cancelledHoldPointerRef = useRef(null);
-
-  // Ends a hold with no commit, and drops the draft its repeats wrote.
-  const cancelStepperHold = useCallback(() => {
-    const hold = stepperHoldRef.current;
-    if (hold == null) {
-      return;
-    }
-    stepperHoldRef.current = null;
-    cancelledHoldPointerRef.current = hold.held != null ? hold.pointerId : null;
-    if (hold.timer != null) {
-      clearTimeout(hold.timer);
-    }
-    hold.unlockSelection?.();
-    setHoldDraft(null);
-  }, []);
-
-  // Syncs the held stepper's repeat timer with the field's editability: a
-  // field that turns disabled or read-only stops the repeats, and the release
-  // commits nothing.
-  useEffect(() => {
-    const hold = stepperHoldRef.current;
-    if (hold == null || !(isDisabled || isReadOnly)) {
-      return;
-    }
-    hold.isFrozen = true;
-    if (hold.timer != null) {
-      clearTimeout(hold.timer);
-      hold.timer = null;
-    }
-  }, [isDisabled, isReadOnly]);
-
-  // The stepper column's removal or unmount ends the hold with no commit, as
-  // its buttons can no longer hear the release.
-  const stepperColumnRef = useCallback(() => () => {
-    cancelStepperHold();
-  }, [cancelStepperHold]);
-  const startStepperHold = (direction, canStep, event) => {
-    isClickAfterHoldRef.current = false;
-    if (cancelledHoldPointerRef.current === event.pointerId) {
-      cancelledHoldPointerRef.current = null;
-    }
-    // Any new press ends a running hold, whichever pointer made it.
-    cancelStepperHold();
-    // Steppers render only under a non-coarse primary pointer, so a hold is a
-    // mouse or pen press. A finger keeps the single step of its click.
-    if (event.button !== 0 || event.pointerType === 'touch' || !canStep || isDisabled || isReadOnly) {
-      return;
-    }
-    const first = getNextValue(direction);
-    if (first == null) {
-      return;
-    }
-    // The release ends the hold wherever the pointer is by then.
-    event.currentTarget.setPointerCapture?.(event.pointerId);
-    const grid = {
-      direction,
-      min,
-      max,
-      step,
-      isIntegerOnly
-    };
-    const hold = {
-      pointerId: event.pointerId,
-      timer: null,
-      held: null,
-      intervalMs: STEPPER_HOLD.firstIntervalMs,
-      isFrozen: false,
-      // A pen's hold starts no text selection or callout.
-      unlockSelection: locksSelectionFor(event.pointerType) ? lockSelection([event.currentTarget], event.target) : null
-    };
-    const repeat = () => {
-      const next = hold.held == null ? first : getSteppedValue({
-        currentValue: hold.held,
-        ...grid
-      });
-      // At a bound the repeats stop, and the release still commits.
-      if (next == null || next === hold.held) {
-        hold.timer = null;
-        return;
-      }
-      hold.held = next;
-      setHoldDraft(next);
-      hold.timer = setTimeout(repeat, hold.intervalMs);
-      hold.intervalMs = Math.max(STEPPER_HOLD.minIntervalMs, hold.intervalMs * STEPPER_HOLD.acceleration);
-    };
-    hold.timer = setTimeout(repeat, STEPPER_HOLD.delayMs);
-    stepperHoldRef.current = hold;
-  };
-  const handleStepperContextMenu = event => {
-    const hold = stepperHoldRef.current;
-    if (hold == null) {
-      return;
-    }
-    // A pen's hold opens no callout menu. A mouse's context request, such as
-    // a Control-click, ends its hold with no commit and opens the menu.
-    if (hold.unlockSelection != null) {
-      event.preventDefault();
-      return;
-    }
-    cancelStepperHold();
-    // A click that follows the menu steps nothing, as after any ended hold.
-    cancelledHoldPointerRef.current = hold.pointerId;
-    isClickAfterHoldRef.current = true;
-  };
-  const endStepperHold = (end, pointerId) => {
-    const hold = stepperHoldRef.current;
-    // Only the pointer that holds can end the hold.
-    if (hold == null || hold.pointerId !== pointerId) {
-      if (cancelledHoldPointerRef.current === pointerId) {
-        cancelledHoldPointerRef.current = null;
-        // Only arm the swallow here: a lost capture must not clear it.
-        if (end === 'release') {
-          isClickAfterHoldRef.current = true;
-        }
-      }
-      return;
-    }
-    stepperHoldRef.current = null;
-    if (hold.timer != null) {
-      clearTimeout(hold.timer);
-    }
-    hold.unlockSelection?.();
-    // A press released before its first repeat is a click, and its click
-    // steps.
-    if (hold.held == null) {
-      return;
-    }
-    isClickAfterHoldRef.current = end === 'release';
-    setHoldDraft(null);
-    // A frozen hold commits nothing, so a typed draft under it stays.
-    if (hold.isFrozen || isDisabled || isReadOnly) {
-      return;
-    }
-    setPendingInput(null);
-    if (hold.held !== value) {
-      onChange(hold.held);
-    }
-  };
-
   // Handle keyboard events
   const handleKeyDown = useCallback(e => {
     if (isDisabled) {
@@ -693,31 +514,8 @@ export function NumberInput({
     return () => input.removeEventListener('wheel', handleWheel);
   }, [isDisabled, isReadOnly, isWheelEnabled, stepValue]);
   const mergedInputRef = useMemo(() => mergeRefs(ref, inputRef, wheelListenerRef), [ref, wheelListenerRef]);
-
-  // While a hold runs, the steppers follow the value that it shows.
-  const {
-    canIncrement,
-    canDecrement
-  } = useMemo(() => {
-    const base = holdDraft ?? valueForStepping;
-    const grid = {
-      currentValue: base,
-      min,
-      max,
-      step,
-      isIntegerOnly
-    };
-    return {
-      canIncrement: getSteppedValue({
-        ...grid,
-        direction: 1
-      }) !== base,
-      canDecrement: getSteppedValue({
-        ...grid,
-        direction: -1
-      }) !== base
-    };
-  }, [holdDraft, isIntegerOnly, max, min, step, valueForStepping]);
+  const canIncrement = getNextValue(1) !== valueForStepping;
+  const canDecrement = getNextValue(-1) !== valueForStepping;
 
   // Handle clear button click
   const handleClear = useCallback(e => {
@@ -840,7 +638,6 @@ export function NumberInput({
       }),
       onClick: handleClear
     }), statusIcon, hasNumberSteppers && /*#__PURE__*/_jsxs("div", {
-      ref: stepperColumnRef,
       ...{
         className: "xkh2ocl x78zum5 xhj50sb xdt5ytf x2lah0s x12xnipv x5j3pgv x13i4uq0 xgbv0en x1t7ytsu x14ydlgx xb3r6kr x1g2gkjz xoao14b"
       },
@@ -852,23 +649,8 @@ export function NumberInput({
         "aria-label": t('@astryx.numberInput.incrementLabel', {
           label
         }),
-        onPointerDown: event => {
-          event.preventDefault();
-          startStepperHold(1, canIncrement, event);
-        },
-        onContextMenu: handleStepperContextMenu,
-        onPointerUp: event => endStepperHold('release', event.pointerId),
-        onPointerCancel: event => endStepperHold('cancel', event.pointerId),
-        onLostPointerCapture: event => endStepperHold('cancel', event.pointerId),
-        onClick: event => {
-          const isAfterHold = isClickAfterHoldRef.current;
-          isClickAfterHoldRef.current = false;
-          // A pointer's click after a held press's release steps nothing.
-          // A click with no pointer, such as a screen reader's, steps.
-          if (isAfterHold && event.detail > 0) {
-            inputRef.current?.focus();
-            return;
-          }
+        onPointerDown: event => event.preventDefault(),
+        onClick: () => {
           // An aria-disabled stepper does nothing, as a natively disabled
           // one did (spec:AST-085 FR2).
           if (isDisabled || isReadOnly || !canIncrement) {
@@ -892,23 +674,8 @@ export function NumberInput({
         "aria-label": t('@astryx.numberInput.decrementLabel', {
           label
         }),
-        onPointerDown: event => {
-          event.preventDefault();
-          startStepperHold(-1, canDecrement, event);
-        },
-        onContextMenu: handleStepperContextMenu,
-        onPointerUp: event => endStepperHold('release', event.pointerId),
-        onPointerCancel: event => endStepperHold('cancel', event.pointerId),
-        onLostPointerCapture: event => endStepperHold('cancel', event.pointerId),
-        onClick: event => {
-          const isAfterHold = isClickAfterHoldRef.current;
-          isClickAfterHoldRef.current = false;
-          // A pointer's click after a held press's release steps nothing.
-          // A click with no pointer, such as a screen reader's, steps.
-          if (isAfterHold && event.detail > 0) {
-            inputRef.current?.focus();
-            return;
-          }
+        onPointerDown: event => event.preventDefault(),
+        onClick: () => {
           // An aria-disabled stepper does nothing, as a natively disabled
           // one did (spec:AST-085 FR2).
           if (isDisabled || isReadOnly || !canDecrement) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@astryxdesign/core",
-  "version": "0.7.9-canary.76298e4",
+  "version": "0.7.9-canary.7cda408",
   "displayName": "Astryx Core",
   "description": "The component library. Accessible, themeable React components with built-in spacing, dark mode, and StyleX styling.",
   "author": "Meta Open Source",
@@ -870,9 +870,9 @@
     "react-dom": ">=19.0.0"
   },
   "devDependencies": {
-    "@astryxdesign/a11y-spec": "0.7.9-canary.76298e4",
-    "@astryxdesign/cli": "0.7.9-canary.76298e4",
-    "@astryxdesign/interaction-harness": "0.7.9-canary.76298e4",
+    "@astryxdesign/a11y-spec": "0.7.9-canary.7cda408",
+    "@astryxdesign/cli": "0.7.9-canary.7cda408",
+    "@astryxdesign/interaction-harness": "0.7.9-canary.7cda408",
     "@babel/cli": "^7.29.7",
     "@babel/core": "^7.29.7",
     "@babel/preset-react": "^7.29.7",

package/src/NumberInput/NumberInput.doc.mjs

@@ -160,7 +160,7 @@ export const docs = {
       name: 'hasNumberSteppers',
       type: 'boolean',
       description:
-        'Shows increment and decrement buttons at the end of the input on fine pointers. Hidden on coarse pointers (such as touch screens); text entry and keyboard stepping remain available. Holding a button with a mouse or a pen repeats the step and commits once, when the hold ends.',
+        'Shows increment and decrement buttons at the end of the input on fine pointers. Hidden on coarse pointers (such as touch screens); text entry and keyboard stepping remain available.',
       default: 'false',
     },
     {

package/src/NumberInput/NumberInput.tsx

@@ -4,8 +4,8 @@
 
 /**
  * @file NumberInput.tsx
- * @input Uses React, useId, useState, useMemo, useCallback, useEffect, Field, Icon, InputGroupContext
- * @output Exports NumberInput component, NumberInputProps; optional steppers are hidden on coarse pointers, and a held one repeats into the draft
+ * @input Uses React, useId, useState, useMemo, useCallback, Field, Icon, InputGroupContext
+ * @output Exports NumberInput component, NumberInputProps; optional steppers are hidden on coarse pointers
  * @position Core implementation; consumed by index.ts, tested by NumberInput.test.tsx
  *
  * SYNC: When modified, update these files to stay in sync:
@@ -24,12 +24,9 @@ import {
   useState,
   useMemo,
   useCallback,
-  useEffect,
   useRef,
   type FocusEvent,
   type KeyboardEvent,
-  type MouseEvent,
-  type PointerEvent,
   type ReactNode,
 } from 'react';
 import {flushSync} from 'react-dom';
@@ -59,7 +56,6 @@ import {joinAriaIDs} from '../utils/inputAria';
 import {withholdCallerHandlers} from '../utils/disabledInteraction';
 import {interactionOverlayStyles} from '../utils/interactionOverlay.stylex';
 import {usePressFeedback} from '../hooks/usePressFeedback';
-import {lockSelection, locksSelectionFor} from '../utils/selectionLock';
 import {inputDisabledFocusStyles} from '../Field/inputDisabledFocus';
 import {useSize} from '../SizeContext/SizeContext';
 import {useInputContainer} from '../hooks/useInputContainer';
@@ -407,8 +403,6 @@ interface NumberInputPropsBase extends Omit<
   /**
    * Whether to show increment and decrement buttons at the end of the input.
    * The buttons are hidden on coarse pointers (such as touch screens).
-   * Holding a button with a mouse or a pen repeats the step and commits once,
-   * when the hold ends.
    * Direct text entry and keyboard stepping remain available.
    * @default false
    */
@@ -466,32 +460,6 @@ export type NumberInputProps =
 
 type StepDirection = -1 | 1;
 
-/**
- * A held stepper's timing: the first repeat comes `delayMs` after the press.
- * Each later interval is `acceleration` times the one before, from
- * `firstIntervalMs` down to `minIntervalMs`.
- */
-const STEPPER_HOLD = {
-  delayMs: 500,
-  firstIntervalMs: 250,
-  acceleration: 0.9,
-  minIntervalMs: 50,
-} as const;
-
-/**
- * A held stepper press: its pointer, its next repeat, the value its repeats
- * reached, whether the field stopped taking them, and the release of its
- * selection lock.
- */
-type StepperHold = {
-  pointerId: number;
-  timer: ReturnType<typeof setTimeout> | null;
-  held: number | null;
-  intervalMs: number;
-  isFrozen: boolean;
-  unlockSelection: (() => void) | null;
-};
-
 function getDecimalPlaces(value: number): number {
   const [coefficient, exponentText] = String(value).toLowerCase().split('e');
   const fractionLength = coefficient.split('.')[1]?.length ?? 0;
@@ -657,13 +625,6 @@ export function NumberInput({
 
   // Pending input while user is typing (null = show formatted value)
   const [pendingInput, setPendingInput] = useState<string | null>(null);
-  // The value a held stepper's repeats reached, shown until the hold ends.
-  const [holdDraft, setHoldDraft] = useState<number | null>(null);
-  // A field that turns disabled or read-only drops the held value during
-  // render, so no commit shows a value that the release does not commit.
-  if (holdDraft !== null && (isDisabled || isReadOnly)) {
-    setHoldDraft(null);
-  }
   const [isFocused, setIsFocused] = useState(false);
 
   // Disabled-reason tooltip. The tooltip listeners attach to the input container (which already exists) and
@@ -728,9 +689,6 @@ export function NumberInput({
   // Preserve pending text while editing. Otherwise show the formatted value
   // at rest and the raw numeric value while focused so it remains editable.
   const displayValue = useMemo(() => {
-    if (holdDraft !== null) {
-      return formatEditableNumber(holdDraft, locale);
-    }
     if (pendingInput !== null) {
       return pendingInput;
     }
@@ -738,19 +696,15 @@ export function NumberInput({
       return '';
     }
     return isFocused ? formatEditableNumber(value, locale) : formattedValue;
-  }, [formattedValue, holdDraft, isFocused, locale, pendingInput, value]);
+  }, [formattedValue, isFocused, locale, pendingInput, value]);
 
   // Check if current pending input is valid (for styling purposes)
   const isInputValid = useMemo(() => {
-    // A held value is a step on the grid, so it is always valid.
-    if (holdDraft !== null) {
-      return true;
-    }
     if (pendingInput === null || !pendingInput.trim()) {
       return true;
     }
     return parseInput(pendingInput) !== null;
-  }, [holdDraft, pendingInput, parseInput]);
+  }, [pendingInput, parseInput]);
 
   // Keep the whole text edit as a draft until an explicit commit boundary.
   const handleInputChange = useCallback(
@@ -896,167 +850,6 @@ export function NumberInput({
     [getNextValue, isDisabled, isReadOnly, onChange, value],
   );
 
-  // A held stepper repeats into its own draft and commits once, when the hold
-  // ends.
-  const stepperHoldRef = useRef<StepperHold | null>(null);
-  const isClickAfterHoldRef = useRef(false);
-  // The pointer of a repeated hold that another press cancelled. Its own
-  // release still swallows the click that follows.
-  const cancelledHoldPointerRef = useRef<number | null>(null);
-
-  // Ends a hold with no commit, and drops the draft its repeats wrote.
-  const cancelStepperHold = useCallback(() => {
-    const hold = stepperHoldRef.current;
-    if (hold == null) {
-      return;
-    }
-    stepperHoldRef.current = null;
-    cancelledHoldPointerRef.current = hold.held != null ? hold.pointerId : null;
-    if (hold.timer != null) {
-      clearTimeout(hold.timer);
-    }
-    hold.unlockSelection?.();
-    setHoldDraft(null);
-  }, []);
-
-  // Syncs the held stepper's repeat timer with the field's editability: a
-  // field that turns disabled or read-only stops the repeats, and the release
-  // commits nothing.
-  useEffect(() => {
-    const hold = stepperHoldRef.current;
-    if (hold == null || !(isDisabled || isReadOnly)) {
-      return;
-    }
-    hold.isFrozen = true;
-    if (hold.timer != null) {
-      clearTimeout(hold.timer);
-      hold.timer = null;
-    }
-  }, [isDisabled, isReadOnly]);
-
-  // The stepper column's removal or unmount ends the hold with no commit, as
-  // its buttons can no longer hear the release.
-  const stepperColumnRef = useCallback(
-    () => () => {
-      cancelStepperHold();
-    },
-    [cancelStepperHold],
-  );
-
-  const startStepperHold = (
-    direction: StepDirection,
-    canStep: boolean,
-    event: PointerEvent<HTMLButtonElement>,
-  ) => {
-    isClickAfterHoldRef.current = false;
-    if (cancelledHoldPointerRef.current === event.pointerId) {
-      cancelledHoldPointerRef.current = null;
-    }
-    // Any new press ends a running hold, whichever pointer made it.
-    cancelStepperHold();
-    // Steppers render only under a non-coarse primary pointer, so a hold is a
-    // mouse or pen press. A finger keeps the single step of its click.
-    if (
-      event.button !== 0 ||
-      event.pointerType === 'touch' ||
-      !canStep ||
-      isDisabled ||
-      isReadOnly
-    ) {
-      return;
-    }
-    const first = getNextValue(direction);
-    if (first == null) {
-      return;
-    }
-    // The release ends the hold wherever the pointer is by then.
-    event.currentTarget.setPointerCapture?.(event.pointerId);
-    const grid = {direction, min, max, step, isIntegerOnly};
-    const hold: StepperHold = {
-      pointerId: event.pointerId,
-      timer: null,
-      held: null,
-      intervalMs: STEPPER_HOLD.firstIntervalMs,
-      isFrozen: false,
-      // A pen's hold starts no text selection or callout.
-      unlockSelection: locksSelectionFor(event.pointerType)
-        ? lockSelection([event.currentTarget], event.target)
-        : null,
-    };
-    const repeat = () => {
-      const next =
-        hold.held == null
-          ? first
-          : getSteppedValue({currentValue: hold.held, ...grid});
-      // At a bound the repeats stop, and the release still commits.
-      if (next == null || next === hold.held) {
-        hold.timer = null;
-        return;
-      }
-      hold.held = next;
-      setHoldDraft(next);
-      hold.timer = setTimeout(repeat, hold.intervalMs);
-      hold.intervalMs = Math.max(
-        STEPPER_HOLD.minIntervalMs,
-        hold.intervalMs * STEPPER_HOLD.acceleration,
-      );
-    };
-    hold.timer = setTimeout(repeat, STEPPER_HOLD.delayMs);
-    stepperHoldRef.current = hold;
-  };
-
-  const handleStepperContextMenu = (event: MouseEvent<HTMLButtonElement>) => {
-    const hold = stepperHoldRef.current;
-    if (hold == null) {
-      return;
-    }
-    // A pen's hold opens no callout menu. A mouse's context request, such as
-    // a Control-click, ends its hold with no commit and opens the menu.
-    if (hold.unlockSelection != null) {
-      event.preventDefault();
-      return;
-    }
-    cancelStepperHold();
-    // A click that follows the menu steps nothing, as after any ended hold.
-    cancelledHoldPointerRef.current = hold.pointerId;
-    isClickAfterHoldRef.current = true;
-  };
-
-  const endStepperHold = (end: 'release' | 'cancel', pointerId: number) => {
-    const hold = stepperHoldRef.current;
-    // Only the pointer that holds can end the hold.
-    if (hold == null || hold.pointerId !== pointerId) {
-      if (cancelledHoldPointerRef.current === pointerId) {
-        cancelledHoldPointerRef.current = null;
-        // Only arm the swallow here: a lost capture must not clear it.
-        if (end === 'release') {
-          isClickAfterHoldRef.current = true;
-        }
-      }
-      return;
-    }
-    stepperHoldRef.current = null;
-    if (hold.timer != null) {
-      clearTimeout(hold.timer);
-    }
-    hold.unlockSelection?.();
-    // A press released before its first repeat is a click, and its click
-    // steps.
-    if (hold.held == null) {
-      return;
-    }
-    isClickAfterHoldRef.current = end === 'release';
-    setHoldDraft(null);
-    // A frozen hold commits nothing, so a typed draft under it stays.
-    if (hold.isFrozen || isDisabled || isReadOnly) {
-      return;
-    }
-    setPendingInput(null);
-    if (hold.held !== value) {
-      onChange(hold.held);
-    }
-  };
-
   // Handle keyboard events
   const handleKeyDown = useCallback(
     (e: KeyboardEvent<HTMLInputElement>) => {
@@ -1134,15 +927,8 @@ export function NumberInput({
     [ref, wheelListenerRef],
   );
 
-  // While a hold runs, the steppers follow the value that it shows.
-  const {canIncrement, canDecrement} = useMemo(() => {
-    const base = holdDraft ?? valueForStepping;
-    const grid = {currentValue: base, min, max, step, isIntegerOnly};
-    return {
-      canIncrement: getSteppedValue({...grid, direction: 1}) !== base,
-      canDecrement: getSteppedValue({...grid, direction: -1}) !== base,
-    };
-  }, [holdDraft, isIntegerOnly, max, min, step, valueForStepping]);
+  const canIncrement = getNextValue(1) !== valueForStepping;
+  const canDecrement = getNextValue(-1) !== valueForStepping;
 
   // Handle clear button click
   const handleClear = useCallback(
@@ -1283,7 +1069,7 @@ export function NumberInput({
       )}
       {statusIcon}
       {hasNumberSteppers && (
-        <div ref={stepperColumnRef} {...stylex.props(styles.numberSteppers)}>
+        <div {...stylex.props(styles.numberSteppers)}>
           <button
             type="button"
             tabIndex={-1}
@@ -1292,25 +1078,8 @@ export function NumberInput({
               isDisabled || isReadOnly || !canIncrement || undefined
             }
             aria-label={t('@astryx.numberInput.incrementLabel', {label})}
-            onPointerDown={event => {
-              event.preventDefault();
-              startStepperHold(1, canIncrement, event);
-            }}
-            onContextMenu={handleStepperContextMenu}
-            onPointerUp={event => endStepperHold('release', event.pointerId)}
-            onPointerCancel={event => endStepperHold('cancel', event.pointerId)}
-            onLostPointerCapture={event =>
-              endStepperHold('cancel', event.pointerId)
-            }
-            onClick={event => {
-              const isAfterHold = isClickAfterHoldRef.current;
-              isClickAfterHoldRef.current = false;
-              // A pointer's click after a held press's release steps nothing.
-              // A click with no pointer, such as a screen reader's, steps.
-              if (isAfterHold && event.detail > 0) {
-                inputRef.current?.focus();
-                return;
-              }
+            onPointerDown={event => event.preventDefault()}
+            onClick={() => {
               // An aria-disabled stepper does nothing, as a natively disabled
               // one did (spec:AST-085 FR2).
               if (isDisabled || isReadOnly || !canIncrement) {
@@ -1340,25 +1109,8 @@ export function NumberInput({
               isDisabled || isReadOnly || !canDecrement || undefined
             }
             aria-label={t('@astryx.numberInput.decrementLabel', {label})}
-            onPointerDown={event => {
-              event.preventDefault();
-              startStepperHold(-1, canDecrement, event);
-            }}
-            onContextMenu={handleStepperContextMenu}
-            onPointerUp={event => endStepperHold('release', event.pointerId)}
-            onPointerCancel={event => endStepperHold('cancel', event.pointerId)}
-            onLostPointerCapture={event =>
-              endStepperHold('cancel', event.pointerId)
-            }
-            onClick={event => {
-              const isAfterHold = isClickAfterHoldRef.current;
-              isClickAfterHoldRef.current = false;
-              // A pointer's click after a held press's release steps nothing.
-              // A click with no pointer, such as a screen reader's, steps.
-              if (isAfterHold && event.detail > 0) {
-                inputRef.current?.focus();
-                return;
-              }
+            onPointerDown={event => event.preventDefault()}
+            onClick={() => {
               // An aria-disabled stepper does nothing, as a natively disabled
               // one did (spec:AST-085 FR2).
               if (isDisabled || isReadOnly || !canDecrement) {