motion-start 0.0.3 → 0.1.1

package/dist/motion/utils/UseVisualState.svelte

@@ -10,40 +10,37 @@ Copyright (c) 2018 Framer B.V. -->
   } from "../../render/utils/variants.js";
   import { resolveMotionValue } from "../../value/utils/resolve-motion-value.js";
 
-  type Instance = any;
-  type RenderState = any;
-
-  const makeState = (
+  const makeState = <Instance, RenderState>(
     {
       scrapeMotionValuesFromProps,
       createRenderState,
       onMount,
     }: UseVisualStateConfig<Instance, RenderState>,
-    props,
-    context,
-    presenceContext
+    props: MotionProps,
+    context: MotionContextProps,
+    presenceContext: PresenceContextProps,
   ) => {
     const state: any = {
       latestValues: makeLatestValues(
         props,
         context,
         presenceContext,
-        scrapeMotionValuesFromProps
+        scrapeMotionValuesFromProps,
       ),
       renderState: createRenderState(),
     };
 
     if (onMount) {
-      state.mount = (instance) => onMount(props, instance, state);
+      state.mount = (instance: Instance) => onMount(props, instance, state);
     }
 
     return state;
   };
   function makeLatestValues(
-    props,
-    context,
-    presenceContext,
-    scrapeMotionValues
+    props: MotionProps,
+    context: MotionContextProps,
+    presenceContext: PresenceContextProps,
+    scrapeMotionValues: { (props: MotionProps): { [key: string]: MotionValue | string | number; }; (arg0: any): any; },
   ) {
     const values: any = {};
     const blockInitialAnimation = presenceContext?.initial === false;
@@ -85,8 +82,8 @@ Copyright (c) 2018 Framer B.V. -->
         if (!resolved) return;
 
         const { transitionEnd, transition, ...target } = resolved;
-
-        for (const key in target) values[key] = target[key];
+        // @ts-expect-error
+        for (const key in target) values[key] = target[key];// @ts-expect-error
         for (const key in transitionEnd) values[key] = transitionEnd[key];
       });
     }
@@ -96,6 +93,7 @@ Copyright (c) 2018 Framer B.V. -->
 </script>
 
 <script lang="ts" generics="Instance, RenderState">
+  import type { MotionValue } from "../../value/index.js";
   import type { UseVisualStateConfig } from "./use-visual-state.js";
 
   import type { MotionProps } from "..";
@@ -112,25 +110,27 @@ Copyright (c) 2018 Framer B.V. -->
   } from "../../context/PresenceContext.js";
 
   type $$Props = {
-    config: UseVisualStateConfig<Instance, RenderState>;
+    config?: UseVisualStateConfig<Instance, RenderState>;
     props: MotionProps;
     isStatic: boolean;
     isCustom?: any | undefined;
   };
 
-  export let config: $$Props["config"],
+  export let config: $$Props["config"] = undefined,
     props: $$Props["props"],
     isStatic: $$Props["isStatic"],
-    isCustom: $$Props['isCustom'] = undefined;
+    isCustom: $$Props["isCustom"] = undefined;
 
   const context =
-    getContext<Writable<MotionContextProps>>(MotionContext) || MotionContext(isCustom);
+    getContext<Writable<MotionContextProps>>(MotionContext) ||
+    MotionContext(isCustom);
   const presenceContext =
-    getContext<Writable<PresenceContextProps>>(PresenceContext) || PresenceContext(isCustom);
-  let state = makeState(config, props, get(context), get(presenceContext));
+    getContext<Writable<PresenceContextProps>>(PresenceContext) ||
+    PresenceContext(isCustom);
+  let state = makeState(config as UseVisualStateConfig<Instance, RenderState>, props, get(context), get(presenceContext));
   const ms = makeState;
   $: if (isStatic) {
-    state = ms(config, props, $context, $presenceContext);
+    state = ms(config as UseVisualStateConfig<Instance, RenderState>, props, $context, $presenceContext);
   }
 </script>
 

package/dist/motion/utils/UseVisualState.svelte.d.ts

