motion-start 0.1.0 → 0.1.1

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

@@ -1,7 +1,8 @@
 <!-- based on framer-motion@4.0.3,
 Copyright (c) 2018 Framer B.V. -->
+<svelte:options runes />
 
-<script context="module" lang="ts">
+<script context="module" lang="ts" module>
     let presenceId = 0;
     function getPresenceId() {
         const id = presenceId;
@@ -14,24 +15,27 @@ Copyright (c) 2018 Framer B.V. -->
 </script>
 
 <script lang="ts">
-    import { afterUpdate, setContext, tick } from "svelte";
+    import { setContext, tick } from "svelte";
     import { setDomContext } from "../../../context/DOMcontext.js";
     import { PresenceContext } from "../../../context/PresenceContext.js";
     import type { PresenceChildProps } from "./index.js";
 
-    type $$Props = PresenceChildProps;
+    interface Props extends PresenceChildProps {}
 
-    export let isPresent: $$Props["isPresent"],
-        onExitComplete: $$Props["onExitComplete"] = undefined,
-        initial: $$Props["initial"] = undefined,
-        custom: $$Props["custom"] = undefined,
-        presenceAffectsLayout: $$Props["presenceAffectsLayout"],
-        isCustom: $$Props["isCustom"];
+    let {
+        isPresent,
+        onExitComplete = undefined,
+        initial = undefined,
+        custom = undefined,
+        presenceAffectsLayout,
+        isCustom,
+        children,
+    }: Props = $props();
 
     const presenceChildren = newChildrenMap();
     const id = getPresenceId();
 
-    $: refresh = presenceAffectsLayout ? undefined : isPresent;
+    const refresh = $derived(presenceAffectsLayout ? undefined : isPresent);
 
     const memoContext = (flag?: boolean) => {
         return {
@@ -56,23 +60,25 @@ Copyright (c) 2018 Framer B.V. -->
     };
     let context = PresenceContext();
 
-    afterUpdate(() => {
+    $effect(() => {
         if (presenceAffectsLayout) {
             context.set(memoContext());
         }
     });
 
-    $: context.set(memoContext(refresh));
+    $effect(() => context.set(memoContext(refresh)));
 
     const keyset = (flag?: boolean) => {
         presenceChildren.forEach((_, key) => presenceChildren.set(key, false));
     };
-    $: keyset(isPresent);
-    $: tick().then(() => {
-        !isPresent && !presenceChildren.size && onExitComplete?.();
+    $effect(() => {
+        keyset(isPresent);
+        tick().then(() => {
+            !isPresent && !presenceChildren.size && onExitComplete?.();
+        });
     });
     setContext(PresenceContext, context);
     setDomContext("Presence", isCustom, context);
 </script>
 
-<slot />
+{@render children?.()}

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

@@ -1,29 +1,4 @@
 import type { PresenceChildProps } from "./index.js";
-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;
-}
-type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
-    default: any;
-} ? Props extends Record<string, never> ? any : {
-    children?: any;
-} : {});
-declare const PresenceChild: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<PresenceChildProps, {
-    default: {};
-}>, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}, {}, string>;
-type PresenceChild = InstanceType<typeof PresenceChild>;
+declare const PresenceChild: import("svelte").Component<PresenceChildProps, {}, "">;
 export default PresenceChild;
 //# sourceMappingURL=PresenceChild.svelte.d.ts.map

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;AAwErD,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,aAAa;;;;;;cAAmF,CAAC;AACrF,KAAK,aAAa,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC;AAC1D,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;AA8ErD,QAAA,MAAM,aAAa,wDAAsC,CAAC;AAC1D,eAAe,aAAa,CAAC"}

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

@@ -1,5 +1,7 @@
-import type { VariantLabels } from "../../../motion/types";
+import type { Snippet } from 'svelte';
+import type { VariantLabels } from '../../../motion/types';
 export interface PresenceChildProps {
+    children?: Snippet;
     isPresent: boolean;
     onExitComplete?: () => void;
     initial?: false | VariantLabels;

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,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC3D,MAAM,WAAW,kBAAkB;IAE/B,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,CAAA;CACpB"}
+{"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"}

package/dist/components/AnimateSharedLayout/AnimateSharedLayout.svelte

@@ -111,7 +111,7 @@ Copyright (c) 2018 Framer B.V. -->
      * Create a handler which we can use to flush the children animations
      */
     const handler = {
-      measureLayout: (child: PresenceChild) => child.updateLayoutMeasurement(),
+      measureLayout: (child: any) => child.updateLayoutMeasurement(),
       layoutReady: (child: VisualElement) => {
         if (child.getLayoutId() !== undefined) {
           const stack = getStack(child);

package/dist/components/AnimateSharedLayout/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/components/AnimateSharedLayout/types.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC/C;;GAEG;AACH,oBAAY,QAAQ;IACnB,QAAQ,IAAI;IACZ,OAAO,IAAI;IACX,OAAO,IAAI;CACX;AACD;;GAEG;AACH,oBAAY,gBAAgB;IAC3B,IAAI,IAAI;IACR,IAAI,IAAI;CACR;AACD;;GAEG;AACH,MAAM,WAAW,iBAAiB;IACjC;;OAEG;IAEH;;;;;;;;;;;OAWG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;CAC9B;AACD,MAAM,WAAW,2BAA2B;IAC3C,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,gBAAgB,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACvC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,aAAa,CAAC;CAC3B;AACD;;;;;GAKG;AACH,MAAM,WAAW,oBAAoB;IACpC,WAAW,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC5C,MAAM,CAAC,EAAE,aAAa,CAAC;CACvB;AACD;;;;GAIG;AACH,MAAM,WAAW,iBAAiB;IACjC,GAAG,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACpC,KAAK,EAAE,CAAC,OAAO,CAAC,EAAE,oBAAoB,KAAK,IAAI,CAAC;CAChD;AACD;;GAEG;AACH,MAAM,WAAW,uBAAwB,SAAQ,iBAAiB;IACjE,UAAU,EAAE,CAAC,KAAK,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACzC,MAAM,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;CACvC;AAED;;;EAGE;AAEF;;GAEG"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/components/AnimateSharedLayout/types.ts"],"names":[],"mappings":"AAAA;;;EAGE;AAEF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC/C;;GAEG;AACH,oBAAY,QAAQ;IACnB,QAAQ,IAAI;IACZ,OAAO,IAAI;IACX,OAAO,IAAI;CACX;AACD;;GAEG;AACH,oBAAY,gBAAgB;IAC3B,IAAI,IAAI;IACR,IAAI,IAAI;CACR;AACD;;GAEG;AACH,MAAM,WAAW,iBAAiB;IACjC;;OAEG;IAEH;;;;;;;;;;;OAWG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;CAC9B;AACD,MAAM,WAAW,2BAA2B;IAC3C,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,gBAAgB,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACvC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,aAAa,CAAC;CAC3B;AACD;;;;;GAKG;AACH,MAAM,WAAW,oBAAoB;IACpC,WAAW,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC5C,MAAM,CAAC,EAAE,aAAa,CAAC;CACvB;AACD;;;;GAIG;AACH,MAAM,WAAW,iBAAiB;IACjC,GAAG,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACpC,KAAK,EAAE,CAAC,OAAO,CAAC,EAAE,oBAAoB,KAAK,IAAI,CAAC;CAChD;AACD;;GAEG;AACH,MAAM,WAAW,uBAAwB,SAAQ,iBAAiB;IACjE,UAAU,EAAE,CAAC,KAAK,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACzC,MAAM,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;CACvC;AAED;;;EAGE;AAEF;;GAEG"}

package/dist/events/UseDomEvent.svelte

@@ -1,10 +1,14 @@
 <!-- based on framer-motion@4.0.3,
 Copyright (c) 2018 Framer B.V. -->
+<svelte:options runes />
+
 <script lang="ts">
-  import { onDestroy } from "svelte";
+  import { onDestroy, type Snippet } from "svelte";
   import { addDomEvent, type UseDomEventProps } from "./use-dom-event.js";
 
-  type $$Props = UseDomEventProps;
+  interface Props extends UseDomEventProps {
+    children?: Snippet;
+  }
 
   /**
    * Attaches an event listener directly to the provided DOM element.
@@ -27,12 +31,20 @@ Copyright (c) 2018 Framer B.V. -->
    *
    * @public
    */
-  export let ref: $$Props["ref"],
-    eventName: $$Props["eventName"],
-    handler: $$Props["handler"] = undefined,
-    options: $$Props["options"] = undefined;
+  let {
+    ref,
+    eventName,
+    handler = undefined,
+    options = undefined,
+    children,
+  }: Props = $props();
   let cleanup = () => {};
-  const effect = (ref?:any, eventName?:any, handler?:any, options?:any) => {
+  const _cleanup = (
+    ref?: any,
+    eventName?: any,
+    handler?: any,
+    options?: any,
+  ) => {
     cleanup();
     if (!ref) {
       return () => {};
@@ -45,8 +57,10 @@ Copyright (c) 2018 Framer B.V. -->
     return () => {};
   };
 
-  $: cleanup = effect(ref, eventName, handler, options);
+  $effect(() => {
+    cleanup = _cleanup(ref, eventName, handler, options);
+  });
   onDestroy(cleanup);
 </script>
 
-<slot />
+{@render children?.()}

package/dist/events/UseDomEvent.svelte.d.ts

@@ -1,29 +1,7 @@
+import { type Snippet } from "svelte";
 import { type UseDomEventProps } from "./use-dom-event.js";
-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;
-}
-type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
-    default: any;
-} ? Props extends Record<string, never> ? any : {
-    children?: any;
-} : {});
-declare const UseDomEvent: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<UseDomEventProps, {
-    default: {};
-}>, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}, {}, string>;
-type UseDomEvent = InstanceType<typeof UseDomEvent>;
+declare const UseDomEvent: import("svelte").Component<UseDomEventProps & {
+    children?: Snippet;
+}, {}, "">;
 export default UseDomEvent;
 //# sourceMappingURL=UseDomEvent.svelte.d.ts.map

package/dist/events/UseDomEvent.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UseDomEvent.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/motion-start/events/UseDomEvent.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AA4IxE,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,WAAW;;;;;;cAAmF,CAAC;AACnF,KAAK,WAAW,GAAG,YAAY,CAAC,OAAO,WAAW,CAAC,CAAC;AACtD,eAAe,WAAW,CAAC"}
+{"version":3,"file":"UseDomEvent.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/motion-start/events/UseDomEvent.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAAa,KAAK,OAAO,EAAE,MAAM,QAAQ,CAAC;AACjD,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAsExE,QAAA,MAAM,WAAW;eA/DF,OAAO;UA+DiC,CAAC;AACxD,eAAe,WAAW,CAAC"}

package/dist/gestures/drag/UseDrag.svelte

@@ -1,16 +1,17 @@
 <!-- based on framer-motion@4.1.11,
 Copyright (c) 2018 Framer B.V. -->
+<svelte:options runes />
 
 <script lang="ts">
   import { getContext, onDestroy, onMount } from "svelte";
-  import { get, type Writable } from "svelte/store";
+  import { fromStore, get, type Writable } from "svelte/store";
   import {
     MotionConfigContext,
     type MotionConfigContextObject,
   } from "../../context/MotionConfigContext.js";
   import { VisualElementDragControls } from "./VisualElementDragControls.js";
 
-  export let visualElement, props, isCustom;
+  let { visualElement, props, isCustom, children } = $props();
 
   const mcc =
     getContext<Writable<MotionConfigContextObject>>(MotionConfigContext) ||
@@ -31,19 +32,12 @@ Copyright (c) 2018 Framer B.V. -->
       cleanup = groupDragControls.subscribe(dragControls);
     }
   };
