Clicking any PinInput.Input should focus the first Input when empty

[paularmstrong]

Description

When I click on any box of an empty PinInput group, I expect it to extend keyboard focus to the first element in the set, not the one clicked.

This is an accessibility issue for low mobility users, who would expect to be able to tap any of the boxes and type in all items, not just starting from the one tapped.

Generally, I would assume focus would always move to the first empty box when tapping any empty box.

Scenario: all empty:

[ ] [ ] [ ] [ ]
         ^ tap here
# Should result in
[ ] [ ] [ ] [ ]
 ^ focus is placed here

Scenario: not all empty:

[1] [2] [ ] [ ]
             ^ tap here
# Should result in
[1] [2] [ ] [ ]
         ^ focus is placed here

Scenario: not all empty:

[1] [2] [ ] [ ]
     ^ tap here
# Should result in
[1] [2] [ ] [ ]
     ^ focus is placed here

Link to Reproduction (or Detailed Explanation)

https://codesandbox.io/p/devbox/black-hill-glp8wv

Steps to Reproduce

1. Go to https://ark-ui.com/docs/components/pin-input
2. In the first example, click the 3rd box from the left
3. Start typing. Notice that when you type more than 2 items, it won't fill back to the first two boxes.

Ark UI Version

5.34.0

Framework

• React
• Solid
• Vue
• Svelte

Browser

all

Additional Information

No response