feat(NumberField): support invertWheelChange to invert the wheel change behavior

[kricsleo]

resolves #1934

This PR "corrects" the wheel change behavior:

	Before	After
Scroll down (deltaY > 0)	increase	decrease
Scroll up (deltaY < 0)	decrease	increase

This is more intuitive, other UI libraries also do this, e.g., Material UI - TextField and Ant Design - InputNumber|

This PR adds support for invertWheelChange to invert the wheel change behavior.

[pkg-pr-new]

Open in StackBlitz

npm i https://pkg.pr.new/reka-ui@1935

commit: cc41c3a

[zernonia]

I think it's debatable which direction is more intuitive 😂 The 'before' feels right to me tho..

Also, the current implementation is inspired by react-aria, hence having the same wheel behavior.

Perhaps we can have a props to invert the behavior, and allow user to modify it?

[kricsleo]

Yeah, it seems diverse in the community...

To me, "down" (deltaY > 0) aligns more with "decrease", while "up" (deltaY < 0) aligns more with "increase".

Since there's no specification for this, I agreed on adding invertWheelChange to satisfy both sides 👍.

As for the default behavior, we could temporarily leave it as is to avoid changes. It can be changed in the future if more users request it.

[zernonia]

LGTM! 🎉