[@zag-js/combobox]: Additional data attribute for differentiating between highlight and keybaord navigation

[Hugos68]

🚀 Feature request

Add an additional data-* attribute for when users are navigating through options.

🧱 Problem Statement / Justification

Please provide valid reason(s) why this should added.

If this feaure is related to a problem you've noticed. Mention it as well

With the combobox when hovering/highlighting options I can add a nice background to showcase what option is currently highlighted. For keybaord users I'd like to add an additional accessible border like how buttons would work with focus-visible borders. But there is no way to differentiate between how a item is highlighted hover/focus-visible/typing

✅ Proposed solution or API

Please provide code snippets, gists, or links to the ideal design or API

Add a data-focus and/or data-focus-visible property to each combobox item

↩️ Alternatives

What alternative solutions have you considered before making this request?

📝 Additional Information

What resources (links, screenshots, etc.) do you have to assist this effort?