motion-start 0.0.3 → 0.1.1

package/dist/render/html/types.d.ts

@@ -2,10 +2,20 @@
 based on framer-motion@4.1.17,
 Copyright (c) 2018 Framer B.V.
 */
-import type { DetailedHTMLFactory, ForwardRefExoticComponent, HTMLAttributes, PropsWithoutRef, ReactHTML, RefAttributes } from "react";
-import type { MotionProps } from "../../motion/types";
-import type { ResolvedValues } from "../types";
-import type { HTMLElements } from "./supported-elements";
+import type { SvelteHTMLElements } from 'svelte/elements';
+import type { MotionProps } from '../../motion/types';
+import type { ResolvedValues } from '../types';
+import type { HTMLElements } from './supported-elements';
+import type { Component } from 'svelte';
+export type HTMLProps = {
+    draggable: boolean;
+    style: {
+        userSelect?: any;
+        WebkitUserSelect?: any;
+        WebkitTouchCallout?: any;
+        touchAction?: any;
+    };
+};
 export interface TransformOrigin {
     originX?: number | string;
     originY?: number | string;
@@ -41,26 +51,13 @@ export interface HTMLRenderState {
 /**
  * @public
  */
-export type ForwardRefComponent<T, P> = ForwardRefExoticComponent<PropsWithoutRef<P> & RefAttributes<T>>;
-/**
- * Support for React component props
- */
-type UnwrapFactoryAttributes<F> = F extends DetailedHTMLFactory<infer P, any> ? P : never;
-type UnwrapFactoryElement<F> = F extends DetailedHTMLFactory<any, infer P> ? P : never;
-type HTMLAttributesWithoutMotionProps<Attributes extends HTMLAttributes<Element>, Element extends HTMLElement> = {
-    [K in Exclude<keyof Attributes, keyof MotionProps>]?: Attributes[K];
-};
-/**
- * @public
- */
-export type HTMLMotionProps<TagName extends keyof ReactHTML> = HTMLAttributesWithoutMotionProps<UnwrapFactoryAttributes<ReactHTML[TagName]>, UnwrapFactoryElement<ReactHTML[TagName]>> & MotionProps;
+export type ForwardRefComponent<T extends Record<string, any>, P extends Record<string, any>> = Component<T & P>;
 /**
  * Motion-optimised versions of React's HTML components.
  *
  * @public
  */
 export type HTMLMotionComponents = {
-    [K in HTMLElements]: ForwardRefComponent<UnwrapFactoryElement<ReactHTML[K]>, HTMLMotionProps<K>>;
+    [K in HTMLElements]: ForwardRefComponent<MotionProps, SvelteHTMLElements[K]>;
 };
-export {};
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/render/html/types.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,mBAAmB,EAAE,yBAAyB,EAAE,cAAc,EAAE,eAAe,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACvI,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC/C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACzD,MAAM,WAAW,eAAe;IAC5B,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC7B;AACD,MAAM,WAAW,eAAe;IAC5B;;;OAGG;IACH,SAAS,EAAE,cAAc,CAAC;IAC1B;;;OAGG;IACH,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB;;;OAGG;IACH,eAAe,EAAE,eAAe,CAAC;IACjC;;;OAGG;IACH,KAAK,EAAE,cAAc,CAAC;IACtB;;;OAGG;IACH,IAAI,EAAE,cAAc,CAAC;CACxB;AACD;;GAEG;AACH,MAAM,MAAM,mBAAmB,CAAC,CAAC,EAAE,CAAC,IAAI,yBAAyB,CAAC,eAAe,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;AACzG;;GAEG;AACH,KAAK,uBAAuB,CAAC,CAAC,IAAI,CAAC,SAAS,mBAAmB,CAAC,MAAM,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAC1F,KAAK,oBAAoB,CAAC,CAAC,IAAI,CAAC,SAAS,mBAAmB,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AACvF,KAAK,gCAAgC,CAAC,UAAU,SAAS,cAAc,CAAC,OAAO,CAAC,EAAE,OAAO,SAAS,WAAW,IAAI;KAC5G,CAAC,IAAI,OAAO,CAAC,MAAM,UAAU,EAAE,MAAM,WAAW,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC;CACtE,CAAC;AACF;;GAEG;AACH,MAAM,MAAM,eAAe,CAAC,OAAO,SAAS,MAAM,SAAS,IAAI,gCAAgC,CAAC,uBAAuB,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,EAAE,oBAAoB,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC;AACrM;;;;GAIG;AACH,MAAM,MAAM,oBAAoB,GAAG;KAC9B,CAAC,IAAI,YAAY,GAAG,mBAAmB,CAAC,oBAAoB,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC;CACnG,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/render/html/types.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC/C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAExC,MAAM,MAAM,SAAS,GAAG;IACvB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE;QACN,UAAU,CAAC,EAAE,GAAG,CAAC;QACjB,gBAAgB,CAAC,EAAE,GAAG,CAAC;QACvB,kBAAkB,CAAC,EAAE,GAAG,CAAC;QACzB,WAAW,CAAC,EAAE,GAAG,CAAC;KAClB,CAAC;CACF,CAAC;AAEF,MAAM,WAAW,eAAe;IAC/B,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B;AACD,MAAM,WAAW,eAAe;IAC/B;;;OAGG;IACH,SAAS,EAAE,cAAc,CAAC;IAC1B;;;OAGG;IACH,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB;;;OAGG;IACH,eAAe,EAAE,eAAe,CAAC;IACjC;;;OAGG;IACH,KAAK,EAAE,cAAc,CAAC;IACtB;;;OAGG;IACH,IAAI,EAAE,cAAc,CAAC;CACrB;AACD;;GAEG;AACH,MAAM,MAAM,mBAAmB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AAEjH;;;;GAIG;AACH,MAAM,MAAM,oBAAoB,GAAG;KACjC,CAAC,IAAI,YAAY,GAAG,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAC;CAC5E,CAAC"}

package/dist/render/html/use-props.d.ts

@@ -1,11 +1,13 @@
-/**
-based on framer-motion@4.1.17,
-Copyright (c) 2018 Framer B.V.
-*/
-import type { MotionProps } from "../../motion/types";
-import type { ResolvedValues } from "../types";
-export type useStyle = (props: MotionProps, visualState: ResolvedValues, isStatic: boolean) => ResolvedValues;
-export type useHTMLProps = (props: MotionProps, visualState: ResolvedValues, isStatic: boolean) => any;
-export { default as UseHTMLProps } from './UseHTMLProps.svelte';
-export { default as UseStyle, copyRawValuesOnly } from './UseStyle.svelte';
+import type { MotionValue } from '../../value';
+import type { MotionProps } from '../../motion/types';
+import type { ResolvedValues } from '../types';
+export type UseStyle = (props: MotionProps, visualState: ResolvedValues, isStatic: boolean) => ResolvedValues;
+export type UseHTMLProps = (props: MotionProps, visualState: ResolvedValues, isStatic: boolean) => any;
+import { default as UseHTMLPropsComp } from './UseHTMLProps.svelte';
+import { default as UseStyleComp } from './UseStyle.svelte';
+export declare const UseHTMLProps: typeof UseHTMLPropsComp;
+export declare const UseStyle: typeof UseStyleComp;
+export declare function copyRawValuesOnly(target: ResolvedValues, source: {
+    [key: string]: string | number | MotionValue;
+}, props: MotionProps): void;
 //# sourceMappingURL=use-props.d.ts.map

package/dist/render/html/use-props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-props.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/render/html/use-props.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/C,MAAM,MAAM,QAAQ,GAAG,CAAC,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,cAAc,EAAE,QAAQ,EAAE,OAAO,KAAK,cAAc,CAAC;AAC9G,MAAM,MAAM,YAAY,GAAG,CAAC,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,cAAc,EAAE,QAAQ,EAAE,OAAO,KAAK,GAAG,CAAC;AAGvG,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"use-props.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/render/html/use-props.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/C,MAAM,MAAM,QAAQ,GAAG,CAAC,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,cAAc,EAAE,QAAQ,EAAE,OAAO,KAAK,cAAc,CAAC;AAC9G,MAAM,MAAM,YAAY,GAAG,CAAC,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,cAAc,EAAE,QAAQ,EAAE,OAAO,KAAK,GAAG,CAAC;AAEvG,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE5D,eAAO,MAAM,YAAY,EAAuB,OAAO,gBAAgB,CAAC;AACxE,eAAO,MAAM,QAAQ,EAAmB,OAAO,YAAY,CAAC;AAE5D,wBAAgB,iBAAiB,CAChC,MAAM,EAAE,cAAc,EACtB,MAAM,EAAE;IACP,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,WAAW,CAAC;CAC7C,EACD,KAAK,EAAE,WAAW,QAOlB"}

package/dist/render/html/use-props.js

@@ -1,2 +1,17 @@
-export { default as UseHTMLProps } from './UseHTMLProps.svelte';
-export { default as UseStyle, copyRawValuesOnly } from './UseStyle.svelte';
+/**
+based on framer-motion@4.1.17,
+Copyright (c) 2018 Framer B.V.
+*/
+import { isForcedMotionValue } from '../../motion/utils/is-forced-motion-value';
+import { isMotionValue } from '../../value/utils/is-motion-value';
+import { default as UseHTMLPropsComp } from './UseHTMLProps.svelte';
+import { default as UseStyleComp } from './UseStyle.svelte';
+export const UseHTMLProps = UseHTMLPropsComp;
+export const UseStyle = UseStyleComp;
+export function copyRawValuesOnly(target, source, props) {
+    for (const key in source) {
+        if (!isMotionValue(source[key]) && !isForcedMotionValue(key, props)) {
+            target[key] = source[key];
+        }
+    }
+}

package/dist/render/html/utils/build-styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"build-styles.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/motion-start/render/html/utils/build-styles.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACvE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAC/D,OAAO,KAAK,EAAE,wBAAwB,EAAE,8BAA8B,EAAE,MAAM,8BAA8B,CAAC;AAc7G,iBAAS,eAAe,CAAC,KAAK,EAAE,eAAe,EAAE,YAAY,EAAE,cAAc,EAAE,UAAU,EAAE,gBAAgB,GAAG,SAAS,EAAE,WAAW,EAAE,WAAW,GAAG,SAAS,EAAE,OAAO,EAAE,uBAAuB,EAAE,iBAAiB,CAAC,EAAE,WAAW,CAAC,mBAAmB,CAAC,EAAE,wBAAwB,CAAC,EAAE,wBAAwB,EAAE,8BAA8B,CAAC,EAAE,8BAA8B,QA+F1W;AAED,OAAO,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"build-styles.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/motion-start/render/html/utils/build-styles.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACvE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAC/D,OAAO,KAAK,EAAE,wBAAwB,EAAE,8BAA8B,EAAE,MAAM,8BAA8B,CAAC;AAc7G,iBAAS,eAAe,CAAC,KAAK,EAAE,eAAe,EAAE,YAAY,EAAE,cAAc,EAAE,UAAU,EAAE,gBAAgB,GAAG,SAAS,EAAE,WAAW,EAAE,WAAW,GAAG,SAAS,EAAE,OAAO,EAAE,uBAAuB,EAAE,iBAAiB,CAAC,EAAE,WAAW,CAAC,mBAAmB,CAAC,EAAE,wBAAwB,CAAC,EAAE,wBAAwB,EAAE,8BAA8B,CAAC,EAAE,8BAA8B,QAgG1W;AAED,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/render/html/utils/build-styles.js

@@ -51,6 +51,7 @@ function buildHTMLStyles(state, latestValues, projection, layoutState, options,
                 transformIsNone = false;
         }
         else if (isTransformOriginProp(key)) {
+            //@ts-ignore
             transformOrigin[key] = valueAsType;
             // If this is a transform origin, flag and enable further transform-origin processing
             hasTransformOrigin = true;

package/dist/render/html/utils/build-transform.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"build-transform.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/motion-start/render/html/utils/build-transform.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAC/D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AA0BjE;;;;;GAKG;AACH,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,EAAE,eAAe,EAAE,EAAE,0BAA0B,EAAE,kBAAkB,GAAG,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,OAAO,EAAE,iBAAiB,CAAC,EAAE,WAAW,CAAC,mBAAmB,CAAC,UA+BrO;AACD;;;GAGG;AACH,iBAAS,oBAAoB,CAAC,EAAE,OAAe,EAAE,OAAe,EAAE,OAAW,GAAG,EAAE,eAAe,UAEhG;AAED,OAAO,EAAE,cAAc,EAAE,oBAAoB,EAAE,CAAC"}
+{"version":3,"file":"build-transform.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/motion-start/render/html/utils/build-transform.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAC/D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AA0BjE;;;;;GAKG;AACH,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,EAAE,eAAe,EAAE,EAAE,0BAA0B,EAAE,kBAAkB,GAAG,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,OAAO,EAAE,iBAAiB,CAAC,EAAE,WAAW,CAAC,mBAAmB,CAAC,UAgCrO;AACD;;;GAGG;AACH,iBAAS,oBAAoB,CAAC,EAAE,OAAe,EAAE,OAAe,EAAE,OAAW,GAAG,EAAE,eAAe,UAEhG;AAED,OAAO,EAAE,cAAc,EAAE,oBAAoB,EAAE,CAAC"}

package/dist/render/html/utils/build-transform.js

@@ -39,6 +39,7 @@ function buildTransform({ transform, transformKeys }, { enableHardwareAccelerati
     var numTransformKeys = transformKeys.length;
     for (var i = 0; i < numTransformKeys; i++) {
         var key = transformKeys[i];
+        //@ts-ignore
         transformString += (translateAlias[key] || key) + "(" + transform[key] + ") ";
         if (key === "z")
             transformHasZ = true;

package/dist/render/html/utils/render.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/motion-start/render/html/utils/render.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAGhD;;;EAGE;AACF,iBAAS,UAAU,CAAE,OAAO,EAAE,WAAW,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,eAAe,QAQ1E;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/motion-start/render/html/utils/render.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAGhD;;;EAGE;AACF,iBAAS,UAAU,CAAE,OAAO,EAAE,WAAW,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,eAAe,QAS1E;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/render/html/utils/render.js

@@ -8,6 +8,7 @@ function renderHTML(element, { style, vars }) {
     Object.assign(element.style, style);
     // Loop over any CSS variables and assign those.
     for (var key in vars) {
+        //@ts-ignore
         element.style.setProperty(key, vars[key]);
     }
 }

package/dist/render/html/utils/scrape-motion-values.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scrape-motion-values.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/motion-start/render/html/utils/scrape-motion-values.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAUzD,iBAAS,2BAA2B,CAAC,KAAK,EAAE,WAAW,MAStD;AAED,OAAO,EAAE,2BAA2B,EAAE,CAAC"}
+{"version":3,"file":"scrape-motion-values.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/motion-start/render/html/utils/scrape-motion-values.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,WAAW,EAAe,MAAM,uBAAuB,CAAC;AAUtE,iBAAS,2BAA2B,CAAC,KAAK,EAAE,WAAW,MAWtD;AAED,OAAO,EAAE,2BAA2B,EAAE,CAAC"}

package/dist/render/html/utils/scrape-motion-values.js

@@ -8,7 +8,9 @@ function scrapeMotionValuesFromProps(props) {
     var style = props.style;
     var newValues = {};
     for (var key in style) {
+        //@ts-ignore
         if (isMotionValue(style[key]) || isForcedMotionValue(key, props)) {
+            //@ts-ignore
             newValues[key] = style[key];
         }
     }