motion-start 0.0.1 → 0.1.0

package/dist/render/dom/projection/scale-correction.d.ts

@@ -0,0 +1,16 @@
+/**
+based on framer-motion@4.1.17,
+Copyright (c) 2018 Framer B.V.
+*/
+import type { ScaleCorrectionDefinitionMap } from './types';
+/**
+based on framer-motion@4.0.3,
+Copyright (c) 2018 Framer B.V.
+*/
+declare var valueScaleCorrection: ScaleCorrectionDefinitionMap;
+/**
+ * @internal
+ */
+declare function addScaleCorrection(correctors: ScaleCorrectionDefinitionMap): void;
+export { addScaleCorrection, valueScaleCorrection };
+//# sourceMappingURL=scale-correction.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"scale-correction.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/motion-start/render/dom/projection/scale-correction.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAC;AAG5D;;;EAGE;AACF,QAAA,IAAI,oBAAoB,EAAE,4BAAqD,CAAC;AAChF;;GAEG;AACH,iBAAS,kBAAkB,CAAC,UAAU,EAAE,4BAA4B,QAInE;AAED,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,CAAC"}

package/dist/render/dom/projection/scale-correction.js

@@ -0,0 +1,15 @@
+import { defaultScaleCorrectors } from './default-scale-correctors';
+/**
+based on framer-motion@4.0.3,
+Copyright (c) 2018 Framer B.V.
+*/
+var valueScaleCorrection = defaultScaleCorrectors;
+/**
+ * @internal
+ */
+function addScaleCorrection(correctors) {
+    for (var key in correctors) {
+        valueScaleCorrection[key] = correctors[key];
+    }
+}
+export { addScaleCorrection, valueScaleCorrection };

package/{src/render/dom/projection/types.ts → dist/render/dom/projection/types.d.ts}

