Svelte typescripts does not see events emitted from actions

[jacobbogers]

Describe the bug

I am trying to use actions on an input component
this normally works without typescript, but with typescript it cannot recognize the events emitted from the action

//FILE: checkable.ts, these is the action
export function checkable(node: HTMLElement): SvelteActionReturnType {

	function handleChange(e: Event & { target: { checked: boolean } }) {
		
		if (e.target?.checked) {
			node.dispatchEvent(new CustomEvent('checked'))
		}
		else {
			node.dispatchEvent(new CustomEvent('unchecked'));
		}
	}

	node.addEventListener('change', handleChange as (e: Event) => void);

	return {
		destroy() {
			node.removeEventListener('change', handleChange as (e: Event) => void);
		}
	};
}

** Note the events "change" is translated to 2 events "checked" and "unchecked" **

//FILE: ButtonSpecial.svelte
 <script lang="ts">
    import { checkable } from "./checkable"; 
</script>

 <input use:checkable on:checked on:unchecked type="checkbox" />

### Reproduction

Not applicable

### Logs

Type '{ onchecked: undefined; onunchecked: undefined; type: string; }' is not assignable to type 'SvelteInputProps'.
  Property 'onchecked' does not exist on type 'SvelteInputProps'. Did you mean 'checked'?ts(2322)

### System Info

```shell
Not applicable

Severity

blocking all usage of svelte

[dummdidumm]

Related to #6538 and duplicate of sveltejs/language-tools#431 . Current workaround for this is https://github.com/sveltejs/language-tools/blob/master/docs/preprocessors/typescript.md#im-using-an-attributeevent-on-a-dom-element-and-it-throws-a-type-error