motion-start 0.0.3 → 0.1.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"motion.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/render/dom/motion.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAItD,MAAM,WAAW,KAAK;IACrB,oJAAoJ;IACpJ,KAAK,CAAC,EAAE,OAAO,CAAC;CAChB;AAYD;;;;;GAKG;AACH,QAAA,IAAI,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAkC+t+E,CAAC;kBAAqB,CAAC;iBAAyC,CAAC;yBAA8D,CAAC;uBAA0B,CAAC;oBAAwB,CAAC;;kBAA0G,CAAC;;;;;;;;;;;;;CAlC78+E,CAAC;AAE5D;;;;;;;;;;;;;;GAcG;AACH,iBAAS,wBAAwB,CAAC,CAAC,SAAS,MAAM,mBAAmB,EAAE,GAAG,EAAE,CAAC,GAAG,mBAAmB,CAAC,CAAC,CAAC,CAcrG;AAED,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,wBAAwB,EAAE,CAAC"}

package/dist/render/dom/motion.js

@@ -3,17 +3,17 @@ based on framer-motion@4.0.3,
 Copyright (c) 2018 Framer B.V.
 */
 import { createMotionComponent } from '../../motion/index.js';
-import { createMotionClass } from './create-motion-class.js';
+// import { createMotionClass } from './create-motion-class.js';
 import { createDomVisualElement } from './create-visual-element.js';
 import { featureBundle } from './featureBundle.js';
-//import { createMotionProxy } from './motion-proxy.js';
+import { createMotionProxy } from './motion-proxy.js';
 /**
  * HTML & SVG components, optimised for use with gestures and animation. These can be used as
  * drop-in replacements for any HTML & SVG component, all CSS & SVG properties are supported.
  *
  * @public
  */
-var motion = /*@__PURE__*/ createMotionClass(featureBundle); //createMotionProxy(allMotionFeatures);
+var motion = /*@__PURE__*/ createMotionProxy(featureBundle);
 /**
  * Create a DOM `motion` component with the provided string. This is primarily intended
  * as a full alternative to `motion` for consumers who have to support environments that don't
@@ -33,10 +33,14 @@ function createDomMotionComponent(key) {
     var config = {
         createVisualElement: createDomVisualElement(key),
         // useRender: createUseRender(key, false),
+        // @ts-expect-error
         forwardMotionProps: key.forwardMotionProps,
+        // @ts-expect-error
         Component: key.Component,
+        // @ts-expect-error
         defaultFeatures: allMotionFeatures,
     };
+    // @ts-expect-error
     return createMotionComponent(config);
 }
 export { motion as Motion, createDomMotionComponent };

package/dist/render/dom/projection/convert-to-relative.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"convert-to-relative.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/motion-start/render/dom/projection/convert-to-relative.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAYjD;;;GAGG;AACH,iBAAS,2BAA2B,CAAC,aAAa,EAAE,aAAa,EAAE,YAAY,CAAC,EAAE,OAAO,WAiBxF;AAED,OAAO,EAAE,2BAA2B,EAAE,CAAC"}
+{"version":3,"file":"convert-to-relative.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/motion-start/render/dom/projection/convert-to-relative.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAajD;;;GAGG;AACH,iBAAS,2BAA2B,CAAC,aAAa,EAAE,aAAa,EAAE,YAAY,CAAC,EAAE,OAAO,WAiBxF;AAED,OAAO,EAAE,2BAA2B,EAAE,CAAC"}

package/dist/render/dom/projection/default-scale-correctors.d.ts

@@ -2,8 +2,8 @@
 based on framer-motion@4.1.17,
 Copyright (c) 2018 Framer B.V.
 */
-import type { Axis } from "../../../types/geometry";
-import type { LayoutState, TargetProjection } from "../../utils/state";
+import type { Axis } from '../../../types/geometry';
+import type { LayoutState, TargetProjection } from '../../utils/state';
 declare function pixelsToPercent(pixels: number, axis: Axis): number;
 /**
  * We always correct borderRadius as a percentage rather than pixels to reduce paints.
@@ -13,11 +13,12 @@ declare function pixelsToPercent(pixels: number, axis: Axis): number;
  * a paint each time. If we animate between the two in percentage we'll avoid a paint.
  */
 declare function correctBorderRadius(latest: string | number, _layoutState: LayoutState, { target }: TargetProjection): string;
