Create from Search

The component is self-contained: one file, no dependencies, its own palette in the local --vibeui-select-036-* variables. The field is a plain button showing the value; search opens together with the list and lives inside the panel: an input with role="combobox", aria-autocomplete="list" and aria-activedescendant, next to a role="listbox" holding the option rows and, last, the create row. Matching is case-insensitive, the matched fragment is wrapped in <mark> and highlighted with a background rather than a text colour: on a coloured surface recoloured text stops reading. The create row is shown only while no option matches the query exactly — otherwise it would offer a duplicate; it prints the Enter hint, and Enter really does run it while that row is active. A created value is appended to the list and badged so it stands out among the reference ones. The defaultQuery prop pre-fills the search — the showcase and debugging use it. The open prop expands the list in page flow; there is no light dismiss in that mode. When name is set, the value is submitted through a hidden input.