fade out no funcionaba

dist/sigpro.esm.js

@@ -455,23 +455,35 @@ var fx = ({ name, duration = 200, scale, slide, rotate, blur }, child) => {
     return el;
   }
   const hasTransform = scale || slide || rotate || blur;
-  el.style.transition = hasTransform ? `all ${duration}ms` : "";
+  const initialTransform = [
+    scale ? "scale(0.95)" : "",
+    slide ? "translateY(-10px)" : "",
+    rotate ? "rotate(-2deg)" : ""
+  ].filter(Boolean).join(" ");
+  el.style.transition = `all ${duration}ms ease`;
   el.style.opacity = "0";
-  if (scale)
-    el.style.transform = "scale(0.95)";
-  if (slide)
-    el.style.transform = "translateY(-10px)";
-  if (rotate)
-    el.style.transform = "rotate(-2deg)";
+  if (hasTransform)
+    el.style.transform = initialTransform;
   if (blur)
     el.style.filter = "blur(4px)";
   requestAnimationFrame(() => {
     el.style.opacity = "1";
-    el.style.transform = scale || slide || rotate || blur ? "" : "none";
+    if (hasTransform)
+      el.style.transform = "none";
+    if (blur)
+      el.style.filter = "none";
   });
   el._sig_leave = (done) => {
     el.style.opacity = "0";
-    el.addEventListener("transitionend", done, { once: true });
+    if (hasTransform)
+      el.style.transform = initialTransform;
+    if (blur)
+      el.style.filter = "blur(4px)";
+    const timer = setTimeout(done, duration + 20);
+    el.addEventListener("transitionend", () => {
+      clearTimeout(timer);
+      done();
+    }, { once: true });
   };
   return el;
 };

dist/sigpro.js

@@ -510,23 +510,35 @@
       return el;
     }
     const hasTransform = scale || slide || rotate || blur;
-    el.style.transition = hasTransform ? `all ${duration}ms` : "";
+    const initialTransform = [
+      scale ? "scale(0.95)" : "",
+      slide ? "translateY(-10px)" : "",
+      rotate ? "rotate(-2deg)" : ""
+    ].filter(Boolean).join(" ");
+    el.style.transition = `all ${duration}ms ease`;
     el.style.opacity = "0";
-    if (scale)
-      el.style.transform = "scale(0.95)";
-    if (slide)
-      el.style.transform = "translateY(-10px)";
-    if (rotate)
-      el.style.transform = "rotate(-2deg)";
+    if (hasTransform)
+      el.style.transform = initialTransform;
     if (blur)
       el.style.filter = "blur(4px)";
     requestAnimationFrame(() => {
       el.style.opacity = "1";
-      el.style.transform = scale || slide || rotate || blur ? "" : "none";
+      if (hasTransform)
+        el.style.transform = "none";
+      if (blur)
+        el.style.filter = "none";
     });
     el._sig_leave = (done) => {
       el.style.opacity = "0";
-      el.addEventListener("transitionend", done, { once: true });
+      if (hasTransform)
+        el.style.transform = initialTransform;
+      if (blur)
+        el.style.filter = "blur(4px)";
+      const timer = setTimeout(done, duration + 20);
+      el.addEventListener("transitionend", () => {
+        clearTimeout(timer);
+        done();
+      }, { once: true });
     };
     return el;
   };