motion-start 0.0.3 → 0.1.1

package/dist/render/utils/animation-state.js

@@ -1,9 +1,8 @@
-import { AnimationType } from "./types";
+import { AnimationType } from './types';
 /**
 based on framer-motion@4.0.3,
 Copyright (c) 2018 Framer B.V.
 */
-import { __assign, __read, __rest, __spreadArray } from 'tslib';
 import { isAnimationControls } from '../../animation/utils/is-animation-controls.js';
 import { isKeyframesTarget } from '../../animation/utils/is-keyframes-target.js';
 import { shallowCompare } from '../../utils/shallow-compare.js';
@@ -17,15 +16,13 @@ var variantPriorityOrder = [
     AnimationType.Focus,
     AnimationType.Exit,
 ];
-var reversePriorityOrder = __spreadArray([], __read(variantPriorityOrder)).reverse();
+var reversePriorityOrder = [...variantPriorityOrder].reverse();
 var numAnimationTypes = variantPriorityOrder.length;
 function animateList(visualElement) {
-    return function (animations) {
-        return Promise.all(animations.map(function (_a) {
-            var animation = _a.animation, options = _a.options;
-            return animateVisualElement(visualElement, animation, options);
-        }));
-    };
+    return (animations) => Promise.all(animations.map((_a) => {
+        var animation = _a.animation, options = _a.options;
+        return animateVisualElement(visualElement, animation, options);
+    }));
 }
 function createAnimationState(visualElement) {
     var animate = animateList(visualElement);
@@ -36,12 +33,11 @@ function createAnimationState(visualElement) {
      * This function will be used to reduce the animation definitions for
      * each active animation type into an object of resolved values for it.
      */
-    var buildResolvedTypeValues = function (acc, definition) {
+    var buildResolvedTypeValues = (acc, definition) => {
         var resolved = resolveVariant(visualElement, definition);
         if (resolved) {
-            resolved.transition;
-            var transitionEnd = resolved.transitionEnd, target = __rest(resolved, ["transition", "transitionEnd"]);
-            acc = __assign(__assign(__assign({}, acc), target), transitionEnd);
+            var { transition: _, transitionEnd, ...target } = resolved;
+            acc = Object.assign(Object.assign(Object.assign({}, acc), target), transitionEnd);
         }
         return acc;
     };
@@ -89,8 +85,8 @@ function createAnimationState(visualElement) {
          * If a variant has been removed at a given index, and this component is controlling
          * variant animations, we want to ensure lower-priority variants are forced to animate.
          */
-        var removedVariantIndex = Infinity;
-        var _loop_1 = function (i) {
+        var removedVariantIndex = Number.POSITIVE_INFINITY;
+        var _loop_1 = (i) => {
             var type = reversePriorityOrder[i];
             var typeState = state[type];
             var prop = (_a = props[type]) !== null && _a !== void 0 ? _a : context[type];
@@ -112,16 +108,14 @@ function createAnimationState(visualElement) {
             /**
              *
              */
-            if (isInherited &&
-                isInitialRender &&
-                visualElement.manuallyAnimateOnMount) {
+            if (isInherited && isInitialRender && visualElement.manuallyAnimateOnMount) {
                 isInherited = false;
             }
             /**
              * Set all encountered keys so far as the protected keys for this type. This will
              * be any key that has been animated or otherwise handled by active, higher-priortiy types.
              */
-            typeState.protectedKeys = __assign({}, encounteredKeys);
+            typeState.protectedKeys = Object.assign({}, encounteredKeys);
             // Check if we can skip analysing this prop early
             if (
             // If it isn't active and hasn't *just* been set as inactive
@@ -130,8 +124,8 @@ function createAnimationState(visualElement) {
                 (!prop && !typeState.prevProp) ||
                 // Or if the prop doesn't define an animation
                 isAnimationControls(prop) ||
-                typeof prop === "boolean") {
-                return "continue";
+                typeof prop === 'boolean') {
+                return 'continue';
             }
             /**
              * As we go look through the values defined on this type, if we detect
@@ -140,10 +134,7 @@ function createAnimationState(visualElement) {
              */
             var shouldAnimateType = variantsHaveChanged(typeState.prevProp, prop) ||
                 // If we're making this variant active, we want to always make it active
-                (type === changedActiveType &&
-                    typeState.isActive &&
-                    !isInherited &&
-                    propIsVariant) ||
+                (type === changedActiveType && typeState.isActive && !isInherited && propIsVariant) ||
                 // If we removed a higher-priority variant (i is in reverse order)
                 (i > removedVariantIndex && propIsVariant);
             /**
@@ -155,6 +146,7 @@ function createAnimationState(visualElement) {
              * Build an object of all the resolved values. We'll use this in the subsequent
              * animateChanges calls to determine whether a value has changed.
              */
+            // @ts-expect-error
             var resolvedValues = definitionList.reduce(buildResolvedTypeValues, {});
             if (activeDelta === false)
                 resolvedValues = {};
@@ -168,13 +160,14 @@ function createAnimationState(visualElement) {
              *    needs adding to the type's protectedKeys list.
              */
             var _b = typeState.prevResolvedValues, prevResolvedValues = _b === void 0 ? {} : _b;
-            var allKeys = __assign(__assign({}, prevResolvedValues), resolvedValues);
-            var markToAnimate = function (key) {
+            var allKeys = Object.assign(Object.assign({}, prevResolvedValues), resolvedValues);
+            var markToAnimate = (key) => {
                 shouldAnimateType = true;
                 removedKeys.delete(key);
                 typeState.needsAnimating[key] = true;
             };
             for (var key in allKeys) {
+                // @ts-expect-error
                 var next = resolvedValues[key];
                 var prev = prevResolvedValues[key];
                 // If we've already handled this we can just skip ahead
@@ -234,7 +227,7 @@ function createAnimationState(visualElement) {
              *
              */
             if (typeState.isActive) {
-                encounteredKeys = __assign(__assign({}, encounteredKeys), resolvedValues);
+                encounteredKeys = Object.assign(Object.assign({}, encounteredKeys), resolvedValues);
             }
             if (isInitialRender && visualElement.blockInitialAnimation) {
                 shouldAnimateType = false;
@@ -245,12 +238,12 @@ function createAnimationState(visualElement) {
              * by removed values?
              */
             if (shouldAnimateType && !isInherited) {
-                animations.push.apply(animations, __spreadArray([], __read(definitionList.map(function (animation) {
-                    return ({
+                animations.push.apply(animations, [
+                    ...definitionList.map((animation) => ({
                         animation: animation,
-                        options: __assign({ type: type }, options),
-                    });
-                }))));
+                        options: Object.assign({ type: type }, options),
+                    })),
+                ]);
             }
         };
         /**
@@ -262,7 +255,7 @@ function createAnimationState(visualElement) {
         for (var i = 0; i < numAnimationTypes; i++) {
             _loop_1(i);
         }
-        allAnimatedKeys = __assign({}, encounteredKeys);
+        allAnimatedKeys = Object.assign({}, encounteredKeys);
         /**
          * If there are some removed value that haven't been dealt with,
          * we need to create a new animation that falls back either to the value
@@ -270,18 +263,17 @@ function createAnimationState(visualElement) {
          */
         if (removedKeys.size) {
             var fallbackAnimation_1 = {};
-            removedKeys.forEach(function (key) {
+            removedKeys.forEach((key) => {
                 var fallbackTarget = visualElement.getBaseTarget(key);
                 if (fallbackTarget !== undefined) {
+                    //@ts-ignore
                     fallbackAnimation_1[key] = fallbackTarget;
                 }
             });
             animations.push({ animation: fallbackAnimation_1 });
         }
         var shouldAnimate = Boolean(animations.length);
-        if (isInitialRender &&
-            props.initial === false &&
-            !visualElement.manuallyAnimateOnMount) {
+        if (isInitialRender && props.initial === false && !visualElement.manuallyAnimateOnMount) {
             shouldAnimate = false;
         }
         isInitialRender = false;
@@ -293,10 +285,17 @@ function createAnimationState(visualElement) {
     function setActive(type, isActive, options) {
         var _a;
         // If the active state hasn't changed, we can safely do nothing here
+        //@ts-ignore
         if (state[type].isActive === isActive)
             return Promise.resolve();
         // Propagate active change to children
-        (_a = visualElement.variantChildren) === null || _a === void 0 ? void 0 : _a.forEach(function (child) { var _a; return (_a = child.animationState) === null || _a === void 0 ? void 0 : _a.setActive(type, isActive); });
+        (_a = visualElement.variantChildren) === null || _a === void 0
+            ? void 0
+            : _a.forEach((child) => {
+                var _a;
+                return (_a = child.animationState) === null || _a === void 0 ? void 0 : _a.setActive(type, isActive);
+            });
+        //@ts-ignore
         state[type].isActive = isActive;
         return animateChanges(options, type);
     }
@@ -305,14 +304,14 @@ function createAnimationState(visualElement) {
         animateChanges: animateChanges,
         setActive: setActive,
         setAnimateFunction: setAnimateFunction,
-        getState: function () { return state; },
+        getState: () => state,
     };
 }
 function variantsHaveChanged(prev, next) {
-    if (typeof next === "string") {
+    if (typeof next === 'string') {
         return next !== prev;
     }
-    else if (isVariantLabels(next)) {
+    if (isVariantLabels(next)) {
         return !shallowCompare(next, prev);
     }
     return false;
@@ -327,13 +326,13 @@ function createTypeState(isActive = false) {
 }
 function createState() {
     var _a;
-    return _a = {},
-        _a[AnimationType.Animate] = createTypeState(true),
-        _a[AnimationType.Hover] = createTypeState(),
-        _a[AnimationType.Tap] = createTypeState(),
-        _a[AnimationType.Drag] = createTypeState(),
-        _a[AnimationType.Focus] = createTypeState(),
-        _a[AnimationType.Exit] = createTypeState(),
-        _a;
+    return ((_a = {}),
+        (_a[AnimationType.Animate] = createTypeState(true)),
+        (_a[AnimationType.Hover] = createTypeState()),
+        (_a[AnimationType.Tap] = createTypeState()),
+        (_a[AnimationType.Drag] = createTypeState()),
+        (_a[AnimationType.Focus] = createTypeState()),
+        (_a[AnimationType.Exit] = createTypeState()),
+        _a);
 }
 export { createAnimationState, variantPriorityOrder, variantsHaveChanged };

package/dist/render/utils/animation.d.ts

@@ -2,10 +2,10 @@
 based on framer-motion@4.1.17,
 Copyright (c) 2018 Framer B.V.
 */
-import type { VariantLabels } from "../../motion/types";
-import type { Target, TargetAndTransition, TargetResolver, TargetWithKeyframes, Transition } from "../../types";
-import type { VisualElement } from "../types";
-import { AnimationType } from "./types";
+import type { VariantLabels } from '../../motion/types';
+import type { Target, TargetAndTransition, TargetResolver, TargetWithKeyframes, Transition } from '../../types';
+import type { VisualElement } from '../types';
+import type { AnimationType } from './types';
 export type AnimationDefinition = VariantLabels | TargetAndTransition | TargetResolver;
 export type AnimationOptions = {
     delay?: number;

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

@@ -1 +1 @@
-{"version":3,"file":"animation.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/render/utils/animation.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,KAAK,EAAE,MAAM,EAAE,mBAAmB,EAAE,cAAc,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAChH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,MAAM,MAAM,mBAAmB,GAAG,aAAa,GAAG,mBAAmB,GAAG,cAAc,CAAC;AACvF,MAAM,MAAM,gBAAgB,GAAG;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,UAAU,CAAC;IAChC,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,IAAI,CAAC,EAAE,aAAa,CAAC;CACxB,CAAC;AACF,MAAM,MAAM,oBAAoB,GAAG,CAAC,aAAa,EAAE,aAAa,EAAE,MAAM,EAAE,mBAAmB,EAAE,MAAM,CAAC,EAAE,MAAM,EAAE,aAAa,CAAC,EAAE,MAAM,KAAK;IACvI,MAAM,EAAE,mBAAmB,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAYF;;GAEG;AACH,iBAAS,oBAAoB,CAAC,aAAa,EAAE,aAAa,EAAE,UAAU,EAAE,mBAAmB,EAAE,OAAO,GAAE,gBAAqB,GAoBjH,OAAO,CAAC,IAAI,CAAC,CACtB;AA2FD,iBAAS,aAAa,CAAC,aAAa,EAAE,aAAa,QAElD;AACD,iBAAS,eAAe,CAAC,CAAC,EAAE,aAAa,EAAE,CAAC,EAAE,aAAa,UAE1D;AAeD,OAAO,EAAE,oBAAoB,EAAE,eAAe,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"animation.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/render/utils/animation.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,KAAK,EAAE,MAAM,EAAE,mBAAmB,EAAE,cAAc,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAChH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAC9C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC7C,MAAM,MAAM,mBAAmB,GAAG,aAAa,GAAG,mBAAmB,GAAG,cAAc,CAAC;AACvF,MAAM,MAAM,gBAAgB,GAAG;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,UAAU,CAAC;IAChC,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,IAAI,CAAC,EAAE,aAAa,CAAC;CACrB,CAAC;AACF,MAAM,MAAM,oBAAoB,GAAG,CAClC,aAAa,EAAE,aAAa,EAC5B,MAAM,EAAE,mBAAmB,EAC3B,MAAM,CAAC,EAAE,MAAM,EACf,aAAa,CAAC,EAAE,MAAM,KAClB;IACJ,MAAM,EAAE,mBAAmB,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAUF;;GAEG;AACH,iBAAS,oBAAoB,CAC5B,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,mBAAmB,EAC/B,OAAO,GAAE,gBAAqB,GAcoD,OAAO,CAAC,IAAI,CAAC,CAC/F;AAuID,iBAAS,aAAa,CAAC,aAAa,EAAE,aAAa,QAElD;AACD,iBAAS,eAAe,CAAC,CAAC,EAAE,aAAa,EAAE,CAAC,EAAE,aAAa,UAE1D;AAeD,OAAO,EAAE,oBAAoB,EAAE,eAAe,EAAE,aAAa,EAAE,CAAC"}

package/dist/render/utils/animation.js

@@ -1,9 +1,7 @@
-import { AnimationType } from "./types";
 /**
 based on framer-motion@4.0.3,
 Copyright (c) 2018 Framer B.V.
 */
-import { __assign, __read, __rest } from 'tslib';
 import { startAnimation } from '../../animation/utils/transitions.js';
 import { setTarget } from './setters.js';
 import { resolveVariant } from './variants.js';
@@ -14,23 +12,17 @@ function animateVisualElement(visualElement, definition, options = {}) {
     visualElement.notifyAnimationStart();
     var animation;
     if (Array.isArray(definition)) {
-        var animations = definition.map(function (variant) {
-            return animateVariant(visualElement, variant, options);
-        });
+        var animations = definition.map((variant) => animateVariant(visualElement, variant, options));
         animation = Promise.all(animations);
     }
-    else if (typeof definition === "string") {
+    else if (typeof definition === 'string') {
         animation = animateVariant(visualElement, definition, options);
     }
     else {
-        var resolvedDefinition = typeof definition === "function"
-            ? resolveVariant(visualElement, definition, options.custom)
-            : definition;
+        var resolvedDefinition = typeof definition === 'function' ? resolveVariant(visualElement, definition, options.custom) : definition;
         animation = animateTarget(visualElement, resolvedDefinition, options);
     }
-    return animation.then(function () {
-        return visualElement.notifyAnimationComplete(definition);
-    });
+    return animation.then(() => visualElement.notifyAnimationComplete(definition));
 }
 function animateVariant(visualElement, variant, options = {}) {
     var _a;
@@ -47,35 +39,32 @@ function animateVariant(visualElement, variant, options = {}) {
      * Otherwise, we resolve a Promise immediately for a composable no-op.
      */
     var getAnimation = resolved
-        ? function () { return animateTarget(visualElement, resolved, options); }
-        : function () { return Promise.resolve(); };
+        ? () => animateTarget(visualElement, resolved, options)
+        : () => Promise.resolve();
     /**
      * If we have children, create a callback that runs all their animations.
      * Otherwise, we resolve a Promise immediately for a composable no-op.
      */
     var getChildAnimations = ((_a = visualElement.variantChildren) === null || _a === void 0 ? void 0 : _a.size)
-        ? function (forwardDelay) {
+        ? (forwardDelay) => {
             if (forwardDelay === void 0) {
                 forwardDelay = 0;
             }
             var _a = transition.delayChildren, delayChildren = _a === void 0 ? 0 : _a, staggerChildren = transition.staggerChildren, staggerDirection = transition.staggerDirection;
             return animateChildren(visualElement, variant, delayChildren + forwardDelay, staggerChildren, staggerDirection, options);
         }
-        : function () { return Promise.resolve(); };
+        : () => Promise.resolve();
     /**
      * If the transition explicitly defines a "when" option, we need to resolve either
      * this animation or all children animations before playing the other.
      */
     var when = transition.when;
     if (when) {
-        var _c = __read(when === "beforeChildren"
-            ? [getAnimation, getChildAnimations]
-            : [getChildAnimations, getAnimation], 2), first = _c[0], last = _c[1];
+        var [first, last] = when === 'beforeChildren' ? [getAnimation, getChildAnimations] : [getChildAnimations, getAnimation];
+        //@ts-expect-error
         return first().then(last);
     }
-    else {
-        return Promise.all([getAnimation(), getChildAnimations(options.delay)]);
-    }
+    return Promise.all([getAnimation(), getChildAnimations(options.delay)]);
 }
 /**
  * @internal
@@ -83,24 +72,23 @@ function animateVariant(visualElement, variant, options = {}) {
 function animateTarget(visualElement, definition, _a) {
     var _b;
     var _c = _a === void 0 ? {} : _a, _d = _c.delay, delay = _d === void 0 ? 0 : _d, transitionOverride = _c.transitionOverride, type = _c.type;
-    var _e = visualElement.makeTargetAnimatable(definition), _f = _e.transition, transition = _f === void 0 ? visualElement.getDefaultTransition() : _f, transitionEnd = _e.transitionEnd, target = __rest(_e, ["transition", "transitionEnd"]);
+    var _e = visualElement.makeTargetAnimatable(definition);
+    var { transition = visualElement.getDefaultTransition(), transitionEnd, ...target } = _e;
     if (transitionOverride)
         transition = transitionOverride;
     var animations = [];
     var animationTypeState = type && ((_b = visualElement.animationState) === null || _b === void 0 ? void 0 : _b.getState()[type]);
     for (var key in target) {
         var value = visualElement.getValue(key);
+        // @ts-expect-error
         var valueTarget = target[key];
-        if (!value ||
-            valueTarget === undefined ||
-            (animationTypeState &&
-                shouldBlockAnimation(animationTypeState, key))) {
+        if (!value || valueTarget === undefined || (animationTypeState && shouldBlockAnimation(animationTypeState, key))) {
             continue;
         }
-        var animation = startAnimation(key, value, valueTarget, __assign({ delay: delay }, transition));
+        var animation = startAnimation(key, value, valueTarget, Object.assign({ delay: delay }, transition));
         animations.push(animation);
     }
-    return Promise.all(animations).then(function () {
+    return Promise.all(animations).then(() => {
         transitionEnd && setTarget(visualElement, transitionEnd);
     });
 }
@@ -117,13 +105,13 @@ function animateChildren(visualElement, variant, delayChildren, staggerChildren,
     var animations = [];
     var maxStaggerDuration = (visualElement.variantChildren.size - 1) * staggerChildren;
     var generateStaggerDuration = staggerDirection === 1
-        ? function (i) {
+        ? (i) => {
             if (i === void 0) {
                 i = 0;
             }
             return i * staggerChildren;
         }
-        : function (i) {
+        : (i) => {
             if (i === void 0) {
                 i = 0;
             }
@@ -131,13 +119,13 @@ function animateChildren(visualElement, variant, delayChildren, staggerChildren,
         };
     Array.from(visualElement.variantChildren)
         .sort(sortByTreeOrder)
-        .forEach(function (child, i) {
-        animations.push(animateVariant(child, variant, __assign(__assign({}, options), { delay: delayChildren + generateStaggerDuration(i) })).then(function () { return child.notifyAnimationComplete(variant); }));
+        .forEach((child, i) => {
+        animations.push(animateVariant(child, variant, Object.assign(Object.assign({}, options), { delay: delayChildren + generateStaggerDuration(i) })).then(() => child.notifyAnimationComplete(variant)));
     });
     return Promise.all(animations);
 }
 function stopAnimation(visualElement) {
-    visualElement.forEachValue(function (value) { return value.stop(); });
+    visualElement.forEachValue((value) => value.stop());
 }
 function sortByTreeOrder(a, b) {
     return a.sortNodePosition(b);

package/dist/render/utils/lifecycles.d.ts

@@ -2,11 +2,11 @@
 based on framer-motion@4.1.17,
 Copyright (c) 2018 Framer B.V.
 */
-import type { SharedLayoutAnimationConfig } from "../../components/AnimateSharedLayout/types";
-import type { MotionProps } from "../../motion/types";
-import type { AxisBox2D, BoxDelta } from "../../types/geometry";
-import type { ResolvedValues } from "../types";
-import type { AnimationDefinition } from "./animation";
+import type { SharedLayoutAnimationConfig } from '../../components/AnimateSharedLayout/types';
+import type { MotionProps } from '../../motion/types';
+import type { AxisBox2D, BoxDelta } from '../../types/geometry';
+import type { ResolvedValues } from '../types';
+import type { AnimationDefinition } from './animation';
 export type LayoutMeasureListener = (layout: AxisBox2D, prevLayout: AxisBox2D) => void;
 export type BeforeLayoutMeasureListener = (layout: AxisBox2D) => void;
 export type LayoutUpdateListener = (layout: AxisBox2D, prevLayout: AxisBox2D, config?: SharedLayoutAnimationConfig) => void;
@@ -117,6 +117,6 @@ export interface LifecycleManager {
     clearAllListeners: () => void;
     updatePropListeners: (props: MotionProps) => void;
 }
-declare function createLifecycles(): LifecycleManager;
+declare function createLifecycles(): any;
 export { createLifecycles };
 //# sourceMappingURL=lifecycles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"lifecycles.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/render/utils/lifecycles.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"lifecycles.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/render/utils/lifecycles.ts"],"names":[],"mappings":"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"}

package/dist/render/utils/lifecycles.js

@@ -2,46 +2,41 @@
 based on framer-motion@4.0.3,
 Copyright (c) 2018 Framer B.V.
 */
-import { __spreadArray, __read } from 'tslib';
 import { SubscriptionManager } from '../../utils/subscription-manager.js';
 var names = [
-    "LayoutMeasure",
-    "BeforeLayoutMeasure",
-    "LayoutUpdate",
-    "ViewportBoxUpdate",
-    "Update",
-    "Render",
-    "AnimationComplete",
-    "LayoutAnimationComplete",
-    "AnimationStart",
-    "SetAxisTarget",
-    "Unmount",
+    'LayoutMeasure',
+    'BeforeLayoutMeasure',
+    'LayoutUpdate',
+    'ViewportBoxUpdate',
+    'Update',
+    'Render',
+    'AnimationComplete',
+    'LayoutAnimationComplete',
+    'AnimationStart',
+    'SetAxisTarget',
+    'Unmount',
 ];
 function createLifecycles() {
-    var managers = names.map(function () { return new SubscriptionManager(); });
+    var managers = names.map(() => new SubscriptionManager());
     var propSubscriptions = {};
     var lifecycles = {
-        clearAllListeners: function () { return managers.forEach(function (manager) { return manager.clear(); }); },
-        updatePropListeners: function (props) {
-            return names.forEach(function (name) {
-                var _a;
-                (_a = propSubscriptions[name]) === null || _a === void 0 ? void 0 : _a.call(propSubscriptions);
-                var on = "on" + name;
-                var propListener = props[on];
-                if (propListener) {
-                    propSubscriptions[name] = lifecycles[on](propListener);
-                }
-            });
-        },
-    };
-    managers.forEach(function (manager, i) {
-        lifecycles["on" + names[i]] = function (handler) { return manager.add(handler); };
-        lifecycles["notify" + names[i]] = function () {
-            var args = [];
-            for (var _i = 0; _i < arguments.length; _i++) {
-                args[_i] = arguments[_i];
+        clearAllListeners: () => managers.forEach((manager) => manager.clear()),
+        updatePropListeners: (props) => names.forEach((name) => {
+            var _a;
+            // @ts-expect-error
+            (_a = propSubscriptions[name]) === null || _a === void 0 ? void 0 : _a.call(propSubscriptions);
+            var on = 'on' + name;
+            var propListener = props[on];
+            if (propListener) {
+                // @ts-expect-error
+                propSubscriptions[name] = lifecycles[on](propListener);
             }
-            return manager.notify.apply(manager, __spreadArray([], __read(args)));
+        }),
+    };
+    managers.forEach((manager, i) => {
+        lifecycles['on' + names[i]] = (handler) => manager.add(handler);
+        lifecycles['notify' + names[i]] = (...args) => {
+            return manager.notify.apply(manager, args);
         };
     });
     return lifecycles;

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

@@ -1 +1 @@
-{"version":3,"file":"motion-values.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/render/utils/motion-values.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAU9C,iBAAS,2BAA2B,CAAC,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,WAAW,eAyChG;AAED,OAAO,EAAE,2BAA2B,EAAE,CAAC"}
+{"version":3,"file":"motion-values.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/render/utils/motion-values.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAU9C,iBAAS,2BAA2B,CAAC,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,WAAW,eA0ChG;AAED,OAAO,EAAE,2BAA2B,EAAE,CAAC"}

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

@@ -7,7 +7,8 @@ import { isMotionValue } from '../../value/utils/is-motion-value.js';
 function updateMotionValuesFromProps(element, next, prev) {
     var _a;
     for (var key in next) {
-        var nextValue = next[key];
+        //@ts-ignore
+        var nextValue = next[key]; //@ts-ignore
         var prevValue = prev[key];
         if (isMotionValue(nextValue)) {
             /**
@@ -32,7 +33,7 @@ function updateMotionValuesFromProps(element, next, prev) {
             if (element.hasValue(key)) {
                 var existingValue = element.getValue(key);
                 // TODO: Only update values that aren't being animated or even looked at
-                !existingValue.hasAnimated && existingValue.set(nextValue);
+                existingValue?.hasAnimated && existingValue.set(nextValue);
             }
             else {
                 element.addValue(key, motionValue((_a = element.getStaticValue(key)) !== null && _a !== void 0 ? _a : nextValue));
@@ -40,7 +41,7 @@ function updateMotionValuesFromProps(element, next, prev) {
         }
     }
     // Handle removed values
-    for (var key in prev) {
+    for (var key in prev) { //@ts-ignore
         if (next[key] === undefined)
             element.removeValue(key);
     }

package/dist/render/utils/setters.d.ts

@@ -2,9 +2,9 @@
 based on framer-motion@4.1.17,
 Copyright (c) 2018 Framer B.V.
 */
-import type { Target, TargetAndTransition, TargetResolver, TargetWithKeyframes, Transition } from "../../types";
-import type { ResolvedValues, VisualElement } from "../types";
-import type { AnimationDefinition } from "./animation";
+import type { Target, TargetAndTransition, TargetResolver, TargetWithKeyframes, Transition } from '../../types';
+import type { ResolvedValues, VisualElement } from '../types';
+import type { AnimationDefinition } from './animation';
 export { checkTargetForNewValues, getOrigin, getOriginFromTransition, setTarget, setValues };
 declare function setTarget(visualElement: VisualElement, definition: string | TargetAndTransition | TargetResolver): void;
 declare function setValues(visualElement: VisualElement, definition: AnimationDefinition): void;
@@ -790,5 +790,5 @@ declare function getOrigin(target: Target, transition: Transition, visualElement
     strokeWidth?: import("csstype").Property.StrokeWidth<string | number> | undefined;
     textAnchor?: import("csstype").Property.TextAnchor | undefined;
     vectorEffect?: import("csstype").Property.VectorEffect | undefined;
-} & import("react").SVGAttributes<SVGElement> & import("../../motion/types").TransformProperties & import("../../motion/types").CustomStyles & import("../../motion/types").SVGPathProperties>;
+} & import("svelte/elements").SVGAttributes<SVGElement> & import("../../motion/types").TransformProperties & import("../../motion/types").CustomStyles & import("../../motion/types").SVGPathProperties>;
 //# sourceMappingURL=setters.d.ts.map