@@ -2,7 +2,7 @@ import type { UseVisualStateConfig } from "./use-visual-state.js";
 import type { MotionProps } from "..";
 declare class __sveltets_Render<Instance, RenderState> {
     props(): {
-        config: UseVisualStateConfig<Instance, RenderState>;
+        config?: UseVisualStateConfig<Instance, RenderState> | undefined;
         props: MotionProps;
         isStatic: boolean;
         isCustom?: any | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"UseVisualState.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/motion/utils/UseVisualState.svelte.ts"],"names":[],"mappings":"AAgGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAElE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,IAAI,CAAC;AAsDtC,cAAM,iBAAiB,CAAC,QAAQ,EAAC,WAAW;IACxC,KAAK;;eA9BE,WAAW;kBACR,OAAO;mBACN,GAAG,GAAG,SAAS;;IA+B1B,MAAM;;;IAGN,KAAK;;;;;IAGL,QAAQ;IACR,OAAO;CACV;AAED,UAAU,qBAAqB;IAC3B,KAAK,QAAQ,EAAC,WAAW,EAAE,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,UAAU,CAAC,iBAAiB,CAAC,QAAQ,EAAC,WAAW,CAAC,CAAC,OAAO,CAAC,CAAC,GAAE;QAAC,QAAQ,CAAC,EAAE,GAAG,CAAA;KAAC,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,UAAU,CAAC,iBAAiB,CAAC,QAAQ,EAAC,WAAW,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,QAAQ,EAAC,WAAW,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,QAAQ,EAAC,WAAW,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,QAAQ,EAAC,WAAW,CAAC,CAAC,UAAU,CAAC,CAAC,CAAA;KAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,QAAQ,EAAC,WAAW,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;IACnhB,CAAC,QAAQ,EAAC,WAAW,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,QAAQ,EAAC,WAAW,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG;QAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,QAAQ,EAAC,WAAW,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC;QAAC,OAAO,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,QAAQ,EAAC,WAAW,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;QAAC,QAAQ,CAAC,EAAE,GAAG,CAAA;KAAC,GAAG,UAAU,CAAC,iBAAiB,CAAC,QAAQ,EAAC,WAAW,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;IACpV,YAAY,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,GAAG,EAAC,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC;CACrE;AACD,QAAA,MAAM,cAAc,EAAE,qBAAmC,CAAC;AACxC,KAAK,cAAc,CAAC,QAAQ,EAAC,WAAW,IAAI,YAAY,CAAC,OAAO,cAAc,CAAC,QAAQ,EAAC,WAAW,CAAC,CAAC,CAAC;AACxG,eAAe,cAAc,CAAC"}
+{"version":3,"file":"UseVisualState.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/motion/utils/UseVisualState.svelte.ts"],"names":[],"mappings":"AA8FA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAElE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,IAAI,CAAC;AAyDtC,cAAM,iBAAiB,CAAC,QAAQ,EAAC,WAAW;IACxC,KAAK;;eAhCE,WAAW;kBACR,OAAO;mBACN,GAAG,GAAG,SAAS;;IAiC1B,MAAM;;;IAGN,KAAK;;;;;IAGL,QAAQ;IACR,OAAO;CACV;AAED,UAAU,qBAAqB;IAC3B,KAAK,QAAQ,EAAC,WAAW,EAAE,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,UAAU,CAAC,iBAAiB,CAAC,QAAQ,EAAC,WAAW,CAAC,CAAC,OAAO,CAAC,CAAC,GAAE;QAAC,QAAQ,CAAC,EAAE,GAAG,CAAA;KAAC,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,UAAU,CAAC,iBAAiB,CAAC,QAAQ,EAAC,WAAW,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,QAAQ,EAAC,WAAW,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,QAAQ,EAAC,WAAW,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,QAAQ,EAAC,WAAW,CAAC,CAAC,UAAU,CAAC,CAAC,CAAA;KAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,QAAQ,EAAC,WAAW,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;IACnhB,CAAC,QAAQ,EAAC,WAAW,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,QAAQ,EAAC,WAAW,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG;QAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,QAAQ,EAAC,WAAW,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC;QAAC,OAAO,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,QAAQ,EAAC,WAAW,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;QAAC,QAAQ,CAAC,EAAE,GAAG,CAAA;KAAC,GAAG,UAAU,CAAC,iBAAiB,CAAC,QAAQ,EAAC,WAAW,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;IACpV,YAAY,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,GAAG,EAAC,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC;CACrE;AACD,QAAA,MAAM,cAAc,EAAE,qBAAmC,CAAC;AACxC,KAAK,cAAc,CAAC,QAAQ,EAAC,WAAW,IAAI,YAAY,CAAC,OAAO,cAAc,CAAC,QAAQ,EAAC,WAAW,CAAC,CAAC,CAAC;AACxG,eAAe,cAAc,CAAC"}

