toggleItem(index)} class="h-4 w-4 rounded border-[var(--border-subtle)] text-[var(--primary)] focus:ring-[var(--primary)]" data-testid="checklist-checkbox" /> updateText(index, (e.target as HTMLInputElement).value)} onkeydown={(e) => handleKeydown(e, index)} class="flex-1 bg-transparent text-sm outline-none {item.checked ? 'text-[var(--text-muted)] line-through' : 'text-[var(--text)]'}" placeholder="List item" data-testid="checklist-input" /> removeItem(index)} class="opacity-0 hover:opacity-100 focus:opacity-100" aria-label="Remove item" data-testid="checklist-remove" >