@@ -1,13 +1,14 @@
-/** 
-based on framer-motion@4.1.17,
-Copyright (c) 2018 Framer B.V.
-*/
-import type { LayoutState, TargetProjection } from "../../utils/state";
-export type ScaleCorrection = (latest: string | number, layoutState: LayoutState, projection: TargetProjection) => string | number;
-export interface ScaleCorrectionDefinition {
-    process: ScaleCorrection;
-    applyTo?: string[];
-}
-export type ScaleCorrectionDefinitionMap = {
-    [key: string]: ScaleCorrectionDefinition;
-};
+/**
+based on framer-motion@4.1.17,
+Copyright (c) 2018 Framer B.V.
+*/
+import type { LayoutState, TargetProjection } from "../../utils/state";
+export type ScaleCorrection = (latest: string | number, layoutState: LayoutState, projection: TargetProjection) => string | number;
+export interface ScaleCorrectionDefinition {
+    process: ScaleCorrection;
+    applyTo?: string[];
+}
+export type ScaleCorrectionDefinitionMap = {
+    [key: string]: ScaleCorrectionDefinition;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/render/dom/projection/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/motion-start/render/dom/projection/types.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACvE,MAAM,MAAM,eAAe,GAAG,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,gBAAgB,KAAK,MAAM,GAAG,MAAM,CAAC;AACnI,MAAM,WAAW,yBAAyB;IACtC,OAAO,EAAE,eAAe,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACtB;AACD,MAAM,MAAM,4BAA4B,GAAG;IACvC,CAAC,GAAG,EAAE,MAAM,GAAG,yBAAyB,CAAC;CAC5C,CAAC"}

package/dist/render/dom/projection/types.js

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

package/dist/render/dom/projection/utils.d.ts

@@ -0,0 +1,18 @@
+/**
+based on framer-motion@4.1.17,
+Copyright (c) 2018 Framer B.V.
+*/
+import type { VisualElement } from '../../types';
+declare function collectProjectingAncestors(visualElement: VisualElement, ancestors?: VisualElement[]): VisualElement<any, any>[];
+declare function collectProjectingChildren(visualElement: VisualElement): VisualElement<any, any>[];
+/**
+ * Update the layoutState by measuring the DOM layout. This
+ * should be called after resetting any layout-affecting transforms.
+ */
+declare function updateLayoutMeasurement(visualElement: VisualElement): void;
+/**
+ * Record the viewport box as it was before an expected mutation/re-render
+ */
+declare function snapshotViewportBox(visualElement: VisualElement, nc?: any): void;
+export { collectProjectingAncestors, collectProjectingChildren, snapshotViewportBox, updateLayoutMeasurement };
+//# sourceMappingURL=utils.d.ts.map

package/dist/render/dom/projection/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/motion-start/render/dom/projection/utils.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAejD,iBAAS,0BAA0B,CAAC,aAAa,EAAE,aAAa,EAAE,SAAS,CAAC,EAAE,aAAa,EAAE,6BAQ5F;AACD,iBAAS,yBAAyB,CAAC,aAAa,EAAE,aAAa,6BAQ9D;AACD;;;GAGG;AACH,iBAAS,uBAAuB,CAAC,aAAa,EAAE,aAAa,QAS5D;AACD;;GAEG;AACH,iBAAS,mBAAmB,CAAC,aAAa,EAAE,aAAa,EAAE,EAAE,CAAC,EAAE,GAAG,QAQlE;AAED,OAAO,EAAE,0BAA0B,EAAE,yBAAyB,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,CAAC"}

package/{src/render/dom/projection/utils.ts → dist/render/dom/projection/utils.js}

@@ -1,69 +1,62 @@
-/** 
-based on framer-motion@4.1.17,
-Copyright (c) 2018 Framer B.V.
-*/
-import type { VisualElement } from "../../types";
-
-
-/** 
-based on framer-motion@4.1.11,
-Copyright (c) 2018 Framer B.V.
-*/
-
-import sync from 'framesync';
-import { copyAxisBox } from '../../../utils/geometry/index.js';
-import { compareByDepth } from '../../utils/compare-by-depth.js';
-
-function isProjecting(visualElement: VisualElement) {
-    var isEnabled = visualElement.projection.isEnabled;
-    return isEnabled || visualElement.shouldResetTransform();
-}
-function collectProjectingAncestors(visualElement: VisualElement, ancestors?: VisualElement[]) {
-    if (ancestors === void 0) { ancestors = []; }
-    var parent = visualElement.parent;
-    if (parent)
-        collectProjectingAncestors(parent, ancestors);
-    if (isProjecting(visualElement))
-        ancestors.push(visualElement);
-    return ancestors;
-}
-function collectProjectingChildren(visualElement: VisualElement) {
-    var children = <VisualElement[]>[];
-    var addChild = function (child) {
-        if (isProjecting(child))
-            children.push(child);
-        child.children.forEach(addChild);
-    };
-    visualElement.children.forEach(addChild);
-    return children.sort(compareByDepth);
-}
-/**
- * Update the layoutState by measuring the DOM layout. This
- * should be called after resetting any layout-affecting transforms.
- */
-function updateLayoutMeasurement(visualElement: VisualElement) {
-    if (visualElement.shouldResetTransform())
-        return;
-    var layoutState = visualElement.getLayoutState();
-    visualElement.notifyBeforeLayoutMeasure(layoutState.layout);
-    layoutState.isHydrated = true;
-    layoutState.layout = visualElement.measureViewportBox();
-    layoutState.layoutCorrected = copyAxisBox(layoutState.layout);
-    visualElement.notifyLayoutMeasure(layoutState.layout, visualElement.prevViewportBox || layoutState.layout);
-    sync.update(function () { return visualElement.rebaseProjectionTarget(); });
-}
-/**
- * Record the viewport box as it was before an expected mutation/re-render
- */
-function snapshotViewportBox(visualElement: VisualElement, nc?: any) {
-    if (visualElement.shouldResetTransform())
-        return;
-    if (!nc) visualElement.prevViewportBox = visualElement.measureViewportBox(false);
-    /**
-     * Update targetBox to match the prevViewportBox. This is just to ensure
-     * that targetBox is affected by scroll in the same way as the measured box
-     */
-    visualElement.rebaseProjectionTarget(false, visualElement.prevViewportBox);
-}
-
-export { collectProjectingAncestors, collectProjectingChildren, snapshotViewportBox, updateLayoutMeasurement };
+/**
+based on framer-motion@4.1.11,
+Copyright (c) 2018 Framer B.V.
+*/
+import sync from 'framesync';
+import { copyAxisBox } from '../../../utils/geometry/index.js';
+import { compareByDepth } from '../../utils/compare-by-depth.js';
+function isProjecting(visualElement) {
+    var isEnabled = visualElement.projection.isEnabled;
+    return isEnabled || visualElement.shouldResetTransform();
+}
+function collectProjectingAncestors(visualElement, ancestors) {
+    if (ancestors === void 0) {
+        ancestors = [];
+    }
+    var parent = visualElement.parent;
+    if (parent)
+        collectProjectingAncestors(parent, ancestors);
+    if (isProjecting(visualElement))
+        ancestors.push(visualElement);
+    return ancestors;
+}
+function collectProjectingChildren(visualElement) {
+    var children = [];
+    var addChild = (child) => {
+        if (isProjecting(child))
+            children.push(child);
+        child.children.forEach(addChild);
+    };
+    visualElement.children.forEach(addChild);
+    return children.sort(compareByDepth);
+}
+/**
+ * Update the layoutState by measuring the DOM layout. This
+ * should be called after resetting any layout-affecting transforms.
+ */
+function updateLayoutMeasurement(visualElement) {
+    if (visualElement.shouldResetTransform())
+        return;
+    var layoutState = visualElement.getLayoutState();
+    visualElement.notifyBeforeLayoutMeasure(layoutState.layout);
+    layoutState.isHydrated = true;
+    layoutState.layout = visualElement.measureViewportBox();
+    layoutState.layoutCorrected = copyAxisBox(layoutState.layout);
+    visualElement.notifyLayoutMeasure(layoutState.layout, visualElement.prevViewportBox || layoutState.layout);
+    sync.update(() => visualElement.rebaseProjectionTarget());
+}
+/**
+ * Record the viewport box as it was before an expected mutation/re-render
+ */
+function snapshotViewportBox(visualElement, nc) {
+    if (visualElement.shouldResetTransform())
+        return;
+    if (!nc)
+        visualElement.prevViewportBox = visualElement.measureViewportBox(false);
+    /**
+     * Update targetBox to match the prevViewportBox. This is just to ensure
+     * that targetBox is affected by scroll in the same way as the measured box
+     */
+    visualElement.rebaseProjectionTarget(false, visualElement.prevViewportBox);
+}
+export { collectProjectingAncestors, collectProjectingChildren, snapshotViewportBox, updateLayoutMeasurement };

package/dist/render/dom/svg-visual-element.d.ts

@@ -0,0 +1,3 @@
+export declare const svgMutableState: () => any;
+export declare const svgVisualElement: ({ parent, props, presenceId, blockInitialAnimation, visualState }: import("../types").VisualElementOptions<HTMLElement, any>, options?: import("./types").DOMVisualElementOptions | undefined) => import("../types").VisualElement<HTMLElement, any>;
+//# sourceMappingURL=svg-visual-element.d.ts.map

package/dist/render/dom/svg-visual-element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"svg-visual-element.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/render/dom/svg-visual-element.ts"],"names":[],"mappings":"AAqBA,eAAO,MAAM,eAAe,WAK1B,CAAA;AAEF,eAAO,MAAM,gBAAgB,uPAwF3B,CAAA"}