package/dist/motion/utils/use-motion-ref.d.ts

@@ -2,12 +2,13 @@
 based on framer-motion@4.1.17,
 Copyright (c) 2018 Framer B.V.
 */
-import type { VisualElement } from "../../render/types";
-import type { VisualState } from "./use-visual-state";
+import type { VisualElement } from '../../render/types';
+import type { VisualState } from './use-visual-state';
+import type { Ref } from '../types';
 /**
  * Creates a ref function that, when called, hydrates the provided
  * external ref and VisualElement.
  */
-declare function useMotionRef<Instance, RenderState>(visualState: VisualState<Instance, RenderState>, visualElement?: VisualElement<Instance> | null, externalRef?: React.Ref<Instance>): React.Ref<Instance>;
+declare function useMotionRef<Instance, RenderState>(visualState: VisualState<Instance, RenderState>, visualElement?: VisualElement<Instance> | null, externalRef?: Ref<Instance>): Ref<Instance>;
 export { useMotionRef };
 //# sourceMappingURL=use-motion-ref.d.ts.map

package/dist/motion/utils/use-motion-ref.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-motion-ref.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/motion/utils/use-motion-ref.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAUtD;;;GAGG;AACH,iBAAS,YAAY,CAAC,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,CAAC,QAAQ,EAAE,WAAW,CAAC,EAAE,aAAa,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,GAAG,IAAI,EAAE,WAAW,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,CAkBpM;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"use-motion-ref.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/motion/utils/use-motion-ref.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AASpC;;;GAGG;AACH,iBAAS,YAAY,CAAC,QAAQ,EAAE,WAAW,EAC1C,WAAW,EAAE,WAAW,CAAC,QAAQ,EAAE,WAAW,CAAC,EAC/C,aAAa,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,GAAG,IAAI,EAC9C,WAAW,CAAC,EAAE,GAAG,CAAC,QAAQ,CAAC,GACzB,GAAG,CAAC,QAAQ,CAAC,CAef;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/motion/utils/use-motion-ref.js

