motion-start 0.0.1 → 0.1.0

package/{src → dist}/motion/utils/UseVisualElement.svelte

@@ -1,7 +1,7 @@
 <!-- based on framer-motion@4.0.3,
 Copyright (c) 2018 Framer B.V. -->
 
-<script module lang="ts">
+<script lang="ts" context="module">
   export const ssr = false;
 </script>
 
@@ -26,6 +26,7 @@ Copyright (c) 2018 Framer B.V. -->
     PresenceContext,
     type PresenceContextProps,
   } from "../../context/PresenceContext.js";
+    import type { VisualElement } from "../../render/types.js";
 
   export let createVisualElement = undefined,
     props,
@@ -33,28 +34,35 @@ Copyright (c) 2018 Framer B.V. -->
     visualState,
     isCustom;
 
-  const config: Writable<MotionConfigContextObject> =
-    getContext(MotionConfigContext) || MotionConfigContext(isCustom);
-  const presenceContext: Writable<PresenceContextProps> =
-    getContext(PresenceContext) || PresenceContext(isCustom);
-  const lazyContext: Writable<LazyContextProps> =
-    getContext(LazyContext) || LazyContext(isCustom);
-  const mc: Writable<MotionContextProps> =
-    getContext(MotionContext) || MotionContext(isCustom);
+  const config =
+    getContext<Writable<MotionConfigContextObject>>(MotionConfigContext) || MotionConfigContext(isCustom);
+
+  const presenceContext =
+    getContext<Writable<PresenceContextProps>>(PresenceContext) || PresenceContext(isCustom);
+
+  const lazyContext =
+    getContext<Writable<LazyContextProps>>(LazyContext) || LazyContext(isCustom);
+
+  const mc =
+    getContext<Writable<MotionContextProps>>(MotionContext) || MotionContext(isCustom);
+
   let parent = get(mc).visualElement;
   $: parent = $mc.visualElement;
+
   const layoutGroupId: Writable<string | null> =
     getContext(LayoutGroupContext) || LayoutGroupContext(isCustom);
+
   let layoutId =
     $layoutGroupId && props.layoutId !== undefined
       ? $layoutGroupId + "-" + props.layoutId
       : props.layoutId;
+
   $: layoutId =
     $layoutGroupId && props.layoutId !== undefined
       ? $layoutGroupId + "-" + props.layoutId
       : props.layoutId;
 
-  let visualElementRef: any = undefined;
+  let visualElementRef: VisualElement | undefined = undefined;
   /**
    * If we haven't preloaded a renderer, check to see if we have one lazy-loaded
    */
@@ -71,8 +79,9 @@ Copyright (c) 2018 Framer B.V. -->
       blockInitialAnimation: $presenceContext?.initial === false,
     });
   }