package/{src/render/dom/svg-visual-element.ts → dist/render/dom/svg-visual-element.js}

@@ -1,114 +1,91 @@
-/** 
-based on framer-motion@4.0.3,
-Copyright (c) 2018 Framer B.V.
-*/
-import { visualElement } from ".."
-import { isMotionValue } from "../../value/utils/is-motion-value"
-import { htmlConfig } from "../html/visual-element"
-import { buildSVGAttrs } from "../svg/utils/build-attrs"
-import { camelToDash } from "./utils/camel-to-dash"
-import { camelCaseAttributes } from "../svg/utils/camel-case-attrs"
-import { isTransformProp } from "../html/utils/transform"
-import { getDefaultValueType } from "./value-types/defaults";
-
-const zeroDimensions = {
-    x: 0,
-    y: 0,
-    width: 0,
-    height: 0,
-}
-
-export const svgMutableState = () => ({
-    ...htmlConfig.createRenderState(),
-    attrs: {},
-    dimensions: zeroDimensions,
-})
-
-export const svgVisualElement = visualElement({
-    ...(htmlConfig),
-    createRenderState: svgMutableState,
-    onMount(element, instance, mutableState) {
-        try {
-            mutableState.dimensions =
-                typeof (instance).getBBox === "function"
-                    ? (instance).getBBox()
-                    : (instance.getBoundingClientRect())
-        } catch (e) {
-            // Most likely trying to measure an unrendered element under Firefox
-            mutableState.dimensions = zeroDimensions
-        }
-
-        if (isPath(instance)) {
-            mutableState.totalPathLength = instance.getTotalLength()
-        }
-
-        /**
-         * Ensure we render the element as soon as possible to reflect the measured dimensions.
-         * Preferably this would happen synchronously but we put it in rAF to prevent layout thrashing.
-         */
-        element.scheduleRender()
-    },
-
-    getBaseTarget(props, key) {
-        return props[key]
-    },
-
-    readValueFromInstance(domElement, key) {
-        if (isTransformProp(key)) {
-            return getDefaultValueType(key)?.default || 0
-        }
-        key = !camelCaseAttributes.has(key) ? camelToDash(key) : key
-        return domElement.getAttribute(key)
-    },
-
-    scrapeMotionValuesFromProps(props) {
-        const newValues = htmlConfig.scrapeMotionValuesFromProps(props)
-
-        for (let key in props) {
-            if (isMotionValue(props[key])) {
-                if (key === "x" || key === "y") {
-                    key = "attr" + key.toUpperCase()
-                }
-                newValues[key] = props[key]
-            }
-        }
-
-        return newValues
-    },
-
-    build(
-        _element,
-        renderState,
-        latestValues,
-        projection,
-        layoutState,
-        options,
-        props
-    ) {
-        buildSVGAttrs(
-            renderState,
-            latestValues,
-            projection,
-            layoutState,
-            options,
-            props.transformTemplate
-        )
-    },
-
-    render(element, mutableState) {
-        htmlConfig.render(element, mutableState)
-
-        for (const key in mutableState.attrs) {
-            element.setAttribute(
-                !camelCaseAttributes.has(key) ? camelToDash(key) : key,
-                mutableState.attrs[key]
-            )
-        }
-    },
-})
-
-function isPath(
-    element
-){
-    return element.tagName === "path"
-}
+/**
+based on framer-motion@4.0.3,
+Copyright (c) 2018 Framer B.V.
+*/
+import { visualElement } from "..";
+import { isMotionValue } from "../../value/utils/is-motion-value";
+import { htmlConfig } from "../html/visual-element";
+import { buildSVGAttrs } from "../svg/utils/build-attrs";
+import { camelToDash } from "./utils/camel-to-dash";
+import { camelCaseAttributes } from "../svg/utils/camel-case-attrs";
+import { isTransformProp } from "../html/utils/transform";
+import { getDefaultValueType } from "./value-types/defaults";
+const zeroDimensions = {
+    x: 0,
+    y: 0,
+    width: 0,
+    height: 0,
+};
+export const svgMutableState = () => ({
+    //@ts-ignore
+    ...htmlConfig.createRenderState(),
+    attrs: {},
+    dimensions: zeroDimensions,
+});
+export const svgVisualElement = visualElement({
+    ...(htmlConfig),
+    //@ts-ignore
+    createRenderState: svgMutableState,
+    onMount(element, instance, mutableState) {
+        try {
+            mutableState.dimensions =
+                typeof (instance).getBBox === "function"
+                    ? (instance).getBBox()
+                    : (instance.getBoundingClientRect());
+        }
+        catch (e) {
+            // Most likely trying to measure an unrendered element under Firefox
+            mutableState.dimensions = zeroDimensions;
+        }
+        if (isPath(instance)) {
+            //@ts-ignore
+            mutableState.totalPathLength = instance.getTotalLength();
+        }
+        /**
+         * Ensure we render the element as soon as possible to reflect the measured dimensions.
+         * Preferably this would happen synchronously but we put it in rAF to prevent layout thrashing.
+         */
+        //@ts-ignore
+        element.scheduleRender();
+    },
+    getBaseTarget(props, key) {
+        //@ts-ignore
+        return props[key];
+    },
+    readValueFromInstance(domElement, key) {
+        if (isTransformProp(key)) {
+            return getDefaultValueType(key)?.default || 0;
+        }
+        key = !camelCaseAttributes.has(key) ? camelToDash(key) : key;
+        return domElement.getAttribute(key);
+    },
+    scrapeMotionValuesFromProps(props) {
+        const newValues = htmlConfig.scrapeMotionValuesFromProps(props);
+        for (let key in props) {
+            //@ts-ignore
+            if (isMotionValue(props[key])) {
+                if (key === "x" || key === "y") {
+                    key = "attr" + key.toUpperCase();
+                }
+                //@ts-ignore
+                newValues[key] = props[key];
+            }
+        }
+        return newValues;
+    },
+    build(_element, renderState, latestValues, projection, layoutState, options, props) {
+        buildSVGAttrs(renderState, latestValues, projection, layoutState, options, props.transformTemplate);
+    },
+    render(element, mutableState) {
+        htmlConfig.render(element, mutableState);
+        //@ts-ignore
+        for (const key in mutableState.attrs) {
+            element.setAttribute(!camelCaseAttributes.has(key) ? camelToDash(key) : key, 
+            //@ts-ignore
+            mutableState.attrs[key]);
+        }
+    },
+});
+function isPath(element) {
+    return element.tagName === "path";
+}