@@ -8,19 +8,17 @@ import { isRefObject } from '../../utils/is-ref-object.js';
  * external ref and VisualElement.
  */
 function useMotionRef(visualState, visualElement, externalRef) {
-    return function (instance) {
+    return (instance) => {
         var _a;
         instance && ((_a = visualState.mount) === null || _a === void 0 ? void 0 : _a.call(visualState, instance));
         if (visualElement) {
-            instance
-                ? visualElement.mount(instance)
-                : visualElement.unmount();
+            instance ? visualElement.mount(instance) : visualElement.unmount();
         }
         if (externalRef) {
-            if (typeof externalRef === "function") {
+            if (typeof externalRef === 'function') {
                 externalRef(instance);
             }
-            else if (isRefObject(externalRef)) {
+            else if (isRefObject(externalRef)) { // @ts-expect-error
                 externalRef.current = instance;
             }
         }

package/dist/motion/utils/use-visual-element.d.ts

@@ -2,9 +2,10 @@
 based on framer-motion@4.1.17,
 Copyright (c) 2018 Framer B.V.
 */
-import type { MotionProps } from "../types";
-import type { CreateVisualElement, VisualElement } from "../../render/types";
-import type { VisualState } from "./use-visual-state";
-export type useVisualElement = <Instance, RenderState>(Component: string | React.ComponentType, visualState: VisualState<Instance, RenderState>, props: MotionProps, createVisualElement?: CreateVisualElement<Instance>) => VisualElement<Instance> | undefined;
+import type { MotionProps } from '../types';
+import type { CreateVisualElement, VisualElement } from '../../render/types';
+import type { VisualState } from './use-visual-state';
+import type { Component } from 'svelte';
+export type useVisualElement = <Instance, RenderState>(Component: string | Component, visualState: VisualState<Instance, RenderState>, props: MotionProps, createVisualElement?: CreateVisualElement<Instance>) => VisualElement<Instance> | undefined;
 export { default as UseVisualElement } from './UseVisualElement.svelte';
 //# sourceMappingURL=use-visual-element.d.ts.map

package/dist/motion/utils/use-visual-element.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-visual-element.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/motion/utils/use-visual-element.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,KAAK,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAC7E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAGtD,MAAM,MAAM,gBAAgB,GAAG,CAAC,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,GAAG,KAAK,CAAC,aAAa,EAAE,WAAW,EAAE,WAAW,CAAC,QAAQ,EAAE,WAAW,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,mBAAmB,CAAC,EAAE,mBAAmB,CAAC,QAAQ,CAAC,KAAK,aAAa,CAAC,QAAQ,CAAC,GAAG,SAAS,CAAC;AAEjQ,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,2BAA2B,CAAC"}
+{"version":3,"file":"use-visual-element.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/motion/utils/use-visual-element.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,KAAK,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAC7E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAExC,MAAM,MAAM,gBAAgB,GAAG,CAAC,QAAQ,EAAE,WAAW,EACpD,SAAS,EAAE,MAAM,GAAG,SAAS,EAC7B,WAAW,EAAE,WAAW,CAAC,QAAQ,EAAE,WAAW,CAAC,EAC/C,KAAK,EAAE,WAAW,EAClB,mBAAmB,CAAC,EAAE,mBAAmB,CAAC,QAAQ,CAAC,KAC/C,aAAa,CAAC,QAAQ,CAAC,GAAG,SAAS,CAAC;AAEzC,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/motion/utils/use-visual-state.d.ts

@@ -2,9 +2,9 @@
 based on framer-motion@4.1.17,
 Copyright (c) 2018 Framer B.V.
 */
-import type { ResolvedValues, ScrapeMotionValuesFromProps } from "../../render/types";
-import type { MotionProps } from "../types";
-import type UseVisualState from "./UseVisualState.svelte";
+import type { ResolvedValues, ScrapeMotionValuesFromProps } from '../../render/types';
+import type { MotionProps } from '../types';
+import { default as UseVisualStateComp } from './UseVisualState.svelte';
 export interface VisualState<Instance, RenderState> {
     renderState: RenderState;
     latestValues: ResolvedValues;
@@ -15,6 +15,7 @@ export interface UseVisualStateConfig<Instance, RenderState> {
     createRenderState: () => RenderState;
     onMount?: (props: MotionProps, instance: Instance, visualState: VisualState<Instance, RenderState>) => void;
 }
-export type makeUseVisualState = <I, RS>(config: UseVisualStateConfig<I, RS>) => typeof UseVisualState<I, RS>;
-export { default as UseVisualState } from './UseVisualState.svelte';
+export type makeUseVisualState = <I, RS>(config: UseVisualStateConfig<I, RS>) => UseVisualState<I, RS>;
+export type UseVisualState<Instance, RenderState> = (props: MotionProps, isStatic: boolean) => VisualState<Instance, RenderState>;
+export declare const UseVisualState: typeof UseVisualStateComp;
 //# sourceMappingURL=use-visual-state.d.ts.map

package/dist/motion/utils/use-visual-state.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-visual-state.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/motion/utils/use-visual-state.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,cAAc,EAAE,2BAA2B,EAAE,MAAM,oBAAoB,CAAC;AACtF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,KAAK,cAAc,MAAM,yBAAyB,CAAC;AAE1D,MAAM,WAAW,WAAW,CAAC,QAAQ,EAAE,WAAW;IAC9C,WAAW,EAAE,WAAW,CAAC;IACzB,YAAY,EAAE,cAAc,CAAC;IAC7B,KAAK,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC;CACxC;AAGD,MAAM,WAAW,oBAAoB,CAAC,QAAQ,EAAE,WAAW;IACvD,2BAA2B,EAAE,2BAA2B,CAAC;IACzD,iBAAiB,EAAE,MAAM,WAAW,CAAC;IACrC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,CAAC,QAAQ,EAAE,WAAW,CAAC,KAAK,IAAI,CAAC;CAC/G;AACD,MAAM,MAAM,kBAAkB,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,oBAAoB,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,OAAO,cAAc,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;AAE9G,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,yBAAyB,CAAC"}
+{"version":3,"file":"use-visual-state.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/motion/utils/use-visual-state.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,cAAc,EAAE,2BAA2B,EAAE,MAAM,oBAAoB,CAAC;AACtF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAExE,MAAM,WAAW,WAAW,CAAC,QAAQ,EAAE,WAAW;IACjD,WAAW,EAAE,WAAW,CAAC;IACzB,YAAY,EAAE,cAAc,CAAC;IAC7B,KAAK,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC;CACrC;AACD,MAAM,WAAW,oBAAoB,CAAC,QAAQ,EAAE,WAAW;IAC1D,2BAA2B,EAAE,2BAA2B,CAAC;IACzD,iBAAiB,EAAE,MAAM,WAAW,CAAC;IACrC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,CAAC,QAAQ,EAAE,WAAW,CAAC,KAAK,IAAI,CAAC;CAC5G;AACD,MAAM,MAAM,kBAAkB,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,oBAAoB,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,cAAc,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;AAEvG,MAAM,MAAM,cAAc,CAAC,QAAQ,EAAE,WAAW,IAAI,CACnD,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,OAAO,KACb,WAAW,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;AAExC,eAAO,MAAM,cAAc,EAAyB,OAAO,kBAAkB,CAAC"}

package/dist/motion/utils/use-visual-state.js

@@ -1 +1,2 @@
-export { default as UseVisualState } from './UseVisualState.svelte';
+import { default as UseVisualStateComp } from './UseVisualState.svelte';
+export const UseVisualState = UseVisualStateComp;

package/dist/render/dom/M-type.spec-d.js

@@ -1,6 +1,6 @@
-import { M } from './motion-proxy.js';
+import { m } from './motion-minimal.js';
 describe('test components type - svelte 5', () => {
     it('should have Svelte component type for M', () => {
-        assertType(M.div.prototype);
+        assertType(m.div.prototype);
     });
 });

package/dist/render/dom/{M.svelte → Motion-Proxy.svelte}

@@ -1,16 +1,22 @@
 <!-- <svelte:options runes={true}/> -->
 <script lang="ts">
     import type { SvelteHTMLElements } from "svelte/elements";
-    import type { Snippet } from "svelte";
     import type { MotionProps } from "../../motion";
     import Motion from "../../motion/Motion.svelte";
 
     // let {as, class: className, children, ...restProps}: {as: keyof SvelteHTMLElements, children: Snippet, class: string } & MotionProps = $props();
     export let ___tag: keyof SvelteHTMLElements;
+    export let el: SvelteHTMLElements[typeof ___tag]["this"];
 </script>
 
 <Motion {...$$restProps} let:props let:motion>
-    <svelte:element this={___tag} class={props.class} use:motion {...props}>
+    <svelte:element
+        this={___tag}
+        {...props}
+        bind:this={el}
+        class={props.class}
+        use:motion
+    >
         <slot />
     </svelte:element>
 </Motion>

package/dist/render/dom/{M.svelte.d.ts → Motion-Proxy.svelte.d.ts}

@@ -17,9 +17,10 @@ type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
 } ? Props extends Record<string, never> ? any : {
     children?: any;
 } : {});
-declare const M: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+declare const MotionProxy: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
     [x: string]: any;
     ___tag: keyof SvelteHTMLElements;
+    el: SvelteHTMLElements[keyof SvelteHTMLElements]["this"];
 }, {
     default: {};
 }>, {
@@ -27,6 +28,6 @@ declare const M: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChil
 }, {
     default: {};
 }, {}, string>;
-type M = InstanceType<typeof M>;
-export default M;
-//# sourceMappingURL=M.svelte.d.ts.map
+type MotionProxy = InstanceType<typeof MotionProxy>;
+export default MotionProxy;
+//# sourceMappingURL=Motion-Proxy.svelte.d.ts.map

package/dist/render/dom/Motion-Proxy.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Motion-Proxy.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/render/dom/Motion-Proxy.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAuB1D,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;;YAfqC,MAAM,kBAAkB;QAAM,kBAAkB,0BAAe,CAAC,MAAM,CAAC;;;;;;;cAeF,CAAC;AAC1G,KAAK,WAAW,GAAG,YAAY,CAAC,OAAO,WAAW,CAAC,CAAC;AACtD,eAAe,WAAW,CAAC"}

package/dist/render/dom/Motion-type.spec-d.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Motion-type.spec-d.d.ts.map

package/dist/render/dom/Motion-type.spec-d.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Motion-type.spec-d.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/render/dom/Motion-type.spec-d.ts"],"names":[],"mappings":""}

package/dist/{motion/type.spec-d.js → render/dom/Motion-type.spec-d.js}

@@ -1,6 +1,6 @@
-import Motion from './Motion.svelte';
+import { motion } from './motion.js';
 describe('test components type - svelte 5', () => {
     it('should have Svelte component type for Motion', () => {
-        assertType(Motion);
+        assertType(motion.div.prototype);
     });
 });

package/dist/render/dom/UseRender.svelte

@@ -13,13 +13,13 @@ Copyright (c) 2018 Framer B.V. -->
     isStatic,
     ref,
     targetEl = undefined;
-  const motion = (node) => {
+  const motion = (node: any) => {
     ref(node);
   };
   $: filteredProps = filterProps(
     props,
     typeof Component === "string",
-    forwardMotionProps
+    forwardMotionProps,
   );
   $: if (targetEl) {
     motion(targetEl);
@@ -31,7 +31,8 @@ Copyright (c) 2018 Framer B.V. -->
   {visualState}
   {isStatic}
   {props}
-  let:visualProps
 >
-  <slot {motion} props={{ ...filteredProps, ...visualProps }} />
+  {#snippet children(visualProps: any)}
+    <slot {motion} props={{ ...filteredProps, ...visualProps }} />
+  {/snippet}
 </svelte:component>

package/dist/render/dom/UseRender.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UseRender.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/render/dom/UseRender.svelte.ts"],"names":[],"mappings":"AAwCA,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,SAAS;;;;;;;;;;;;;;;;;;;;cAAmF,CAAC;AACjF,KAAK,SAAS,GAAG,YAAY,CAAC,OAAO,SAAS,CAAC,CAAC;AAClD,eAAe,SAAS,CAAC"}
+{"version":3,"file":"UseRender.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/render/dom/UseRender.svelte.ts"],"names":[],"mappings":"AA0CA,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,SAAS;;;;;;;;;;uBArCS,GAAG;;;;;;;uBAAH,GAAG;;;cAqCuE,CAAC;AACjF,KAAK,SAAS,GAAG,YAAY,CAAC,OAAO,SAAS,CAAC,CAAC;AAClD,eAAe,SAAS,CAAC"}

package/dist/render/dom/featureBundle.d.ts

@@ -0,0 +1,24 @@
+/**
+based on framer-motion@4.1.17,
+Copyright (c) 2018 Framer B.V.
+*/
+/**
+based on framer-motion@4.0.3,
+Copyright (c) 2018 Framer B.V.
+*/
+import { animations } from '../../motion/features/animations';
+import { drag } from '../../motion/features/drag';
+import { gestureAnimations } from '../../motion/features/gestures';
+export declare const featureBundle: {
+    animation?: import("../..").FeatureComponent;
+    exit?: import("../..").FeatureComponent;
+    drag?: import("../..").FeatureComponent;
+    tap?: import("../..").FeatureComponent;
+    focus?: import("../..").FeatureComponent;
+    hover?: import("../..").FeatureComponent;
+    pan?: import("../..").FeatureComponent;
+    layoutAnimation?: import("../..").FeatureComponent;
+    measureLayout?: import("../..").FeatureComponent;
+};
+export { animations, drag, gestureAnimations };
+//# sourceMappingURL=featureBundle.d.ts.map

package/dist/render/dom/featureBundle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"featureBundle.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/render/dom/featureBundle.ts"],"names":[],"mappings":"AAAA;;;EAGE;AAGF;;;EAGE;AACF,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAC9D,OAAO,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAGnE,eAAO,MAAM,aAAa;;;;;;;;;;CAKzB,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/render/dom/featureBundle.js

@@ -7,13 +7,14 @@ Copyright (c) 2018 Framer B.V.
 based on framer-motion@4.0.3,
 Copyright (c) 2018 Framer B.V.
 */
-import { animations } from "../../motion/features/animations";
-import { drag } from "../../motion/features/drag";
-import { gestureAnimations } from "../../motion/features/gestures";
-import { layoutAnimations } from "../../motion/features/layout";
+import { animations } from '../../motion/features/animations';
+import { drag } from '../../motion/features/drag';
+import { gestureAnimations } from '../../motion/features/gestures';
+import { layoutAnimations } from '../../motion/features/layout';
 export const featureBundle = {
     ...animations,
     ...gestureAnimations,
     ...drag,
     ...layoutAnimations,
 };
+export { animations, drag, gestureAnimations };