-  let { dragControls: groupDragControls } = props;
-  let { transformPagePoint } = get(mcc);
+  const { dragControls: groupDragControls } = $derived(props);
+  const { transformPagePoint } = $derived(fromStore(mcc).current);
 
-  $: ({ dragControls: groupDragControls } = props);
-  //let {transformPagePoint} = get($mcc);
-  $: ({ transformPagePoint } = $mcc);
-  dragControls.setProps({ ...props, transformPagePoint });
+  $effect(() => dragControls.setProps({ ...props, transformPagePoint }));
 
-  //dragControls.setProps({ ...props, transformPagePoint })
-
-  $: dragControls.setProps({ ...props, transformPagePoint });
-
-  $: dragEffect(dragControls);
+  $effect(() => dragEffect(dragControls));
 
   onDestroy(() => {
     if (cleanup) {
@@ -53,4 +47,4 @@ Copyright (c) 2018 Framer B.V. -->
   onMount(() => dragControls.mount(visualElement));
 </script>
 
-<slot />
+{@render children?.()}

package/dist/gestures/drag/UseDrag.svelte.d.ts

@@ -1,32 +1,8 @@
-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;
-}
-type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
-    default: any;
-} ? Props extends Record<string, never> ? any : {
-    children?: any;
-} : {});
-declare const UseDrag: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
-    visualElement: any;
-    props: any;
-    isCustom: any;
-}, {
-    default: {};
-}>, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}, {}, string>;
-type UseDrag = InstanceType<typeof UseDrag>;
+declare const UseDrag: import("svelte").Component<{
+    visualElement: unknown;
+    props: unknown;
+    isCustom: unknown;
+    children: unknown;
+}, {}, "">;
 export default UseDrag;
 //# sourceMappingURL=UseDrag.svelte.d.ts.map

