@infinityfx/lively 3.0.0-beta.6 → 3.0.0

package/README.md

@@ -6,57 +6,75 @@
 ![NPM weekly downloads](https://img.shields.io/npm/dw/@infinityfx/lively)
 ![NPM downloads](https://img.shields.io/npm/dt/@infinityfx/lively)
 
-Feature complete, lightweight react animation library. Lively lets u create performant animations without the hassle.
+Feature complete, lightweight react animation library. Lively lets u create complex animations without the hassle.
 
 ## Table of contents
 - [Get started](#get-started)
     - [Installation](#installation)
     - [Usage](#usage)
-- [Base components](#base-components)
+    - [Defining animations](#defining-animations)
+- [Components](#components)
     - [Animatable `<Animatable />`](#animatable-animatable)
     - [Animate `<Animate />`](#animate-animate)
-- [Reactivity](#reactivity)
-- [Auto-animation](#auto-animation)
     - [LayoutGroup `<LayoutGroup />`](#layoutgroup-layoutgroup)
     - [Morph `<Morph />`](#morph-morph)
-    - [Parallax `<Parallax />`](#parallax-parallax)
-    - [`WriteOn <WriteOn />`](#writeon-writeon)
-    - [`ColorWipe <ColorWipe />`](#colorwipe-colorwipe)
-- [Animations](#animations)
-    - [Overview](#overview)
-    - [Create your own](#create-your-own)
 - [Hooks](#hooks)
-    - [`useUnmount()`](#useunmount)
     - [`useLink()`](#uselink)
     - [`useScroll()`](#usescroll)
     - [`usePath()`](#usepath)
+    - [`useAudio()`](#useaudio)
     - [`useReducedMotion()`](#usereducedmotion)
+- [Animations](#animations)
+    - [Bundled](#bundled)
+    - [Creating clips](#creating-clips)
 
-## Get started
+# Get started
 
-### Installation
+## Installation
 
 ```sh
 $ npm i @infinityfx/lively
 ```
 
-### Usage
+## Usage
 
 ```jsx
-import { Animate } from '@infinityfx/lively';
+import { Animatable } from '@infinityfx/lively';
 
 ...
 
-<Animate onMount>
+<Animatable onMount initial={{ opacity: 0 }} animate={{ opacity: 1 }}>
     <div class="my-class">
         Lorem ipsum enim amet consequat ut reprehenderit cupidatat et incididunt qui minim culpa. Dolor do laborum nulla pariatur tempor excepteur duis et ipsum.
     </div>
-</Animate>
+</Animatable>
 ```
 
-## Base components
+## Defining animations
 
-### Animatable `<Animatable />`
+The `<Animatable>` component exposes the `animate` and `animations` properties which can be used to define animatable properties, as well as animation options. Animatable properties can accept single values, arrays, functions and [reactive links](#uselink) as arguments.
+
+```jsx
+<Animatable
+    animate={{
+        opacity: 1,
+        scale: ['0 0', '0.5 0', '1 1'],
+        borderRadius: (progress) => progress * 10,
+        duration: 2, // Animation will last 2 seconds
+        immediate: true // Animation will override any currently playing animation
+    }}
+    animations={{
+        myAnimation: {
+            opacity: [0, 1, 0.5]
+        }
+    }}>
+    ...
+</Animatable>
+```
+
+# Components
+
+## Animatable `<Animatable />`
 
 Base animation component that allows for fully customizable animations.
 
@@ -73,9 +91,9 @@ import { Animatable } from '@infinityfx/lively';
 </Animatable>
 ```
 
-### Animate `<Animate />`
+## Animate `<Animate />`
 
-Fully automatic animation based on pre-fab animations.
+Fully automated animations based on animation clips.
 
 ```jsx
 import { Animate } from '@infinityfx/lively';
@@ -83,31 +101,25 @@ import { Scale, Fade } from '@infinityfx/lively/animations';
 
 ...
 
-<Animate onMount animations={[Scale({ duration: 2 }), Fade]}>
+<Animate onMount animations={[Scale.unique({ duration: 2 }), Fade]}>
     <div class="my-class">
         ...
     </div>
 </Animate>
 ```
 
-## Reactivity
+## LayoutGroup `<LayoutGroup />`
 
-Lively implements fully reactive animations using the [`useLink()`](#uselink) and [`useScroll()`](#usescroll) hooks.
-
-## Auto-animation
-
-### LayoutGroup `<LayoutGroup />`
-
-Animates `<Animatable />` and `<Morph />` components, that are direct children when their layout changes.
+Allows for animating direct `<Animatable />` and `<Animate />` child components, when their layout changes or the our unmounted. This requires the respective child components to have a key specified.
 
 ```jsx
 import { Animatable } from '@infinityfx/lively';
-import { LayoutGroup } from '@infinityfx/lively/auto';
+import { LayoutGroup } from '@infinityfx/lively/layout';
 
 ...
 
 <LayoutGroup>
-    <Animatable>
+    <Animatable key="mykey" onUnmount animate={{ opacity: 1 }} initial={{ opacity: 0 }}>
         <div class="my-class">
             Hello world!
         </div>
@@ -115,147 +127,38 @@ import { LayoutGroup } from '@infinityfx/lively/auto';
 </LayoutGroup>
 ```
 
-### Morph `<Morph />`
+## Morph `<Morph />`
 
 Morphs one element into another.
 
 ```jsx
-import { Morph } from '@infinityfx/lively/auto';
+import { useState } from 'react';
+import { Morph } from '@infinityfx/lively/layout';
 
 ...
 
-<Morph active={state}>
+const [state, setState] = useState(false);
+
+...
+
+<Morph id="mymorph" shown={state}>
     <div onClick={() => setState(!state)}>
         ...
     </div>
 </Morph>
 
-<Morph active={!state}>
+<Morph id="mymorph" shown={!state} transition={{ duration: 0.5 }}>
     <div onClick={() => setState(!state)}>
         ...
     </div>
 </Morph>
 ```
 
-#### Parallax `<Parallax />`
-
-Easily create parallax motion based on page scroll position.
-
-```jsx
-import { Parallax } from '@infinityfx/lively/auto';
-
-...
-
-<Parallax amount={0.5}> // default amount = 0.5
-    <div class="my-class">
-        ...
-    </div>
-</Parallax>
-```
-
-### WriteOn `<WriteOn />`
-
-```jsx
-import { WriteOn } from '@infinityfx/lively/auto';
-
-...
-
-<WriteOn>Lorem ipsum dolor sit amet</WriteOn>
-```
-
-### ColorWipe `<ColorWipe />`
-
-```jsx
-import { ColorWipe } from '@infinityfx/lively/auto';
-
-...
-
-<ColorWipe>
-    <div class="my-class">...</div>
-</ColorWipe>
-```
-
-## Animations
-
-### Overview
-
-Lively exports a submodule called animations which contains various pre-fab animations that can be used in tandem with the `<Animate />` and `<Animatable />` components. These animations can be used as is, or can be configured with extra options by calling the respective animation as a function which takes as an argument the options object.
-
-```jsx
-import { Move } from '@infinityfx/lively/animations';
-
-// configure the animation
-Move({ direction: 'down' }); // default = 'up'
-```
-
-These pre-fab can be used as followed with either an `<Animate />` or `<Animatable />` component:
-
-```jsx
-import { Move } from '@infinityfx/lively/animations';
-import { Animate } from '@infinityfx/lively/auto';
-
-...
-
-<Animate animations={[Move, Move({ ... })]}>...</Animate>
-```
-
-```jsx
-import { Move } from '@infinityfx/lively/animations';
-import { Animatable } from '@infinityfx/lively';
-
-...
-
-<Animatable animations={{
-    myAnimationName: Move,
-    myOtherAnimation: Move({ ... })
-}}>...</Animatable>
-
-// or
-
-<Animatable animate={Move}>...</Animatable>
-```
-
-### Create your own
-
-If you whish to create your own pre-fab animation, you can do so using the `.create()` method of the `Animation` class. This method takes a function which gets the animation configuration options passed as an argument. The function must return the animation properties/keyframes.
-
-```js
-import { Animation } from '@infinityfx/lively/animations';
-
-const myCustomAnimation = Animation.create((options) => {
-
-    // do whatever you want here.
-
-    // This function must return an Array with 2 Objects, containing the animation properties and/or keyframes and the initial values for the animation respectively.
-    return [{ ... }, { ... }];
-});
-
-export default myCustomAnimation;
-```
-
-## Hooks
+# Hooks
 
 Lively comes with a set of hooks that allow for the creation of complex reactive animations.
 
-### `useUnmount()`
-
-The useUnmount hook can be used to animate out components that are being unmounted. It can be used in tandem with the `<Animatable />` and `<Animate />` components.
-
-```jsx
-import { useUnmount } from '@infinityfx/lively/hooks';
-import { Animatable } from '@infinityfx/lively';
-
-export default function Page() {
-
-    const [mounted, setMounted, ref] = useUnmount(true /* initial mounted value */);
-
-    return mounted &&
-        <Animatable ref={ref} onMount onUnmount>...</Animatable>;
-
-}
-```
-
-### `useLink()`
+## `useLink()`
 
 The useLink hook can be used to create a reactive value, which can be linked to animation components to animate different properties based on the value.
 
@@ -284,53 +187,125 @@ Additionally you can provide a link with a function to transform the value to a
 ```jsx
 const [link, setValue] = useLink(0 /* initial value */);
 
-return <Animatable animate={{
-    position: link(input => {
-        input /= 100; // example where the input value needs to be divided for the correct output format.
+...
 
-        return { x: input, y: input }; // we return an object instead of a number for the position property.
+<Animatable animate={{
+    translate: link(input => {
+        return `${input} ${input}`; // we return a string instead of a number for the translate property.
     })
 }}>...</Animatable>;
 ```
 
-### `useScroll()`
+## `useScroll()`
 
-The `useScroll` hook is an extension of the `useLink` hook which returns a reactive value that corresponds to the current scroll position of the window.
+The `useScroll` hook returns a reactive link that corresponds to the current scroll position of the window.
 
 ```jsx
 const value = useScroll();
 
+...
+
 // gradually fade in element when scrolling the window
-return <Animatable animate={{
+<Animatable animate={{
     opacity: value(val => val / document.body.scrollHeight)
 }}>...</Animatable>;
 ```
 
-### `usePath()`
+## `usePath()`
 
 The `usePath` hook can be used to animate an element along an SVG path.
 
 ```jsx
-const [link, ref] = usePath([100, 0], 2); // offset the path by 100px along the x-axis and scale it up by a factor of 2.
+const [link, ref] = usePath();
+
+...
 
-return <>
+<>
     <Animatable animate={{
-        translate: link
+        translate: link(([x, y]) => `${x} ${y}`)
     }}>...</Animatable>
 
     <svg>
-        <path ref={ref} d="..." /> {/* Some svg path to reference */}
+        <path ref={ref} d="..." />
     </svg>
 </>;
 ```
 
-### `useReducedMotion()`
+## `useAudio()`
+
+The `useAudio` hook can be used to create animations that react to the frequency response of playing audio.
+
+```jsx
+const source = useRef();
+const link = useAudio(source.current, { bands: 8 });
+
+...
+
+<>
+    <Animatable animate={{
+        scale: link((values, i) => `1 ${values[i]}`)
+    }}>...</Animatable>
+
+    <audio ref={source} src="myaudio.mp3">
+</>;
+```
+
+## `useReducedMotion()`
 
 The `useReducedMotion` hook checks whether a user prefers the use of reduced motion on a page.
 
 ```jsx
 const reduced = useReducedMotion();
 
+...
+
 // If the user prefers reduced motion, then pause the animation.
-return <Animatable animate={{ ... }} paused={reduced}>...</Animatable>;
+<Animatable animate={{ ... }} paused={reduced}>...</Animatable>;
+```
+
+# Animations
+
+## Bundled
+
+Lively exports a submodule called animations which contains various animation clips that can be used in tandem with the `<Animate />` and `<Animatable />` components. These animations can be used as is, or can be configured by calling `.unique()` on the respective animation.
+
+```jsx
+import { Move, Scale } from '@infinityfx/lively/animations';
+import { Animate } from '@infinityfx/lively/auto';
+import { Animatable } from '@infinityfx/lively';
+
+...
+
+const myClip = Move.unique({ duration: 2 }); // configure the animation
+
+...
+
+<>
+    <Animate animations={[myClip]}>...</Animate>
+
+    <Animatable animations={{
+        myAnimation: Scale,
+        myOtherAnimation: Scale.unique({ delay: 1 })
+    }}>...</Animatable>
+</>
+```
+
+## Creating clips
+
+If you whish to create your own animation clip to reuse later on, you can do so using `new Clip()`. This constructor takes 2 arguments, some animation properties and some optional initial values.
+
+```js
+import { Clip } from '@infinityfx/lively/animations';
+
+const myCustomAnimation = new Clip(
+    {
+        opacity: 1, // value to animate to
+        duration: 2 // Clip will have a duration of 2 seconds
+    },
+    {
+        opacity: 0 // initial value
+    }
+);
+
+export default myCustomAnimation;
 ```

package/dist/animatable-abd618ff.js

@@ -0,0 +1,2 @@
+import{C as t,_ as e,a as i}from"./clip-a50f113a.js";import{jsx as r,Fragment as n}from"react/jsx-runtime";import{forwardRef as a,useRef as o,useCallback as s,useImperativeHandle as c,useEffect as u,Children as h,isValidElement as d,cloneElement as l}from"react";import{l as p,I as f,m}from"./utils-1031ecb2.js";var v=function(){function e(t){this.element=t,this.computed=getComputedStyle(t),this.data=this.read()}return e.prototype.read=function(){var t=this.element.getBoundingClientRect(),e=t.x,i=t.y,r=t.width,n=t.height,a=this.computed,o=a.borderRadius,s=a.opacity,c=a.backgroundColor,u=a.color,h=a.rotate;return{x:e-window.scrollX,y:i+window.scrollY,width:r,height:n,borderRadius:o,opacity:s,backgroundColor:c,color:u,rotate:h}},e.prototype.update=function(){this.data=this.read()},e.prototype.difference=function(e,i){void 0===e&&(e=this.data);for(var r=i.duration,n=i.easing,a=this.read(),o={duration:r,easing:n},s=0,c=["borderRadius","backgroundColor","color","rotate","opacity"];s<c.length;s++){var u=c[s];o[u]=[e[u],a[u]]}return[new t({translate:["".concat(e.x-a.x,"px ").concat(e.y-a.y,"px"),"0px 0px"],scale:["".concat(0===a.width?1:e.width/a.width," ").concat(0===a.height?1:e.height/a.height),"1 1"],composite:!0,duration:r,easing:n}),new t(o)]},e}(),g=function(){function t(t,e){this.playing=0,this.active=[],this.queue=[],this.onupdate=null,this.onremove=null,this.scaleDelta=[1,1],this.element=t,this.deform=e,this.cache=new v(t)}return t.prototype.push=function(t){var e;return this.element.isConnected?(t.onfinish=this.next.bind(this),this.playing&&!t.composited?(this.queue.push(t),t.animation.pause()):(this.active.push(t),t.composited||this.playing++),t):null===(e=this.onremove)||void 0===e?void 0:e.call(this)},t.prototype.next=function(){var t,e;if(!this.element.isConnected)return null===(t=this.onremove)||void 0===t?void 0:t.call(this);null===(e=this.onupdate)||void 0===e||e.call(this),this.cache.update(),--this.playing>0||(this.active=this.queue.length?this.queue.splice(0,1):[],this.playing=this.active.length,this.play())},t.prototype.clear=function(){this.active=this.active.filter((function(t){return t.animation.cancel(),t.composited})),this.queue=[],this.playing=0},t.prototype.pause=function(){for(var t=0,e=this.active;t<e.length;t++){e[t].animation.pause()}},t.prototype.play=function(){for(var t=0,e=this.active;t<e.length;t++){e[t].animation.play()}},t.prototype.step=function(t){for(var e=0,i=this.active;e<i.length;e++){i[e].step(t)}},t.prototype.transition=function(t,e){var i=this,r=this.cache.difference(null==t?void 0:t.cache.data,e);this.cache.update(),null==t||t.cache.update(),null==t||t.clear(),r.forEach((function(t){return t.play(i,{})}))},t.prototype.apply=function(t,e){this.set(t,e),this.correct()},t.prototype.set=function(t,e){"borderRadius"===t&&(e=this.computeBorderRadius(e)),this.element.style[t]="strokeDashoffset"===t?p(e):e},t.prototype.decomposeScale=function(){var t=this.cache.computed.scale.split(" "),e=t[0],i=t[1],r=Math.max(parseFloat(e)||1,1e-4);/%$/.test(e)&&(r/=100);var n=i?Math.max(parseFloat(i),1e-4):r;return/%$/.test(i)&&(n/=100),[r,n]},t.prototype.computeBorderRadius=function(t){if(void 0===t&&(t=this.cache.computed.borderRadius),this.deform)return t;var e=t.match(/([\d\.]+)(?:.*\/.*?([\d\.]+))?/)||["","0","0"];e[0];var i=e[1],r=e[2],n=parseFloat(i)*this.scaleDelta[0],a=r?parseFloat(r)*this.scaleDelta[1]:n;return this.scaleDelta=this.decomposeScale(),"".concat(n/this.scaleDelta[0],"px / ").concat(a/this.scaleDelta[1],"px")},t.prototype.correct=function(){if(!this.deform){this.element.style.borderRadius=this.computeBorderRadius();for(var t=this.decomposeScale(),e=t[0],i=t[1],r=0;r<this.element.children.length;r++){this.element.children[r].style.transform="scale(".concat(1/e,", ").concat(1/i,")")}}},t}(),y=function(){function e(t){var e=t.stagger,i=void 0===e?.1:e,r=t.staggerLimit,n=void 0===r?10:r,a=t.deform,o=void 0===a||a;this.index=0,this.paused=!1,this.tracks=new f,this.frame=0,this.stagger=i,this.staggerLimit=n-1,this.deform=o}return e.prototype.step=function(){cancelAnimationFrame(this.frame),this.tracks.forEach((function(t,e){return t.step(e)})),this.frame=requestAnimationFrame(this.step.bind(this))},e.prototype.time=function(t){return t.duration+this.stagger*Math.min(this.staggerLimit,this.tracks.size-1)},e.prototype.port=function(e,i,r){var n;if(!this.paused)for(var a=0;a<this.tracks.size;a++){var o=i(a);r?new t((n={duration:r,easing:"ease"},n[e]=o,n)).play(this.tracks.values[a],{}):this.tracks.values[a].apply(e,o)}},e.prototype.transition=function(t,e){for(var i=void 0===e?{}:e,r=i.duration,n=void 0===r?.5:r,a=i.easing,o=void 0===a?"ease":a,s=0;s<this.tracks.size;s++)this.tracks.values[s].transition(null==t?void 0:t.tracks.values[s],{duration:n,easing:o})},e.prototype.insert=function(t){var e=this;if(t&&("TRACK_INDEX"in t||(t.TRACK_INDEX=this.index++),!this.tracks.has(t.TRACK_INDEX))){var i=new g(t,this.deform);this.tracks.add(t.TRACK_INDEX,i),i.onremove=function(){return e.tracks.remove(t.TRACK_INDEX)}}},e.prototype.add=function(t,e){for(var i=e.immediate,r=void 0!==i&&i,n=e.composite,a=e.reverse,o=e.delay,s=void 0===o?0:o,c=0;c<this.tracks.size;c++)r&&this.tracks.values[c].clear(),t.play(this.tracks.values[c],{delay:s+Math.min(c,this.staggerLimit)*(this.stagger<0?t.duration/this.tracks.size:this.stagger),composite:n,reverse:a})},e.prototype.pause=function(){for(var t=0,e=this.tracks.values;t<e.length;t++){e[t].pause()}this.paused=!0},e.prototype.play=function(){for(var t=0,e=this.tracks.values;t<e.length;t++){e[t].play()}this.paused=!1},e}(),k=a((function(a,p){var f=a.children,v=a.animations,g=a.playbook,x=void 0===g?[]:g,b=a.animate,w=a.initial,R=a.stagger,C=a.staggerLimit,D=a.deform,_=a.order,A=a.onMount,L=void 0!==A&&A,E=a.onUnmount,z=void 0!==E&&E,F=a.noCascade,M=void 0!==F&&F,X=a.text,q=void 0!==X&&X,I=a.disabled,N=void 0!==I&&I,K=a.paused,T=void 0!==K&&K,B=a.id,S=void 0===B?"":B,j=void 0!==_?_:1,U=o({}),V=o(!1),$=o(new y({stagger:q?-1:R,staggerLimit:q?Number.MAX_VALUE:C,deform:D})),W=o([]),Y=o([]);if(!U.current.__initialized)for(var G in U.current.__initialized=!0,U.current.animate=t.from(b,w,$.current),v)U.current[G]=t.from(v[G],w);var H=s((function(t,e,i){if(void 0===e&&(e={}),void 0===i&&(i=1),!t||N||j>1&&i<2)return 0;"string"!=typeof t&&(t="animate");var r=U.current[t];if(!r)return 0;for(var n=0,a=e.delay||0,o=$.current.time(r),s=0,c=Y.current;s<c.length;s++){var u=c[s];if(u){var h=u.play(t,m({delay:a+o},e),i+1);n=Math.max(n,h)}}var d=(e.reverse?n:a)*(j/i);return $.current.add(r,m({delay:d},e)),o+d}),[N,j]);return c(p,(function(){return{play:H,timeline:$.current,mounted:V.current,onUnmount:z,id:S}}),[z]),u((function(){(T||N)&&$.current.pause(),T||N||$.current.play()}),[T,N]),u((function(){for(var t=0;t<x.length;t++){var i=x[t],r=i.name,n=i.trigger,a=e(i,["name","trigger"]);n!==W.current[t]&&n&&H(r,a),W.current[t]=n}}),[x]),u((function(){$.current.step(),V.current=!0,document.fonts.ready.then((function(){return H(L,{immediate:!0})}))}),[]),r(n,{children:function t(e,n,a){return void 0===n&&(n=!0),h.map(e,(function(e){var a=d(e),o=a&&e.type===k,s=a?e.props:{},c={};if(o){if(!M){var u=Y.current.length++;c.order=void 0!==s.order?s.order:(void 0!==_?_:1)+1,c.paused=T,c.ref=function(t){return Y.current[u]=t},c.id=S+u,m(c,s,{animate:b,initial:w,animations:v,stagger:R,staggerLimit:C,deform:D})}}else if(n){var h=a&&e.ref;c.pathLength=1,c.ref=function(t){$.current.insert(t),h&&"current"in h&&(h.current=t),h instanceof Function&&h(t)},c.style=m({backfaceVisibility:"hidden",strokeDasharray:1},w||U.current.animate.initial,s.style)}return a?l(e,c,t(s.children,!1)):n&&["string","number","boolean"].includes(typeof e)?q&&"string"==typeof e?e.split("").map((function(t,e){return r("span",i({ref:function(t){return $.current.insert(t)},style:{minWidth:" "===t?"0.35em":0}},{children:t}))})):r("div",i({},c,{children:e})):e}))}(f)})}));export{k as A};
+//# sourceMappingURL=animatable-abd618ff.js.map

package/dist/animatable-abd618ff.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"animatable-abd618ff.js","sources":["../src/core/cache.ts","../src/core/track.ts","../src/core/timeline.ts","../src/animatable.tsx"],"sourcesContent":[null,null,null,null],"names":["StyleCache","element","this","computed","getComputedStyle","data","read","prototype","_a","getBoundingClientRect","x","y","width","height","_b","borderRadius","opacity","backgroundColor","color","rotate","window","scrollX","scrollY","update","difference","from","duration","easing","to","keyframes","_i","length","key","Clip","translate","concat","scale","composite","Track","deform","playing","active","queue","onupdate","onremove","scaleDelta","cache","push","action","isConnected","onfinish","next","bind","composited","animation","pause","call","splice","play","clear","filter","cancel","step","index","transition","previous","options","_this","clips","forEach","clip","apply","prop","val","set","correct","computeBorderRadius","style","lengthToOffset","decomposeScale","split","xString","yString","Math","max","parseFloat","test","match","xr","yr","i","children","transform","Timeline","stagger","_c","staggerLimit","_d","paused","tracks","IndexedList","frame","cancelAnimationFrame","track","requestAnimationFrame","time","min","size","port","link","values","insert","TRACK_INDEX","has","add","remove","immediate","reverse","delay","Animatable","forwardRef","ref","animations","playbook","animate","initial","order","onMount","onUnmount","_e","noCascade","_f","text","_g","disabled","_h","_j","id","cascadeOrder","undefined","clipMap","useRef","mounted","timeline","Number","MAX_VALUE","playbookState","nodes","current","__initialized","name_1","useCallback","layer","cascadeDelay","layerDelay","node","delay_1","merge","useImperativeHandle","useEffect","name_2","name","trigger","__rest","document","fonts","ready","then","_jsx","render","isDirectChild","isParent","Children","map","child","valid","isValidElement","isAnimatable","type","childProps","props","i_1","el","ref_1","pathLength","Function","backfaceVisibility","strokeDasharray","cloneElement","includes","char","__assign","minWidth"],"mappings":"wTAcA,IAAAA,EAAA,WAMI,SAAAA,EAAYC,GACRC,KAAKD,QAAUA,EACfC,KAAKC,SAAWC,iBAAiBH,GACjCC,KAAKG,KAAOH,KAAKI,OA6CzB,OA1CIN,EAAAO,UAAAD,KAAA,WACU,IAAAE,EAA0BN,KAAKD,QAAQQ,wBAArCC,MAAGC,MAAGC,UAAOC,WACfC,EAA4DZ,KAAKC,SAA/DY,iBAAcC,YAASC,oBAAiBC,UAAOC,WAEvD,MAAO,CACHT,EAAGA,EAAIU,OAAOC,QACdV,EAAGA,EAAIS,OAAOE,QACdV,MAAKA,EACLC,OAAMA,EACNE,aAAYA,EACZC,QAAOA,EACPC,gBAAeA,EACfC,MAAKA,EACLC,OAAMA,IAIdnB,EAAAO,UAAAgB,OAAA,WACIrB,KAAKG,KAAOH,KAAKI,QAGrBN,EAAAO,UAAAiB,WAAA,SAAWC,EAA6BjB,QAA7B,IAAAiB,IAAAA,EAAkBvB,KAAKG,MAI9B,QAJsCqB,EAAQlB,EAAAkB,SAAEC,EAAMnB,EAAAmB,OAChDC,EAAK1B,KAAKI,OAEVuB,EAAiB,CAAEH,WAAUC,OAAMA,OACvBb,EAAA,CAAC,eAAgB,kBAAmB,QAAS,SAAU,WAAvDgB,EAAiEhB,EAAAiB,OAAjED,IAAmE,CAAhF,IAAME,EAAGlB,EAAAgB,GACVD,EAAUG,GAAO,CAACP,EAAKO,GAAyBJ,EAAGI,IAGvD,MAAO,CACH,IAAIC,EAAK,CACLC,UAAW,CAAC,GAAGC,OAAAV,EAAKf,EAAIkB,EAAGlB,gBAAOe,EAAKd,EAAIiB,EAAGjB,EAAC,MAAM,WACrDyB,MAAO,CAAC,GAAGD,OAAa,IAAbP,EAAGhB,MAAc,EAAIa,EAAKb,MAAQgB,EAAGhB,kBAAuB,IAAdgB,EAAGf,OAAe,EAAIY,EAAKZ,OAASe,EAAGf,QAAU,OAC1GwB,WAAW,EACXX,SAAQA,EACRC,OAAMA,IAEV,IAAIM,EAAKJ,KAKpB7B,KC/DDsC,EAAA,WAYI,SAAYA,EAAArC,EAAsBsC,GARlCrC,KAAOsC,QAAW,EAClBtC,KAAMuC,OAAa,GACnBvC,KAAKwC,MAAa,GAClBxC,KAAQyC,SAAwB,KAChCzC,KAAQ0C,SAAwB,KAEhC1C,KAAA2C,WAA+B,CAAC,EAAG,GAG/B3C,KAAKD,QAAUA,EACfC,KAAKqC,OAASA,EACdrC,KAAK4C,MAAQ,IAAI9C,EAAWC,GA8GpC,OA3GIqC,EAAI/B,UAAAwC,KAAJ,SAAKC,SACD,OAAK9C,KAAKD,QAAQgD,aAClBD,EAAOE,SAAWhD,KAAKiD,KAAKC,KAAKlD,MAE7BA,KAAKsC,UAAYQ,EAAOK,YACxBnD,KAAKwC,MAAMK,KAAKC,GAChBA,EAAOM,UAAUC,UAEjBrD,KAAKuC,OAAOM,KAAKC,GACZA,EAAOK,YAAYnD,KAAKsC,WAG1BQ,WAX+BxC,EAAAN,KAAK0C,2CAc/CN,EAAA/B,UAAA4C,KAAA,mBACI,IAAKjD,KAAKD,QAAQgD,YAAa,eAAOzC,EAAAN,KAAK0C,0CAC9B,QAAb9B,EAAAZ,KAAKyC,gBAAQ,IAAA7B,GAAAA,EAAA0C,KAAAtD,MACbA,KAAK4C,MAAMvB,WAELrB,KAAKsC,QAAU,IAErBtC,KAAKuC,OAASvC,KAAKwC,MAAMX,OAAS7B,KAAKwC,MAAMe,OAAO,EAAG,GAAK,GAC5DvD,KAAKsC,QAAUtC,KAAKuC,OAAOV,OAC3B7B,KAAKwD,SAGTpB,EAAA/B,UAAAoD,MAAA,WACIzD,KAAKuC,OAASvC,KAAKuC,OAAOmB,QAAO,SAAAZ,GAG7B,OAFAA,EAAOM,UAAUO,SAEVb,EAAOK,cAElBnD,KAAKwC,MAAQ,GACbxC,KAAKsC,QAAU,GAGnBF,EAAA/B,UAAAgD,MAAA,WACI,IAAqB,IAAAzB,EAAA,EAAAtB,EAAAN,KAAKuC,OAALX,EAAWtB,EAAAuB,OAAXD,IAAW,CAAftB,EAAAsB,GAAwBwB,UAAUC,UAGvDjB,EAAA/B,UAAAmD,KAAA,WACI,IAAqB,IAAA5B,EAAA,EAAAtB,EAAAN,KAAKuC,OAALX,EAAWtB,EAAAuB,OAAXD,IAAW,CAAftB,EAAAsB,GAAwBwB,UAAUI,SAGvDpB,EAAI/B,UAAAuD,KAAJ,SAAKC,GACD,IAAqB,IAAAjC,EAAA,EAAAtB,EAAAN,KAAKuC,OAALX,EAAWtB,EAAAuB,OAAXD,IAAW,CAAftB,EAAAsB,GAAwBgC,KAAKC,KAGlDzB,EAAA/B,UAAAyD,WAAA,SAAWC,EAA6BC,GAAxC,IAOCC,EAAAjE,KANSkE,EAAQlE,KAAK4C,MAAMtB,WAAWyC,aAAA,EAAAA,EAAUnB,MAAMzC,KAAM6D,GAC1DhE,KAAK4C,MAAMvB,SACX0C,SAAAA,EAAUnB,MAAMvB,SAChB0C,SAAAA,EAAUN,QAEVS,EAAMC,SAAQ,SAAAC,GAAQ,OAAAA,EAAKZ,KAAKS,EAAM,QAG1C7B,EAAA/B,UAAAgE,MAAA,SAAMC,EAAcC,GAChBvE,KAAKwE,IAAIF,EAAMC,GACfvE,KAAKyE,WAGTrC,EAAA/B,UAAAmE,IAAA,SAAIF,EAAcC,GACD,iBAATD,IAAyBC,EAAMvE,KAAK0E,oBAAoBH,IAE5DvE,KAAKD,QAAQ4E,MAAML,GAA0B,qBAATA,EAA8BM,EAAeL,GAAOA,GAG5FnC,EAAA/B,UAAAwE,eAAA,WACU,IAAAvE,EAAqBN,KAAK4C,MAAM3C,SAASiC,MAAM4C,MAAM,KAApDC,OAASC,OAEZxE,EAAIyE,KAAKC,IAAIC,WAAWJ,IAAY,EAAG,MACvC,KAAKK,KAAKL,KAAUvE,GAAK,KAE7B,IAAIC,EAAIuE,EAAUC,KAAKC,IAAIC,WAAWH,GAAU,MAAUxE,EAG1D,MAFI,KAAK4E,KAAKJ,KAAUvE,GAAK,KAEtB,CAACD,EAAGC,IAGf2B,EAAmB/B,UAAAqE,oBAAnB,SAAoB7D,GAChB,QADgB,IAAAA,IAAAA,EAAeb,KAAK4C,MAAM3C,SAASY,cAC/Cb,KAAKqC,OAAQ,OAAOxB,EAElB,IAAAP,EAAwBO,EAAawE,MAAM,mCAAqC,CAAC,GAAI,IAAK,KAAxF/E,EAAA,GAAE,IAAAyE,EAAOzE,EAAA,GAAE0E,EAAO1E,EAAA,GACpBgF,EAAKH,WAAWJ,GAAW/E,KAAK2C,WAAW,GAC3C4C,EAAKP,EAAUG,WAAWH,GAAWhF,KAAK2C,WAAW,GAAK2C,EAKhE,OAHAtF,KAAK2C,WAAa3C,KAAK6E,iBAGhB,UAAGS,EAAKtF,KAAK2C,WAAW,mBAAU4C,EAAKvF,KAAK2C,WAAW,UAGlEP,EAAA/B,UAAAoE,QAAA,WACI,IAAIzE,KAAKqC,OAAT,CAEArC,KAAKD,QAAQ4E,MAAM9D,aAAeb,KAAK0E,sBAGvC,IAFM,IAAApE,EAASN,KAAK6E,iBAAbrE,EAACF,EAAA,GAAEG,EAACH,EAAA,GAEFkF,EAAI,EAAGA,EAAIxF,KAAKD,QAAQ0F,SAAS5D,OAAQ2D,IAAK,CACrCxF,KAAKD,QAAQ0F,SAASD,GAE9Bb,MAAMe,UAAY,SAASzD,OAAA,EAAIzB,EAAM,MAAAyB,OAAA,EAAIxB,UAI1D2B,KC7HDuD,EAAA,WAUI,SAAAA,EAAYrF,GAAE,IAAAM,EAAAN,EAAAsF,QAAAA,OAAO,IAAAhF,EAAG,GAAGA,EAAEiF,iBAAAC,OAAe,IAAAD,EAAA,KAAIE,EAAAzF,EAAA+B,OAAAA,OAAM,IAAA0D,GAAOA,EAR7D/F,KAAK6D,MAAW,EAIhB7D,KAAMgG,QAAY,EAClBhG,KAAAiG,OAA6B,IAAIC,EACjClG,KAAKmG,MAAW,EAGZnG,KAAK4F,QAAUA,EACf5F,KAAK8F,aAAeA,EAAe,EACnC9F,KAAKqC,OAASA,EAwEtB,OArEIsD,EAAAtF,UAAAuD,KAAA,WACIwC,qBAAqBpG,KAAKmG,OAE1BnG,KAAKiG,OAAO9B,SAAQ,SAACkC,EAAOb,GAAM,OAAAa,EAAMzC,KAAK4B,MAE7CxF,KAAKmG,MAAQG,sBAAsBtG,KAAK4D,KAAKV,KAAKlD,QAGtD2F,EAAItF,UAAAkG,KAAJ,SAAKnC,GACD,OAAOA,EAAK5C,SAAWxB,KAAK4F,QAAUX,KAAKuB,IAAIxG,KAAK8F,aAAc9F,KAAKiG,OAAOQ,KAAO,IAGzFd,EAAAtF,UAAAqG,KAAA,SAAK5E,EAAa6E,EAAiB7C,SAC/B,IAAI9D,KAAKgG,OAET,IAAK,IAAIR,EAAI,EAAGA,EAAIxF,KAAKiG,OAAOQ,KAAMjB,IAAK,CACvC,IAAMjB,EAAMoC,EAAKnB,GAEb1B,EACA,IAAI/B,GAAIzB,EAAA,CAAGkB,SAAUsC,EAAYrC,OAAQ,QAAQnB,EAACwB,GAAMyC,EAAMjE,IAACkD,KAAKxD,KAAKiG,OAAOW,OAAOpB,GAAI,IAE3FxF,KAAKiG,OAAOW,OAAOpB,GAAGnB,MAAMvC,EAAKyC,KAK7CoB,EAAAtF,UAAAyD,WAAA,SAAWvC,EAA4BjB,GAEnC,IAFmC,IAAAM,OAAA,IAAAN,EAA+E,GAAEA,EAA/EuF,EAAAjF,EAAAY,SAAAA,OAAQ,IAAAqE,EAAG,GAAGA,EAAEE,EAAenF,EAAAa,OAAfA,OAAM,IAAAsE,EAAG,OAAMA,EAE3DP,EAAI,EAAGA,EAAIxF,KAAKiG,OAAOQ,KAAMjB,IAElCxF,KAAKiG,OAAOW,OAAOpB,GAAG1B,WAAWvC,aAAA,EAAAA,EAAM0E,OAAOW,OAAOpB,GAAI,CAAEhE,SAAQA,EAAEC,OAAMA,KAInFkE,EAAMtF,UAAAwG,OAAN,SAAO9G,GAAP,IAUCkE,EAAAjE,KATG,GAAKD,IAEC,gBAAiBA,IAAWA,EAAgB+G,YAAc9G,KAAK6D,UAChE7D,KAAKiG,OAAOc,IAAKhH,EAAgB+G,cAAc,CAChD,IAAMT,EAAQ,IAAIjE,EAAMrC,EAASC,KAAKqC,QACtCrC,KAAKiG,OAAOe,IAAKjH,EAAgB+G,YAAaT,GAE9CA,EAAM3D,SAAW,WAAM,OAAAuB,EAAKgC,OAAOgB,OAAQlH,EAAgB+G,gBAInEnB,EAAAtF,UAAA2G,IAAA,SAAI5C,EAAY9D,GAEZ,IAFc,IAAAM,EAAAN,EAAA4G,UAAAA,OAAS,IAAAtG,GAAQA,EAAEuB,EAAS7B,EAAA6B,UAAEgF,YAAStB,EAAAvF,EAAA8G,MAAAA,OAAK,IAAAvB,EAAG,EAACA,EAErDL,EAAI,EAAGA,EAAIxF,KAAKiG,OAAOQ,KAAMjB,IAC9B0B,GAAWlH,KAAKiG,OAAOW,OAAOpB,GAAG/B,QAErCW,EAAKZ,KAAKxD,KAAKiG,OAAOW,OAAOpB,GAAI,CAC7B4B,MAAOA,EAAQnC,KAAKuB,IAAIhB,EAAGxF,KAAK8F,eAAiB9F,KAAK4F,QAAU,EAAIxB,EAAK5C,SAAWxB,KAAKiG,OAAOQ,KAAOzG,KAAK4F,SAC5GzD,UAASA,EACTgF,QAAOA,KAKnBxB,EAAAtF,UAAAgD,MAAA,WACI,IAAoB,IAAAzB,EAAA,EAAAtB,EAAAN,KAAKiG,OAAOW,OAAZhF,EAAkBtB,EAAAuB,OAAlBD,IAAkB,CAAtBtB,EAAAsB,GAA8ByB,QAC9CrD,KAAKgG,QAAS,GAGlBL,EAAAtF,UAAAmD,KAAA,WACI,IAAoB,IAAA5B,EAAA,EAAAtB,EAAAN,KAAKiG,OAAOW,OAAZhF,EAAkBtB,EAAAuB,OAAlBD,IAAkB,CAAtBtB,EAAAsB,GAA8B4B,OAC9CxD,KAAKgG,QAAS,GAGrBL,KChDK0B,EAAaC,GAA4C,SAAChH,EAiB7DiH,GAhBC,IAAA9B,aACA+B,EAAUlH,EAAAkH,WACV5G,aAAA6G,OAAW,IAAA7G,EAAA,KACX8G,EAAOpH,EAAAoH,QACPC,EAAOrH,EAAAqH,QACP/B,EAAOtF,EAAAsF,QACPE,EAAYxF,EAAAwF,aACZzD,WACAuF,EAAKtH,EAAAsH,MACL/B,YAAAgC,OAAU,IAAAhC,KACVE,EAAAzF,EAAAwH,UAAAA,cAAiB/B,EACjBgC,EAAAzH,EAAA0H,UAAAA,OAAS,IAAAD,GAAQA,EACjBE,EAAY3H,EAAA4H,KAAZA,OAAI,IAAAD,GAAQA,EACZE,EAAgB7H,EAAA8H,SAAhBA,OAAW,IAAAD,GAAKA,EAChBE,WAAArC,OAAS,IAAAqC,KACTC,EAAAhI,EAAAiI,GAAAA,OAAE,IAAAD,EAAG,GAAEA,EAGDE,OAAyBC,IAAVb,EAAsBA,EAAQ,EAC7Cc,EAAUC,EAAgC,IAC1CC,EAAUD,GAAO,GAEjBE,EAAWF,EAAO,IAAIhD,EAAS,CACjCC,QAASsC,GAAQ,EAAItC,EACrBE,aAAcoC,EAAOY,OAAOC,UAAYjD,EACxCzD,OAAMA,KAEJ2G,EAAgBL,EAAkB,IAClCM,EAAQN,EAAkC,IAEhD,IAAKD,EAAQQ,QAAQC,cAIjB,IAAK,IAAMC,KAHVV,EAAQQ,QAAgBC,eAAgB,EACzCT,EAAQQ,QAAQxB,QAAU3F,EAAKR,KAAKmG,EAASC,EAASkB,EAASK,SAE5C1B,EACfkB,EAAQQ,QAAQE,GAAQrH,EAAKR,KAAKiG,EAAW4B,GAAOzB,GAI5D,IAAMnE,EAAO6F,GAAY,SAACjG,EAA6BY,EAA2BsF,GAC9E,QADmD,IAAAtF,IAAAA,EAAyB,SAAE,IAAAsF,IAAAA,EAAS,IAClFlG,GAAagF,GAAaI,EAAe,GAAKc,EAAQ,EAAI,OAAO,EAC7C,iBAAdlG,IAAwBA,EAAY,WAC/C,IAAMgB,EAAOsE,EAAQQ,QAAQ9F,GAE7B,IAAKgB,EAAM,OAAO,EAMlB,IAJA,IAAImF,EAAe,EACfC,EAAcxF,EAAQoD,OAAS,EAC/B5F,EAAWqH,EAASK,QAAQ3C,KAAKnC,GAElBxC,EAAA,EAAAtB,EAAA2I,EAAMC,QAANtH,EAAAtB,EAAAuB,OAAAD,IAAe,CAA7B,IAAM6H,EAAInJ,EAAAsB,GACX,GAAK6H,EAAL,CAEA,IAAMC,EAAQD,EAAKjG,KAAKJ,EAAWuG,EAAM,CACrCvC,MAAOoC,EAAahI,GACrBwC,GAAUsF,EAAQ,GAErBC,EAAetE,KAAKC,IAAIqE,EAAcG,IAG1C,IAAMtC,GAASpD,EAAQmD,QAAUoC,EAAeC,IAAehB,EAAec,GAG9E,OAFAT,EAASK,QAAQlC,IAAI5C,EAAMuF,EAAM,CAAEvC,MAAKA,GAAIpD,IAErCxC,EAAW4F,IACnB,CAACgB,EAAUI,IAqFd,OAnFAoB,EAAoBrC,GAAK,WAAM,MAAC,CAC5B/D,KAAIA,EACJqF,SAAUA,EAASK,QACnBN,QAASA,EAAQM,QACjBpB,UAASA,EACTS,GAAEA,KACF,CAACT,IAEL+B,GAAU,YACF7D,GAAUoC,IAAUS,EAASK,QAAQ7F,QACpC2C,GAAWoC,GAAUS,EAASK,QAAQ1F,SAC5C,CAACwC,EAAQoC,IAEZyB,GAAU,WACN,IAAK,IAAIrE,EAAI,EAAGA,EAAIiC,EAAS5F,OAAQ2D,IAAK,CACtC,IAAMlF,EAAgCmH,EAASjC,GAAvCsE,EAAIxJ,EAAAyJ,KAAEC,YAAYhG,EAApBiG,EAAA3J,EAAA,CAAA,OAAA,YAEF0J,IAAYhB,EAAcE,QAAQ1D,IAAMwE,GAASxG,EAAKsG,EAAM9F,GAEhEgF,EAAcE,QAAQ1D,GAAKwE,KAEhC,CAACvC,IAEJoC,GAAU,WACNhB,EAASK,QAAQtF,OACjBgF,EAAQM,SAAU,EAElBgB,SAASC,MAAMC,MAAMC,MAAK,WAAM,OAAA7G,EAAKqE,EAAS,CAAEX,WAAW,SAC5D,IAuDIoD,cArDP,SAASC,EAAO9E,EAA2B+E,EAAsBC,GAC7D,YADuC,IAAAD,IAAAA,GAAoB,GACpDE,EAASC,IAAIlF,GAAU,SAAAmF,GAC1B,IAAMC,EAAQC,EAAeF,GACvBG,EAAeF,GAASD,EAAMI,OAAS3D,EAEvC4D,EAAkBJ,EAAQD,EAAMM,MAAQ,GACxCA,EAOF,GAEJ,GAAIH,GACA,IAAK/C,EAAW,CACZ,IAAMmD,EAAIlC,EAAMC,QAAQrH,SAExBqJ,EAAMtD,WAA6Ba,IAArBwC,EAAWrD,MAAsBqD,EAAWrD,YAAmBa,IAAVb,EAAsBA,EAAQ,GAAK,EACtGsD,EAAMlF,OAASA,EACfkF,EAAM3D,IAAM,SAAA6D,GAAM,OAAAnC,EAAMC,QAAQiC,GAAKC,GACrCF,EAAM3C,GAAKA,EAAK4C,EAEhBxB,EAAMuB,EAAOD,EAAY,CAAEvD,QAAOA,EAAEC,QAAOA,EAAEH,WAAUA,EAAE5B,QAAOA,EAAEE,aAAYA,EAAEzD,OAAMA,UAG1F,GAAImI,EAAe,CACf,IAAMa,EAAMR,GAAUD,EAAcrD,IAEpC2D,EAAMI,WAAa,EACnBJ,EAAM3D,IAAM,SAAA6D,GACRvC,EAASK,QAAQrC,OAAOuE,GACpBC,GAAO,YAAaA,IAAKA,EAAInC,QAAUkC,GACvCC,aAAeE,UAAUF,EAAID,IAErCF,EAAMvG,MAAQgF,EAAM,CAAE6B,mBAAoB,SAAUC,gBAAiB,GAAK9D,GAAWe,EAAQQ,QAAQxB,QAAQC,QAASsD,EAAWtG,OAGzI,OAAKkG,EAUEa,EAAad,EAAOM,EAAOX,EAAOU,EAAWxF,UAAU,IATrD+E,GAAkB,CAAC,SAAU,SAAU,WAAWmB,gBAAgBf,GAEnE1C,GAAyB,iBAAV0C,EACRA,EAAM9F,MAAM,IAAI6F,KAAI,SAACiB,EAAMpG,GAAM,OAAA8E,EAAA,OAAAuB,EAAA,CAAMtE,IAAK,SAAA6D,GAAM,OAAAvC,EAASK,QAAQrC,OAAOuE,IAAKzG,MAAO,CAAEmH,SAAmB,MAATF,EAAe,SAAW,IAAM,CAAAnG,SAAAmG,QAGtItB,EAAS,MAAAuB,EAAA,GAAAX,EAAQ,CAAAzF,SAAAmF,KAN8DA,KAaxFL,CAAO9E"}

package/dist/animations.js

@@ -1,2 +1,2 @@
-import{C as t}from"./clip-a50f113a.js";export{M as Move,P as Pop}from"./pop-60cc89e0.js";import"./utils-1031ecb2.js";var i=new t({opacity:1,duration:.65},{opacity:0}),o=new t({scale:1},{transformOrigin:"left",scale:"0 1"}),a=new t({clipPath:"inset(0% 0% 0% 0%)"},{clipPath:"inset(0% 100% 0% 0%)"});export{i as Fade,o as Scale,a as Wipe};
+import{C as t}from"./clip-a50f113a.js";export{M as Move,P as Pop}from"./pop-60cc89e0.js";import"./utils-1031ecb2.js";var i=new t({opacity:1,duration:.65},{opacity:0}),o=new t({scale:1},{transformOrigin:"left",scale:"0 1"}),a=new t({clipPath:"inset(0% 0% 0% 0%)"},{clipPath:"inset(0% 100% 0% 0%)"});export{t as Clip,i as Fade,o as Scale,a as Wipe};
 //# sourceMappingURL=animations.js.map

package/dist/index.js

@@ -1,2 +1,2 @@
-import{A as r}from"./animatable-f37b703c.js";import{_ as i,a as o}from"./clip-a50f113a.js";import{jsx as n,Fragment as t}from"react/jsx-runtime";import{forwardRef as a,Children as e,isValidElement as m,cloneElement as s}from"react";import{M as p,P as c}from"./pop-60cc89e0.js";import"./utils-1031ecb2.js";var l=a((function(a,l){var f=a.children,u=a.animations,d=void 0===u?[p,c]:u,v=a.levels,h=void 0===v?2:v,j=i(a,["children","animations","levels"]);return n(t,{children:function i(t,a){void 0===a&&(a=h);for(var p,c=h-a;!(p=d[c])&&c>=0;)c--;return a<1||e.count(t)<1?t:n(r,o({},j,{ref:l,animate:p},{children:e.map(t,(function(r){return m(r)?s(r,{},i(r.props.children,a-1)):r}))}))}(f)})}));export{r as Animatable,l as Animate};
+import{A as r}from"./animatable-abd618ff.js";import{_ as i,a as o}from"./clip-a50f113a.js";import{jsx as n,Fragment as t}from"react/jsx-runtime";import{forwardRef as a,Children as e,isValidElement as m,cloneElement as s}from"react";import{M as p,P as c}from"./pop-60cc89e0.js";import"./utils-1031ecb2.js";var l=a((function(a,l){var f=a.children,u=a.animations,d=void 0===u?[p,c]:u,v=a.levels,h=void 0===v?2:v,j=i(a,["children","animations","levels"]);return n(t,{children:function i(t,a){void 0===a&&(a=h);for(var p,c=h-a;!(p=d[c])&&c>=0;)c--;return a<1||e.count(t)<1?t:n(r,o({},j,{ref:l,animate:p},{children:e.map(t,(function(r){return m(r)?s(r,{},i(r.props.children,a-1)):r}))}))}(f)})}));export{r as Animatable,l as Animate};
 //# sourceMappingURL=index.js.map

package/dist/layout.js

@@ -1,2 +1,2 @@
-import{jsx as n,Fragment as r}from"react/jsx-runtime";import{useRef as t,useCallback as i,Children as e,isValidElement as o,useState as u,useEffect as c,useLayoutEffect as a,cloneElement as f,useId as d}from"react";import{A as l}from"./animatable-f37b703c.js";import{I as m}from"./utils-1031ecb2.js";import{a as p}from"./clip-a50f113a.js";function s(d){var p=d.children,s=d.adaptive,v=void 0===s||s,y=d.transition,h=void 0===y?{}:y,w=t(new m),j=0,k=function(n){return e.map(n,(function(n){if(!o(n)||n.type!==l)return n;var r=j++,t=n.props.order>1?{}:{id:n.key,ref:function(n){n?w.current.add(r,n):w.current.remove(r)}};return f(n,t,k(n.props.children))}))},x=i((function(n,r){return void 0===r&&(r={}),e.forEach(n,(function(n){o(n)&&n.type===l&&null!==n.key&&(r[n.key]=!0,x(n.props.children,r))})),r}),[]),U=u((function(){return k(p)})),b=U[0],g=U[1];return c((function(){for(var n=x(p),r=0,t=0,i=w.current.values;t<i.length;t++){var e=i[t];e.onUnmount&&!(e.id in n)&&(r=Math.max(r,e.play(e.onUnmount,{reverse:"string"!=typeof e.onUnmount,immediate:!0})))}setTimeout((function(){return g(k(p))}),1e3*r)}),[p]),("undefined"==typeof window?c:a)((function(){"undefined"!=typeof window&&v&&w.current.forEach((function(n){n.mounted&&n.timeline.transition(void 0,h)}))}),[b]),n(r,{children:b})}var v={};function y(i){var a=i.children,m=i.shown,s=i.id,y=i.transition,h=void 0===y?{}:y,w=t(null),j=d(),k=u(!1),x=k[0],U=k[1];return c((function(){if(w.current&&m){var n;for(var r in v[s])if(r!==j&&(n=v[s][r]))break;n&&(w.current.timeline.transition(n.timeline,h),U(!x))}}),[m]),c((function(){v[s][j]=m?w.current:null}),[x]),e.only(a)&&o(a)?n(l,p({id:s,ref:function(n){w.current=n,s in v||(v[s]={}),j in v[s]||(v[s][j]=m?n:null)}},{children:f(a,{style:p(p({},a.props.style),{opacity:m?1:0})})})):n(r,{children:a})}export{s as LayoutGroup,y as Morph};
+import{jsx as n,Fragment as r}from"react/jsx-runtime";import{useRef as t,useCallback as i,Children as e,isValidElement as o,useState as u,useEffect as c,useLayoutEffect as a,cloneElement as f,useId as d}from"react";import{A as l}from"./animatable-abd618ff.js";import{I as m}from"./utils-1031ecb2.js";import{a as p}from"./clip-a50f113a.js";function s(d){var p=d.children,s=d.adaptive,v=void 0===s||s,y=d.transition,h=void 0===y?{}:y,w=t(new m),j=0,k=function(n){return e.map(n,(function(n){if(!o(n)||n.type!==l)return n;var r=j++,t=n.props.order>1?{}:{id:n.key,ref:function(n){n?w.current.add(r,n):w.current.remove(r)}};return f(n,t,k(n.props.children))}))},x=i((function(n,r){return void 0===r&&(r={}),e.forEach(n,(function(n){o(n)&&n.type===l&&null!==n.key&&(r[n.key]=!0,x(n.props.children,r))})),r}),[]),U=u((function(){return k(p)})),b=U[0],g=U[1];return c((function(){for(var n=x(p),r=0,t=0,i=w.current.values;t<i.length;t++){var e=i[t];e.onUnmount&&!(e.id in n)&&(r=Math.max(r,e.play(e.onUnmount,{reverse:"string"!=typeof e.onUnmount,immediate:!0})))}setTimeout((function(){return g(k(p))}),1e3*r)}),[p]),("undefined"==typeof window?c:a)((function(){"undefined"!=typeof window&&v&&w.current.forEach((function(n){n.mounted&&n.timeline.transition(void 0,h)}))}),[b]),n(r,{children:b})}var v={};function y(i){var a=i.children,m=i.shown,s=i.id,y=i.transition,h=void 0===y?{}:y,w=t(null),j=d(),k=u(!1),x=k[0],U=k[1];return c((function(){if(w.current&&m){var n;for(var r in v[s])if(r!==j&&(n=v[s][r]))break;n&&(w.current.timeline.transition(n.timeline,h),U(!x))}}),[m]),c((function(){v[s][j]=m?w.current:null}),[x]),e.only(a)&&o(a)?n(l,p({id:s,ref:function(n){w.current=n,s in v||(v[s]={}),j in v[s]||(v[s][j]=m?n:null)}},{children:f(a,{style:p(p({},a.props.style),{opacity:m?1:0})})})):n(r,{children:a})}export{s as LayoutGroup,y as Morph};
 //# sourceMappingURL=layout.js.map

package/dist/layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"layout.js","sources":["../src/layout-group.tsx","../src/morph.tsx"],"sourcesContent":[null,null],"names":["LayoutGroup","_a","children","_b","adaptive","_c","transition","animatables","useRef","IndexedList","animatableIndex","render","Children","map","child","isValidElement","type","Animatable","i","props","order","id","key","ref","el","current","add","remove","cloneElement","snapshot","useCallback","forEach","_d","useState","state","setState","useEffect","mounted","unmounting","_i","values","length","entry","onUnmount","Math","max","play","reverse","immediate","setTimeout","window","useLayoutEffect","timeline","undefined","_jsx","_Fragment","Morphs","Morph","shown","uuid","useId","updated","setUpdated","prev","only","__assign","style","opacity"],"mappings":"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"}
+{"version":3,"file":"layout.js","sources":["../src/layout/layout-group.tsx","../src/layout/morph.tsx"],"sourcesContent":[null,null],"names":["LayoutGroup","_a","children","_b","adaptive","_c","transition","animatables","useRef","IndexedList","animatableIndex","render","Children","map","child","isValidElement","type","Animatable","i","props","order","id","key","ref","el","current","add","remove","cloneElement","snapshot","useCallback","forEach","_d","useState","state","setState","useEffect","mounted","unmounting","_i","values","length","entry","onUnmount","Math","max","play","reverse","immediate","setTimeout","window","useLayoutEffect","timeline","undefined","_jsx","_Fragment","Morphs","Morph","shown","uuid","useId","updated","setUpdated","prev","only","__assign","style","opacity"],"mappings":"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"}

package/dist/types/animations.d.ts

@@ -3,4 +3,5 @@ import Move from "./animations/move";
 import Pop from "./animations/pop";
 import Scale from "./animations/scale";
 import Wipe from "./animations/wipe";
-export { Fade, Move, Pop, Scale, Wipe };
+import Clip from "./core/clip";
+export { Fade, Move, Pop, Scale, Wipe, Clip };

package/dist/types/core/track.d.ts

@@ -8,10 +8,11 @@ export default class Track {
     active: Action[];
     queue: Action[];
     onupdate: (() => void) | null;
+    onremove: (() => void) | null;
     cache: StyleCache;
     scaleDelta: [number, number];
     constructor(element: HTMLElement, deform: boolean);
-    push(action: Action): Action;
+    push(action: Action): void | Action;
     next(): void;
     clear(): void;
     pause(): void;

package/dist/types/{layout-group.d.ts → layout/layout-group.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { Easing } from "./core/clip";
+import type { Easing } from "../core/clip";
 export default function LayoutGroup({ children, adaptive, transition }: {
     children: React.ReactNode;
     adaptive?: boolean;

package/dist/types/{morph.d.ts → layout/morph.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Easing } from "./core/clip";
+import { Easing } from "../core/clip";
 export default function Morph({ children, shown, id, transition }: {
     children: React.ReactNode;
     shown: boolean;

package/dist/types/layout.d.ts

@@ -1,3 +1,3 @@
-import LayoutGroup from "./layout-group";
-import Morph from "./morph";
+import LayoutGroup from "./layout/layout-group";
+import Morph from "./layout/morph";
 export { LayoutGroup, Morph };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@infinityfx/lively",
-	"version": "3.0.0-beta.6",
+	"version": "3.0.0",
 	"type": "module",
 	"description": "Feature complete, lightweight react animation library.",
 	"main": "dist/cjs/index.js",

package/dist/animatable-f37b703c.js

@@ -1,2 +0,0 @@
-import{C as t,_ as e,a as i}from"./clip-a50f113a.js";import{jsx as r,Fragment as a}from"react/jsx-runtime";import{forwardRef as n,useRef as o,useCallback as s,useImperativeHandle as c,useEffect as u,Children as h,isValidElement as d,cloneElement as p}from"react";import{l,I as f,m}from"./utils-1031ecb2.js";var v=function(){function e(t){this.element=t,this.computed=getComputedStyle(t),this.data=this.read()}return e.prototype.read=function(){var t=this.element.getBoundingClientRect(),e=t.x,i=t.y,r=t.width,a=t.height,n=this.computed,o=n.borderRadius,s=n.opacity,c=n.backgroundColor,u=n.color,h=n.rotate;return{x:e-window.scrollX,y:i+window.scrollY,width:r,height:a,borderRadius:o,opacity:s,backgroundColor:c,color:u,rotate:h}},e.prototype.update=function(){this.data=this.read()},e.prototype.difference=function(e,i){void 0===e&&(e=this.data);for(var r=i.duration,a=i.easing,n=this.read(),o={duration:r,easing:a},s=0,c=["borderRadius","backgroundColor","color","rotate","opacity"];s<c.length;s++){var u=c[s];o[u]=[e[u],n[u]]}return[new t({translate:["".concat(e.x-n.x,"px ").concat(e.y-n.y,"px"),"0px 0px"],scale:["".concat(0===n.width?1:e.width/n.width," ").concat(0===n.height?1:e.height/n.height),"1 1"],composite:!0,duration:r,easing:a}),new t(o)]},e}(),g=function(){function t(t,e){this.playing=0,this.active=[],this.queue=[],this.onupdate=null,this.scaleDelta=[1,1],this.element=t,this.deform=e,this.cache=new v(t)}return t.prototype.push=function(t){return t.onfinish=this.next.bind(this),this.playing&&!t.composited?(this.queue.push(t),t.animation.pause()):(this.active.push(t),this.playing++),t},t.prototype.next=function(){var t;null===(t=this.onupdate)||void 0===t||t.call(this),this.cache.update(),--this.playing>0||(this.active=this.queue.length?this.queue.splice(0,1):[],this.playing=this.active.length,this.play())},t.prototype.clear=function(){this.active=this.active.filter((function(t){return t.animation.cancel(),t.composited})),this.queue=[],this.playing=this.active.length},t.prototype.pause=function(){for(var t=0,e=this.active;t<e.length;t++){e[t].animation.pause()}},t.prototype.play=function(){for(var t=0,e=this.active;t<e.length;t++){e[t].animation.play()}},t.prototype.step=function(t){for(var e=0,i=this.active;e<i.length;e++){i[e].step(t)}},t.prototype.transition=function(t,e){var i=this,r=this.cache.difference(null==t?void 0:t.cache.data,e);this.cache.update(),null==t||t.cache.update(),null==t||t.clear(),r.forEach((function(t){return t.play(i,{})}))},t.prototype.apply=function(t,e){this.set(t,e),this.correct()},t.prototype.set=function(t,e){"borderRadius"===t&&(e=this.computeBorderRadius(e)),this.element.style[t]="strokeDashoffset"===t?l(e):e},t.prototype.decomposeScale=function(){var t=this.cache.computed.scale.split(" "),e=t[0],i=t[1],r=Math.max(parseFloat(e)||1,1e-4);/%$/.test(e)&&(r/=100);var a=i?Math.max(parseFloat(i),1e-4):r;return/%$/.test(i)&&(a/=100),[r,a]},t.prototype.computeBorderRadius=function(t){if(void 0===t&&(t=this.cache.computed.borderRadius),this.deform)return t;var e=t.match(/([\d\.]+)(?:.*\/.*?([\d\.]+))?/)||["","0","0"];e[0];var i=e[1],r=e[2],a=parseFloat(i)*this.scaleDelta[0],n=r?parseFloat(r)*this.scaleDelta[1]:a;return this.scaleDelta=this.decomposeScale(),"".concat(a/this.scaleDelta[0],"px / ").concat(n/this.scaleDelta[1],"px")},t.prototype.correct=function(){if(!this.deform){this.element.style.borderRadius=this.computeBorderRadius();for(var t=this.decomposeScale(),e=t[0],i=t[1],r=0;r<this.element.children.length;r++){this.element.children[r].style.transform="scale(".concat(1/e,", ").concat(1/i,")")}}},t}(),y=function(){function e(t){var e=t.stagger,i=void 0===e?.1:e,r=t.staggerLimit,a=void 0===r?10:r,n=t.deform,o=void 0===n||n;this.index=0,this.paused=!1,this.tracks=new f,this.frame=0,this.stagger=i,this.staggerLimit=a-1,this.deform=o}return e.prototype.step=function(){cancelAnimationFrame(this.frame),this.tracks.forEach((function(t,e){return t.step(e)})),this.frame=requestAnimationFrame(this.step.bind(this))},e.prototype.time=function(t){return t.duration+this.stagger*Math.min(this.staggerLimit,this.tracks.size-1)},e.prototype.port=function(e,i,r){var a;if(!this.paused)for(var n=0;n<this.tracks.size;n++){var o=i(n);r?new t((a={duration:r,easing:"ease"},a[e]=o,a)).play(this.tracks.values[n],{}):this.tracks.values[n].apply(e,o)}},e.prototype.transition=function(t,e){for(var i=void 0===e?{}:e,r=i.duration,a=void 0===r?.5:r,n=i.easing,o=void 0===n?"ease":n,s=0;s<this.tracks.size;s++)this.tracks.values[s].transition(null==t?void 0:t.tracks.values[s],{duration:a,easing:o})},e.prototype.insert=function(t){t&&("TRACK_INDEX"in t||(t.TRACK_INDEX=this.index++),this.tracks.has(t.TRACK_INDEX)||this.tracks.add(t.TRACK_INDEX,new g(t,this.deform)))},e.prototype.add=function(t,e){for(var i=e.immediate,r=void 0!==i&&i,a=e.composite,n=e.reverse,o=e.delay,s=void 0===o?0:o,c=0;c<this.tracks.size;c++)r&&this.tracks.values[c].clear(),t.play(this.tracks.values[c],{delay:s+Math.min(c,this.staggerLimit)*(this.stagger<0?t.duration/this.tracks.size:this.stagger),composite:a,reverse:n})},e.prototype.pause=function(){for(var t=0,e=this.tracks.values;t<e.length;t++){e[t].pause()}this.paused=!0},e.prototype.play=function(){for(var t=0,e=this.tracks.values;t<e.length;t++){e[t].play()}this.paused=!1},e}(),k=n((function(n,l){var f=n.children,v=n.animations,g=n.playbook,x=void 0===g?[]:g,b=n.animate,w=n.initial,R=n.stagger,D=n.staggerLimit,C=n.deform,_=n.order,A=n.onMount,L=void 0!==A&&A,z=n.onUnmount,E=void 0!==z&&z,F=n.noCascade,M=void 0!==F&&F,q=n.text,X=void 0!==q&&q,I=n.disabled,N=void 0!==I&&I,B=n.paused,K=void 0!==B&&B,S=n.id,T=void 0===S?"":S,j=void 0!==_?_:1,U=o({}),V=o(!1),$=o(new y({stagger:X?-1:R,staggerLimit:X?Number.MAX_VALUE:D,deform:C})),W=o([]),Y=o([]);if(!U.current.__initialized)for(var G in U.current.__initialized=!0,U.current.animate=t.from(b,w,$.current),v)U.current[G]=t.from(v[G],w);var H=s((function(t,e,i){if(void 0===e&&(e={}),void 0===i&&(i=1),!t||N||j>1&&i<2)return 0;"string"!=typeof t&&(t="animate");var r=U.current[t];if(!r)return 0;for(var a=0,n=e.delay||0,o=$.current.time(r),s=0,c=Y.current;s<c.length;s++){var u=c[s];if(u){var h=u.play(t,m({delay:n+o},e),i+1);a=Math.max(a,h)}}var d=(e.reverse?a:n)*(j/i);return $.current.add(r,m({delay:d},e)),o+d}),[N,j]);return c(l,(function(){return{play:H,timeline:$.current,mounted:V.current,onUnmount:E,id:T}}),[E]),u((function(){(K||N)&&$.current.pause(),K||N||$.current.play()}),[K,N]),u((function(){for(var t=0;t<x.length;t++){var i=x[t],r=i.name,a=i.trigger,n=e(i,["name","trigger"]);a!==W.current[t]&&a&&H(r,n),W.current[t]=a}}),[x]),u((function(){$.current.step(),V.current=!0,document.fonts.ready.then((function(){return H(L,{immediate:!0})}))}),[]),r(a,{children:function t(e,a,n){return void 0===a&&(a=!0),h.map(e,(function(e){var n=d(e),o=n&&e.type===k,s=n?e.props:{},c={};if(o){if(!M){var u=Y.current.length++;c.order=void 0!==s.order?s.order:(void 0!==_?_:1)+1,c.paused=K,c.ref=function(t){return Y.current[u]=t},c.id=T+u,m(c,s,{animate:b,initial:w,animations:v,stagger:R,staggerLimit:D,deform:C})}}else if(a){var h=n&&e.ref;c.pathLength=1,c.ref=function(t){$.current.insert(t),h&&"current"in h&&(h.current=t),h instanceof Function&&h(t)},c.style=m({backfaceVisibility:"hidden",strokeDasharray:1},w||U.current.animate.initial,s.style)}return n?p(e,c,t(s.children,!1)):a&&["string","number","boolean"].includes(typeof e)?X&&"string"==typeof e?e.split("").map((function(t,e){return r("span",i({ref:function(t){return $.current.insert(t)},style:{minWidth:" "===t?"0.35em":0}},{children:t}))})):r("div",i({},c,{children:e})):e}))}(f)})}));export{k as A};
-//# sourceMappingURL=animatable-f37b703c.js.map

package/dist/animatable-f37b703c.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"animatable-f37b703c.js","sources":["../src/core/cache.ts","../src/core/track.ts","../src/core/timeline.ts","../src/animatable.tsx"],"sourcesContent":[null,null,null,null],"names":["StyleCache","element","this","computed","getComputedStyle","data","read","prototype","_a","getBoundingClientRect","x","y","width","height","_b","borderRadius","opacity","backgroundColor","color","rotate","window","scrollX","scrollY","update","difference","from","duration","easing","to","keyframes","_i","length","key","Clip","translate","concat","scale","composite","Track","deform","playing","active","queue","onupdate","scaleDelta","cache","push","action","onfinish","next","bind","composited","animation","pause","call","splice","play","clear","filter","cancel","step","index","transition","previous","options","_this","clips","forEach","clip","apply","prop","val","set","correct","computeBorderRadius","style","lengthToOffset","decomposeScale","split","xString","yString","Math","max","parseFloat","test","match","xr","yr","i","children","transform","Timeline","stagger","_c","staggerLimit","_d","paused","tracks","IndexedList","frame","cancelAnimationFrame","track","requestAnimationFrame","time","min","size","port","link","values","insert","TRACK_INDEX","has","add","immediate","reverse","delay","Animatable","forwardRef","ref","animations","playbook","animate","initial","order","onMount","onUnmount","_e","noCascade","_f","text","_g","disabled","_h","_j","id","cascadeOrder","undefined","clipMap","useRef","mounted","timeline","Number","MAX_VALUE","playbookState","nodes","current","__initialized","name_1","useCallback","layer","cascadeDelay","layerDelay","node","delay_1","merge","useImperativeHandle","useEffect","name_2","name","trigger","__rest","document","fonts","ready","then","_jsx","render","isDirectChild","isParent","Children","map","child","valid","isValidElement","isAnimatable","type","childProps","props","i_1","el","ref_1","pathLength","Function","backfaceVisibility","strokeDasharray","cloneElement","includes","char","__assign","minWidth"],"mappings":"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"}