fix: modal animation (#1018)

Author: thejackshelton

packages/kit-headless/src/components/modal/modal-panel.tsx

@@ -53,18 +53,26 @@ export const HModalPanel = component$((props: PropsOf<'dialog'>) => {
 
       await showModal(panelRef.value);
       window.requestAnimationFrame = storedRequestAnimationFrame;
-      await context.onShow$?.();
       activateFocusTrap(focusTrap);
     } else {
       await closeModal(panelRef.value);
-      await context.onClose$?.();
     }
 
     cleanup(async () => {
       await deactivateFocusTrap(focusTrap);
     });
   });
 
+  useTask$(async ({ track }) => {
+    track(() => context.showSig.value);
+
+    if (context.showSig.value) {
+      await context.onShow$?.();
+    } else {
+      await context.onClose$?.();
+    }
+  });
+
   const closeOnBackdropClick$ = $(async (e: MouseEvent) => {
     if (context.alert === true || context.closeOnBackdropClick === false) {
       return;