Add better event typing

The any types could probably be improved with $$Generic

src/lib/components/dialog/Dialog.svelte

@@ -70,7 +70,9 @@
   export let open: Boolean | undefined = undefined;
   export let initialFocus: HTMLElement | null = null;
 
-  const dispatch = createEventDispatcher();
+  const dispatch = createEventDispatcher<{
+    close: boolean;
+  }>();
 
   let containers: Set<HTMLElement> = new Set();
   let openClosedState = useOpenClosed();

src/lib/components/listbox/Listbox.svelte

@@ -80,7 +80,9 @@
     horizontal ? "horizontal" : "vertical"
   ) as StateDefinition["orientation"];
 
-  const dispatch = createEventDispatcher();
+  const dispatch = createEventDispatcher<{
+    change: any;
+  }>();
 
   let listboxState: StateDefinition["listboxState"] = ListboxStates.Closed;
   let labelRef: StateDefinition["labelRef"] = writable(null);

src/lib/components/radio-group/RadioGroup.svelte

@@ -66,7 +66,9 @@
 
   let id = `headlessui-radiogroup-${useId()}`;
 
-  const dispatch = createEventDispatcher();
+  const dispatch = createEventDispatcher<{
+    change: any;
+  }>();
 
   let api: Writable<StateDefinition> = writable({
     options,

src/lib/components/switch/Switch.svelte

@@ -17,7 +17,9 @@
   export let as: SupportedAs = "button";
   export let use: HTMLActionArray = [];
 
-  const dispatch = createEventDispatcher();
+  const dispatch = createEventDispatcher<{
+    change: boolean;
+  }>();
   export let checked = false;
   let api = useSwitchContext();
   let labelContext = useLabelContext();

src/lib/components/transitions/TransitionChild.svelte

@@ -38,7 +38,12 @@
   export let leaveFrom = "";
   export let leaveTo = "";
 
-  const dispatch = createEventDispatcher();
+  const dispatch = createEventDispatcher<{
+    afterEnter: null;
+    afterLeave: null;
+    beforeEnter: null;
+    beforeLeave: null;
+  }>();
 
   let container: HTMLElement | null = null;