package/dist/gestures/drag/UseDrag.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UseDrag.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/gestures/drag/UseDrag.svelte.ts"],"names":[],"mappings":"AAkEA,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,OAAO;;;;;;;;;;cAAmF,CAAC;AAC/E,KAAK,OAAO,GAAG,YAAY,CAAC,OAAO,OAAO,CAAC,CAAC;AAC9C,eAAe,OAAO,CAAC"}
+{"version":3,"file":"UseDrag.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/gestures/drag/UseDrag.svelte.ts"],"names":[],"mappings":"AA4DA,QAAA,MAAM,OAAO;mBA7CiD,OAAO;WAAS,OAAO;cAAY,OAAO;cAAY,OAAO;UA6CxE,CAAC;AACpD,eAAe,OAAO,CAAC"}

package/dist/gestures/drag/VisualElementDragControls.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VisualElementDragControls.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/gestures/drag/VisualElementDragControls.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,KAAK,EAAa,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACjF,OAAO,KAAK,EAAE,cAAc,EAAuB,MAAM,SAAS,CAAC;AAGnE,UAAU,iBAAiB;IAC1B,aAAa,EAAE,aAAa,CAAC;CAC7B;AACD,MAAM,WAAW,kBAAkB;IAClC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC;CACzB;AACD,UAAU,iBAAkB,SAAQ,cAAc;IACjD,kBAAkB,CAAC,EAAE,gBAAgB,CAAC;CACtC;AAED,MAAM,MAAM,8BAA8B,GAAG,CAAC,EAAE,eAAe,EAAE,wBAAwB,EAAE,EAAE,WAAW,KAAK,OAAO,CAAC;AAyCrH,QAAA,IAAI,mBAAmB,EAAE,OAAO,CAAC,aAAa,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,yBAAyB,CAAiB,CAAC;AAMrG,cAAM,yBAAyB;IAC9B;;;;OAIG;IACH,UAAU,UAAS;IACnB;;;;OAIG;IACH,OAAO,CAAC,gBAAgB,CAA8B;IACtD;;;;OAIG;IACH,OAAO,CAAC,WAAW,CAAsC;IACzD;;;;OAIG;IACH,OAAO,CAAC,OAAO,CAAa;IAC5B;;;;OAIG;IACH,OAAO,CAAC,KAAK,CAAuC;IACpD;;OAEG;IACH,OAAO,CAAC,aAAa,CAA6B;IAClD;;OAEG;IACH,OAAO,CAAC,qBAAqB,CAAS;IACtC;;OAEG;IACH,OAAO,CAAC,YAAY,CAAC,CAAM;IAC3B;;;;;;OAMG;IACH,OAAO,CAAC,cAAc,CAGpB;IACF,OAAO,CAAC,WAAW,CAA2B;IAC9C,OAAO,CAAC,cAAc,CAAqB;IAC3C;;OAEG;IACH,OAAO,CAAC,UAAU,CAAC,CAAa;IAChC;;OAEG;IACH,OAAO,CAAC,cAAc,CAAC,CAAY;gBAEvB,EAAE,aAAa,EAAE,EAAE,iBAAiB;IAKhD;;;;OAIG;IACH,KAAK,gBACS,YAAY,qCAC6B,kBAAkB,UAyIvE;IACF,sBAAsB,aAuBpB;IACF,OAAO,CAAC,qBAAqB,CAqB3B;IACF,OAAO,CAAC,UAAU,CAahB;IACF,OAAO,CAAC,IAAI,CAWV;IACF,YAAY,UAAW,OAAO,aAkB5B;IACF;;OAEG;IACH,OAAO,CAAC,UAAU,CAOhB;IACF,OAAO,CAAC,qBAAqB,CAM3B;IACF,OAAO,CAAC,uBAAuB,CAmB7B;IACF,QAAQ,gHAQL,iBAAiB,GAAG,WAAW,UAUhC;IACF;;;;;;;OAOG;IACH,OAAO,CAAC,kBAAkB,CAUxB;IACF,OAAO,CAAC,YAAY,CAElB;IACF,OAAO,CAAC,cAAc,CAKpB;IACF,OAAO,CAAC,cAAc,CA4EpB;IACF,UAAU,aAKR;IACF,OAAO,CAAC,uBAAuB,CAO7B;IACF,UAAU,aAsCR;IACF,iBAAiB,aAAc,MAAM,IAAI,UAWvC;IACF,KAAK,kBAAmB,aAAa,KAAG,CAAC,MAAM,IAAI,CAAC,CA6ClD;CACF;AA0BD,OAAO,EAAE,yBAAyB,EAAE,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"VisualElementDragControls.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/gestures/drag/VisualElementDragControls.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,KAAK,EAAa,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACjF,OAAO,KAAK,EAAE,cAAc,EAAuB,MAAM,SAAS,CAAC;AAGnE,UAAU,iBAAiB;IAC1B,aAAa,EAAE,aAAa,CAAC;CAC7B;AACD,MAAM,WAAW,kBAAkB;IAClC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC;CACzB;AACD,UAAU,iBAAkB,SAAQ,cAAc;IACjD,kBAAkB,CAAC,EAAE,gBAAgB,CAAC;CACtC;AAED,MAAM,MAAM,8BAA8B,GAAG,CAAC,EAAE,eAAe,EAAE,wBAAwB,EAAE,EAAE,WAAW,KAAK,OAAO,CAAC;AAyCrH,QAAA,IAAI,mBAAmB,EAAE,OAAO,CAAC,aAAa,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,yBAAyB,CAAiB,CAAC;AAMrG,cAAM,yBAAyB;IAC9B;;;;OAIG;IACH,UAAU,UAAS;IACnB;;;;OAIG;IACH,OAAO,CAAC,gBAAgB,CAA8B;IACtD;;;;OAIG;IACH,OAAO,CAAC,WAAW,CAAsC;IACzD;;;;OAIG;IACH,OAAO,CAAC,OAAO,CAAa;IAC5B;;;;OAIG;IACH,OAAO,CAAC,KAAK,CAAuC;IACpD;;OAEG;IACH,OAAO,CAAC,aAAa,CAA6B;IAClD;;OAEG;IACH,OAAO,CAAC,qBAAqB,CAAS;IACtC;;OAEG;IACH,OAAO,CAAC,YAAY,CAAC,CAAM;IAC3B;;;;;;OAMG;IACH,OAAO,CAAC,cAAc,CAGpB;IACF,OAAO,CAAC,WAAW,CAA2B;IAC9C,OAAO,CAAC,cAAc,CAAqB;IAC3C;;OAEG;IACH,OAAO,CAAC,UAAU,CAAC,CAAa;IAChC;;OAEG;IACH,OAAO,CAAC,cAAc,CAAC,CAAY;gBAEvB,EAAE,aAAa,EAAE,EAAE,iBAAiB;IAKhD;;;;OAIG;IACH,KAAK,gBACS,YAAY,qCAC6B,kBAAkB,UAyIvE;IACF,sBAAsB,aAwBpB;IACF,OAAO,CAAC,qBAAqB,CAqB3B;IACF,OAAO,CAAC,UAAU,CAahB;IACF,OAAO,CAAC,IAAI,CAWV;IACF,YAAY,UAAW,OAAO,aAkB5B;IACF;;OAEG;IACH,OAAO,CAAC,UAAU,CAOhB;IACF,OAAO,CAAC,qBAAqB,CAM3B;IACF,OAAO,CAAC,uBAAuB,CAmB7B;IACF,QAAQ,gHAQL,iBAAiB,GAAG,WAAW,UAUhC;IACF;;;;;;;OAOG;IACH,OAAO,CAAC,kBAAkB,CAWxB;IACF,OAAO,CAAC,YAAY,CAElB;IACF,OAAO,CAAC,cAAc,CAKpB;IACF,OAAO,CAAC,cAAc,CA6EpB;IACF,UAAU,aAKR;IACF,OAAO,CAAC,uBAAuB,CAO7B;IACF,UAAU,aAsCR;IACF,iBAAiB,aAAc,MAAM,IAAI,UAYvC;IACF,KAAK,kBAAmB,aAAa,KAAG,CAAC,MAAM,IAAI,CAAC,CA6ClD;CACF;AA0BD,OAAO,EAAE,yBAAyB,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/gestures/drag/VisualElementDragControls.js

