{#each $toasts as t (t.id)} handleClick(t)} onkeydown={(e) => handleKey(e, t)} onmouseenter={() => toasts.pauseDwell(t.id, t.dwellMs)} onmouseleave={() => toasts.resumeDwell(t.id)} onfocus={() => toasts.pauseDwell(t.id, t.dwellMs)} onblur={() => toasts.resumeDwell(t.id)} style="--toast-color: {t.color}; --toast-dwell: {t.dwellMs}ms;" >

{iconFor(t.type)} {t.title}

{t.body}

{/each}