{#each filteredOptions as option, i}
{@const optionSegments = parseColorText(option.label, $themeColors.colorMap)}
!option.disabled && handleSelect(option.value)}
onkeydown={(e) =>
e.key === "Enter" &&
!option.disabled &&
handleSelect(option.value)}
onmouseenter={() => (highlightedIndex = i)}
>
{#if option.icon}
{/if}
{#each optionSegments as segment}
{#if segment.icon}
{:else if getSegmentStyle(segment)}
{segment.text}
{:else}
{segment.text}
{/if}
{/each}
{#if value === option.value}
{/if}
{:else}
No options found
{/each}