Inline motioncomplete listeners

Author: thetarnav

src/presence.tsx

@@ -10,7 +10,6 @@ import {
 	type Accessor,
 } from "solid-js"
 
-import {onCompleteExit} from "./primitives.js"
 import type {Options} from "./types.js"
 
 export type PresenceContextState = {
@@ -57,7 +56,7 @@ export const Presence: FlowComponent<{
 								batch(() => {
 									setMount(false)
 									;(mountedStates.get(el)?.getOptions() as Options).exit
-										? onCompleteExit(el, done)
+										? el.addEventListener("motioncomplete", done)
 										: done()
 								})
 							},

src/primitives.ts

@@ -4,10 +4,6 @@ import {Accessor, createEffect, onCleanup, useContext} from "solid-js"
 import {PresenceContext, PresenceContextState} from "./presence.jsx"
 import {Options} from "./types.js"
 
-export function onCompleteExit(el: Element, fn: VoidFunction): void {
-	el.addEventListener("motioncomplete", fn)
-}
-
 /** @internal */
 export function createAndBindMotionState(
 	el: () => Element,
@@ -35,7 +31,7 @@ export function createAndBindMotionState(
 		onCleanup(() => {
 			if (presence_state && options().exit) {
 				state.setActive("exit", true)
-				onCompleteExit(el_ref, unmount)
+				el_ref.addEventListener("motioncomplete", unmount)
 			} else unmount()
 		})
 	})