NumberField: Separate step for increment/decrement buttons vs. input validation

[oleh-kolinko]

Summary
Heroui v3.0.5

The step prop currently controls both the increment/decrement button delta AND the snapping of manually entered values. There's no way to configure these independently.

Our Use case

Currency/money inputs where:

• The +/− buttons should increment by a larger amount (e.g. $5)
• Manual typed input should allow any decimal value (e.g. $12.50)

I have NumberField with incrementing by $5 but also allow manual input down to cents, so we have

• step={5},
• formatOptions={{ currency: "USD", style: "currency" }}

And when trying to type anything that is not by step 5 e.g. 16.44 snaps to 15 on blur. Which is not desired behavior and very limiting

Proposed API

  <NumberField
    step={0.01}        // input validation / arrow key step (allow cents)
    buttonStep={5}     // +/− button delta
    ...
  />

Or alternatively, define step on separately on IncrementButton itself

<NumberField.IncrementButton step={5} />

or allow passing a custom onPress to the stepper buttons that replaces (not supplements) the built-in increment behavior:

 <NumberField.IncrementButton replaceOnPress onPress={() => onChange(value + 5)} />

The only workaround is replacing NumberField.IncrementButton / NumberField.DecrementButton with plain elements that bypass the slot system entirely losing accessibility attributes and HeroUI's press/focus handling