-  let visualElement = visualElementRef;
-  $: visualElement = visualElementRef;
+
+  let visualElement: VisualElement | undefined = visualElementRef;
+  $:(visualElement = visualElementRef);
 
   $: if (visualElement) {
     visualElement.setProps({
@@ -92,7 +101,7 @@ Copyright (c) 2018 Framer B.V. -->
 
   afterUpdate(() => {
     tick().then(() => {
-      visualElement.animationState?.animateChanges();
+      visualElement?.animationState?.animateChanges();
     });
   });
 

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

@@ -0,0 +1,40 @@
+export declare const ssr = false;
+import type { VisualElement } from "../../render/types.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 UseVisualElement: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    createVisualElement?: import("../../render/types.js").CreateVisualElement<any> | undefined;
+    props: any;
+    Component: any;
+    visualState: any;
+    isCustom: any;
+}, {
+    default: {
+        visualElement: VisualElement<any, any> | undefined;
+    };
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {
+        visualElement: VisualElement<any, any> | undefined;
+    };
+}, {}, string>;
+type UseVisualElement = InstanceType<typeof UseVisualElement>;
+export default UseVisualElement;
+//# sourceMappingURL=UseVisualElement.svelte.d.ts.map

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

@@ -0,0 +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;;;;;;;;;;;;;;;;cAAmF,CAAC;AACxF,KAAK,gBAAgB,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAChE,eAAe,gBAAgB,CAAC"}

package/{src → dist}/motion/utils/UseVisualState.svelte

@@ -1,7 +1,7 @@
 <!-- based on framer-motion@4.0.3,
 Copyright (c) 2018 Framer B.V. -->
 
-<script module lang="ts">
+<script lang="ts" context="module">
   import { isAnimationControls } from "../../animation/utils/is-animation-controls.js";
   import {
     checkIfControllingVariants,
@@ -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;
+    isCustom?: any | undefined;
   };
 
-  export let config: $$Props["config"],
+  export let config: $$Props["config"] = undefined,
     props: $$Props["props"],
     isStatic: $$Props["isStatic"],
-    isCustom;
-
-  const context: Writable<MotionContextProps> =
-    getContext(MotionContext) || MotionContext(isCustom);
-  const presenceContext: Writable<PresenceContextProps> =
-    getContext(PresenceContext) || PresenceContext(isCustom);
-  let state = makeState(config, props, get(context), get(presenceContext));
+    isCustom: $$Props["isCustom"] = undefined;
+
+  const context =
+    getContext<Writable<MotionContextProps>>(MotionContext) ||
+    MotionContext(isCustom);
+  const 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

@@ -0,0 +1,37 @@
+import type { UseVisualStateConfig } from "./use-visual-state.js";
+import type { MotionProps } from "..";
+declare class __sveltets_Render<Instance, RenderState> {
+    props(): {
+        config?: UseVisualStateConfig<Instance, RenderState> | undefined;
+        props: MotionProps;
+        isStatic: boolean;
+        isCustom?: any | undefined;
+    };
+    events(): {} & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots(): {
+        default: {
+            state: any;
+        };
+    };
+    bindings(): string;
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <Instance, RenderState>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<Instance, RenderState>['props']> & {
+        children?: any;
+    }>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<Instance, RenderState>['props']>, ReturnType<__sveltets_Render<Instance, RenderState>['events']>, ReturnType<__sveltets_Render<Instance, RenderState>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<Instance, RenderState>['bindings']>;
+    } & ReturnType<__sveltets_Render<Instance, RenderState>['exports']>;
+    <Instance, RenderState>(internal: unknown, props: ReturnType<__sveltets_Render<Instance, RenderState>['props']> & {
+        $$events?: ReturnType<__sveltets_Render<Instance, RenderState>['events']>;
+        $$slots?: ReturnType<__sveltets_Render<Instance, RenderState>['slots']>;
+        children?: any;
+    }): ReturnType<__sveltets_Render<Instance, RenderState>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any, any>['bindings']>;
+}
+declare const UseVisualState: $$IsomorphicComponent;
+type UseVisualState<Instance, RenderState> = InstanceType<typeof UseVisualState<Instance, RenderState>>;
+export default UseVisualState;
+//# sourceMappingURL=UseVisualState.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"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/is-forced-motion-value.d.ts

@@ -0,0 +1,11 @@
+/**
+based on framer-motion@4.1.17,
+Copyright (c) 2018 Framer B.V.
+*/
+import type { MotionProps } from "../..";
+declare function isForcedMotionValue(key: string, _a: {
+    layout?: MotionProps['layout'];
+    layoutId?: MotionProps['layoutId'];
+}): boolean;
+export { isForcedMotionValue };
+//# sourceMappingURL=is-forced-motion-value.d.ts.map

package/dist/motion/utils/is-forced-motion-value.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-forced-motion-value.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/motion/utils/is-forced-motion-value.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAUzC,iBAAS,mBAAmB,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE;IAAE,MAAM,CAAC,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;IAAC,QAAQ,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,CAAA;CAAE,GAAG,OAAO,CAK7H;AAED,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/{src/motion/utils/is-forced-motion-value.ts → dist/motion/utils/is-forced-motion-value.js}

@@ -1,23 +1,13 @@
-/** 
-based on framer-motion@4.1.17,
-Copyright (c) 2018 Framer B.V.
-*/
-import type { MotionProps } from "../..";
-
-
-/** 
-based on framer-motion@4.0.3,
-Copyright (c) 2018 Framer B.V.
-*/
-import { valueScaleCorrection } from '../../render/dom/projection/scale-correction.js';
-import { isTransformOriginProp, isTransformProp } from '../../render/html/utils/transform.js';
-
-function isForcedMotionValue(key: string, _a: { layout?: MotionProps['layout'], layoutId?: MotionProps['layoutId'] }): boolean {
-    var layout = _a.layout, layoutId = _a.layoutId;
-    return (isTransformProp(key) ||
-        isTransformOriginProp(key) ||
-        ((layout || layoutId !== undefined) && !!valueScaleCorrection[key]));
-}
-
-export { isForcedMotionValue };
-
+/**
+based on framer-motion@4.0.3,
+Copyright (c) 2018 Framer B.V.
+*/
+import { valueScaleCorrection } from '../../render/dom/projection/scale-correction.js';
+import { isTransformOriginProp, isTransformProp } from '../../render/html/utils/transform.js';
+function isForcedMotionValue(key, _a) {
+    var layout = _a.layout, layoutId = _a.layoutId;
+    return (isTransformProp(key) ||
+        isTransformOriginProp(key) ||
+        ((layout || layoutId !== undefined) && !!valueScaleCorrection[key]));
+}
+export { isForcedMotionValue };

package/{src/motion/utils/make-renderless-component.ts → dist/motion/utils/make-renderless-component.d.ts}

@@ -1,17 +1,12 @@
-/** 
-based on framer-motion@4.1.17,
-Copyright (c) 2018 Framer B.V.
-*/
-import type { FeatureProps } from "../features/types";
-
-/** 
-based on framer-motion@4.0.3,
-Copyright (c) 2018 Framer B.V.
-*/
-
-var makeRenderlessComponent = function <P = FeatureProps>(hook: Function) { return function (props: P) {
-    hook(props);
-    return null;
-}; };
-
-export { makeRenderlessComponent };
+/**
+based on framer-motion@4.1.17,
+Copyright (c) 2018 Framer B.V.
+*/
+import type { FeatureProps } from "../features/types";
+/**
+based on framer-motion@4.0.3,
+Copyright (c) 2018 Framer B.V.
+*/
+declare var makeRenderlessComponent: <P = FeatureProps>(hook: Function) => (props: P) => null;
+export { makeRenderlessComponent };
+//# sourceMappingURL=make-renderless-component.d.ts.map

package/dist/motion/utils/make-renderless-component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"make-renderless-component.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/motion/utils/make-renderless-component.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD;;;EAGE;AAEF,QAAA,IAAI,uBAAuB,GAAa,CAAC,uBAAuB,QAAQ,aAA4B,CAAC,SAGjG,CAAC;AAEL,OAAO,EAAE,uBAAuB,EAAE,CAAC"}

