motion-start 0.1.19 → 0.1.21

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/components/AnimateSharedLayout/utils/crossfader.d.ts

@@ -22,6 +22,11 @@ export interface CrossfadeAnimationOptions {
     crossfadeOpacity?: boolean;
     preserveFollowOpacity?: boolean;
 }
+/**
+based on framer-motion@4.0.3,
+Copyright (c) 2018 Framer B.V.
+*/
+import '../../../utils/fix-process-env.js';
 declare function createCrossfader(): Crossfader;
 export { createCrossfader };
 //# sourceMappingURL=crossfader.d.ts.map

package/dist/components/AnimateSharedLayout/utils/crossfader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"crossfader.d.ts","sourceRoot":"","sources":["../../../../src/lib/motion-start/components/AnimateSharedLayout/utils/crossfader.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC3E,OAAO,KAAK,EAUX,UAAU,EAEV,MAAM,gBAAgB,CAAC;AACxB,MAAM,WAAW,UAAU;IAC1B,QAAQ,IAAI,OAAO,CAAC;IACpB,iBAAiB,CAAC,OAAO,EAAE,aAAa,GAAG,cAAc,GAAG,SAAS,CAAC;IACtE,MAAM,CAAC,UAAU,CAAC,EAAE,UAAU,GAAG,gBAAgB,CAAC;IAClD,QAAQ,CAAC,UAAU,CAAC,EAAE,UAAU,GAAG,gBAAgB,CAAC;IACpD,UAAU,CAAC,OAAO,EAAE,yBAAyB,GAAG,IAAI,CAAC;IACrD,KAAK,IAAI,IAAI,CAAC;IACd,IAAI,IAAI,IAAI,CAAC;IACb,eAAe,IAAI,cAAc,CAAC;CAClC;AACD,MAAM,WAAW,yBAAyB;IACzC,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,qBAAqB,CAAC,EAAE,OAAO,CAAC;CAChC;AAcD,iBAAS,gBAAgB,IAAI,UAAU,CAuKtC;AAkED,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"crossfader.d.ts","sourceRoot":"","sources":["../../../../src/lib/motion-start/components/AnimateSharedLayout/utils/crossfader.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC3E,OAAO,KAAK,EAUX,UAAU,EAEV,MAAM,gBAAgB,CAAC;AACxB,MAAM,WAAW,UAAU;IAC1B,QAAQ,IAAI,OAAO,CAAC;IACpB,iBAAiB,CAAC,OAAO,EAAE,aAAa,GAAG,cAAc,GAAG,SAAS,CAAC;IACtE,MAAM,CAAC,UAAU,CAAC,EAAE,UAAU,GAAG,gBAAgB,CAAC;IAClD,QAAQ,CAAC,UAAU,CAAC,EAAE,UAAU,GAAG,gBAAgB,CAAC;IACpD,UAAU,CAAC,OAAO,EAAE,yBAAyB,GAAG,IAAI,CAAC;IACrD,KAAK,IAAI,IAAI,CAAC;IACd,IAAI,IAAI,IAAI,CAAC;IACb,eAAe,IAAI,cAAc,CAAC;CAClC;AACD,MAAM,WAAW,yBAAyB;IACzC,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,qBAAqB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED;;;EAGE;AACF,OAAO,mCAAmC,CAAC;AAQ3C,iBAAS,gBAAgB,IAAI,UAAU,CAuKtC;AAkED,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/components/AnimateSharedLayout/utils/crossfader.js

@@ -2,7 +2,7 @@
 based on framer-motion@4.0.3,
 Copyright (c) 2018 Framer B.V.
 */
-import { fixed } from '../../../utils/fix-process-env.js';
+import '../../../utils/fix-process-env.js';
 import sync, { getFrameData } from 'framesync';
 import { mix, progress, linear, mixColor, circOut } from 'popmotion';
 import { animate } from '../../../animation/animate.js';

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/features/layout/utils.d.ts

@@ -6,6 +6,11 @@ import type { Axis, AxisBox2D } from "../../../types/geometry";
 interface WithLayoutId {
     getLayoutId: () => undefined | string;
 }
+/**
+based on framer-motion@4.1.11,
+Copyright (c) 2018 Framer B.V.
+*/
+import "../../../utils/fix-process-env";
 declare function tweenAxis(target: Axis, prev: Axis, next: Axis, p: number): void;
 declare function calcRelativeOffsetAxis(parent: Axis, child: Axis): {
     min: number;

package/dist/motion/features/layout/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/lib/motion-start/motion/features/layout/utils.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAC/D,UAAU,YAAY;IACpB,WAAW,EAAE,MAAM,SAAS,GAAG,MAAM,CAAC;CACvC;AASD,iBAAS,SAAS,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,QAGjE;AACD,iBAAS,sBAAsB,CAAC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI;;;EAKxD;AACD,iBAAS,kBAAkB,CAAC,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS;;;;;;;;;EAK9D;AACD,iBAAS,uBAAuB,CAAC,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,YAAY,WAItE;AAED,QAAA,MAAM,aAAa;YACT,CAAC,SAAS,OAAO,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,IAAI,EAAE,CAAC,KAAK,CAAC,eAAP,CAAC,KAAK,CAAC;CAGtD,CAAC;AAEF,OAAO,EACL,kBAAkB,EAClB,sBAAsB,EACtB,uBAAuB,EACvB,SAAS,EACT,aAAa,GACd,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/lib/motion-start/motion/features/layout/utils.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAC/D,UAAU,YAAY;IACpB,WAAW,EAAE,MAAM,SAAS,GAAG,MAAM,CAAC;CACvC;AAED;;;EAGE;AACF,OAAO,gCAAgC,CAAC;AAGxC,iBAAS,SAAS,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,QAGjE;AACD,iBAAS,sBAAsB,CAAC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI;;;EAKxD;AACD,iBAAS,kBAAkB,CAAC,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS;;;;;;;;;EAK9D;AACD,iBAAS,uBAAuB,CAAC,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,YAAY,WAItE;AAED,QAAA,MAAM,aAAa;YACT,CAAC,SAAS,OAAO,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,IAAI,EAAE,CAAC,KAAK,CAAC,eAAP,CAAC,KAAK,CAAC;CAGtD,CAAC;AAEF,OAAO,EACL,kBAAkB,EAClB,sBAAsB,EACtB,uBAAuB,EACvB,SAAS,EACT,aAAa,GACd,CAAC"}

package/dist/motion/features/layout/utils.js

@@ -2,7 +2,7 @@
 based on framer-motion@4.1.11,
 Copyright (c) 2018 Framer B.V.
 */
-import { fixed } from "../../../utils/fix-process-env";
+import "../../../utils/fix-process-env";
 import { mix } from "popmotion";
 function tweenAxis(target, prev, next, p) {
     target.min = mix(prev.min, next.min, p);

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/dist/render/dom/projection/default-scale-correctors.d.ts

@@ -4,6 +4,11 @@ Copyright (c) 2018 Framer B.V.
 */
 import type { Axis } from '../../../types/geometry';
 import type { LayoutState, TargetProjection } from '../../utils/state';
+/**
+based on framer-motion@4.0.3,
+Copyright (c) 2018 Framer B.V.
+*/
+import '../../../utils/fix-process-env.js';
 declare function pixelsToPercent(pixels: number, axis: Axis): number;
 /**
  * We always correct borderRadius as a percentage rather than pixels to reduce paints.

package/dist/render/dom/projection/default-scale-correctors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"default-scale-correctors.d.ts","sourceRoot":"","sources":["../../../../src/lib/motion-start/render/dom/projection/default-scale-correctors.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAWvE,iBAAS,eAAe,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,UAElD;AACD;;;;;;GAMG;AACH,iBAAS,mBAAmB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,EAAE,MAAM,EAAE,EAAE,gBAAgB,UAmB5G;AAED,iBAAS,gBAAgB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,WAAW,mBAkDnF;AAID,QAAA,IAAI,sBAAsB;;;;;;;;;;;;;;;;;;;;;CA+BzB,CAAC;AAEF,OAAO,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"default-scale-correctors.d.ts","sourceRoot":"","sources":["../../../../src/lib/motion-start/render/dom/projection/default-scale-correctors.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAEvE;;;EAGE;AACF,OAAO,mCAAmC,CAAC;AAK3C,iBAAS,eAAe,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,UAElD;AACD;;;;;;GAMG;AACH,iBAAS,mBAAmB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,EAAE,MAAM,EAAE,EAAE,gBAAgB,UAmB5G;AAED,iBAAS,gBAAgB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,WAAW,mBAkDnF;AAID,QAAA,IAAI,sBAAsB;;;;;;;;;;;;;;;;;;;;;CA+BzB,CAAC;AAEF,OAAO,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,eAAe,EAAE,CAAC"}

package/dist/render/dom/projection/default-scale-correctors.js

@@ -2,7 +2,7 @@
 based on framer-motion@4.0.3,
 Copyright (c) 2018 Framer B.V.
 */
-import { fixed } from '../../../utils/fix-process-env.js';
+import '../../../utils/fix-process-env.js';
 import { complex, px } from 'style-value-types';
 import { mix } from 'popmotion';
 import { cssVariableRegex } from '../utils/css-variables-conversion.js';

package/dist/render/dom/utils/unit-conversion.d.ts

@@ -12,6 +12,11 @@ declare enum BoundingBoxDimension {
     top = "top",
     bottom = "bottom"
 }
+/**
+based on framer-motion@4.0.3,
+Copyright (c) 2018 Framer B.V.
+*/
+import '../../../utils/fix-process-env.js';
 /**
  * Convert value types for x/y/width/height/top/left/bottom/right
  *

package/dist/render/dom/utils/unit-conversion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"unit-conversion.d.ts","sourceRoot":"","sources":["../../../../src/lib/motion-start/render/dom/utils/unit-conversion.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,MAAM,EAAE,mBAAmB,EAAc,MAAM,gBAAgB,CAAC;AAC9E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjD,aAAK,oBAAoB;IACxB,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,KAAK,UAAU;IACf,GAAG,QAAQ;IACX,MAAM,WAAW;CACjB;AA8ND;;;;;;GAMG;AACH,iBAAS,cAAc,CACtB,aAAa,EAAE,aAAa,EAC5B,MAAM,EAAE,mBAAmB,EAC3B,MAAM,CAAC,EAAE,MAAM,EACf,aAAa,CAAC,EAAE,MAAM,GACpB;IACF,MAAM,EAAE,mBAAmB,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;CACvB,CAIA;AAED,OAAO,EAAE,oBAAoB,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"unit-conversion.d.ts","sourceRoot":"","sources":["../../../../src/lib/motion-start/render/dom/utils/unit-conversion.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,MAAM,EAAE,mBAAmB,EAAc,MAAM,gBAAgB,CAAC;AAC9E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjD,aAAK,oBAAoB;IACxB,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,KAAK,UAAU;IACf,GAAG,QAAQ;IACX,MAAM,WAAW;CACjB;AAED;;;EAGE;AACF,OAAO,mCAAmC,CAAC;AAwN3C;;;;;;GAMG;AACH,iBAAS,cAAc,CACtB,aAAa,EAAE,aAAa,EAC5B,MAAM,EAAE,mBAAmB,EAC3B,MAAM,CAAC,EAAE,MAAM,EACf,aAAa,CAAC,EAAE,MAAM,GACpB;IACF,MAAM,EAAE,mBAAmB,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;CACvB,CAIA;AAED,OAAO,EAAE,oBAAoB,EAAE,cAAc,EAAE,CAAC"}