@@ -325,7 +325,8 @@ class VisualElementDragControls {
                  */
                 if (this.constraints && !this.hasMutatedConstraints) {
                     eachAxis((axis) => {
-                        if (this.getAxisMotionValue(axis)) { // @ts-expect-error
+                        if (this.getAxisMotionValue(axis)) {
+                            // @ts-expect-error
                             this.constraints[axis] = rebaseAxisConstraints(layout[axis], this.constraints[axis]);
                         }
                     });
@@ -501,7 +502,8 @@ class VisualElementDragControls {
             value: (axis) => {
                 var _a = this.props, layout = _a.layout, layoutId = _a.layoutId;
                 var dragKey = '_drag' + axis.toUpperCase(); // @ts-expect-error
-                if (this.props[dragKey]) { // @ts-expect-error
+                if (this.props[dragKey]) {
+                    // @ts-expect-error
                     return this.props[dragKey];
                 }
                 else if (!layout && layoutId === undefined) {
@@ -544,7 +546,8 @@ class VisualElementDragControls {
                 var constraints = this.constraints || {};
                 if (isRelative && Object.keys(constraints).length && this.isLayoutDrag()) {
                     var projectionParent = this.visualElement.getProjectionParent();
-                    if (projectionParent) { // @ts-expect-error
+                    if (projectionParent) {
+                        // @ts-expect-error
                         var relativeConstraints_1 = calcRelativeOffset(projectionParent.projection.targetFinal, constraints);
                         eachAxis((axis) => {
                             var _a = relativeConstraints_1[axis], min = _a.min, max = _a.max; // @ts-expect-error
@@ -666,6 +669,7 @@ class VisualElementDragControls {
             writable: true,
             value: (onReady) => {
                 this.cancelLayout = batchLayout((read, write) => {
+                    // @ts-expect-error
                     var ancestors = collectProjectingAncestors(_this.visualElement);
                     write(() => ancestors.forEach((element) => element.resetTransform()));
                     read(() => updateLayoutMeasurement(this.visualElement));

package/dist/index.d.ts

@@ -20,8 +20,8 @@ export { AnimatePresence } from './components/AnimatePresence/index.js';
 export { AnimateSharedLayout } from './components/AnimateSharedLayout/index.js';
 export { LazyMotion } from './components/LazyMotion/index.js';
 export { MotionConfig } from './components/MotionConfig/index.js';
-export { Motion, createDomMotionComponent } from './render/dom/motion.js';
-export { M } from './render/dom/motion-minimal.js';
+export { motion, createDomMotionComponent, motion as Motion } from './render/dom/motion.js';
+export { m, m as M } from './render/dom/motion-minimal.js';
 /**
  * Features
  */
@@ -52,7 +52,7 @@ export { useAnimation } from './animation/use-animation.js';
 export { useIsPresent, usePresence } from './components/AnimatePresence/use-presence.js';
 export { createCrossfader } from './components/AnimateSharedLayout/utils/crossfader.js';
 export { UseDomEvent } from './events/use-dom-event.js';
-export { type PanInfo } from './gestures/PanSession.js';
+export type { PanInfo } from './gestures/PanSession.js';
 export { DragControls, useDragControls } from './gestures/drag/use-drag-controls.js';
 export type { FocusHandlers, HoverHandlers, PanHandlers, TapHandlers, TapInfo } from './gestures/types.js';
 export { createMotionComponent } from './motion/index.js';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/motion-start/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/motion-start/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -21,8 +21,8 @@ export { AnimatePresence } from './components/AnimatePresence/index.js';
 export { AnimateSharedLayout } from './components/AnimateSharedLayout/index.js';
 export { LazyMotion } from './components/LazyMotion/index.js';
 export { MotionConfig } from './components/MotionConfig/index.js';
-export { Motion, createDomMotionComponent } from './render/dom/motion.js';
-export { M } from './render/dom/motion-minimal.js';
+export { motion, createDomMotionComponent, motion as Motion } from './render/dom/motion.js';
+export { m, m as M } from './render/dom/motion-minimal.js';
 /**
  * Features
  */
@@ -52,7 +52,6 @@ export { useAnimation } from './animation/use-animation.js';
 export { useIsPresent, usePresence } from './components/AnimatePresence/use-presence.js';
 export { createCrossfader } from './components/AnimateSharedLayout/utils/crossfader.js';
 export { UseDomEvent } from './events/use-dom-event.js';
-export {} from './gestures/PanSession.js';
 export { DragControls, useDragControls } from './gestures/drag/use-drag-controls.js';
 export { createMotionComponent } from './motion/index.js';
 export { isValidMotionProp } from './motion/utils/valid-prop.js';

package/dist/motion/features/Exit.svelte

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

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

@@ -1,32 +1,8 @@
-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;
-}
-type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
-    default: any;
-} ? Props extends Record<string, never> ? any : {
-    children?: any;
-} : {});
-declare const Exit: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
-    props: any;
-    visualElement: any;
-    isCustom: any;
-}, {
-    default: {};
-}>, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}, {}, string>;
-type Exit = InstanceType<typeof Exit>;
+declare const Exit: import("svelte").Component<{
+    props: unknown;
+    visualElement: unknown;
+    isCustom: unknown;
+    children: unknown;
+}, {}, "">;
 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":"AAqDA,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,IAAI;;;;;;;;;;cAAmF,CAAC;AAC5E,KAAK,IAAI,GAAG,YAAY,CAAC,OAAO,IAAI,CAAC,CAAC;AACxC,eAAe,IAAI,CAAC"}
+{"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,OAAO;mBAAiB,OAAO;cAAY,OAAO;cAAY,OAAO;UAgC3E,CAAC;AACjD,eAAe,IAAI,CAAC"}

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

@@ -39,8 +39,9 @@ Copyright (c) 2018 Framer B.V. -->
   import { axisBox } from "../../../utils/geometry/index.js";
   import { tweenAxis } from "./utils";
   import type { Axis, AxisBox2D } from "../../../types/geometry.js";
+  import type { VisualElement } from "../../../render/types.js";
 
-  export let visualElement,
+  export let visualElement: VisualElement,
     //initial = undefined,
     //style = undefined,
     //transformTemplate = undefined,
@@ -125,29 +126,11 @@ Copyright (c) 2018 Framer B.V. -->
     y: undefined,
   } as any satisfies AxisBox2D;
 
-  let unsubLayoutReady: () => void;
-
   let isAnimatingTree = false;
 
-  onMount(() => {
-    visualElement.animateMotionValue = startAnimation;
-    visualElement.enableLayoutProjection();
-    unsubLayoutReady = visualElement.onLayoutUpdate(animateF);
-    visualElement.layoutSafeToRemove = function () {
-      safeToRemove();
-    };
-
-    addScaleCorrection(defaultScaleCorrectors);
-  });
-
-  onDestroy(() => {
-    unsubLayoutReady();
-    eachAxis((axis) => stopAxisAnimation[axis]?.());
-  });
-
   const animateF = (
-    target: { [x: string]: { max: any }; x: any; y: any },
-    origin: { [x: string]: any; x: any; y: any },
+    target: AxisBox2D,
+    origin: AxisBox2D,
     {
       originBox,
       targetBox,
@@ -233,7 +216,7 @@ Copyright (c) 2018 Framer B.V. -->
    * API to accept more custom animations like
    */
   const animateAxis = (
-    axis: string,
+    axis: "x" | "y",
     target: Axis,
     origin: Axis,
     { transition: _transition } = {} as any,
@@ -312,4 +295,25 @@ Copyright (c) 2018 Framer B.V. -->
 
     return animation;
   };
+
+  const subLayoutReady = () => {
+    visualElement.animateMotionValue = startAnimation;
+    visualElement.enableLayoutProjection();
+    const unsubLayoutReady = visualElement.onLayoutUpdate(animateF);
+    visualElement.layoutSafeToRemove = function () {
+      safeToRemove();
+    };
+
+    addScaleCorrection(defaultScaleCorrectors);
+
+    return () => {
+      unsubLayoutReady();
+      eachAxis((axis) => stopAxisAnimation[axis]?.());
+    };
+  };
+
+  onMount(subLayoutReady);
+  // beforeUpdate(subLayoutReady);
+
+  // afterUpdate(subLayoutReady);
 </script>