How can I forward event from a custom Listbox component on v2.0?

[shamscorner]

Since the on:change event is removed from the Listbox component, I am not sure how can I forward it to it's parent from child. Here is my implementation:

Consider this FormSelect.svelte file:
Note: consider the script tag is there and also some other implementations.

export let options: { option: string; value: string }[];
export let value: (typeof options)[number] | null | undefined = null;

const dispatch = createEventDispatcher();

$: {
dispatch('change', value);
}

<Listbox bind:value let:open class={wrapClass}>
....
</Listbox>

On another file:

<FormSelect
        options={someOptions}
	bind:value={someValue}
	on:change={(e) => onChangePackageType(e.detail)}
/>

Now the problem is: if I have 3 FormSelect components, all are forwarding that change-event even if I don't attach on:change on the other components. My guess is it is binding the value to the ListBox by reference somehow and it is updating for all components that means that onChangePackageType method is calling for all the other FormSelect components.

Any suggestions would be much appreciated.