{#if value && getMdiPath(value)}
{:else}
Icon
{/if}
▼
{#if open}
{ open = false; search = ''; }}>
select('')} class="flex items-center justify-center aspect-square rounded hover:bg-[var(--color-muted)] text-xs text-[var(--color-muted-foreground)]" title="No icon">✕
{#each filtered as iconName}
select(iconName)} class="flex items-center justify-center aspect-square rounded hover:bg-[var(--color-muted)] {value === iconName ? 'bg-[var(--color-accent)]' : ''}" title={iconName.replace('mdi', '')}>
{/each}
{/if}