Feature Request: Add onNavigate Prop to Enhance Keyboard Navigation in Select Component

[vmarcosp]

Description

I propose adding an onNavigate prop to the Select component in the Ink UI library. This enhancement will enable developers to implement custom behavior when navigating through options using the keyboard arrow keys. Currently, the Select component supports selection changes through the onChange prop, which triggers when an option is selected via the Enter key. The new onNavigate prop would complement this by handling state changes or side effects during the navigation process before an option is selected.

Expected Behavior

The onNavigate prop should be a function that gets executed every time a user navigates to a new option using the arrow keys. It could be useful for scenarios such as previewing option details or updating the application state based on the currently focused option.

Use Case Example

<Select
  options={[{ label: 'Option 1', value: '1' }, { label: 'Option 2', value: '2' }]}
  onChange={handleSelect}
  onNavigate={handleNavigate}
/>

💡 I am willing and prepared to open a pull request to implement this feature.