package/{src/render/dom/types.ts → dist/render/dom/types.d.ts}

@@ -1,32 +1,33 @@
-/** 
-based on framer-motion@4.1.17,
-Copyright (c) 2018 Framer B.V.
-*/
-import type { TransformPoint2D } from "../../types/geometry";
-import type { HTMLMotionComponents } from "../html/types";
-import type { SVGMotionComponents } from "../svg/types";
-export interface DOMVisualElementOptions {
-    /**
-     * A function that can map a page point between spaces. Used by Framer
-     * to support dragging and layout animations within scaled space.
-     *
-     * @public
-     */
-    transformPagePoint?: TransformPoint2D;
-    /**
-     * Allow `transform` to be set as `"none"` if all transforms are their default
-     * values. Switching to this removes the element as a GPU layer which can lead to subtle
-     * graphical shifts.
-     *
-     * @public
-     */
-    allowTransformNone?: boolean;
-    /**
-     * Allow this element to be GPU-accelerated. We currently enable this by
-     * adding a `translateZ(0)`.
-     *
-     * @public
-     */
-    enableHardwareAcceleration?: boolean;
-}
-export type DOMMotionComponents = HTMLMotionComponents & SVGMotionComponents;
+/**
+based on framer-motion@4.1.17,
+Copyright (c) 2018 Framer B.V.
+*/
+import type { TransformPoint2D } from "../../types/geometry";
+import type { HTMLMotionComponents } from "../html/types";
+import type { SVGMotionComponents } from "../svg/types";
+export interface DOMVisualElementOptions {
+    /**
+     * A function that can map a page point between spaces. Used by Framer
+     * to support dragging and layout animations within scaled space.
+     *
+     * @public
+     */
+    transformPagePoint?: TransformPoint2D;
+    /**
+     * Allow `transform` to be set as `"none"` if all transforms are their default
+     * values. Switching to this removes the element as a GPU layer which can lead to subtle
+     * graphical shifts.
+     *
+     * @public
+     */
+    allowTransformNone?: boolean;
+    /**
+     * Allow this element to be GPU-accelerated. We currently enable this by
+     * adding a `translateZ(0)`.
+     *
+     * @public
+     */
+    enableHardwareAcceleration?: boolean;
+}
+export type DOMMotionComponents = HTMLMotionComponents & SVGMotionComponents;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/render/dom/types.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACxD,MAAM,WAAW,uBAAuB;IACpC;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,gBAAgB,CAAC;IACtC;;;;;;OAMG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;;;;OAKG;IACH,0BAA0B,CAAC,EAAE,OAAO,CAAC;CACxC;AACD,MAAM,MAAM,mBAAmB,GAAG,oBAAoB,GAAG,mBAAmB,CAAC"}

