feature(packages/ui): Combobox component

[0xTxbi]

Description

This PR introduces a new Combobox component to our ui package, aimed at improving user experience and accessibility over traditional select elements. It includes a dynamic search functionality, making it easier for users to filter and locate options within large datasets. It also supports full keyboard navigation (enter, Arrow keys, escape, tab) for enhanced accessibility compliance.

Additional features include customizable prepend/append elements, disabled states, and clear visual feedback with check icons, all integrated with our FieldLayout for consistent styling.

Overall, it simplifies dropdown selection.

ScreenGrab

Checklist:

• 1 PR, 1 purpose: my Pull Request applies to a single purpose
• I have commented my code, particularly in hard-to-understand areas
• I have updated the docs to reflect my changes if applicable
• I have added tests (and stories for frontend components) that prove my fix is effective or that my feature works
• I have performed a self-review of my own code
• If my code involves visual changes, I am adding applicable screenshots to this thread

[julien51]

ok ok, this definetely "looks" good and useful, but I want to make sure it "blends" in our existing style. wdyt?

[0xTxbi]

ok ok, this definetely "looks" good and useful, but I want to make sure it "blends" in our existing style. wdyt?

good question, and yes it does blend with our existing style and branding! do check this demo

[julien51]

ok I think we are missing the "more" options here. It is important because it lets us show a smaller number of options by default but if the use r wants more, then more are shown. Do you think you could add that?

[0xTxbi]

ok I think we are missing the "more" options here. It is important because it lets us show a smaller number of options by default but if the use r wants more, then more are shown. Do you think you could add that?

good point! will add that!

[0xTxbi]

and done!

[julien51]

Hum, I am not sure I see the moreOptions option.
The goal here is to show a specifc subset of items by default (not just the first n...)