motion-start 0.0.3 → 0.1.0

package/README.md

@@ -1,48 +1,45 @@
-# Motion Start
+<p align="center">
+ <img align="center" src="https://raw.githubusercontent.com/JonathonRP/motion-start/main/static/logo.webp" height="96" />
+ <h1 align="center">
+  Motion Start
+ </h1>
+</p>
 
-this is in alpha expect bugs and please report or make PRs to fix bugs.
+<div align="center">
 
-fyi this is svelte-motion ported to typescript currently.
+An animation library inspired by [framer-motion](https://www.framer.com/motion/)
 
-plan is to evolve it to include modern features in framer-motion and to use svelte/motion to implement animations in the future
-# Motion Start
+[![Discord](https://img.shields.io/discord/1288125623570530334?logo=discord&logoColor=white&label=discord&labelColor=5865F2")](https://discord.gg/bTa32kj9T3)
+[![Build Status](https://img.shields.io/github/actions/workflow/status/JonathonRP/motion-start/main.yaml)](https://github.com/JonathonRP/motion-start/actions)
+[![License](https://img.shields.io/npm/l/motion-start.svg?color=blue)](https://github.com/JonathonRP/motion-start/blob/main/LICENSE.md)
+[![Latest Release](https://img.shields.io/npm/v/motion-start.svg)](https://github.com/JonathonRP/motion-start/releases)
+[![Downloads](https://img.shields.io/npm/dt/motion-start.svg)](https://www.npmjs.com/package/motion-start)
+</div>
 
-this is in alpha expect bugs and please report or make PRs to fix bugs.
+---
 
-fyi this is svelte-motion ported to typescript currently.
+Work in progress.
 
-plan is to evolve it to include modern features in framer-motion and to use svelte/motion to implement animations in the future
+> [!WARNING]
+> **Note:** 🚧 This library is currently in alpha. Features and APIs may change. expect bugs and please report or make PRs to fix bugs.
 
-An animation library based on [framer-motion](https://www.framer.com/motion/).
+> **Note:** This is svelte-motion ported to typescript currently. We have plans to evolve it to include modern features in framer-motion and to use svelte/motion to implement animations in the future.
 
 ## Installation
 
-```bash
+```sh
 npm install --save-dev motion-start
 ```
 
-```bash
+```sh
 pnpm install --save-dev motion-start
 ```
 
-```bash
+```sh
 yarn install --save-dev motion-start
 ```
 
-```bash
-bun install --save-dev motion-start
-npm install --save-dev motion-start
-```
-
-```bash
-pnpm install --save-dev motion-start
-```
-
-```bash
-yarn install --save-dev motion-start
-```
-
-```bash
+```sh
 bun install --save-dev motion-start
 ```
 
@@ -51,14 +48,25 @@ bun install --save-dev motion-start
 Corresponding to a `MotionDiv` in framer-motion is this:
 
 ```javascript
-import { Motion } from 'motion-start'
+
+
 import { Motion } from 'motion-start'
 
-<Motion let:motion><div use:motion/></Motion>
+<Motion.div></Motion.div>
 ```
 For svg elements like 'g', 'path' or 'circle', use:
 
 ```javascript
-<Motion let:motion isSVG><g use:motion/></Motion>
+<Motion.g></Motion.g>
 ```
 
+
+# Community
+Join the Discord server to ask questions, find collaborators, or say hi!
+
+<a href="https://discord.gg/bTa32kj9T3" alt="Motion Start">
+<picture>
+  <source media="(prefers-color-scheme: dark)" srcset="https://invidget.switchblade.xyz/bTa32kj9T3">
+  <img alt="Motion Start Discord Community" src="https://invidget.switchblade.xyz/bTa32kj9T3?theme=light">
+</picture>
+</a>

package/dist/animation/UseAnimatedState.svelte

@@ -2,28 +2,23 @@
 Copyright (c) 2018 Framer B.V. -->
 
 <script module lang="ts">
-  var createObject = function () {
-    return {};
-  };
+  var createObject = () => ({});
   var stateVisualElement = visualElement({
-    build: function () {},
+    build: () => {},
+    // @ts-expect-error
     measureViewportBox: axisBox,
-    resetTransform: function () {},
-    restoreTransform: function () {},
-    removeValueFromRenderState: function () {},
-    render: function () {},
+    resetTransform: () => {},
+    restoreTransform: () => {},
+    removeValueFromRenderState: () => {},
+    render: () => {},
     scrapeMotionValuesFromProps: createObject,
-    readValueFromInstance: function (_state, key, options) {
-      return options.initialState[key] || 0;
-    },
-    makeTargetAnimatable: function (element, _a) {
-      var transition = _a.transition,
-        transitionEnd = _a.transitionEnd,
-        target = __rest(_a, ["transition", "transitionEnd"]);
-      var origin = getOrigin(target, transition || {}, element);
+    readValueFromInstance: (_state, key, options) => (options as any).initialState[key] || 0,
+    makeTargetAnimatable: (element, _a) => {
+      var {transition, transitionEnd, ...target} = _a;
+      var origin = getOrigin(target as any, transition || {}, element);
       checkTargetForNewValues(element, target, origin);
-      return __assign(
-        { transition: transition, transitionEnd: transitionEnd },
+      return Object.assign(
+        { transition, transitionEnd },
         target
       );
     },
@@ -31,29 +26,35 @@ Copyright (c) 2018 Framer B.V. -->
 </script>
 
 <script lang="ts">
-  import { afterUpdate, getContext, onMount } from "svelte";
   import type { Writable } from "svelte/store";
-  import { __assign, __rest } from "tslib";
+  import { afterUpdate, getContext, onMount } from "svelte";
   import { ScaleCorrectionParentContext } from "../context/ScaleCorrectionProvider.svelte";
   import { UseVisualState } from "../motion/utils/use-visual-state.js";
   import { visualElement } from "../render/index.js";
-  import { animateVisualElement } from "../render/utils/animation";
+  import { animateVisualElement, type AnimationDefinition } from "../render/utils/animation";
   import {
     checkTargetForNewValues,
     getOrigin,
   } from "../render/utils/setters.js";
-  export let initialState;
+    import type { VisualElementOptions } from "../render/types";
+
+  export let initialState: VisualElementOptions<any, any>;
 
   let animationState = initialState;
   const sve = stateVisualElement;
+  
+  // @ts-expect-error
   $:( element = sve({ props: {}, visualState: state }));
   onMount(() => {
+    // @ts-expect-error
     element.mount({});
+    // @ts-expect-error
     return () => element.unmount();
   });
   const _afterUpdate = () => {
+    // @ts-expect-error
     element.setProps({
-      onUpdate: (v) => (animationState = { ...v }),
+      onUpdate: (v: VisualElementOptions<any, any>) => (animationState = { ...v }),
     });
   };
 
@@ -68,7 +69,8 @@ Copyright (c) 2018 Framer B.V. -->
       },
     ])
   );
-  let startAnimation = (animationDefinition) => {
+  let startAnimation = (animationDefinition: AnimationDefinition) => {
+    // @ts-expect-error
     return animateVisualElement(element, animationDefinition);
   };
 </script>

package/dist/animation/UseAnimatedState.svelte.d.ts

@@ -1,3 +1,5 @@
+import { type AnimationDefinition } from "../render/utils/animation";
+import type { VisualElementOptions } from "../render/types";
 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,16 +19,16 @@ type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
     children?: any;
 } : {});
 declare const UseAnimatedState: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
-    initialState: any;
+    initialState: VisualElementOptions<any, any>;
 }, {
     default: {
-        animatedState: any[];
+        animatedState: (VisualElementOptions<any, any> | ((animationDefinition: AnimationDefinition) => Promise<void>))[];
     };
 }>, {
     [evt: string]: CustomEvent<any>;
 }, {
     default: {
-        animatedState: any[];
+        animatedState: (VisualElementOptions<any, any> | ((animationDefinition: AnimationDefinition) => Promise<void>))[];
     };
 }, {}, string>;
 type UseAnimatedState = InstanceType<typeof UseAnimatedState>;

package/dist/animation/UseAnimatedState.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UseAnimatedState.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/motion-start/animation/UseAnimatedState.svelte.ts"],"names":[],"mappings":"AAgGA,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AACD,KAAK,gCAAgC,CAAC,KAAK,EAAE,KAAK,IAAI,KAAK,GACvD,CAAC,KAAK,SAAS;IAAE,OAAO,EAAE,GAAG,CAAA;CAAE,GACzB,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,GACnC,GAAG,GACH;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE,GAClB,EAAE,CAAC,CAAC;AAId,QAAA,MAAM,gBAAgB;;;;;;;;;;;;cAAmF,CAAC;AACxF,KAAK,gBAAgB,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAChE,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"UseAnimatedState.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/motion-start/animation/UseAnimatedState.svelte.ts"],"names":[],"mappings":"AA+BA,OAAO,EAAwB,KAAK,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAK3F,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AA8D5D,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AACD,KAAK,gCAAgC,CAAC,KAAK,EAAE,KAAK,IAAI,KAAK,GACvD,CAAC,KAAK,SAAS;IAAE,OAAO,EAAE,GAAG,CAAA;CAAE,GACzB,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,GACnC,GAAG,GACH;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE,GAClB,EAAE,CAAC,CAAC;AAId,QAAA,MAAM,gBAAgB;kBAfyC,oBAAoB,CAAC,GAAG,EAAE,GAAG,CAAC;;;gFAlBhD,mBAAmB;;;;;;gFAAnB,mBAAmB;;cAiCyC,CAAC;AACxF,KAAK,gBAAgB,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAChE,eAAe,gBAAgB,CAAC"}

package/dist/animation/UseAnimation.svelte.d.ts

@@ -17,7 +17,7 @@ declare const UseAnimation: $$__sveltets_2_IsomorphicComponent<any, {
     default: {
         controls: {
             subscribe: (visualElement: import("../index.js").VisualElement<any, any>) => () => void;
-            start: (definition: import("./types.js").ControlsAnimationDefinition, transitionOverride: import("../types.js").Transition | undefined) => Promise<any>;
+            start: (definition: import("./types.js").ControlsAnimationDefinition, transitionOverride?: any) => Promise<any>;
             set: (definition: import("./types.js").ControlsAnimationDefinition) => void;
             stop: () => void;
             mount: () => () => void;

package/dist/animation/animation-controls.d.ts

@@ -3,7 +3,7 @@
  */
 declare function animationControls(startStopNotifier?: () => () => void): {
     subscribe: (visualElement: import("..").VisualElement<any, any>) => () => void;
-    start: (definition: import("./types").ControlsAnimationDefinition, transitionOverride: import("..").Transition | undefined) => Promise<any>;
+    start: (definition: import("./types").ControlsAnimationDefinition, transitionOverride?: any) => Promise<any>;
     set: (definition: import("./types").ControlsAnimationDefinition) => void;
     stop: () => void;
     mount: () => () => void;

package/dist/animation/animation-controls.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"animation-controls.d.ts","sourceRoot":"","sources":["../../../../src/lib/motion-start/animation/animation-controls.ts"],"names":[],"mappings":"AAgBA;;GAEG;AACH,iBAAS,iBAAiB,CAAC,iBAAiB,CAAC,EAAE,MAAM,MAAM,IAAI;;;;;;EA6E9D;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"animation-controls.d.ts","sourceRoot":"","sources":["../../../../src/lib/motion-start/animation/animation-controls.ts"],"names":[],"mappings":"AAeA;;GAEG;AACH,iBAAS,iBAAiB,CAAC,iBAAiB,CAAC,EAAE,MAAM,MAAM,IAAI;;4FA4BpB,GAAG;;;;EAmD7C;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/animation/animation-controls.js

@@ -24,19 +24,19 @@ function animationControls(startStopNotifier) {
     var subscribers = new Set();
     var stopNotification;
     var controls = {
-        subscribe: function (visualElement) {
+        subscribe: (visualElement) => {
             if (subscribers.size === 0) {
                 stopNotification = startStopNotifier?.();
             }
             subscribers.add(visualElement);
-            return function () {
+            return () => {
                 subscribers.delete(visualElement);
                 if (subscribers.size === 0) {
                     stopNotification?.();
                 }
             };
         },
-        start: function (definition, transitionOverride) {
+        start: (definition, transitionOverride) => {
             /**
              * TODO: We only perform this hasMounted check because in Framer we used to
              * encourage the ability to start an animation within the render phase. This
@@ -45,7 +45,7 @@ function animationControls(startStopNotifier) {
              */
             if (hasMounted) {
                 var animations_1 = [];
-                subscribers.forEach(function (visualElement) {
+                subscribers.forEach((visualElement) => {
                     animations_1.push(animateVisualElement(visualElement, definition, {
                         transitionOverride: transitionOverride,
                     }));
@@ -53,7 +53,7 @@ function animationControls(startStopNotifier) {
                 return Promise.all(animations_1);
             }
             else {
-                return new Promise(function (resolve) {
+                return new Promise((resolve) => {
                     pendingAnimations.push({
                         animation: [definition, transitionOverride],
                         resolve: resolve,
@@ -61,24 +61,24 @@ function animationControls(startStopNotifier) {
                 });
             }
         },
-        set: function (definition) {
+        set: (definition) => {
             //invariant(hasMounted, "controls.set() should only be called after a component has mounted. Consider calling within a useEffect hook.");
-            return subscribers.forEach(function (visualElement) {
+            return subscribers.forEach((visualElement) => {
                 setValues(visualElement, definition);
             });
         },
-        stop: function () {
-            subscribers.forEach(function (visualElement) {
+        stop: () => {
+            subscribers.forEach((visualElement) => {
                 stopAnimation(visualElement);
             });
         },
-        mount: function () {
+        mount: () => {
             hasMounted = true;
-            pendingAnimations.forEach(function (_a) {
+            pendingAnimations.forEach((_a) => {
                 var animation = _a.animation, resolve = _a.resolve;
                 controls.start.apply(controls, ...[animation]).then(resolve);
             });
-            return function () {
+            return () => {
                 hasMounted = false;
                 controls.stop();
             };

package/dist/animation/use-animation.d.ts

@@ -53,7 +53,7 @@ Copyright (c) 2018 Framer B.V.
  */
 export declare const useAnimation: () => {
     subscribe: (visualElement: import("..").VisualElement<any, any>) => () => void;
-    start: (definition: import("./types").ControlsAnimationDefinition, transitionOverride: import("..").Transition | undefined) => Promise<any>;
+    start: (definition: import("./types").ControlsAnimationDefinition, transitionOverride?: any) => Promise<any>;
     set: (definition: import("./types").ControlsAnimationDefinition) => void;
     stop: () => void;
     mount: () => () => void;

package/dist/animation/utils/default-transitions.d.ts

@@ -2,7 +2,7 @@
 based on framer-motion@4.1.17,
 Copyright (c) 2018 Framer B.V.
 */
-import type { PopmotionTransitionProps, ValueTarget, SingleTarget } from "../../types";
+import type { PopmotionTransitionProps, ValueTarget, SingleTarget } from '../../types';
 declare var underDampedSpring: () => {
     type: string;
     stiffness: number;

package/dist/animation/utils/default-transitions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"default-transitions.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/animation/utils/default-transitions.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,wBAAwB,EAAE,WAAW,EAAE,YAAY,EAAmB,MAAM,aAAa,CAAC;AAWxG,QAAA,IAAI,iBAAiB;;;;;;CAMhB,CAAC;AACN,QAAA,IAAI,sBAAsB,OAAiB,YAAY;;;;;;CAMlD,CAAC;AACN,QAAA,IAAI,WAAW;;;;CAIV,CAAC;AAwBN,QAAA,IAAI,oBAAoB,aAAuB,MAAM,MAAM,WAAW,KAAG,wBAUxE,CAAC;AAEF,OAAO,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,WAAW,EAAE,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"default-transitions.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/animation/utils/default-transitions.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,wBAAwB,EAAE,WAAW,EAAE,YAAY,EAAmB,MAAM,aAAa,CAAC;AAQxG,QAAA,IAAI,iBAAiB;;;;;;CAMnB,CAAC;AACH,QAAA,IAAI,sBAAsB,OAAQ,YAAY;;;;;;CAM5C,CAAC;AACH,QAAA,IAAI,WAAW;;;;CAIb,CAAC;AAwBH,QAAA,IAAI,oBAAoB,aAAc,MAAM,MAAM,WAAW,KAAG,wBAQ/D,CAAC;AAEF,OAAO,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,WAAW,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/animation/utils/default-transitions.js

@@ -2,40 +2,31 @@
 based on framer-motion@4.0.3,
 Copyright (c) 2018 Framer B.V.
 */
-import { __assign } from 'tslib';
 import { isKeyframesTarget } from './is-keyframes-target.js';
-var underDampedSpring = function () {
-    return ({
-        type: "spring",
-        stiffness: 500,
-        damping: 25,
-        restDelta: 0.5,
-        restSpeed: 10,
-    });
-};
-var criticallyDampedSpring = function (to) {
-    return ({
-        type: "spring",
-        stiffness: 550,
-        damping: to === 0 ? 2 * Math.sqrt(550) : 30,
-        restDelta: 0.01,
-        restSpeed: 10,
-    });
-};
-var linearTween = function () {
-    return ({
-        type: "keyframes",
-        ease: "linear",
-        duration: 0.3,
-    });
-};
-var keyframes = function (values) {
-    return ({
-        type: "keyframes",
-        duration: 0.8,
-        values: values,
-    });
-};
+var underDampedSpring = () => ({
+    type: 'spring',
+    stiffness: 500,
+    damping: 25,
+    restDelta: 0.5,
+    restSpeed: 10,
+});
+var criticallyDampedSpring = (to) => ({
+    type: 'spring',
+    stiffness: 550,
+    damping: to === 0 ? 2 * Math.sqrt(550) : 30,
+    restDelta: 0.01,
+    restSpeed: 10,
+});
+var linearTween = () => ({
+    type: 'keyframes',
+    ease: 'linear',
+    duration: 0.3,
+});
+var keyframes = (values) => ({
+    type: 'keyframes',
+    duration: 0.8,
+    values: values,
+});
 var defaultTransitions = {
     x: underDampedSpring,
     y: underDampedSpring,
@@ -53,15 +44,14 @@ var defaultTransitions = {
     default: criticallyDampedSpring,
 };
 // TODO: need to bring closer to Transition - then can use keyof typeof defaultTransitions.
-var getDefaultTransition = function (valueKey, to) {
+var getDefaultTransition = (valueKey, to) => {
     var transitionFactory;
     if (isKeyframesTarget(to)) {
         transitionFactory = keyframes;
     }
     else {
-        transitionFactory =
-            defaultTransitions[valueKey] || defaultTransitions.default;
+        transitionFactory = defaultTransitions[valueKey] || defaultTransitions.default;
     }
-    return __assign({ to: to }, transitionFactory(to));
+    return Object.assign({ to: to }, transitionFactory(to));
 };
 export { criticallyDampedSpring, getDefaultTransition, linearTween, underDampedSpring };

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

@@ -2,8 +2,8 @@
 based on framer-motion@4.1.17,
 Copyright (c) 2018 Framer B.V.
 */
-import type { Easing, EasingFunction } from "../../types";
+import type { Easing, EasingFunction } from '../../types';
 declare var easingDefinitionToFunction: (definition: Easing) => EasingFunction;
-declare const isEasingArray: (ease: any) => ease is Easing[];
+declare const isEasingArray: (ease: Easing[] | any) => ease is Easing[];
 export { easingDefinitionToFunction, isEasingArray };
 //# sourceMappingURL=easing.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"easing.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/animation/utils/easing.ts"],"names":[],"mappings":"AAAA;;;EAGE;AAEF,OAAO,KAAK,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AA8B1D,QAAA,IAAI,0BAA0B,eAAyB,MAAM,KAAG,cAa/D,CAAC;AACF,QAAA,MAAM,aAAa,SAAU,GAAG,KAAG,IAAI,IAAI,MAAM,EAEhD,CAAC;AAEF,OAAO,EAAE,0BAA0B,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"easing.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/animation/utils/easing.ts"],"names":[],"mappings":"AAAA;;;EAGE;AAEF,OAAO,KAAK,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AA2C1D,QAAA,IAAI,0BAA0B,eAAgB,MAAM,KAAG,cAYtD,CAAC;AACF,QAAA,MAAM,aAAa,SAAU,MAAM,EAAE,GAAG,GAAG,KAAG,IAAI,IAAI,MAAM,EAE3D,CAAC;AAEF,OAAO,EAAE,0BAA0B,EAAE,aAAa,EAAE,CAAC"}

package/dist/animation/utils/easing.js

@@ -4,8 +4,7 @@
 based on framer-motion@4.0.3,
 Copyright (c) 2018 Framer B.V.
 */
-import { anticipate, backIn, backInOut, backOut, bounceIn, bounceInOut, bounceOut, circIn, circInOut, circOut, cubicBezier, easeIn, easeInOut, easeOut, linear } from 'popmotion';
-import { __read } from 'tslib';
+import { anticipate, backIn, backInOut, backOut, bounceIn, bounceInOut, bounceOut, circIn, circInOut, circOut, cubicBezier, easeIn, easeInOut, easeOut, linear, } from 'popmotion';
 // import { invariant } from '../../utils/errors.js';
 var easingLookup = {
     linear: linear,
@@ -23,14 +22,14 @@ var easingLookup = {
     bounceInOut: bounceInOut,
     bounceOut: bounceOut,
 };
-var easingDefinitionToFunction = function (definition) {
+var easingDefinitionToFunction = (definition) => {
     if (Array.isArray(definition)) {
         // If cubic bezier definition, create bezier curve
         //invariant(definition.length === 4, "Cubic bezier arrays must contain four numerical values.");
-        var _a = __read(definition, 4), x1 = _a[0], y1 = _a[1], x2 = _a[2], y2 = _a[3];
+        var [x1, y1, x2, y2] = definition;
         return cubicBezier(x1, y1, x2, y2);
     }
-    else if (typeof definition === "string") {
+    else if (typeof definition === 'string') {
         // Else lookup from table
         //invariant(easingLookup[definition] !== undefined, "Invalid easing type '" + definition + "'");
         return easingLookup[definition];
@@ -38,6 +37,6 @@ var easingDefinitionToFunction = function (definition) {
     return definition;
 };
 const isEasingArray = (ease) => {
-    return Array.isArray(ease) && typeof ease[0] !== "number";
+    return Array.isArray(ease) && typeof ease[0] !== 'number';
 };
 export { easingDefinitionToFunction, isEasingArray };

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

@@ -2,9 +2,9 @@
 based on framer-motion@4.1.17,
 Copyright (c) 2018 Framer B.V.
 */
-import type { AnimationOptions } from "popmotion";
-import type { PermissiveTransitionDefinition, ResolvedValueTarget, Transition } from "../../types";
-import { MotionValue } from "../../value";
+import type { AnimationOptions } from 'popmotion';
+import type { PermissiveTransitionDefinition, ResolvedValueTarget, Transition } from '../../types';
+import type { MotionValue } from '../../value';
 /**
  * Decide whether a transition is defined on a given Transition.
  * This filters out orchestration options and returns true
@@ -18,7 +18,7 @@ declare function convertTransitionToAnimationOptions<T>(_a: PermissiveTransition
 /**
  * Get the delay for a value by checking Transition with decreasing specificity.
  */
-declare function getDelayFromTransition(transition: Transition, key: keyof Transition | "layoutX" | "layoutY" | "" | string): any;
+declare function getDelayFromTransition(transition: Transition, key: keyof Transition | 'layoutX' | 'layoutY' | '' | string): any;
 declare function hydrateKeyframes(options: PermissiveTransitionDefinition): PermissiveTransitionDefinition;
 declare function getPopmotionAnimationOptions(transition: PermissiveTransitionDefinition, options: any, key: string): any;
 declare function isZero(value: string | number): boolean;
@@ -31,5 +31,5 @@ declare function getValueTransition(transition: Transition, key: string): any;
  * @internal
  */
 declare function startAnimation(key: string, value: MotionValue, target: ResolvedValueTarget, transition?: Transition): Promise<void>;
-export { convertTransitionToAnimationOptions, getDelayFromTransition, getPopmotionAnimationOptions, getValueTransition, getZeroUnit, hydrateKeyframes, isTransitionDefined, isZero, startAnimation };
+export { convertTransitionToAnimationOptions, getDelayFromTransition, getPopmotionAnimationOptions, getValueTransition, getZeroUnit, hydrateKeyframes, isTransitionDefined, isZero, startAnimation, };
 //# sourceMappingURL=transitions.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"transitions.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/animation/utils/transitions.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,KAAK,EAAE,8BAA8B,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACnG,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAgB1C;;;;GAIG;AACH,iBAAS,mBAAmB,CAAC,EAAE,EAAE,UAAU,WAG1C;AAED;;GAEG;AACH,iBAAS,mCAAmC,CAAC,CAAC,EAAE,EAAE,EAAE,8BAA8B,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAkDvG;AACD;;GAEG;AACH,iBAAS,sBAAsB,CAAC,UAAU,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,EAAE,GAAG,MAAM,OAIlH;AACD,iBAAS,gBAAgB,CAAC,OAAO,EAAE,8BAA8B,kCAMhE;AACD,iBAAS,4BAA4B,CAAC,UAAU,EAAE,8BAA8B,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,OAa1G;AA8DD,iBAAS,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,WAKrC;AACD,iBAAS,WAAW,CAAC,iBAAiB,EAAE,MAAM,GAAG,MAAM,OAItD;AACD,iBAAS,kBAAkB,CAAC,UAAU,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,OAG9D;AACD;;;;;GAKG;AACH,iBAAS,cAAc,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,mBAAmB,EAAE,UAAU,CAAC,EAAE,UAAU,iBAmB5G;AAED,OAAO,EAAE,mCAAmC,EAAE,sBAAsB,EAAE,4BAA4B,EAAE,kBAAkB,EAAE,WAAW,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"transitions.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/animation/utils/transitions.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,KAAK,EAAE,8BAA8B,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACnG,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAc/C;;;;GAIG;AACH,iBAAS,mBAAmB,CAAC,EAAE,EAAE,UAAU,WAc1C;AAED;;GAEG;AACH,iBAAS,mCAAmC,CAAC,CAAC,EAAE,EAAE,EAAE,8BAA8B,GAAG,gBAAgB,CAAC,CAAC,CAAC,CA4CvG;AACD;;GAEG;AACH,iBAAS,sBAAsB,CAAC,UAAU,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,EAAE,GAAG,MAAM,OAIlH;AACD,iBAAS,gBAAgB,CAAC,OAAO,EAAE,8BAA8B,kCAMhE;AACD,iBAAS,4BAA4B,CAAC,UAAU,EAAE,8BAA8B,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,OAa1G;AAgFD,iBAAS,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,WAErC;AACD,iBAAS,WAAW,CAAC,iBAAiB,EAAE,MAAM,GAAG,MAAM,OAEtD;AACD,iBAAS,kBAAkB,CAAC,UAAU,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,OAG9D;AACD;;;;;GAKG;AACH,iBAAS,cAAc,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,mBAAmB,EAAE,UAAU,CAAC,EAAE,UAAU,iBAoB5G;AAED,OAAO,EACN,mCAAmC,EACnC,sBAAsB,EACtB,4BAA4B,EAC5B,kBAAkB,EAClB,WAAW,EACX,gBAAgB,EAChB,mBAAmB,EACnB,MAAM,EACN,cAAc,GACd,CAAC"}