@humanspeak/svelte-motion 0.4.0 → 0.4.2

package/dist/components/PresenceChild.svelte

@@ -91,27 +91,32 @@
     // which (a) breaks any CSS transition the consumer relies on for exit and
     // (b) makes `bind:this` references go stale.
     $effect.pre(() => {
-        // Read `present` reactively first; assignments to module locals
-        // happen inside the branches below.
+        // Read both reactive sources (`present` prop + `phase` $state)
+        // unconditionally at the top so the effect's dependency set is
+        // identical on every run. Under svelte 5.55.7, conditionally
+        // reading `phase` inside the branches below caused the effect to
+        // intermittently skip re-runs after `present` flipped through
+        // false → true → false — so cycle B never fired its mint and a
+        // stale consumer-captured `safeToRemove` from cycle A was the
+        // only callback available (#345).
         const current = present
-        // First run: just record the steady state. Don't fire any exit/enter
-        // signal — there's no transition to react to yet.
+        const currentPhase = phase
         if (prevPresent === undefined) {
             prevPresent = current
             return
         }
-        if (prevPresent && !current && phase === 'idle') {
+        if (prevPresent && !current && currentPhase === 'idle') {
             phase = 'holding'
             currentSafeToRemove = mintSafeToRemove()
             animatePresence?.notifyExitStart()
-        } else if (!prevPresent && current && phase === 'holding') {
+        } else if (!prevPresent && current && currentPhase === 'holding') {
             // Re-entry mid-hold cancels the exit accounting. Replacing the
             // slot invalidates the cycle's `safeToRemove` for any consumer
             // that captured it.
             phase = 'idle'
             currentSafeToRemove = noopSafeToRemove
             animatePresence?.notifyExitComplete()
-        } else if (!prevPresent && current && phase === 'completed') {
+        } else if (!prevPresent && current && currentPhase === 'completed') {
             // Re-mounted after a previous exit fully completed.
             phase = 'idle'
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@humanspeak/svelte-motion",
-  "version": "0.4.0",
+  "version": "0.4.2",
   "description": "Framer Motion for Svelte 5. Declarative motion.<tag> components with AnimatePresence exit animations, gestures (hover, tap, drag, focus, in-view), variants, FLIP layout animations, shared-layout transitions, spring physics, and scroll-linked motion values. The drop-in Framer Motion alternative for Svelte and SvelteKit.",
   "keywords": [
     "svelte",
@@ -95,8 +95,8 @@
   },
   "dependencies": {
     "acorn": "^8.16.0",
-    "motion": "^12.38.0",
-    "motion-dom": "^12.38.0"
+    "motion": "^12.39.0",
+    "motion-dom": "^12.39.0"
   },
   "devDependencies": {
     "@changesets/cli": "^2.31.0",
@@ -114,7 +114,7 @@
     "@tailwindcss/vite": "^4.3.0",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/svelte": "^5.3.1",
-    "@types/node": "^25.8.0",
+    "@types/node": "^25.9.0",
     "@vitest/coverage-v8": "^4.1.6",
     "eslint": "^10.4.0",
     "eslint-config-prettier": "10.1.8",
@@ -135,14 +135,14 @@
     "prettier-plugin-tailwindcss": "^0.8.0",
     "publint": "^0.3.21",
     "runed": "0.37.1",
-    "svelte": "5.55.5",
+    "svelte": "^5.55.7",
     "svelte-check": "^4.4.8",
     "svg-tags": "^1.0.0",
     "tailwind-merge": "^3.6.0",
     "tailwind-variants": "^3.2.2",
     "tailwindcss": "^4.3.0",
     "tailwindcss-animate": "^1.0.7",
-    "tsx": "^4.22.0",
+    "tsx": "^4.22.2",
     "typescript": "^6.0.3",
     "typescript-eslint": "^8.59.3",
     "vite": "^8.0.13",