package/dist/motion/utils/make-renderless-component.js

@@ -0,0 +1,11 @@
+/**
+based on framer-motion@4.0.3,
+Copyright (c) 2018 Framer B.V.
+*/
+var makeRenderlessComponent = function (hook) {
+    return function (props) {
+        hook(props);
+        return null;
+    };
+};
+export { makeRenderlessComponent };

package/{src/motion/utils/should-inhert-variant.ts → dist/motion/utils/should-inhert-variant.d.ts}

@@ -1,6 +1,7 @@
-/** 
-based on framer-motion@4.1.17,
-Copyright (c) 2018 Framer B.V.
-*/
-import type { MotionProps } from "../types";
-export type checkShouldInheritVariant = ({ animate, variants, inherit, }: MotionProps) => boolean;
+/**
+based on framer-motion@4.1.17,
+Copyright (c) 2018 Framer B.V.
+*/
+import type { MotionProps } from "../types";
+export type checkShouldInheritVariant = ({ animate, variants, inherit, }: MotionProps) => boolean;
+//# sourceMappingURL=should-inhert-variant.d.ts.map

package/dist/motion/utils/should-inhert-variant.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"should-inhert-variant.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/motion/utils/should-inhert-variant.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,MAAM,MAAM,yBAAyB,GAAG,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,GAAG,EAAE,WAAW,KAAK,OAAO,CAAC"}

