{#if item.matchesQuery} { onhighlight?.(); item.highlight(); }} onclick={item.activate} class={[ 'rounded-lg py-1.5 pr-2 pl-8 text-sm relative flex w-full cursor-default items-center text-left outline-none select-none', 'focus-visible:ring-brand-500/30 transition-colors focus-visible:ring-2 focus-visible:outline-none focus-visible:ring-inset', disabled && 'cursor-not-allowed opacity-40', !disabled && item.isHighlighted && 'bg-surface-overlay', !disabled && !item.isHighlighted && 'hover:bg-surface-overlay', !disabled && item.isSelected && 'font-medium text-brand-600 dark:text-brand-400', !disabled && !item.isSelected && 'text-primary', className ]} > {#if item.isSelected} {/if} {#if children} {@render children()} {:else} {label || value} {/if} {/if}