I'm using the ElasticUI component library in my project, each type has distinct properties I can use, however, these types do often have a union with HTMLAttributes like this:

export type EuiSelectableOption<T = {}> = ExclusiveUnion<EuiSelectableGroupLabelOption<T>, EuiSelectableLIOption<T>>;

export type EuiSelectableGroupLabelOption<T> = _EuiSelectableGroupLabelOption & T; type _EuiSelectableLIOption = EuiSelectableOptionBase & Exclude<HTMLAttributes<HTMLLIElement>, 'id'>;

Trouble is, that means my suggestion box in VSCode is littered with HTMLAttributes and Aria props. All the props belonging to the package itself are often mixed up and hard to find.

I want to either:

1. Sort suggestions based on distance from current file. So it'll go File Types > EuiSelectableOption > EuiSelectableGroupLabelOption > _EuiSelectableLIOption > EuiSelectableOptionBase > HTMLAttributes

2. Or just completely ignore HTMLAtrributes & Aria from showing in the suggestions at all.

Here's an image to illustrate what I mean: