Make searchable option support fuzzy search in <flux:select> component

[bridgeyuwa]

Description

Currently, the searchable feature in <flux:select> only supports exact or prefix matching. It does not handle fuzzy search, which makes it less forgiving for typos or approximate matches.

<flux:select variant="listbox" searchable placeholder="Choose industries...">
    <flux:select.option>Photography</flux:select.option>
    <flux:select.option>Design services</flux:select.option>
    <flux:select.option>Web development</flux:select.option>
    <flux:select.option>Accounting</flux:select.option>
    <flux:select.option>Legal services</flux:select.option>
    <flux:select.option>Consulting</flux:select.option>
    <flux:select.option>Other</flux:select.option>
</flux:select>

Expected Behavior

Typing a close approximation or a string with minor typos should still return relevant matches.
For example, typing :

Search: "Jon Smyth"
Match: "John Smith"

Search: "aple"
Match: "apple"

Search: "internashunal"
Match: "international"

Search: "reciept"
Match: "receipt"

Search: "gogle"
Match: "Google"

Suggestion

Implement fuzzy search using a lightweight algorithm like Fuse.js or similar, to improve the UX of flux:select searchable.

This would make the component more robust and user-friendly.