package/dist/render/dom/types.js

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

package/dist/render/dom/use-render.d.ts

@@ -0,0 +1,6 @@
+export declare function createUseRender(forwardMotionProps?: boolean): {
+    $set?: any;
+    $on?: any;
+};
+export { default as UseRender } from './UseRender.svelte';
+//# sourceMappingURL=use-render.d.ts.map

package/dist/render/dom/use-render.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-render.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/render/dom/use-render.ts"],"names":[],"mappings":"AASA,wBAAgB,eAAe,CAAC,kBAAkB,CAAC,EAAE,OAAO;;;EAI3D;AAED,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/render/dom/use-render.js

@@ -0,0 +1,5 @@
+import UseRender from './UseRender.svelte';
+export function createUseRender(forwardMotionProps) {
+    return UseRender({ props: { forwardMotionProps } });
+}
+export { default as UseRender } from './UseRender.svelte';

package/{src → dist}/render/dom/utils/UseInitialMotionProps.svelte

@@ -3,11 +3,21 @@ Copyright (c) 2018 Framer B.V. -->
 
 <script lang="ts">
   import { isMotionValue } from "../../../value/utils/is-motion-value.js";
+  import type { VisualElement } from "../../types.js";
 
-  export let visualElement, props;
-  const createAttrs = (visualElement, props) => {
+  type $$Props = {
+    visualElement: VisualElement;
+    props: any;
+  };
+
+  export let visualElement: $$Props["visualElement"], props: $$Props["props"];
+
+  const createAttrs = (
+    visualElement: $$Props["visualElement"],
+    props: $$Props["props"],
+  ) => {
     const { attrs } = visualElement.build();
-    const resolvedMotionValueProps = {};
+    const resolvedMotionValueProps = {} as any;
 
     for (const key in props) {
       if (isMotionValue(props[key])) {
@@ -18,6 +28,7 @@ Copyright (c) 2018 Framer B.V. -->
     return { ...attrs, ...resolvedMotionValueProps };
   };
   let svgProps = createAttrs(visualElement, props);
+
   $: if (visualElement.isStatic) {
     svgProps = createAttrs(visualElement, props);
   }

package/dist/render/dom/utils/UseInitialMotionProps.svelte.d.ts

@@ -0,0 +1,36 @@
+import type { VisualElement } from "../../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 UseInitialMotionProps: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    visualElement: VisualElement;
+    props: any;
+}, {
+    default: {
+        svgProps: any;
+    };
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {
+        svgProps: any;
+    };
+}, {}, string>;
+type UseInitialMotionProps = InstanceType<typeof UseInitialMotionProps>;
+export default UseInitialMotionProps;
+//# sourceMappingURL=UseInitialMotionProps.svelte.d.ts.map

package/dist/render/dom/utils/UseInitialMotionProps.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UseInitialMotionProps.svelte.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/motion-start/render/dom/utils/UseInitialMotionProps.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAyCpD,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,qBAAqB;mBAhDR,aAAa;WACrB,GAAG;;;;;;;;;;;cA+CgG,CAAC;AAC7F,KAAK,qBAAqB,GAAG,YAAY,CAAC,OAAO,qBAAqB,CAAC,CAAC;AAC1E,eAAe,qBAAqB,CAAC"}

package/dist/render/dom/utils/batch-layout.d.ts

@@ -0,0 +1,14 @@
+/**
+based on framer-motion@4.1.17,
+Copyright (c) 2018 Framer B.V.
+*/
+type Job = () => void;
+type JobSetter = (job: Job) => void;
+type ReadWrites = (read: JobSetter, write: JobSetter) => void;
+declare var layoutState: {
+    isMeasuringLayout: boolean;
+};
+declare function batchLayout(callback: ReadWrites): () => boolean;
+declare function flushLayout(): void;
+export { batchLayout, flushLayout, layoutState };
+//# sourceMappingURL=batch-layout.d.ts.map

package/dist/render/dom/utils/batch-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"batch-layout.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/motion-start/render/dom/utils/batch-layout.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,KAAK,GAAG,GAAG,MAAM,IAAI,CAAC;AACtB,KAAK,SAAS,GAAG,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;AACpC,KAAK,UAAU,GAAG,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;AAS9D,QAAA,IAAI,WAAW;;CAEd,CAAC;AAMF,iBAAS,WAAW,CAAC,QAAQ,EAAE,UAAU,iBAGxC;AACD,iBAAS,WAAW,SA8CnB;AAGD,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,CAAC"}