motion-start 0.0.1 → 0.0.3

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,
@@ -115,18 +115,18 @@ Copyright (c) 2018 Framer B.V. -->
     config: UseVisualStateConfig<Instance, RenderState>;
     props: MotionProps;
     isStatic: boolean;
-    isCustom?: any;
+    isCustom?: any | undefined;
   };
 
   export let config: $$Props["config"],
     props: $$Props["props"],
     isStatic: $$Props["isStatic"],
-    isCustom;
+    isCustom: $$Props['isCustom'] = undefined;
 
-  const context: Writable<MotionContextProps> =
-    getContext(MotionContext) || MotionContext(isCustom);
-  const presenceContext: Writable<PresenceContextProps> =
-    getContext(PresenceContext) || PresenceContext(isCustom);
+  const context =
+    getContext<Writable<MotionContextProps>>(MotionContext) || MotionContext(isCustom);
+  const presenceContext =
+    getContext<Writable<PresenceContextProps>>(PresenceContext) || PresenceContext(isCustom);
   let state = makeState(config, props, get(context), get(presenceContext));
   const ms = makeState;
   $: if (isStatic) {

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>;
+        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":"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"}

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,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";
+/**
+ * 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>;
+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;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"}

package/{src/motion/utils/use-motion-ref.ts → dist/motion/utils/use-motion-ref.js}

@@ -1,41 +1,29 @@
-/** 
-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";
-
-
-/** 
-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<Instance, RenderState>(visualState: VisualState<Instance, RenderState>, visualElement?: VisualElement<Instance> | null, externalRef?: React.Ref<Instance>): React.Ref<Instance> {
-    return function (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)) {
-                externalRef.current = instance;
-            }
-        }
-    }
-}
-
-export { useMotionRef };
-
+/**
+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 function (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)) {
+                externalRef.current = instance;
+            }
+        }
+    };
+}
+export { useMotionRef };

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

@@ -1,13 +1,10 @@
-/** 
-based on framer-motion@4.1.17,
-Copyright (c) 2018 Framer B.V.
-*/
-import type { MotionProps } from "../../motion/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;
-
-export { default as UseVisualElement } from './UseVisualElement.svelte';
-
+/**
+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;
+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;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"}

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,20 @@
-/** 
-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 type UseVisualState 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>) => typeof UseVisualState<I, RS>;
+export { default as UseVisualState } from './UseVisualState.svelte';
+//# 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,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"}

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

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

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"}