package/dist/motion/utils/should-inhert-variant.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,14 @@
+/**
+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 { 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?: Ref<Instance>): Ref<Instance>;
+export { useMotionRef };
+//# sourceMappingURL=use-motion-ref.d.ts.map

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

@@ -0,0 +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;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

@@ -0,0 +1,27 @@
+/**
+based on framer-motion@4.0.3,
+Copyright (c) 2018 Framer B.V.
+*/
+import { isRefObject } from '../../utils/is-ref-object.js';
+/**
+ * Creates a ref function that, when called, hydrates the provided
+ * external ref and VisualElement.
+ */
+function useMotionRef(visualState, visualElement, externalRef) {
+    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();
+        }
+        if (externalRef) {
+            if (typeof externalRef === 'function') {
+                externalRef(instance);
+            }
+            else if (isRefObject(externalRef)) { // @ts-expect-error
+                externalRef.current = instance;
+            }
+        }
+    };
+}
+export { useMotionRef };

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

@@ -0,0 +1,11 @@
+/**
+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';
+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

@@ -0,0 +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;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-element.js

@@ -0,0 +1 @@
+export { default as UseVisualElement } from './UseVisualElement.svelte';

package/{src/motion/utils/use-visual-state.ts → dist/motion/utils/use-visual-state.d.ts}

@@ -1,24 +1,21 @@
-/** 
-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";
-
-export interface VisualState<Instance, RenderState> {
-    renderState: RenderState;
-    latestValues: ResolvedValues;
-    mount?: (instance: Instance) => void;
-}
-
-// type UseVisualState<Instance, RenderState> = (props: MotionProps, isStatic: boolean) => VisualState<Instance, RenderState>;
-export interface UseVisualStateConfig<Instance, RenderState> {
-    scrapeMotionValuesFromProps: ScrapeMotionValuesFromProps;
-    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';
-
+/**
+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 { default as UseVisualStateComp } from './UseVisualState.svelte';
+export interface VisualState<Instance, RenderState> {
+    renderState: RenderState;
+    latestValues: ResolvedValues;
+    mount?: (instance: Instance) => void;
+}
+export interface UseVisualStateConfig<Instance, RenderState> {
+    scrapeMotionValuesFromProps: ScrapeMotionValuesFromProps;
+    createRenderState: () => RenderState;
+    onMount?: (props: MotionProps, instance: Instance, visualState: VisualState<Instance, RenderState>) => void;
+}
+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

@@ -0,0 +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,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

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

package/dist/motion/utils/valid-prop.d.ts

@@ -0,0 +1,15 @@
+/**
+based on framer-motion@4.1.17,
+Copyright (c) 2018 Framer B.V.
+*/
+/**
+ * Check whether a prop name is a valid `MotionProp` key.
+ *
+ * @param key - Name of the property to check
+ * @returns `true` is key is a valid `MotionProp`.
+ *
+ * @public
+ */
+declare function isValidMotionProp(key: string): boolean;
+export { isValidMotionProp };
+//# sourceMappingURL=valid-prop.d.ts.map

package/dist/motion/utils/valid-prop.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"valid-prop.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/motion/utils/valid-prop.ts"],"names":[],"mappings":"AAAA;;;EAGE;AAgEF;;;;;;;GAOG;AACH,iBAAS,iBAAiB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAE/C;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAC"}