-declare function correctBoxShadow(latest: string, { delta, treeScale }: LayoutState): string;
+declare function correctBoxShadow(latest: string | number, { delta, treeScale }: LayoutState): string | number;
 declare var defaultScaleCorrectors: {
     borderRadius: {
-        applyTo: string[];
         process: typeof correctBorderRadius;
+    } & {
+        applyTo: string[];
     };
     borderTopLeftRadius: {
         process: typeof correctBorderRadius;

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

@@ -1 +1 @@
-{"version":3,"file":"default-scale-correctors.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/motion-start/render/dom/projection/default-scale-correctors.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAavE,iBAAS,eAAe,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,UAElD;AACD;;;;;;GAMG;AACH,iBAAS,mBAAmB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,EAAE,MAAM,EAAE,EAAE,gBAAgB,UAoB5G;AAED,iBAAS,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,WAAW,UA+C1E;AAID,QAAA,IAAI,sBAAsB,EAcrB;IACD,YAAY,EAAE;QACV,OAAO,EAAE,MAAM,EAAE,CAAC;QAClB,OAAO,EAAE,OAAO,mBAAmB,CAAC;KACvC,CAAC;IACF,mBAAmB,EAAE;QACjB,OAAO,EAAE,OAAO,mBAAmB,CAAC;KACvC,CAAC;IACF,oBAAoB,EAAE;QAClB,OAAO,EAAE,OAAO,mBAAmB,CAAC;KACvC,CAAC;IACF,sBAAsB,EAAE;QACpB,OAAO,EAAE,OAAO,mBAAmB,CAAC;KACvC,CAAC;IACF,uBAAuB,EAAE;QACrB,OAAO,EAAE,OAAO,mBAAmB,CAAC;KACvC,CAAC;IACF,SAAS,EAAE;QACP,OAAO,EAAE,OAAO,gBAAgB,CAAC;KACpC,CAAC;CACL,CAAC;AAEF,OAAO,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"default-scale-correctors.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/motion-start/render/dom/projection/default-scale-correctors.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAWvE,iBAAS,eAAe,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,UAElD;AACD;;;;;;GAMG;AACH,iBAAS,mBAAmB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,EAAE,MAAM,EAAE,EAAE,gBAAgB,UAmB5G;AAED,iBAAS,gBAAgB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,WAAW,mBAkDnF;AAID,QAAA,IAAI,sBAAsB;;;;;;;;;;;;;;;;;;;;;CA+BzB,CAAC;AAEF,OAAO,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,eAAe,EAAE,CAAC"}

package/dist/render/dom/projection/default-scale-correctors.js

@@ -3,7 +3,6 @@ based on framer-motion@4.0.3,
 Copyright (c) 2018 Framer B.V.
 */
 import { fixed } from '../../../utils/fix-process-env.js';
-import { __assign } from 'tslib';
 import { complex, px } from 'style-value-types';
 import { mix } from 'popmotion';
 import { cssVariableRegex } from '../utils/css-variables-conversion.js';
@@ -22,9 +21,9 @@ function correctBorderRadius(latest, _layoutState, { target }) {
      * If latest is a string, if it's a percentage we can return immediately as it's
      * going to be stretched appropriately. Otherwise, if it's a pixel, convert it to a number.
      */
-    if (typeof latest === "string") {
+    if (typeof latest === 'string') {
         if (px.test(latest)) {
-            latest = parseFloat(latest);
+            latest = Number.parseFloat(latest);
         }
         else {
             return latest;
@@ -36,18 +35,19 @@ function correctBorderRadius(latest, _layoutState, { target }) {
      */
     var x = pixelsToPercent(latest, target.x);
     var y = pixelsToPercent(latest, target.y);
-    return x + "% " + y + "%";
+    return x + '% ' + y + '%';
 }
-var varToken = "_$css";
+var varToken = '_$css';
 function correctBoxShadow(latest, { delta, treeScale }) {
     var original = latest;
     /**
      * We need to first strip and store CSS variables from the string.
      */
-    var containsCSSVariables = latest.includes("var(");
+    // @ts-expect-error
+    var containsCSSVariables = latest.includes('var(');
     var cssVariables = [];
-    if (containsCSSVariables) {
-        latest = latest.replace(cssVariableRegex, function (match) {
+    if (containsCSSVariables) { // @ts-expect-error
+        latest = latest.replace(cssVariableRegex, (match) => {
             cssVariables.push(match);
             return varToken;
         });
@@ -57,11 +57,12 @@ function correctBoxShadow(latest, { delta, treeScale }) {
     if (shadow.length > 5)
         return original;
     var template = complex.createTransformer(latest);
-    var offset = typeof shadow[0] !== "number" ? 1 : 0;
+    var offset = typeof shadow[0] !== 'number' ? 1 : 0;
     // Calculate the overall context scale
     var xScale = delta.x.scale * treeScale.x;
     var yScale = delta.y.scale * treeScale.y;
-    shadow[0 + offset] /= xScale;
+    //@ts-ignore
+    shadow[0 + offset] /= xScale; //@ts-ignore
     shadow[1 + offset] /= yScale;
     /**
      * Ideally we'd correct x and y scales individually, but because blur and
@@ -71,15 +72,17 @@ function correctBoxShadow(latest, { delta, treeScale }) {
      */
     var averageScale = mix(xScale, yScale, 0.5);
     // Blur
-    if (typeof shadow[2 + offset] === "number")
+    if (typeof shadow[2 + offset] === 'number')
+        //@ts-ignore
         shadow[2 + offset] /= averageScale;
     // Spread
-    if (typeof shadow[3 + offset] === "number")
+    if (typeof shadow[3 + offset] === 'number')
+        //@ts-ignore
         shadow[3 + offset] /= averageScale;
     var output = template(shadow);
     if (containsCSSVariables) {
         var i_1 = 0;
-        output = output.replace(varToken, function () {
+        output = output.replace(varToken, () => {
             var cssVariable = cssVariables[i_1];
             i_1++;
             return cssVariable;
@@ -91,12 +94,9 @@ var borderCorrectionDefinition = {
     process: correctBorderRadius,
 };
 var defaultScaleCorrectors = {
-    borderRadius: __assign(__assign({}, borderCorrectionDefinition), { applyTo: [
-            "borderTopLeftRadius",
-            "borderTopRightRadius",
-            "borderBottomLeftRadius",
-            "borderBottomRightRadius",
-        ] }),
+    borderRadius: Object.assign(Object.assign({}, borderCorrectionDefinition), {
+        applyTo: ['borderTopLeftRadius', 'borderTopRightRadius', 'borderBottomLeftRadius', 'borderBottomRightRadius'],
+    }),
     borderTopLeftRadius: borderCorrectionDefinition,
     borderTopRightRadius: borderCorrectionDefinition,
     borderBottomLeftRadius: borderCorrectionDefinition,

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

@@ -2,7 +2,7 @@
 based on framer-motion@4.1.17,
 Copyright (c) 2018 Framer B.V.
 */
-import type { ScaleCorrectionDefinitionMap } from "./types";
+import type { ScaleCorrectionDefinitionMap } from './types';
 /**
 based on framer-motion@4.0.3,
 Copyright (c) 2018 Framer B.V.

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

@@ -1 +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,4BAAiC,CAAC;AAC5D;;GAEG;AACH,iBAAS,kBAAkB,CAAC,UAAU,EAAE,4BAA4B,QAInE;AAED,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,CAAC"}
+{"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

@@ -1,8 +1,9 @@
+import { defaultScaleCorrectors } from './default-scale-correctors';
 /**
 based on framer-motion@4.0.3,
 Copyright (c) 2018 Framer B.V.
 */
-var valueScaleCorrection = {};
+var valueScaleCorrection = defaultScaleCorrectors;
 /**
  * @internal
  */

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

@@ -2,7 +2,7 @@
 based on framer-motion@4.1.17,
 Copyright (c) 2018 Framer B.V.
 */
-import type { VisualElement } from "../../types";
+import type { VisualElement } from '../../types';
 declare function collectProjectingAncestors(visualElement: VisualElement, ancestors?: VisualElement[]): VisualElement<any, any>[];
 declare function collectProjectingChildren(visualElement: VisualElement): VisualElement<any, any>[];
 /**

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

@@ -1 +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;AAgBjD,iBAAS,0BAA0B,CAAC,aAAa,EAAE,aAAa,EAAE,SAAS,CAAC,EAAE,aAAa,EAAE,6BAQ5F;AACD,iBAAS,yBAAyB,CAAC,aAAa,EAAE,aAAa,6BAS9D;AACD;;;GAGG;AACH,iBAAS,uBAAuB,CAAC,aAAa,EAAE,aAAa,QAU5D;AACD;;GAEG;AACH,iBAAS,mBAAmB,CAAC,aAAa,EAAE,aAAa,EAAE,EAAE,CAAC,EAAE,GAAG,QASlE;AAED,OAAO,EAAE,0BAA0B,EAAE,yBAAyB,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,CAAC"}
+{"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/dist/render/dom/projection/utils.js

@@ -22,7 +22,7 @@ function collectProjectingAncestors(visualElement, ancestors) {
 }
 function collectProjectingChildren(visualElement) {
     var children = [];
-    var addChild = function (child) {
+    var addChild = (child) => {
         if (isProjecting(child))
             children.push(child);
         child.children.forEach(addChild);
@@ -43,7 +43,7 @@ function updateLayoutMeasurement(visualElement) {
     layoutState.layout = visualElement.measureViewportBox();
     layoutState.layoutCorrected = copyAxisBox(layoutState.layout);
     visualElement.notifyLayoutMeasure(layoutState.layout, visualElement.prevViewportBox || layoutState.layout);
-    sync.update(function () { return visualElement.rebaseProjectionTarget(); });
+    sync.update(() => visualElement.rebaseProjectionTarget());
 }
 /**
  * Record the viewport box as it was before an expected mutation/re-render

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

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

@@ -1 +1 @@
-{"version":3,"file":"svg-visual-element.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/render/dom/svg-visual-element.ts"],"names":[],"mappings":"AAoBA,eAAO,MAAM,eAAe,WAI1B,CAAA;AAEF,eAAO,MAAM,gBAAgB,wPAiF3B,CAAA"}
+{"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/dist/render/dom/svg-visual-element.js

@@ -17,12 +17,14 @@ const zeroDimensions = {
     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 {
@@ -36,15 +38,18 @@ export const svgVisualElement = visualElement({
             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) {
@@ -57,10 +62,12 @@ export const svgVisualElement = visualElement({
     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];
             }
         }
@@ -71,8 +78,11 @@ export const svgVisualElement = visualElement({
     },
     render(element, mutableState) {
         htmlConfig.render(element, mutableState);
+        //@ts-ignore
         for (const key in mutableState.attrs) {
-            element.setAttribute(!camelCaseAttributes.has(key) ? camelToDash(key) : key, mutableState.attrs[key]);
+            element.setAttribute(!camelCaseAttributes.has(key) ? camelToDash(key) : key, 
+            //@ts-ignore
+            mutableState.attrs[key]);
         }
     },
 });

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

@@ -1,10 +1,6 @@
-/**
-based on framer-motion@4.1.17,
-Copyright (c) 2018 Framer B.V.
-*/
-import type { RenderComponent } from "../../motion/features/types";
-import type { HTMLRenderState } from "../html/types";
-import type { SVGRenderState } from "../svg/types";
-export type createUseRender = (forwardMotionProps?: boolean) => RenderComponent<SVGElement | HTMLElement, HTMLRenderState | SVGRenderState>;
+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

@@ -1 +1 @@
-{"version":3,"file":"use-render.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/render/dom/use-render.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,MAAM,MAAM,eAAe,GAAG,CAAC,kBAAkB,CAAC,EAAE,OAAO,KAAK,eAAe,CAAC,UAAU,GAAG,WAAW,EAAE,eAAe,GAAG,cAAc,CAAC,CAAC;AAE5I,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC"}
+{"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

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

package/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

@@ -1,3 +1,4 @@
+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;
@@ -17,7 +18,7 @@ type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
     children?: any;
 } : {});
 declare const UseInitialMotionProps: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
-    visualElement: any;
+    visualElement: VisualElement;
     props: any;
 }, {
     default: {

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

@@ -1 +1 @@
-{"version":3,"file":"UseInitialMotionProps.svelte.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/motion-start/render/dom/utils/UseInitialMotionProps.svelte.ts"],"names":[],"mappings":"AAiCA,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;;;;;;;;;;;;;cAAmF,CAAC;AAC7F,KAAK,qBAAqB,GAAG,YAAY,CAAC,OAAO,qBAAqB,CAAC,CAAC;AAC1E,eAAe,qBAAqB,CAAC"}
+{"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.map

@@ -1 +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,SA6CnB;AAGD,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,CAAC"}
+{"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"}

package/dist/render/dom/utils/batch-layout.js

@@ -31,6 +31,7 @@ function flushLayout() {
      * Resolve jobs into their array stacks
      */
     unresolvedJobs.forEach(function (callback) {
+        //@ts-ignore
         callback(setRead, setWrite);
         pointer = 0;
     });

package/dist/render/dom/utils/create-config.d.ts

@@ -1,13 +1,7 @@
-/**
-based on framer-motion@4.1.17,
-Copyright (c) 2018 Framer B.V.
-*/
-import type { MotionComponentConfig } from "../../../motion";
-import type { FeatureComponents } from "../../../motion/features/types";
-import type { HTMLRenderState } from "../../html/types";
-import type { SVGRenderState } from "../../svg/types";
-import type { CreateVisualElement } from "../../types";
-import type { CustomMotionComponentConfig } from "../motion-proxy";
-declare function createDomMotionConfig<Props>(Component: string | React.ComponentType<Props>, { forwardMotionProps }: CustomMotionComponentConfig, preloadedFeatures?: FeatureComponents, createVisualElement?: CreateVisualElement<any>): MotionComponentConfig<SVGElement, SVGRenderState> | MotionComponentConfig<HTMLElement, HTMLRenderState>;
+import type { FeatureComponents } from '../../../motion/features/types';
+import type { CreateVisualElement } from '../../types';
+import type { CustomMotionComponentConfig } from '../motion-proxy';
+import type { Component } from 'svelte';
+declare function createDomMotionConfig(Component: string | Component, { forwardMotionProps }: CustomMotionComponentConfig, preloadedFeatures?: FeatureComponents, createVisualElement?: CreateVisualElement<any>): any;
 export { createDomMotionConfig };
 //# sourceMappingURL=create-config.d.ts.map

package/dist/render/dom/utils/create-config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"create-config.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/motion-start/render/dom/utils/create-config.ts"],"names":[],"mappings":"AACA;;;EAGE;AACF,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAC7D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AACvD,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,iBAAiB,CAAC;AAanE,iBAAS,qBAAqB,CAAC,KAAK,EAAE,SAAS,EAAE,MAAM,GAAG,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,EAAE,kBAAkB,EAAE,EAAE,2BAA2B,EAAE,iBAAiB,CAAC,EAAE,iBAAiB,EAAE,mBAAmB,CAAC,EAAE,mBAAmB,CAAC,GAAG,CAAC,GAK7L,qBAAqB,CAAC,UAAU,EAAE,cAAc,CAAC,GAAG,qBAAqB,CAAC,WAAW,EAAE,eAAe,CAAC,CACzI;AAED,OAAO,EAAE,qBAAqB,EAAE,CAAC"}
+{"version":3,"file":"create-config.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/motion-start/render/dom/utils/create-config.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAGxE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AACvD,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,iBAAiB,CAAC;AACnE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAWxC,iBAAS,qBAAqB,CAC7B,SAAS,EAAE,MAAM,GAAG,SAAS,EAC7B,EAAE,kBAAkB,EAAE,EAAE,2BAA2B,EACnD,iBAAiB,CAAC,EAAE,iBAAiB,EACrC,mBAAmB,CAAC,EAAE,mBAAmB,CAAC,GAAG,CAAC,OAY9C;AAED,OAAO,EAAE,qBAAqB,EAAE,CAAC"}

package/dist/render/dom/utils/create-config.js

@@ -2,16 +2,17 @@
 based on framer-motion@4.0.3,
 Copyright (c) 2018 Framer B.V.
 */
-import { __assign } from 'tslib';
 import { htmlMotionConfig } from '../../html/config-motion.js';
 import { svgMotionConfig } from '../../svg/config-motion.js';
 import { createUseRender } from '../use-render.js';
 import { isSVGComponent } from './is-svg-component.js';
 function createDomMotionConfig(Component, { forwardMotionProps }, preloadedFeatures, createVisualElement) {
-    var baseConfig = isSVGComponent(Component)
-        ? svgMotionConfig
-        : htmlMotionConfig;
-    return __assign(__assign({}, baseConfig), { preloadedFeatures: preloadedFeatures, useRender: createUseRender(forwardMotionProps), createVisualElement: createVisualElement,
-        Component: Component });
+    var baseConfig = isSVGComponent(Component) ? svgMotionConfig : htmlMotionConfig;
+    return Object.assign(Object.assign({}, baseConfig), {
+        preloadedFeatures,
+        useRender: createUseRender(forwardMotionProps),
+        createVisualElement,
+        Component,
+    });
 }
 export { createDomMotionConfig };

package/dist/render/dom/utils/css-variables-conversion.d.ts

@@ -2,8 +2,8 @@
 based on framer-motion@4.1.17,
 Copyright (c) 2018 Framer B.V.
 */
-import type { Target, TargetWithKeyframes } from "../../../types";
-import type { VisualElement } from "../../types";
+import type { Target, TargetWithKeyframes } from '../../../types';
+import type { VisualElement } from '../../types';
 /**
  * Parse Framer's special CSS variable format into a CSS token and a fallback.
  *

package/dist/render/dom/utils/css-variables-conversion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"css-variables-conversion.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/motion-start/render/dom/utils/css-variables-conversion.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,MAAM,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAClE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AA8BjD;;;;;;;;GAQG;AACH,QAAA,IAAI,gBAAgB,QAAyD,CAAC;AAC9E,iBAAS,gBAAgB,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,EAAE,CAMjE;AAsBD;;;;GAIG;AACH,iBAAS,mBAAmB,CAAC,aAAa,EAAE,aAAa,EAAE,EAAE,GAAG,MAAM,EAAE,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,GAAG,SAAS,GAAG;IAC/H,MAAM,EAAE,mBAAmB,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;CAC1B,CAoCA;AAED,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"css-variables-conversion.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/motion-start/render/dom/utils/css-variables-conversion.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,MAAM,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAClE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AA4BjD;;;;;;;;GAQG;AACH,QAAA,IAAI,gBAAgB,QAAyD,CAAC;AAC9E,iBAAS,gBAAgB,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,EAAE,CAKjE;AAqBD;;;;GAIG;AACH,iBAAS,mBAAmB,CAC3B,aAAa,EAAE,aAAa,EAC5B,EAAE,GAAG,MAAM,EAAE,EAAE,mBAAmB,EAClC,aAAa,EAAE,MAAM,GAAG,SAAS,GAC/B;IACF,MAAM,EAAE,mBAAmB,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;CACvB,CAkCA;AAED,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/render/dom/utils/css-variables-conversion.js

@@ -19,10 +19,9 @@
 based on framer-motion@4.0.3,
 Copyright (c) 2018 Framer B.V.
 */
-import { __assign, __read } from 'tslib';
 // import { invariant } from '../../../utils/errors.js';
 function isCSSVariable(value) {
-    return typeof value === "string" && value.startsWith("var(--");
+    return typeof value === 'string' && value.startsWith('var(--');
 }
 /**
  * Parse Framer's special CSS variable format into a CSS token and a fallback.
@@ -38,7 +37,7 @@ function parseCSSVariable(current) {
     var match = cssVariableRegex.exec(current);
     if (!match)
         return [,];
-    var _a = __read(match, 3), token = _a[1], fallback = _a[2];
+    var [_, token, fallback] = match;
     return [token, fallback];
 }
 var maxDepth = 4;
@@ -47,7 +46,7 @@ function getVariableValue(current, element, depth) {
         depth = 1;
     }
     //invariant(depth <= maxDepth, "Max CSS variable fallback depth detected in property \"" + current + "\". This may indicate a circular fallback dependency.");
-    var _a = __read(parseCSSVariable(current), 2), token = _a[0], fallback = _a[1];
+    var [token, fallback] = parseCSSVariable(current);
     // No CSS variable detected
     if (!token)
         return;
@@ -76,10 +75,10 @@ function resolveCSSVariables(visualElement, { ...target }, transitionEnd) {
     // If `transitionEnd` isn't `undefined`, clone it. We could clone `target` and `transitionEnd`
     // only if they change but I think this reads clearer and this isn't a performance-critical path.
     if (transitionEnd) {
-        transitionEnd = __assign({}, transitionEnd);
+        transitionEnd = Object.assign({}, transitionEnd);
     }
     // Go through existing `MotionValue`s and ensure any existing CSS variables are resolved
-    visualElement.forEachValue(function (value) {
+    visualElement.forEachValue((value) => {
         var current = value.get();
         if (!isCSSVariable(current))
             return;
@@ -90,6 +89,7 @@ function resolveCSSVariables(visualElement, { ...target }, transitionEnd) {
     // Cycle through every target property and resolve CSS variables. Currently
     // we only read single-var properties like `var(--foo)`, not `calc(var(--foo) + 20px)`
     for (var key in target) {
+        //@ts-ignore
         var current = target[key];
         if (!isCSSVariable(current))
             continue;
@@ -97,11 +97,13 @@ function resolveCSSVariables(visualElement, { ...target }, transitionEnd) {
         if (!resolved)
             continue;
         // Clone target if it hasn't already been
+        //@ts-ignore
         target[key] = resolved;
         // If the user hasn't already set this key on `transitionEnd`, set it to the unresolved
         // CSS variable. This will ensure that after the animation the component will reflect
         // changes in the value of the CSS variable.
         if (transitionEnd)
+            //@ts-ignore
             (_b = transitionEnd[key]) !== null && _b !== void 0 ? _b : (transitionEnd[key] = current);
     }
     return { target: target, transitionEnd: transitionEnd };

package/dist/render/dom/utils/filter-props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filter-props.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/motion-start/render/dom/utils/filter-props.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAsCzD,iBAAS,WAAW,CAAC,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,OAAO,EAAE,kBAAkB,EAAE,OAAO,MAUnF;AAED,OAAO,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"filter-props.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/motion-start/render/dom/utils/filter-props.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAsCzD,iBAAS,WAAW,CAAC,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,OAAO,EAAE,kBAAkB,EAAE,OAAO,MAWnF;AAED,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/render/dom/utils/filter-props.js

@@ -38,6 +38,7 @@ function filterProps(props, isDom, forwardMotionProps) {
         if (shouldForward(key) ||
             (forwardMotionProps === true && isValidMotionProp(key)) ||
             (!isDom && !isValidMotionProp(key))) {
+            //@ts-ignore
             filteredProps[key] = props[key];
         }
     }

package/dist/render/dom/utils/is-svg-component.d.ts

@@ -2,7 +2,7 @@
 based on framer-motion@4.1.17,
 Copyright (c) 2018 Framer B.V.
 */
-import type { ComponentType } from "react";
-declare function isSVGComponent(Component: string | ComponentType): boolean;
+import type { Component } from 'svelte';
+declare function isSVGComponent(Component: string | Component): boolean;
 export { isSVGComponent };
 //# sourceMappingURL=is-svg-component.d.ts.map

package/dist/render/dom/utils/is-svg-component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"is-svg-component.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/motion-start/render/dom/utils/is-svg-component.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAS3C,iBAAS,cAAc,CAAC,SAAS,EAAE,MAAM,GAAG,aAAa,WAyBxD;AAED,OAAO,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"is-svg-component.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/motion-start/render/dom/utils/is-svg-component.ts"],"names":[],"mappings":"AAAA;;;EAGE;AAOF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAExC,iBAAS,cAAc,CAAC,SAAS,EAAE,MAAM,GAAG,SAAS,WA2BpD;AAED,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/render/dom/utils/is-svg-component.js

@@ -1,4 +1,8 @@
 /**
+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.
 */
@@ -9,14 +13,14 @@ function isSVGComponent(Component) {
      * If it's not a string, it's a custom React component. Currently we only support
      * HTML custom React components.
      */
-    typeof Component !== "string" ||
+    typeof Component !== 'string' ||
         /**
          * If it contains a dash, the element is a custom HTML webcomponent.
          */
-        Component.includes("-")) {
+        Component.includes('-')) {
         return false;
     }
-    else if (
+    if (
     /**
      * If it's in our list of lowercase SVG tags, it's an SVG component
      */

package/dist/render/dom/utils/unit-conversion.d.ts

@@ -2,8 +2,8 @@
 based on framer-motion@4.1.17,
 Copyright (c) 2018 Framer B.V.
 */
-import type { Target, TargetWithKeyframes } from "../../../types";
-import type { VisualElement } from "../../types";
+import type { Target, TargetWithKeyframes } from '../../../types';
+import type { VisualElement } from '../../types';
 declare enum BoundingBoxDimension {
     width = "width",
     height = "height",