motion-start 0.1.20 → 0.1.21

package/dist/components/AnimatePresence/AnimatePresence.svelte

@@ -1,188 +1,221 @@
-<!-- based on framer-motion@4.0.3,
-Copyright (c) 2018 Framer B.V. -->
-
-<script lang="ts" generics="T extends {key:any}">
-    import type { ConditionalGeneric, AnimatePresenceProps } from "./index.js";
-    import { getContext } from "svelte";
-    import {
-        SharedLayoutContext,
-        isSharedLayout,
-    } from "../../context/SharedLayoutContext.js";
-    import PresenceChild from "./PresenceChild/PresenceChild.svelte";
-    import type { Writable } from "svelte/store";
-    import {
-        type SharedLayoutSyncMethods,
-        type SyncLayoutBatcher,
-    } from "../AnimateSharedLayout/types.js";
-
-    type $$Props = AnimatePresenceProps<ConditionalGeneric<T>>;
-
-    export let list: $$Props["list"] = undefined,
-        custom: $$Props["custom"] = undefined,
-        initial: $$Props["initial"] = true,
-        onExitComplete: $$Props["onExitComplete"] = undefined,
-        exitBeforeEnter: $$Props["exitBeforeEnter"] = undefined,
-        presenceAffectsLayout = true,
-        show: $$Props["show"] = undefined,
-        isCustom = false;
-
-    let _list = list !== undefined ? list : show ? [{ key: 1 }] : [];
-    $: _list = list !== undefined ? list : show ? [{ key: 1 }] : [];
-
-    const layoutContext =
-        getContext<Writable<SyncLayoutBatcher | SharedLayoutSyncMethods>>(
-            SharedLayoutContext,
-        ) || SharedLayoutContext(isCustom);
-
-    $: forceRender = () => {
-        if (isSharedLayout($layoutContext)) {
-            $layoutContext.forceUpdate();
-        }
-        _list = [..._list];
-    };
-
-    function getChildKey(child: { key: number }) {
-        return child.key || "";
-    }
-
-    let isInitialRender = true;
-    let filteredChildren = _list;
-    $: filteredChildren = _list;
-
-    let presentChildren = filteredChildren;
-    let allChildren = new Map<string | number, { key: number }>();
-    let exiting = new Set<"" | number>();
-    const updateChildLookup = (
-        children: { key: number }[],
-        allChild: Map<string | number, { key: number }>,
-    ) => {
-        children.forEach((child) => {
-            const key = getChildKey(child);
-            allChild.set(key, child);
-        });
-    };
-    $: updateChildLookup(filteredChildren, allChildren);
-
-    let childrenToRender: {
-        present: boolean;
-        item: any;
-        key: any;
-        onExit: undefined | (() => void);
-    }[] = [
-        ...filteredChildren.map((v) => ({
-            present: true,
-            item: v,
-            key: v.key,
-            onExit: undefined,
-        })),
-    ];
-
-    $: if (!isInitialRender) {
-        // If this is a subsequent render, deal with entering and exiting children
-        childrenToRender = [
-            ...filteredChildren.map((v) => ({
-                present: true,
-                item: v,
-                key: v.key,
-                onExit: undefined,
-            })),
-        ];
-
-        // Diff the keys of the currently-present and target children to update our
-        // exiting list.
-        const presentKeys = presentChildren.map(getChildKey);
-        const targetKeys = filteredChildren.map(getChildKey);
-        // Diff the present children with our target children and mark those that are exiting
-        const numPresent = presentKeys.length;
-        for (let i = 0; i < numPresent; i++) {
-            const key = presentKeys[i];
-            if (targetKeys.indexOf(key) === -1) {
-                exiting.add(key);
-            } else {
-                // In case this key has re-entered, remove from the exiting list
-                exiting.delete(key);
-            }
-        }
-
-        // If we currently have exiting children, and we're deferring rendering incoming children
-        // until after all current children have exiting, empty the childrenToRender array
-        if (exitBeforeEnter && exiting.size) {
-            childrenToRender = [];
-        }
-        // Loop through all currently exiting components and clone them to overwrite `animate`
-        // with any `exit` prop they might have defined.
-        exiting.forEach((key) => {
-            // If this component is actually entering again, early return
-            if (targetKeys.indexOf(key) !== -1) return;
-
-            const child = allChildren.get(key);
-            if (!child) return;
-
-            const insertionIndex = presentKeys.indexOf(key);
-
-            const onExit = () => {
-                allChildren.delete(key);
-                exiting.delete(key);
-
-                // Remove this child from the present children
-                const removeIndex = presentChildren.findIndex(
-                    (presentChild) => presentChild.key === key,
-                );
-
-                if (removeIndex < 0) {
-                    return;
-                }
-                presentChildren.splice(removeIndex, 1);
-
-                // Defer re-rendering until all exiting children have indeed left
-                if (!exiting.size) {
-                    presentChildren = [...filteredChildren];
-                    forceRender();
-                    onExitComplete && onExitComplete();
-                }
-            };
-
-            childrenToRender.splice(insertionIndex, 0, {
-                present: false,
-                item: child,
-                key: getChildKey(child),
-                onExit,
-            });
-        });
-        // Add `MotionContext` even to children that don't need it to ensure we're rendering
-        // the same tree between renders
-
-        /*
-        childrenToRender = childrenToRender.map((child) => {
-            const key = child.key as string | number;
-            return exiting.has(key) ? (
-                child
-            ) : (
-                <PresenceChild
-                    key={getChildKey(child)}
-                    isPresent
-                    presenceAffectsLayout={presenceAffectsLayout}
-                >
-                    {child}
-                </PresenceChild>
-            );
-        });
-        */
-        presentChildren = childrenToRender;
-    } else {
-        isInitialRender = false;
-    }
-</script>
-
-{#each childrenToRender as child (getChildKey(child))}
-    <PresenceChild
-        isPresent={child.present}
-        initial={initial ? undefined : false}
-        custom={child.onExit ? custom : undefined}
-        {presenceAffectsLayout}
-        onExitComplete={child.onExit}
-        {isCustom}
-    >
-        <slot item={child.item} />
-    </PresenceChild>
-{/each}
+<!-- based on framer-motion@4.0.3,
+Copyright (c) 2018 Framer B.V. -->
+
+<script lang="ts" generics="T extends {key:any}">
+    import type { ConditionalGeneric, AnimatePresenceProps } from "./index.js";
+    import { getContext, setContext, tick } from "svelte";
+    import {
+        SharedLayoutContext,
+        isSharedLayout,
+    } from "../../context/SharedLayoutContext.js";
+    import PresenceChild from "./PresenceChild/PresenceChild.svelte";
+    import type { Writable } from "svelte/store";
+    import {
+        type SharedLayoutSyncMethods,
+        type SyncLayoutBatcher,
+    } from "../AnimateSharedLayout/types.js";
+    import {
+        LayoutEpochContext,
+        createLayoutEpoch,
+        type LayoutEpoch,
+    } from "../../context/LayoutEpochContext.js";
+
+    type $$Props = AnimatePresenceProps<ConditionalGeneric<T>>;
+
+    export let list: $$Props["list"] = undefined,
+        custom: $$Props["custom"] = undefined,
+        initial: $$Props["initial"] = true,
+        onExitComplete: $$Props["onExitComplete"] = undefined,
+        exitBeforeEnter: $$Props["exitBeforeEnter"] = undefined,
+        presenceAffectsLayout = true,
+        show: $$Props["show"] = undefined,
+        isCustom = false;
+
+    let _list = list !== undefined ? list : show ? [{ key: 1 }] : [];
+    $: _list = list !== undefined ? list : show ? [{ key: 1 }] : [];
+
+    const layoutContext =
+        getContext<Writable<SyncLayoutBatcher | SharedLayoutSyncMethods>>(
+            SharedLayoutContext,
+        ) || SharedLayoutContext(isCustom);
+
+    // Single epoch store.  Measure subscribes to it for synchronous snapshots
+    // (store.update fires subscribers before DOM changes) and MeasureContextProvider
+    // reads it reactively to trigger afterU → syncLayout.flush() after DOM settles.
+    const layoutEpoch = createLayoutEpoch();
+    setContext(LayoutEpochContext, layoutEpoch);
+
+    // Snapshot sibling positions (snapshot=true) and notify shared layout before
+    // a DOM change so Measure can FLIP elements to their new spots.
+    // Called by forceRender (post-exit) and by the addition path in the reactive
+    // block below — both cases need the same snapshot + shared-layout notification.
+    function snapshotLayout() {
+        if (presenceAffectsLayout) {
+            layoutEpoch.update((v) => ({ n: v.n + 1, snapshot: true }));
+        }
+        if (isSharedLayout($layoutContext)) {
+            $layoutContext.forceUpdate();
+        }
+    }
+
+    $: forceRender = () => {
+        snapshotLayout();
+        _list = [..._list];
+    };
+
+    function getChildKey(child: { key: number }) {
+        return child.key || "";
+    }
+
+    let isInitialRender = true;
+    let filteredChildren = _list;
+    $: filteredChildren = _list;
+
+    let presentChildren = filteredChildren;
+    let allChildren = new Map<string | number, { key: number }>();
+    let exiting = new Set<"" | number>();
+    const updateChildLookup = (
+        children: { key: number }[],
+        allChild: Map<string | number, { key: number }>,
+    ) => {
+        children.forEach((child) => {
+            const key = getChildKey(child);
+            allChild.set(key, child);
+        });
+    };
+    $: updateChildLookup(filteredChildren, allChildren);
+
+    let childrenToRender: {
+        present: boolean;
+        item: any;
+        key: any;
+        onExit: undefined | (() => void);
+    }[] = [
+        ...filteredChildren.map((v) => ({
+            present: true,
+            item: v,
+            key: v.key,
+            onExit: undefined,
+        })),
+    ];
+
+    $: if (!isInitialRender) {
+        const presentKeys = presentChildren.map(getChildKey);
+        const targetKeys = filteredChildren.map(getChildKey);
+
+        const hasRemovals = presentKeys.some(
+            (k) => targetKeys.indexOf(k) === -1,
+        );
+        const hasAdditions = targetKeys.some(
+            (k) => presentKeys.indexOf(k) === -1,
+        );
+
+        if (hasRemovals) {
+            // Flush-only epoch (snapshot=false): drives animateF → safeToRemove for the
+            // exiting layout element (id2 registration).  Deferred by one tick so that
+            // PresenceChild's $effect (Svelte 5) has fired, updating PresenceContext and
+            // therefore visualElement.isPresent before Measure.svelte's epoch handler
+            // checks !visualElement.isPresent.  Siblings are skipped here; forceRender
+            // fires snapshotLayout() after the exit completes so they FLIP.
+            tick().then(() =>
+                layoutEpoch.update((v) => ({ n: v.n + 1, snapshot: false })),
+            );
+        } else if (hasAdditions) {
+            // Snapshot sibling positions before the DOM update (same logic as
+            // forceRender) so they FLIP to their new positions after the incoming
+            // element shifts them.  presenceAffectsLayout and shared-layout notify
+            // are handled inside snapshotLayout().
+            snapshotLayout();
+        }
+        // No epoch when hasRemovals=false && hasAdditions=false: this is a
+        // forceRender-triggered re-run (no real diff).  forceRender already fired
+        // snapshotLayout() before _list=[..._list], so we must not fire again.
+
+        // If this is a subsequent render, deal with entering and exiting children
+        childrenToRender = [
+            ...filteredChildren.map((v) => ({
+                present: true,
+                item: v,
+                key: v.key,
+                onExit: undefined,
+            })),
+        ];
+
+        // Diff the present children with our target children and mark those that are exiting
+        const numPresent = presentKeys.length;
+        for (let i = 0; i < numPresent; i++) {
+            const key = presentKeys[i];
+            if (targetKeys.indexOf(key) === -1) {
+                exiting.add(key);
+            } else {
+                // In case this key has re-entered, remove from the exiting list
+                exiting.delete(key);
+            }
+        }
+
+        // If we currently have exiting children, and we're deferring rendering incoming children
+        // until after all current children have exiting, empty the childrenToRender array
+        if (exitBeforeEnter && exiting.size) {
+            childrenToRender = [];
+        }
+        // Loop through all currently exiting components and clone them to overwrite animate
+        // with any exit prop they might have defined.
+        exiting.forEach((key) => {
+            // If this component is actually entering again, early return
+            if (targetKeys.indexOf(key) !== -1) return;
+
+            const child = allChildren.get(key);
+            if (!child) return;
+
+            const insertionIndex = presentKeys.indexOf(key);
+
+            const onExit = () => {
+                allChildren.delete(key);
+                exiting.delete(key);
+
+                // Remove this child from the present children
+                const removeIndex = presentChildren.findIndex(
+                    (presentChild) => presentChild.key === key,
+                );
+
+                if (removeIndex < 0) {
+                    return;
+                }
+                presentChildren.splice(removeIndex, 1);
+
+                // Defer re-rendering until all exiting children have indeed left
+                if (!exiting.size) {
+                    presentChildren = [...filteredChildren];
+                    forceRender();
+                    onExitComplete && onExitComplete();
+                }
+            };
+
+            childrenToRender.splice(insertionIndex, 0, {
+                present: false,
+                item: child,
+                key: getChildKey(child),
+                onExit,
+            });
+        });
+        presentChildren = childrenToRender;
+        // framermotion doesn't pass initial after initial render, but we want to be able to trigger it on new children
+        initial = true;
+    } else {
+        isInitialRender = false;
+    }
+</script>
+
+{#each childrenToRender as child (getChildKey(child))}
+    <PresenceChild
+        isPresent={child.present}
+        initial={initial ? undefined : false}
+        custom={child.onExit ? custom : undefined}
+        {presenceAffectsLayout}
+        onExitComplete={child.onExit}
+        {isCustom}
+        presenceKey={child.key}
+    >
+        <slot item={child.item} />
+    </PresenceChild>
+{/each}

package/dist/components/AnimatePresence/AnimatePresence.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnimatePresence.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/motion-start/components/AnimatePresence/AnimatePresence.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AA8L3E,cAAM,iBAAiB,CAAC,CAAC,SAAS;IAAC,GAAG,EAAC,GAAG,CAAA;CAAC;IACvC,KAAK;IAGL,MAAM;;;IAGN,KAAK;;;;;IAGL,QAAQ;IACR,OAAO;CACV;AAED,UAAU,qBAAqB;IAC3B,KAAK,CAAC,SAAS;QAAC,GAAG,EAAC,GAAG,CAAA;KAAC,EAAE,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,GAAE;QAAC,QAAQ,CAAC,EAAE,GAAG,CAAA;KAAC,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAA;KAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;IACha,CAAC,CAAC,SAAS;QAAC,GAAG,EAAC,GAAG,CAAA;KAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG;QAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC;QAAC,OAAO,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;QAAC,QAAQ,CAAC,EAAE,GAAG,CAAA;KAAC,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;IACvQ,YAAY,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC;CACjE;AACD,QAAA,MAAM,eAAe,EAAE,qBAAmC,CAAC;AACzC,KAAK,eAAe,CAAC,CAAC,SAAS;IAAC,GAAG,EAAC,GAAG,CAAA;CAAC,IAAI,YAAY,CAAC,OAAO,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC;AACtF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"AnimatePresence.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/motion-start/components/AnimatePresence/AnimatePresence.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AA+N3E,cAAM,iBAAiB,CAAC,CAAC,SAAS;IAAC,GAAG,EAAC,GAAG,CAAA;CAAC;IACvC,KAAK;IAGL,MAAM;;;IAGN,KAAK;;;;;IAGL,QAAQ;IACR,OAAO;CACV;AAED,UAAU,qBAAqB;IAC3B,KAAK,CAAC,SAAS;QAAC,GAAG,EAAC,GAAG,CAAA;KAAC,EAAE,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,GAAE;QAAC,QAAQ,CAAC,EAAE,GAAG,CAAA;KAAC,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAA;KAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;IACha,CAAC,CAAC,SAAS;QAAC,GAAG,EAAC,GAAG,CAAA;KAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG;QAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC;QAAC,OAAO,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;QAAC,QAAQ,CAAC,EAAE,GAAG,CAAA;KAAC,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;IACvQ,YAAY,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC;CACjE;AACD,QAAA,MAAM,eAAe,EAAE,qBAAmC,CAAC;AACzC,KAAK,eAAe,CAAC,CAAC,SAAS;IAAC,GAAG,EAAC,GAAG,CAAA;CAAC,IAAI,YAAY,CAAC,OAAO,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC;AACtF,eAAe,eAAe,CAAC"}

package/dist/components/AnimatePresence/PresenceChild/PresenceChild.svelte

@@ -3,82 +3,96 @@ Copyright (c) 2018 Framer B.V. -->
 <svelte:options runes />
 
 <script lang="ts" module>
-    let presenceId = 0;
-    function getPresenceId() {
-        const id = presenceId;
-        presenceId++;
-        return id;
-    }
-    function newChildrenMap(): Map<number, boolean> {
-        return new Map<number, boolean>();
-    }
+  let presenceId = 0;
+  function getPresenceId() {
+    const id = presenceId;
+    presenceId++;
+    return id;
+  }
+  function newChildrenMap(): Map<number, boolean> {
+    return new Map<number, boolean>();
+  }
 </script>
 
 <script lang="ts">
-    import { setContext, tick } from "svelte";
-    import { setDomContext } from "../../../context/DOMcontext.js";
-    import { PresenceContext } from "../../../context/PresenceContext.js";
-    import type { PresenceChildProps } from "./index.js";
+  import { setContext, tick, untrack } from "svelte";
+  import { setDomContext } from "../../../context/DOMcontext.js";
+  import { PresenceContext } from "../../../context/PresenceContext.js";
+  import type { PresenceChildProps } from "./index.js";
 
-    interface Props extends PresenceChildProps {}
+  interface Props extends PresenceChildProps {}
 
-    let {
-        isPresent,
-        onExitComplete = undefined,
-        initial = undefined,
-        custom = undefined,
-        presenceAffectsLayout,
-        isCustom,
-        children,
-    }: Props = $props();
+  let {
+    isPresent,
+    onExitComplete = undefined,
+    initial = undefined,
+    custom = undefined,
+    presenceAffectsLayout,
+    isCustom,
+    children,
+    presenceKey = undefined,
+  }: Props = $props();
 
-    const presenceChildren = newChildrenMap();
-    const id = getPresenceId();
+  const presenceChildren = newChildrenMap();
+  const id = getPresenceId();
 
-    const refresh = $derived(presenceAffectsLayout ? undefined : isPresent);
+  const refresh = $derived(presenceAffectsLayout ? undefined : isPresent);
 
-    const memoContext = (flag?: boolean) => {
-        return {
-            id,
-            initial,
-            isPresent,
-            custom,
-            onExitComplete: (childId: number) => {
-                presenceChildren.set(childId, true);
-                let allComplete = true;
-                presenceChildren.forEach((isComplete) => {
-                    if (!isComplete) allComplete = false;
-                });
+  const memoContext = (flag?: boolean) => {
+    return {
+      id,
+      presenceKey,
+      initial,
+      isPresent,
+      custom,
+      onExitComplete: (childId: number) => {
+        if (!presenceChildren.has(childId)) return;
+        if (presenceChildren.get(childId) === true) return;
+        presenceChildren.set(childId, true);
+        let allComplete = true;
+        presenceChildren.forEach((isComplete) => {
+          if (!isComplete) allComplete = false;
+        });
 
-                allComplete && onExitComplete?.();
-            },
-            register: (childId: number) => {
-                presenceChildren.set(childId, false);
-                return () => presenceChildren.delete(childId);
-            },
-        };
+        allComplete && onExitComplete?.();
+      },
+      register: (childId: number) => {
+        presenceChildren.set(childId, false);
+        return () => presenceChildren.delete(childId);
+      },
     };
-    let context = PresenceContext();
-
-    $effect(() => {
-        if (presenceAffectsLayout) {
-            context.set(memoContext());
-        }
-    });
+  };
+  let context = PresenceContext();
+  // Set synchronously so children's usePresence() sees a non-null value via get()
+  context.set(memoContext());
 
-    $effect(() => context.set(memoContext(refresh)));
+  // Update context when relevant props change
+  $effect(() => {
+    if (presenceAffectsLayout) {
+      // Track all relevant props
+      isPresent;
+      initial;
+      custom;
+      // But set context without tracking to avoid loops
+      untrack(() => context.set(memoContext()));
+    } else {
+      // When presenceAffectsLayout is false, only track isPresent via refresh
+      refresh;
+      untrack(() => context.set(memoContext()));
+    }
+  });
 
-    const keyset = (flag?: boolean) => {
-        presenceChildren.forEach((_, key) => presenceChildren.set(key, false));
-    };
-    $effect(() => {
-        keyset(isPresent);
-        tick().then(() => {
-            !isPresent && !presenceChildren.size && onExitComplete?.();
-        });
+  const keyset = (flag?: boolean) => {
+    presenceChildren.forEach((_, key) => presenceChildren.set(key, false));
+  };
+  $effect(() => {
+    keyset(isPresent);
+    tick().then(() => {
+      !isPresent && !presenceChildren.size && onExitComplete?.();
     });
-    setContext(PresenceContext, context);
-    setDomContext("Presence", isCustom, context);
+  });
+  setContext(PresenceContext, context);
+  setDomContext("Presence", isCustom, context);
 </script>
 
 {@render children?.()}

package/dist/components/AnimatePresence/PresenceChild/PresenceChild.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PresenceChild.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/motion-start/components/AnimatePresence/PresenceChild/PresenceChild.svelte.ts"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAGjD,UAAU,KAAM,SAAQ,kBAAkB;CAAG;AA4EjD,QAAA,MAAM,aAAa,2CAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}
+{"version":3,"file":"PresenceChild.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/motion-start/components/AnimatePresence/PresenceChild/PresenceChild.svelte.ts"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAGnD,UAAU,KAAM,SAAQ,kBAAkB;CAAG;AA0F/C,QAAA,MAAM,aAAa,2CAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}

package/dist/components/AnimatePresence/PresenceChild/types.d.ts

@@ -8,5 +8,6 @@ export interface PresenceChildProps {
     custom?: any;
     presenceAffectsLayout: boolean;
     isCustom: boolean;
+    presenceKey?: any;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/components/AnimatePresence/PresenceChild/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/motion-start/components/AnimatePresence/PresenceChild/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC3D,MAAM,WAAW,kBAAkB;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,OAAO,CAAC,EAAE,KAAK,GAAG,aAAa,CAAC;IAChC,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,qBAAqB,EAAE,OAAO,CAAC;IAC/B,QAAQ,EAAE,OAAO,CAAC;CAClB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/motion-start/components/AnimatePresence/PresenceChild/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC3D,MAAM,WAAW,kBAAkB;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,OAAO,CAAC,EAAE,KAAK,GAAG,aAAa,CAAC;IAChC,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,qBAAqB,EAAE,OAAO,CAAC;IAC/B,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,GAAG,CAAC;CAClB"}

package/dist/components/AnimatePresence/use-presence.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-presence.d.ts","sourceRoot":"","sources":["../../../src/lib/motion-start/components/AnimatePresence/use-presence.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,QAAQ,EAAY,MAAM,cAAc,CAAC;AACvD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAO1E,MAAM,MAAM,YAAY,GAAG,MAAM,IAAI,CAAC;AACtC,MAAM,MAAM,aAAa,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;AACzC,MAAM,MAAM,OAAO,GAAG,CAAC,IAAI,CAAC,CAAC;AAC7B,MAAM,MAAM,UAAU,GAAG,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC;AAK/C,wBAAgB,SAAS,CAAC,OAAO,EAAE,oBAAoB,WAEtD;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,YAAY,GAAI,kBAAgB,KAAG,QAAQ,CAAC,OAAO,CAG/D,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,WAAW,GAAI,kBAAgB,KAAG,QAAQ,CAAC,aAAa,GAAG,OAAO,GAAG,UAAU,CAkB3F,CAAA"}
+{"version":3,"file":"use-presence.d.ts","sourceRoot":"","sources":["../../../src/lib/motion-start/components/AnimatePresence/use-presence.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,QAAQ,EAAY,MAAM,cAAc,CAAC;AACvD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAO1E,MAAM,MAAM,YAAY,GAAG,MAAM,IAAI,CAAC;AACtC,MAAM,MAAM,aAAa,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;AACzC,MAAM,MAAM,OAAO,GAAG,CAAC,IAAI,CAAC,CAAC;AAC7B,MAAM,MAAM,UAAU,GAAG,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC;AAK/C,wBAAgB,SAAS,CAAC,OAAO,EAAE,oBAAoB,WAEtD;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,YAAY,GAAI,kBAAgB,KAAG,QAAQ,CAAC,OAAO,CAG/D,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,WAAW,GAAI,kBAAgB,KAAG,QAAQ,CAAC,aAAa,GAAG,OAAO,GAAG,UAAU,CAmB3F,CAAA"}

package/dist/components/AnimatePresence/use-presence.js

@@ -1,6 +1,6 @@
 import { derived, get, readable } from 'svelte/store';
 import { PresenceContext } from '../../context/PresenceContext.js';
-import { getContext, onMount } from "svelte";
+import { getContext, onDestroy } from "svelte";
 let counter = 0;
 const incrementId = () => counter++;
 export function isPresent(context) {
@@ -54,16 +54,19 @@ export const useIsPresent = (isCustom = false) => {
  */
 export const usePresence = (isCustom = false) => {
     const context = getContext(PresenceContext) || PresenceContext(isCustom);
-    const id = get(context) === null ? undefined : incrementId();
-    onMount(() => {
-        if (get(context) !== null) {
-            get(context).register(id);
-        }
-    });
-    if (get(context) === null) {
+    const contextValue = get(context);
+    // PresenceChild sets context synchronously before children initialize,
+    // so get() always returns the real value here — no subscription needed.
+    if (contextValue === null)
         return readable([true, null]);
-    }
-    return derived(context, $v => (!$v.isPresent && $v.onExitComplete) ?
-        [false, () => $v.onExitComplete?.(id)] :
-        [true]);
+    const id = incrementId();
+    const unregister = contextValue.register(id);
+    onDestroy(unregister);
+    return derived(context, $v => {
+        if ($v === null)
+            return [true, null];
+        return (!$v.isPresent && $v.onExitComplete) ?
+            [false, () => $v.onExitComplete?.(id)] :
+            [true];
+    });
 };

package/dist/context/LayoutEpochContext.d.ts

@@ -0,0 +1,9 @@
+export type LayoutEpoch = {
+    n: number;
+    snapshot: boolean;
+};
+/** Used as the setContext / getContext key. */
+export declare const LayoutEpochContext: unique symbol;
+/** Factory — call once per AnimatePresence instance and set in context. */
+export declare const createLayoutEpoch: () => import("svelte/store").Writable<LayoutEpoch>;
+//# sourceMappingURL=LayoutEpochContext.d.ts.map

package/dist/context/LayoutEpochContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutEpochContext.d.ts","sourceRoot":"","sources":["../../src/lib/motion-start/context/LayoutEpochContext.ts"],"names":[],"mappings":"AAUA,MAAM,MAAM,WAAW,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,OAAO,CAAA;CAAE,CAAC;AAE3D,+CAA+C;AAC/C,eAAO,MAAM,kBAAkB,eAA+B,CAAC;AAE/D,2EAA2E;AAC3E,eAAO,MAAM,iBAAiB,oDAAyD,CAAC"}

package/dist/context/LayoutEpochContext.js

@@ -0,0 +1,13 @@
+/**
+ * Epoch store that AnimatePresence increments whenever its rendered children
+ * change.  Measure.svelte subscribes synchronously to snapshot positions and
+ * MeasureContextProvider reads it reactively to trigger afterU → flush.
+ *
+ * `snapshot: true`  — take a FLIP snapshot AND flush (presenceAffectsLayout=true)
+ * `snapshot: false` — flush only for exiting elements, no sibling snapshot
+ */
+import { writable } from 'svelte/store';
+/** Used as the setContext / getContext key. */
+export const LayoutEpochContext = Symbol('LayoutEpochContext');
+/** Factory — call once per AnimatePresence instance and set in context. */
+export const createLayoutEpoch = () => writable({ n: 0, snapshot: false });

package/dist/context/PresenceContext.d.ts

@@ -9,6 +9,7 @@ import type { Writable } from 'svelte/store';
  */
 export interface PresenceContextProps {
     id: number;
+    presenceKey?: any;
     isPresent: boolean;
     register: (id: number) => () => void;
     onExitComplete?: (id: number) => void;

package/dist/context/PresenceContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PresenceContext.d.ts","sourceRoot":"","sources":["../../src/lib/motion-start/context/PresenceContext.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAC5C;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,MAAM,IAAI,CAAC;IACrC,cAAc,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,OAAO,CAAC,EAAE,KAAK,GAAG,aAAa,CAAC;IAChC,MAAM,CAAC,EAAE,GAAG,CAAC;CAChB;AAMD;;GAEG;AAEH,eAAO,MAAM,eAAe,GAAI,IAAI,GAAG,KAAG,QAAQ,CAAC,oBAAoB,GAAG,IAAI,CAAmD,CAAC"}
+{"version":3,"file":"PresenceContext.d.ts","sourceRoot":"","sources":["../../src/lib/motion-start/context/PresenceContext.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAC5C;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,MAAM,IAAI,CAAC;IACrC,cAAc,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,OAAO,CAAC,EAAE,KAAK,GAAG,aAAa,CAAC;IAChC,MAAM,CAAC,EAAE,GAAG,CAAC;CAChB;AAMD;;GAEG;AAEH,eAAO,MAAM,eAAe,GAAI,IAAI,GAAG,KAAG,QAAQ,CAAC,oBAAoB,GAAG,IAAI,CAAmD,CAAC"}

package/dist/motion/features/Exit.svelte

@@ -1,6 +1,5 @@
 <!-- based on framer-motion@4.0.3,
 Copyright (c) 2018 Framer B.V. -->
-<svelte:options runes />
 
 <script lang="ts">
   import { getContext } from "svelte";
@@ -17,14 +16,13 @@ Copyright (c) 2018 Framer B.V. -->
   import { AnimationType } from "../../render/utils/types.js";
   import type { Writable } from "svelte/store";
 
-  let { props, visualElement, isCustom, children } = $props();
-  const { custom } = $derived(props);
+  export let props: any, visualElement: any, isCustom: boolean;
+  $: custom = props?.custom;
 
-  const presenceContext = $derived(
+  const presenceContext =
     getContext<Writable<PresenceContextProps>>(PresenceContext) ||
-      PresenceContext(isCustom),
-  );
-  const presence = $derived(usePresence(isCustom));
+    PresenceContext(isCustom);
+  const presence = usePresence(isCustom);
 
   const _effect = (pres: AlwaysPresent | Present | NotPresent) => {
     const [isPresent, onExitComplete] = pres;
@@ -37,7 +35,5 @@ Copyright (c) 2018 Framer B.V. -->
 
     !isPresent && animation?.then(onExitComplete);
   };
-  $effect(() => _effect($presence));
+  $: _effect($presence);
 </script>
-
-{@render children?.()}

package/dist/motion/features/Exit.svelte.d.ts

@@ -1,9 +1,23 @@
-declare const Exit: import("svelte").Component<{
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const Exit: $$__sveltets_2_IsomorphicComponent<{
     props: any;
     visualElement: any;
-    isCustom: any;
-    children: any;
-}, {}, "">;
-type Exit = ReturnType<typeof Exit>;
+    isCustom: boolean;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type Exit = InstanceType<typeof Exit>;
 export default Exit;
 //# sourceMappingURL=Exit.svelte.d.ts.map

package/dist/motion/features/Exit.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Exit.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/motion-start/motion/features/Exit.svelte.ts"],"names":[],"mappings":"AAsDA,QAAA,MAAM,IAAI;WAhC4C,GAAG;mBAAiB,GAAG;cAAY,GAAG;cAAY,GAAG;UAgCzD,CAAC;AACnD,KAAK,IAAI,GAAG,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC;AACpC,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Exit.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/motion-start/motion/features/Exit.svelte.ts"],"names":[],"mappings":"AAkDA,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,IAAI;WAVoF,GAAG;mBAAiB,GAAG;cAAY,OAAO;;;kBAU/C,CAAC;AACxE,KAAK,IAAI,GAAG,YAAY,CAAC,OAAO,IAAI,CAAC,CAAC;AACxC,eAAe,IAAI,CAAC"}

package/dist/motion/features/layout/Animate.svelte

@@ -306,7 +306,9 @@ Copyright (c) 2018 Framer B.V. -->
 
     addScaleCorrection(defaultScaleCorrectors);
 
+    // The returned function runs when the component is unmounted
     return () => {
+      // this should be onmount cleanup function that gets run sync on component unmount
       unsubLayoutReady();
       eachAxis((axis) => stopAxisAnimation[axis]?.());
     };

package/dist/motion/features/layout/Animate.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Animate.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/motion-start/motion/features/layout/Animate.svelte.ts"],"names":[],"mappings":"AAuCA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAwS9D,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,OAAO;mBAVmG,aAAa;;;;;kBAUjC,CAAC;AAC3E,KAAK,OAAO,GAAG,YAAY,CAAC,OAAO,OAAO,CAAC,CAAC;AAC9C,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Animate.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/motion-start/motion/features/layout/Animate.svelte.ts"],"names":[],"mappings":"AAuCA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AA0S9D,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,OAAO;mBAVmG,aAAa;;;;;kBAUjC,CAAC;AAC3E,KAAK,OAAO,GAAG,YAAY,CAAC,OAAO,OAAO,CAAC,CAAC;AAC9C,eAAe,OAAO,CAAC"}

package/dist/motion/features/layout/Measure.svelte

@@ -1,100 +1,144 @@
-<!-- based on framer-motion@4.1.16,
-Copyright (c) 2018 Framer B.V. -->
-
-<script lang="ts">
-  import { afterUpdate, beforeUpdate, getContext, onMount } from "svelte";
-  import { get, type Writable } from "svelte/store";
-  import {
-    ScaleCorrectionContext,
-    ScaleCorrectionParentContext,
-  } from "../../../context/ScaleCorrectionProvider.svelte";
-  import { isSharedLayout } from "../../../context/SharedLayoutContext.js";
-  import { snapshotViewportBox } from "../../../render/dom/projection/utils.js";
-
-  export let visualElement, syncLayout, framerSyncLayout, update;
-
-  const scaleCorrectionContext = getContext<Writable<any[]>>(
-    ScaleCorrectionContext,
-  );
-  const scaleCorrectionParentContext = getContext<Writable<any[]>>(
-    ScaleCorrectionParentContext,
-  );
-
-  onMount(() => {
-    isSharedLayout(syncLayout) && syncLayout.register(visualElement);
-    isSharedLayout(framerSyncLayout) &&
-      framerSyncLayout.register(visualElement);
-
-    visualElement.onUnmount(() => {
-      if (isSharedLayout(syncLayout)) {
-        syncLayout.remove(visualElement);
-      }
-
-      if (isSharedLayout(framerSyncLayout)) {
-        framerSyncLayout.remove(visualElement);
-      }
-    });
-  });
-  /**
-   * If this is a child of a SyncContext, notify it that it needs to re-render. It will then
-   * handle the snapshotting.
-   *
-   * If it is stand-alone component, add it to the batcher.
-   */
-
-  let updated = false;
-  const updater = (nc = false) => {
-    if (updated) {
-      return null;
-    }
-    updated = true;
-
-    // in React the updater function is called on children first, in Svelte the child does not call it.
-    get(scaleCorrectionContext).forEach((v) => {
-      v.updater?.(true);
-    });
-
-    if (isSharedLayout(syncLayout)) {
-      syncLayout.syncUpdate();
-    } else {
-      snapshotViewportBox(visualElement, nc);
-      syncLayout.add(visualElement);
-    }
-
-    return null;
-  };
-
-  $: update !== undefined && updater(update);
-
-  if (update === undefined) {
-    beforeUpdate(updater);
-  }
-  const afterU = (nc = false) => {
-    updated = false;
-    /* Second part of the updater calling in child layouts first.*/
-    const scc = get(scaleCorrectionContext);
-
-    scc.forEach((v: any, i) => {
-      v.afterU?.(true);
-    });
-
-    if (!isSharedLayout(syncLayout)) {
-      syncLayout.flush();
-    }
-
-    /**
-     * If this axis isn't animating as a result of this render we want to reset the targetBox
-     * to the measured box
-     */
-    //setCurrentViewportBox(visualElement);
-  };
-  scaleCorrectionParentContext.update((v) =>
-    v.concat([
-      {
-        updater,
-        afterU,
-      },
-    ]),
-  );
-  afterUpdate(afterU);
-</script>
+<!-- based on framer-motion@4.1.16,
+Copyright (c) 2018 Framer B.V. -->
+
+<script lang="ts">
+  import {
+    afterUpdate,
+    beforeUpdate,
+    getContext,
+    onDestroy,
+    onMount,
+  } from "svelte";
+  import { get, type Writable } from "svelte/store";
+  import {
+    ScaleCorrectionContext,
+    ScaleCorrectionParentContext,
+  } from "../../../context/ScaleCorrectionProvider.svelte";
+  import { isSharedLayout } from "../../../context/SharedLayoutContext.js";
+  import { snapshotViewportBox } from "../../../render/dom/projection/utils.js";
+  import {
+    LayoutEpochContext,
+    type LayoutEpoch,
+  } from "../../../context/LayoutEpochContext.js";
+
+  export let visualElement, syncLayout, framerSyncLayout, update;
+
+  const scaleCorrectionContext = getContext<Writable<any[]>>(
+    ScaleCorrectionContext,
+  );
+  const scaleCorrectionParentContext = getContext<Writable<any[]>>(
+    ScaleCorrectionParentContext,
+  );
+
+  onMount(() => {
+    isSharedLayout(syncLayout) && syncLayout.register(visualElement);
+    isSharedLayout(framerSyncLayout) &&
+      framerSyncLayout.register(visualElement);
+
+    visualElement.onUnmount(() => {
+      if (isSharedLayout(syncLayout)) {
+        syncLayout.remove(visualElement);
+      }
+
+      if (isSharedLayout(framerSyncLayout)) {
+        framerSyncLayout.remove(visualElement);
+      }
+    });
+  });
+  /**
+   * If this is a child of a SyncContext, notify it that it needs to re-render. It will then
+   * handle the snapshotting.
+   *
+   * If it is stand-alone component, add it to the batcher.
+   */
+
+  let updated = false;
+  const updater = (nc = false) => {
+    if (updated) {
+      return null;
+    }
+    updated = true;
+
+    // in React the updater function is called on children first, in Svelte the child does not call it.
+    get(scaleCorrectionContext).forEach((v) => {
+      v.updater?.(true);
+    });
+
+    if (isSharedLayout(syncLayout)) {
+      syncLayout.syncUpdate();
+    } else {
+      snapshotViewportBox(visualElement, nc);
+      syncLayout.add(visualElement);
+    }
+
+    return null;
+  };
+
+  $: update !== undefined && updater(update);
+
+  if (update === undefined) {
+    beforeUpdate(updater);
+  }
+
+  const afterU = (nc = false) => {
+    updated = false;
+    /* Second part of the updater calling in child layouts first.*/
+    const scc = get(scaleCorrectionContext);
+
+    scc.forEach((v: any, i) => {
+      v.afterU?.(true);
+    });
+
+    if (!isSharedLayout(syncLayout)) {
+      syncLayout.flush();
+    }
+
+    /**
+     * If this axis isn't animating as a result of this render we want to reset the targetBox
+     * to the measured box
+     */
+    //setCurrentViewportBox(visualElement);
+  };
+
+  // Subscribe to LayoutEpochContext synchronously (store.update fires subscribers
+  // before DOM changes — required for FLIP "before" snapshot timing).
+  //
+  // snapshot=true  (presenceAffectsLayout=true): full updater() — snapshot + add
+  //   to syncLayout for all elements.  MeasureContextProvider's $: epochUpdate
+  //   triggers a Measure re-render → $: updater(update) guard + afterUpdate(afterU)
+  //   → syncLayout.flush() after DOM settles.
+  //
+  // snapshot=false (presenceAffectsLayout=false): for the exiting element only
+  //   (isPresent=false) add to syncLayout and flush immediately so animateF →
+  //   safeToRemove fires.  Siblings are skipped — they snap to new positions.
+  const layoutEpoch = getContext<Writable<LayoutEpoch>>(LayoutEpochContext);
+  if (layoutEpoch) {
+    let ready = false;
+    const unsub = layoutEpoch.subscribe((e) => {
+      if (!ready) {
+        ready = true;
+        return;
+      } // skip initial call at subscribe time
+      if (e.snapshot) {
+        updater();
+      } else if (!visualElement.isPresent) {
+        if (!isSharedLayout(syncLayout)) {
+          snapshotViewportBox(visualElement);
+          syncLayout.add(visualElement);
+        }
+        afterU();
+      }
+    });
+    onDestroy(unsub);
+  }
+
+  scaleCorrectionParentContext.update((v) =>
+    v.concat([
+      {
+        updater,
+        afterU,
+      },
+    ]),
+  );
+  afterUpdate(afterU);
+</script>

package/dist/motion/features/layout/Measure.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Measure.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/motion-start/motion/features/layout/Measure.svelte.ts"],"names":[],"mappings":"AA+GA,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,OAAO;;;;;;;kBAA+E,CAAC;AAC3E,KAAK,OAAO,GAAG,YAAY,CAAC,OAAO,OAAO,CAAC,CAAC;AAC9C,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Measure.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/motion-start/motion/features/layout/Measure.svelte.ts"],"names":[],"mappings":"AA4JA,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,OAAO;;;;;;;kBAA+E,CAAC;AAC3E,KAAK,OAAO,GAAG,YAAY,CAAC,OAAO,OAAO,CAAC,CAAC;AAC9C,eAAe,OAAO,CAAC"}

package/dist/motion/features/layout/MeasureContextProvider.svelte

@@ -12,11 +12,24 @@ Copyright (c) 2018 Framer B.V. -->
     FramerTreeLayoutContext,
     SharedLayoutContext,
   } from "../../../context/SharedLayoutContext.js";
+  import {
+    LayoutEpochContext,
+    type LayoutEpoch,
+  } from "../../../context/LayoutEpochContext.js";
   import Measure from "./Measure.svelte";
 
   export let visualElement, props, isCustom;
 
   $: ({ update } = props);
+
+  // When snapshot=true AnimatePresence wants a full FLIP snapshot+flush cycle.
+  // Pass epochUpdate only then so Measure re-renders → $: updater(update) →
+  // afterUpdate(afterU) → syncLayout.flush().  The flush-only (snapshot=false)
+  // path is handled directly inside Measure's layoutEpoch subscribe callback.
+  const layoutEpoch = getContext<Writable<LayoutEpoch>>(LayoutEpochContext);
+  $: epochUpdate =
+    layoutEpoch && $layoutEpoch.snapshot ? $layoutEpoch.n : undefined;
+
   const syncLayout =
     getContext<Writable<SyncLayoutBatcher | SharedLayoutSyncMethods>>(
       SharedLayoutContext,
@@ -31,5 +44,5 @@ Copyright (c) 2018 Framer B.V. -->
   syncLayout={$syncLayout}
   framerSyncLayout={$framerSyncLayout}
   {visualElement}
-  {update}
+  update={update ?? epochUpdate}
 />

package/dist/motion/features/layout/MeasureContextProvider.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MeasureContextProvider.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/motion-start/motion/features/layout/MeasureContextProvider.svelte.ts"],"names":[],"mappings":"AAyCA,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,sBAAsB;;;;;;kBAA+E,CAAC;AAC1F,KAAK,sBAAsB,GAAG,YAAY,CAAC,OAAO,sBAAsB,CAAC,CAAC;AAC5E,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"MeasureContextProvider.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/motion-start/motion/features/layout/MeasureContextProvider.svelte.ts"],"names":[],"mappings":"AAuDA,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,sBAAsB;;;;;;kBAA+E,CAAC;AAC1F,KAAK,sBAAsB,GAAG,YAAY,CAAC,OAAO,sBAAsB,CAAC,CAAC;AAC5E,eAAe,sBAAsB,CAAC"}

package/dist/motion/utils/UseVisualElement.svelte

@@ -26,7 +26,7 @@ Copyright (c) 2018 Framer B.V. -->
     PresenceContext,
     type PresenceContextProps,
   } from "../../context/PresenceContext.js";
-    import type { VisualElement } from "../../render/types.js";
+  import type { VisualElement } from "../../render/types.js";
 
   export let createVisualElement = undefined,
     props,
@@ -35,16 +35,20 @@ Copyright (c) 2018 Framer B.V. -->
     isCustom;
 
   const config =
-    getContext<Writable<MotionConfigContextObject>>(MotionConfigContext) || MotionConfigContext(isCustom);
+    getContext<Writable<MotionConfigContextObject>>(MotionConfigContext) ||
+    MotionConfigContext(isCustom);
 
   const presenceContext =
-    getContext<Writable<PresenceContextProps>>(PresenceContext) || PresenceContext(isCustom);
+    getContext<Writable<PresenceContextProps>>(PresenceContext) ||
+    PresenceContext(isCustom);
 
   const lazyContext =
-    getContext<Writable<LazyContextProps>>(LazyContext) || LazyContext(isCustom);
+    getContext<Writable<LazyContextProps>>(LazyContext) ||
+    LazyContext(isCustom);
 
   const mc =
-    getContext<Writable<MotionContextProps>>(MotionContext) || MotionContext(isCustom);
+    getContext<Writable<MotionContextProps>>(MotionContext) ||
+    MotionContext(isCustom);
 
   let parent = get(mc).visualElement;
   $: parent = $mc.visualElement;
@@ -81,7 +85,7 @@ Copyright (c) 2018 Framer B.V. -->
   }
 
   let visualElement: VisualElement | undefined = visualElementRef;
-  $:(visualElement = visualElementRef);
+  $: visualElement = visualElementRef;
 
   $: if (visualElement) {
     visualElement.setProps({

package/dist/motion/utils/UseVisualElement.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UseVisualElement.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/motion-start/motion/utils/UseVisualElement.svelte.ts"],"names":[],"mappings":"AAGE,eAAO,MAAM,GAAG,QAAQ,CAAC;AAuB3B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAuG3D,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AACD,KAAK,gCAAgC,CAAC,KAAK,EAAE,KAAK,IAAI,KAAK,GACvD,CAAC,KAAK,SAAS;IAAE,OAAO,EAAE,GAAG,CAAA;CAAE,GACzB,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,GACnC,GAAG,GACH;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE,GAClB,EAAE,CAAC,CAAC;AAId,QAAA,MAAM,gBAAgB;;;;;;;;;;;;;;;;cAAqF,CAAC;AAC1F,KAAK,gBAAgB,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAChE,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"UseVisualElement.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/motion-start/motion/utils/UseVisualElement.svelte.ts"],"names":[],"mappings":"AAGE,eAAO,MAAM,GAAG,QAAQ,CAAC;AAuB3B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AA2G3D,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AACD,KAAK,gCAAgC,CAAC,KAAK,EAAE,KAAK,IAAI,KAAK,GACvD,CAAC,KAAK,SAAS;IAAE,OAAO,EAAE,GAAG,CAAA;CAAE,GACzB,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,GACnC,GAAG,GACH;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE,GAClB,EAAE,CAAC,CAAC;AAId,QAAA,MAAM,gBAAgB;;;;;;;;;;;;;;;;cAAqF,CAAC;AAC1F,KAAK,gBAAgB,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAChE,eAAe,gBAAgB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "motion-start",
-	"version": "0.1.20",
+	"version": "0.1.21",
 	"description": "Svelte animation library inspired by the React library framer-motion.",
 	"license": "MIT",
 	"author": {
@@ -12,6 +12,8 @@
 		".": {
 			"types": "./dist/index.d.ts",
 			"svelte": "./dist/index.js",
+			"import": "./dist/index.js",
+			"module": "./dist/index.js",
 			"default": "./dist/index.js"
 		},
 		"./package.json": "./package.json",
@@ -38,17 +40,6 @@
 			"svelte": "./dist/value/index.js",
 			"import": "./dist/value/index.js",
 			"default": "./dist/value/index.js"
-		},
-		"./src/*.js": {
-			"types": "./dist/*.d.ts",
-			"svelte": "./dist/*.js",
-			"import": "./dist/*.js",
-			"default": "./dist/*.js"
-		},
-		"./src/*.svelte": {
-			"types": "./dist/*.d.ts",
-			"svelte": "./dist/*.svelte",
-			"default": "./dist/*.svelte"
 		}
 	},
 	"files": [
@@ -56,8 +47,11 @@
 		"!dist/**/*.test.*",
 		"!dist/**/*.spec.*"
 	],
+	"main": "./dist/index.js",
+	"module": "./dist/index.js",
 	"svelte": "./dist/index.js",
 	"types": "./dist/index.d.ts",
+	"browser": "./dist/index.js",
 	"type": "module",
 	"scripts": {
 		"dev": "vite dev",