Find a way to make SelectNext work as a native form control

[acelaya]

SelectNext is currently a controlled component which only propagates its selected value via callback props.

Our intention long term is to use it as a drop-in repacement of native selects, but for that, we need to be able to:

1. Submit the value of SelectNext if it is part of a <form />.
2. Trigger native form validations and avoid form submits if selected value is not valid.

Some possible solutions to cover both:

1. Render an input[type="hidden"] with the component. Some libraries like headless UI follow this approach.
2. Render a hidden native <select /> which maps selected value. This is what react-aria does.
3. Use HTMLElement.attachInternals, but this requires using a custom element somehow.