@infinityfx/lively 4.0.0-beta.15 → 4.0.0-beta.17

package/dist/core/timeline.js

@@ -1,2 +1,2 @@
-import t from"./clip.js";import{isLink as s}from"./link.js";import i from"./track.js";import{IndexedMap as e,merge as a}from"./utils.js";class r{constructor({stagger:t=.1,staggerLimit:s=10,deform:i=!0,cachable:a,mountClips:r}){this.index=0,this.paused=!1,this.tracks=new e,this.frame=0,this.linked=[],this.mounted=!1,this.stagger=t,this.staggerLimit=s-1,this.deform=i,this.cachable=a,this.mountClips=r}step(){cancelAnimationFrame(this.frame),this.paused||this.tracks.stack.forEach(((t,s)=>t.step(s))),this.frame=requestAnimationFrame(this.step.bind(this))}time(t){return this.tracks.size?t.duration+t.delay+this.stagger*Math.max(Math.min(this.staggerLimit,this.tracks.size-1),0):0}receiver(s,i,e){if(!this.paused)for(let r=0;r<this.tracks.size;r++){const c=this.tracks.stack[r],h=i(r);e.duration?(a(e,{composite:"override"}),new t(Object.assign(Object.assign({},e),{[s]:h})).play(c,{})):(c.apply(s,h),c.correct())}}link(i){if(this.step(),!(this.linked.length||!i||i instanceof t))for(let t in i){const e=i[t];if(s(e)){const s=this.receiver.bind(this,t,e);e.subscribe(s),this.linked.push((()=>e.unsubscribe(s))),s({})}}}unlink(){this.linked.forEach((t=>t())),this.linked=[]}transition(t,s={}){for(let i=0;i<this.tracks.size;i++)this.tracks.stack[i].transition(null==t?void 0:t.tracks.stack[i],s)}insert(t){if((t instanceof HTMLElement||t instanceof SVGElement)&&!this.tracks.has(t)){const s=new i(t,this.deform,this.cachable);this.tracks.set(t,s),this.mounted&&this.mountClips.forEach((t=>t.play(s,{})))}}add(t,{immediate:s=!1,composite:i,reverse:e,delay:a=0,commit:r}){let c,h=0;for(;c=this.tracks.stack[h];)c.element.isConnected?(s&&c.clear(),t.play(c,{delay:a+Math.min(h,this.staggerLimit)*(this.stagger<0?t.duration/this.tracks.size:1)*Math.abs(this.stagger),composite:i,reverse:e,commit:r}),h++):this.tracks.delete(c.element)}pause(t){for(const s of this.tracks.stack)s.pause(t);this.paused=t}cache(){for(const t of this.tracks.stack)t.cache.update()}}export{r as default};
+import t from"./clip.js";import{isLink as s}from"./link.js";import i from"./track.js";import{IndexedMap as e,merge as a}from"./utils.js";class r{constructor({stagger:t=.1,staggerLimit:s=10,deform:i=!0,cachable:a,mountClips:r}){this.index=0,this.paused=!1,this.tracks=new e,this.frame=0,this.linked=[],this.mounted=!1,this.stagger=t,this.staggerLimit=s-1,this.deform=i,this.cachable=a,this.mountClips=r}step(){cancelAnimationFrame(this.frame),this.paused||this.tracks.stack.forEach(((t,s)=>t.step(s))),this.frame=requestAnimationFrame(this.step.bind(this))}time(t){return this.tracks.size?t.duration+t.delay+this.stagger*Math.max(Math.min(this.staggerLimit,this.tracks.size-1),0):0}receiver(s,i,e){if(!this.paused)for(let r=0;r<this.tracks.size;r++){const c=this.tracks.stack[r],h=i(r);e.duration?(a(e,{composite:"override"}),new t(Object.assign(Object.assign({},e),{[s]:h})).play(c,{})):(c.apply(s,h),c.correct())}}link(i){if(this.step(),!(this.linked.length||!i||i instanceof t))for(let t in i){const e=i[t];if(s(e)){const s=this.receiver.bind(this,t,e);e.subscribe(s),this.linked.push((()=>e.unsubscribe(s))),s({})}}}unlink(){cancelAnimationFrame(this.frame),this.linked.forEach((t=>t())),this.linked=[]}transition(t,s={}){for(let i=0;i<this.tracks.size;i++)this.tracks.stack[i].transition(null==t?void 0:t.tracks.stack[i],s)}insert(t){if((t instanceof HTMLElement||t instanceof SVGElement)&&!this.tracks.has(t)){const s=new i(t,this.deform,this.cachable);this.tracks.set(t,s),this.mounted&&this.mountClips.forEach((t=>t.play(s,{})))}}add(t,{immediate:s=!1,composite:i,reverse:e,delay:a=0,commit:r}){let c,h=0;for(;c=this.tracks.stack[h];)c.element.isConnected?(s&&c.clear(),t.play(c,{delay:a+Math.min(h,this.staggerLimit)*(this.stagger<0?t.duration/this.tracks.size:1)*Math.abs(this.stagger),composite:i,reverse:e,commit:r}),h++):this.tracks.delete(c.element)}pause(t){for(const s of this.tracks.stack)s.pause(t);this.paused=t}cache(){for(const t of this.tracks.stack)t.cache.update()}}export{r as default};
 //# sourceMappingURL=timeline.js.map

package/dist/core/timeline.js.map

@@ -1 +1 @@
-{"version":3,"file":"timeline.js","sources":["../../src/core/timeline.ts"],"sourcesContent":[null],"names":["Timeline","constructor","stagger","staggerLimit","deform","cachable","mountClips","this","index","paused","tracks","IndexedMap","frame","linked","mounted","step","cancelAnimationFrame","stack","forEach","track","i","requestAnimationFrame","bind","time","clip","size","duration","delay","Math","max","min","receiver","prop","link","config","value","merge","composite","Clip","Object","assign","play","apply","correct","length","isLink","subscribe","push","unsubscribe","unlink","transition","from","options","insert","element","HTMLElement","SVGElement","has","Track","set","add","immediate","reverse","commit","isConnected","clear","abs","delete","pause","cache","update"],"mappings":"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"}
+{"version":3,"file":"timeline.js","sources":["../../src/core/timeline.ts"],"sourcesContent":[null],"names":["Timeline","constructor","stagger","staggerLimit","deform","cachable","mountClips","this","index","paused","tracks","IndexedMap","frame","linked","mounted","step","cancelAnimationFrame","stack","forEach","track","i","requestAnimationFrame","bind","time","clip","size","duration","delay","Math","max","min","receiver","prop","link","config","value","merge","composite","Clip","Object","assign","play","apply","correct","length","isLink","subscribe","push","unsubscribe","unlink","transition","from","options","insert","element","HTMLElement","SVGElement","has","Track","set","add","immediate","reverse","commit","isConnected","clear","abs","delete","pause","cache","update"],"mappings":"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"}

package/dist/core/track.js

@@ -1,2 +1,2 @@
-import{StyleCache as t}from"./cache.js";import{lengthToOffset as e}from"./utils.js";class s{constructor(e,s,i){this.playing=0,this.active=[],this.queue=[],this.paused=!1,this.scale=[1,1],this.correctedBorderRadius="",this.element=e,this.deform=s,this.cache=new t(e,i)}push(t){t.onfinish=this.next.bind(this),this.playing&&"none"===t.composite?(this.queue.push(t),t.animation.pause()):(this.active.push(t),"none"===t.composite&&this.playing++,this.paused&&t.animation.pause())}next(){this.cache.update(),--this.playing>0||(this.active=this.queue.length?this.queue.splice(0,1):[],this.playing=this.active.length,this.pause(!1))}clear(t){this.active.forEach((e=>{e.onfinish=null;try{t?e.commit||"combine"===e.composite||e.animation.cancel():e.animation.finish()}catch(t){e.animation.cancel()}})),t||(this.active=[],this.queue=[],this.playing=0),this.deform||(this.element.style.borderRadius="",this.correctedBorderRadius=this.cache.data.borderRadius=this.cache.computed.borderRadius,this.scale=[1,1])}pause(t){for(const e of this.active)e.animation[t?"pause":"play"]();this.paused=t}step(t){for(const e of this.active)e.step(t);!this.paused&&this.active.length&&this.correct()}transition(t,e){this.clear(!0);const s=this.cache.difference(null==t?void 0:t.cache.data,e);this.cache.update(),null==t||t.clear(),null==t||t.cache.update(),s.forEach((t=>t.play(this,{commit:!1})))}apply(t,s){const i="strokeLength"===t;this.element.style[i?"strokeDashoffset":t]=i?e(s):s}decomposeScale(){const[t,e]=this.cache.computed.scale.split(" ");let s=Math.max(parseFloat(t)||1,1e-5);/%$/.test(t)&&(s/=100);let i=e?Math.max(parseFloat(e)||1,1e-5):s;return/%$/.test(e)&&(i/=100),[s,i]}computeBorderRadius(){const t=this.cache.computed,e=t.borderRadius.split(/\s*\/\s*/);e.length<2&&(e[1]=e[0]);const s=t.borderRadius!==this.correctedBorderRadius?[1,1]:this.scale;this.scale=this.decomposeScale(),this.element.style.borderRadius=e.map(((t,e)=>t.split(" ").map((t=>{var i;return parseFloat(t)*s[e]/this.scale[e]+((null===(i=t.match(/[^\d\.]+$/))||void 0===i?void 0:i[0])||"px")})).join(" "))).join("/"),this.correctedBorderRadius=t.borderRadius}correct(){if(this.deform)return;this.computeBorderRadius();const[t,e]=this.decomposeScale();for(let s=0;s<this.element.children.length;s++){const i=this.element.children[s],a=i.offsetLeft,c=i.offsetTop,o=i.offsetWidth,h=i.offsetHeight,[r,n]=getComputedStyle(i).translate.split(" ").map(parseFloat);i.style.transform=`translate(${-r||0}px, ${-n||0}px) scale(${1/t}, ${1/e}) translate(${a*(1-t)+o/2*(1-t)+(r||0)}px, ${c*(1-e)+h/2*(1-e)+(n||0)}px)`}}}export{s as default};
+import{StyleCache as t}from"./cache.js";import{lengthToOffset as e}from"./utils.js";class s{constructor(e,s,i){this.playing=0,this.active=[],this.queue=[],this.paused=!1,this.scale=[1,1],this.corrected={borderRadius:"",boxShadow:""},this.element=e,this.deform=s,this.cache=new t(e,i)}push(t){t.onfinish=this.next.bind(this),this.playing&&"none"===t.composite?(this.queue.push(t),t.animation.pause()):(this.active.push(t),"none"===t.composite&&this.playing++,this.paused&&t.animation.pause())}next(){this.cache.update(),--this.playing>0||(this.active=this.queue.length?this.queue.splice(0,1):[],this.playing=this.active.length,this.pause(!1))}clear(t){this.active.forEach((e=>{e.onfinish=null;try{t?e.commit||"combine"===e.composite||e.animation.cancel():e.animation.finish()}catch(t){e.animation.cancel()}})),t||(this.active=[],this.queue=[],this.playing=0),this.deform||(this.element.style.borderRadius="",this.element.style.boxShadow="",this.corrected.borderRadius=this.cache.data.borderRadius=this.cache.computed.borderRadius,this.corrected.boxShadow=this.cache.data.boxShadow=this.cache.computed.boxShadow,this.scale=[1,1])}pause(t){for(const e of this.active)e.animation[t?"pause":"play"]();this.paused=t}step(t){for(const e of this.active)e.step(t);!this.paused&&this.active.length&&this.correct()}transition(t,e){this.clear(!0);const s=this.cache.difference(null==t?void 0:t.cache.data,e);this.cache.update(),null==t||t.clear(),null==t||t.cache.update(),s.forEach((t=>t.play(this,{commit:!1})))}apply(t,s){const i="strokeLength"===t;this.element.style[i?"strokeDashoffset":t]=i?e(s):s}decomposeScale(){const[t,e]=this.cache.computed.scale.split(" ");let s=Math.max(parseFloat(t)||1,1e-5);/%$/.test(t)&&(s/=100);let i=e?Math.max(parseFloat(e)||1,1e-5):s;return/%$/.test(e)&&(i/=100),[s,i]}correct(){if(this.deform)return;const t=this.cache.computed,e=t.borderRadius.split(/\s*\/\s*/);e.length<2&&(e[1]=e[0]);const s=t.boxShadow.split(/(?<=px),\s?/),[i,a]=s[0].split(/(?<=\))\s/),o=t.borderRadius!==this.corrected.borderRadius?[1,1]:this.scale,h=t.boxShadow!==this.corrected.boxShadow?[1,1]:this.scale,[c,r]=this.scale=this.decomposeScale();if(this.element.style.borderRadius=e.map(((t,e)=>t.split(" ").map((t=>{var s;return parseFloat(t)*o[e]/this.scale[e]+((null===(s=t.match(/[^\d\.]+$/))||void 0===s?void 0:s[0])||"px")})).join(" "))).join("/"),this.corrected.borderRadius=t.borderRadius,a){const e=a.split(" ").map(parseFloat),s=+(c<r),o=s?r:c,l=Math.max(...h),n=new Array(3).fill([e[0]*h[0]/c,e[1]*h[1]/r,e[2]*l/o,e[3]*l/o]);n[1][0]-=s?1/c:0,n[1][1]-=s?0:1/r,n[2][0]+=s?1/c:0,n[2][1]+=s?0:1/r,this.element.style.boxShadow=n.map((t=>`${i} ${t.map((t=>`${t}px`)).join(" ")}`)).join(", "),this.corrected.boxShadow=t.boxShadow}for(let t=0;t<this.element.children.length;t++){const e=this.element.children[t],s=e.offsetLeft,i=e.offsetTop,a=e.offsetWidth,o=e.offsetHeight,[h,l]=getComputedStyle(e).translate.split(" ").map(parseFloat);e.style.transform=`translate(${-h||0}px, ${-l||0}px) scale(${1/c}, ${1/r}) translate(${s*(1-c)+a/2*(1-c)+(h||0)}px, ${i*(1-r)+o/2*(1-r)+(l||0)}px)`}}}export{s as default};
 //# sourceMappingURL=track.js.map

package/dist/core/track.js.map

@@ -1 +1 @@
-{"version":3,"file":"track.js","sources":["../../src/core/track.ts"],"sourcesContent":[null],"names":["Track","constructor","element","deform","cachable","this","playing","active","queue","paused","scale","correctedBorderRadius","cache","StyleCache","push","action","onfinish","next","bind","composite","animation","pause","update","length","splice","clear","partial","forEach","commit","cancel","finish","ex","style","borderRadius","data","computed","value","step","index","correct","transition","previous","options","clips","difference","clip","play","apply","prop","val","isStroke","lengthToOffset","decomposeScale","xString","yString","split","x","Math","max","parseFloat","test","y","computeBorderRadius","radii","previousScale","map","axis","i","radius","_a","match","join","children","child","l","offsetLeft","t","offsetTop","w","offsetWidth","h","offsetHeight","tx","ty","getComputedStyle","translate","transform"],"mappings":"oFAOc,MAAOA,EAYjB,WAAAC,CAAYC,EAAmCC,EAAiBC,GARhEC,KAAOC,QAAW,EAClBD,KAAME,OAAa,GACnBF,KAAKG,MAAa,GAElBH,KAAMI,QAAY,EAClBJ,KAAAK,MAA0B,CAAC,EAAG,GAC9BL,KAAqBM,sBAAW,GAG5BN,KAAKH,QAAUA,EACfG,KAAKF,OAASA,EACdE,KAAKO,MAAQ,IAAIC,EAAWX,EAASE,EACxC,CAED,IAAAU,CAAKC,GACDA,EAAOC,SAAWX,KAAKY,KAAKC,KAAKb,MAE7BA,KAAKC,SAAgC,SAArBS,EAAOI,WACvBd,KAAKG,MAAMM,KAAKC,GAChBA,EAAOK,UAAUC,UAEjBhB,KAAKE,OAAOO,KAAKC,GACQ,SAArBA,EAAOI,WAAsBd,KAAKC,UAClCD,KAAKI,QAAQM,EAAOK,UAAUC,QAEzC,CAED,IAAAJ,GACIZ,KAAKO,MAAMU,WAELjB,KAAKC,QAAU,IAErBD,KAAKE,OAASF,KAAKG,MAAMe,OAASlB,KAAKG,MAAMgB,OAAO,EAAG,GAAK,GAC5DnB,KAAKC,QAAUD,KAAKE,OAAOgB,OAC3BlB,KAAKgB,OAAM,GACd,CAED,KAAAI,CAAMC,GACFrB,KAAKE,OAAOoB,SAAQZ,IAChBA,EAAOC,SAAW,KAElB,IACSU,EAGIX,EAAOa,QAA+B,YAArBb,EAAOI,WACzBJ,EAAOK,UAAUS,SAHrBd,EAAOK,UAAUU,QAKxB,CAAC,MAAOC,GACLhB,EAAOK,UAAUS,QACpB,KAGAH,IACDrB,KAAKE,OAAS,GACdF,KAAKG,MAAQ,GACbH,KAAKC,QAAU,GAGdD,KAAKF,SACNE,KAAKH,QAAQ8B,MAAMC,aAAe,GAClC5B,KAAKM,sBAAwBN,KAAKO,MAAMsB,KAAKD,aAAe5B,KAAKO,MAAMuB,SAASF,aAChF5B,KAAKK,MAAQ,CAAC,EAAG,GAExB,CAED,KAAAW,CAAMe,GACF,IAAK,MAAMrB,KAAUV,KAAKE,OAAQQ,EAAOK,UAAUgB,EAAQ,QAAU,UAErE/B,KAAKI,OAAS2B,CACjB,CAED,IAAAC,CAAKC,GACD,IAAK,MAAMvB,KAAUV,KAAKE,OAAQQ,EAAOsB,KAAKC,IAEzCjC,KAAKI,QAAUJ,KAAKE,OAAOgB,QAAQlB,KAAKkC,SAChD,CAED,UAAAC,CAAWC,EAA6BC,GACpCrC,KAAKoB,OAAM,GAEX,MAAMkB,EAAQtC,KAAKO,MAAMgC,WAAWH,aAAA,EAAAA,EAAU7B,MAAMsB,KAAMQ,GAC1DrC,KAAKO,MAAMU,SACXmB,SAAAA,EAAUhB,QACVgB,SAAAA,EAAU7B,MAAMU,SAEhBqB,EAAMhB,SAAQkB,GAAQA,EAAKC,KAAKzC,KAAM,CAAEuB,QAAQ,KACnD,CAED,KAAAmB,CAAMC,EAAcC,GAChB,MAAMC,EAAoB,iBAATF,EACjB3C,KAAKH,QAAQ8B,MAAMkB,EAAW,mBAAqBF,GAAiBE,EAAWC,EAAeF,GAAOA,CACxG,CAED,cAAAG,GACI,MAAOC,EAASC,GAAWjD,KAAKO,MAAMuB,SAASzB,MAAM6C,MAAM,KAE3D,IAAIC,EAAIC,KAAKC,IAAIC,WAAWN,IAAY,EAAG,MACvC,KAAKO,KAAKP,KAAUG,GAAK,KAE7B,IAAIK,EAAIP,EAAUG,KAAKC,IAAIC,WAAWL,IAAY,EAAG,MAAUE,EAG/D,MAFI,KAAKI,KAAKN,KAAUO,GAAK,KAEtB,CAACL,EAAGK,EACd,CAED,mBAAAC,GACI,MAAM3B,EAAW9B,KAAKO,MAAMuB,SAEtB4B,EAAQ5B,EAASF,aAAasB,MAAM,YACtCQ,EAAMxC,OAAS,IAAGwC,EAAM,GAAKA,EAAM,IAEvC,MAAMC,EAAgB7B,EAASF,eAAiB5B,KAAKM,sBAAwB,CAAC,EAAG,GAAKN,KAAKK,MAC3FL,KAAKK,MAAQL,KAAK+C,iBAElB/C,KAAKH,QAAQ8B,MAAMC,aAAe8B,EAAME,KAAI,CAACC,EAAMC,IACxCD,EAAKX,MAAM,KAAKU,KAAIG,UACvB,OAAOT,WAAWS,GAAUJ,EAAcG,GAAK9D,KAAKK,MAAMyD,KAA+B,QAAzBE,EAAAD,EAAOE,MAAM,oBAAY,IAAAD,OAAA,EAAAA,EAAG,KAAM,KAAK,IACxGE,KAAK,OACTA,KAAK,KAERlE,KAAKM,sBAAwBwB,EAASF,YACzC,CAED,OAAAM,GACI,GAAIlC,KAAKF,OAAQ,OAEjBE,KAAKyD,sBAEL,MAAON,EAAGK,GAAKxD,KAAK+C,iBAEpB,IAAK,IAAIe,EAAI,EAAGA,EAAI9D,KAAKH,QAAQsE,SAASjD,OAAQ4C,IAAK,CACnD,MAAMM,EAAQpE,KAAKH,QAAQsE,SAASL,GAC9BO,EAAID,EAAME,WACZC,EAAIH,EAAMI,UACVC,EAAIL,EAAMM,YACVC,EAAIP,EAAMQ,cAEPC,EAAIC,GAAMC,iBAAiBX,GAAOY,UAAU9B,MAAM,KAAKU,IAAIN,YAElEc,EAAMzC,MAAMsD,UAAY,cAAcJ,GAAM,SAASC,GAAM,cAAc,EAAI3B,MAAM,EAAIK,gBAAgBa,GAAK,EAAIlB,GAAKsB,EAAI,GAAK,EAAItB,IAAM0B,GAAM,SAASN,GAAK,EAAIf,GAAKmB,EAAI,GAAK,EAAInB,IAAMsB,GAAM,OACjM,CACJ"}
+{"version":3,"file":"track.js","sources":["../../src/core/track.ts"],"sourcesContent":[null],"names":["Track","constructor","element","deform","cachable","this","playing","active","queue","paused","scale","corrected","borderRadius","boxShadow","cache","StyleCache","push","action","onfinish","next","bind","composite","animation","pause","update","length","splice","clear","partial","forEach","commit","cancel","finish","ex","style","data","computed","value","step","index","correct","transition","previous","options","clips","difference","clip","play","apply","prop","val","isStroke","lengthToOffset","decomposeScale","xString","yString","split","x","Math","max","parseFloat","test","y","radii","shadows","color","shadow","previousRadiusScale","previousShadowScale","map","axis","i","radius","_a","match","join","props","ms","pms","Array","fill","children","child","l","offsetLeft","t","offsetTop","w","offsetWidth","h","offsetHeight","tx","ty","getComputedStyle","translate","transform"],"mappings":"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"}

package/dist/layout/layout-group.js

@@ -1,3 +1,3 @@
 "use client";
-import{jsx as e}from"react/jsx-runtime";import{useRef as n,useState as r,useLayoutEffect as t,Children as o,isValidElement as c,cloneElement as i}from"react";import u from"../animatable.js";import{Groups as d}from"./morph.js";function s(e,n,r=[]){const t="nodes"in e?e.nodes:e;for(let e=0;e<t.length;e++){const o=[...r,e];let c=n(t[e],o);if(c||(c=s(t[e].nodes,n,o)),c)return c}}function l(e,n){return s(e,((e,r)=>{if(e.key===n)return r}))||null}function a(e,n){let r=e[n[0]];for(let e=1;e<n.length&&r;e++)r=r.nodes[n[e]];return r}function m(e,n,r,t){var o;const c=n[n.length-1],i=n.length>1?null===(o=a(e,n.slice(0,-1)))||void 0===o?void 0:o.nodes:e;i&&(t?i.splice(c,r,t):i.splice(c,r))}function f({tree:e,nodes:n,mounting:r,partialIndex:t=[],keys:u=new Set}){return o.forEach(n,((n,o)=>{const d=c(n),s=d&&(Array.isArray(n.props.children)||c(n.props.children)),m=d&&n.type.isLively&&"id"in n.props,p=[...t,o],h=s&&!m?i(n,void 0,[]):n,y=m?n.props.id:"$l."+p.join("");if(m){const n=l(e,y);if(null===n)r.set(y,{node:h,index:p});else{const r=a(e,n);r&&(r.node=h)}}else{const n=a(e,p);n&&n.key.startsWith("$l.")?n.node=h:r.set(y,{node:h,index:p})}s&&!m&&f({tree:e,nodes:n.props.children,mounting:r,partialIndex:p,keys:u}),u.add(y)})),u}function p(e){return e.map((e=>c(e.node)?e.nodes.length?i(e.node,{key:e.key},p(e.nodes)):i(e.node,{key:e.key}):e.node))}function h({children:o,transition:c,initialMount:i=!0}){var a;const h=n(!i),y=n(null),[g,v]=r({}),k=n([]),x=n(new Map),w=n(void 0),j=n(0),E=n(new Set),z=f({tree:k.current,nodes:o,mounting:x.current});if(x.current.forEach(((e,n)=>{z.has(n)||x.current.delete(n)})),s(k.current,(e=>{z.has(e.key)||E.current.add(e.key)})),E.current.size&&y.current){for(const e of y.current.children){const n=null===(a=e.current)||void 0===a?void 0:a.id,r=E.current.has(n);if(e.current&&(r&&z.has(n)&&(e.current.timeline.mounted=!0,E.current.delete(n)),r&&e.current.timeline.mounted)){const n=Date.now()+1e3*e.current.trigger("unmount",{immediate:!0});if(j.current=Math.max(j.current,n),e.current.group){const n=d[e.current.group].get(e.current.timeline);n&&(n.state="unmounted")}e.current.timeline.mounted=!1}}const e=j.current-Date.now();clearTimeout(w.current);const n=(e=!0)=>{E.current.forEach((e=>{const n=l(k.current,e);n&&m(k.current,n,1)})),E.current.clear(),e&&v({})};e>0?w.current=setTimeout(n,e):n(!1)}return!E.current.size&&x.current.size&&(x.current.forEach((({node:e,index:n},r)=>{m(k.current,n,0,{key:r,node:e,nodes:[]})})),x.current.clear()),t((()=>{var e;if(y.current){for(const n of y.current.children)h.current&&n.current&&(n.current.timeline.mounted=!0),(null===(e=n.current)||void 0===e?void 0:e.id)&&n.current.timeline.mounted&&n.current.adaptive&&null!==l(k.current,n.current.id)&&n.current.timeline.transition(void 0,c);h.current=!1}})),e(u,{ref:y,passthrough:!0,cachable:[],children:p(k.current)})}export{h as default};
+import{jsx as e}from"react/jsx-runtime";import{useRef as r,useState as n,useLayoutEffect as t,Children as o,isValidElement as i,cloneElement as c}from"react";import u from"../animatable.js";import{Groups as s}from"./morph.js";function d(e,r,n=[]){const t="nodes"in e?e.nodes:e;for(let e=0;e<t.length;e++){const o=[...n,e];let i=r(t[e],o);if(i||(i=d(t[e].nodes,r,o)),i)return i}}function l(e,r){return d(e,((e,n)=>{if(e.key===r)return n}))||null}function a(e,r){let n=e[r[0]];for(let e=1;e<r.length&&n;e++)n=n.nodes[r[e]];return n}function m(e,r,n,t){var o;const i=r[r.length-1],c=r.length>1?null===(o=a(e,r.slice(0,-1)))||void 0===o?void 0:o.nodes:e;c&&(t?c.splice(i,n,t):c.splice(i,n))}function f({tree:e,nodes:r,mounting:n,partialIndex:t=[],keys:u=new Set}){return o.forEach(r,((r,o)=>{const s=i(r),d=s&&(Array.isArray(r.props.children)||i(r.props.children)),m=s&&r.type.isLively&&"id"in r.props,p=[...t,o],h=d&&!m?c(r,void 0,[]):r,g=m?r.props.id:"$l."+p.join("");if(m){const r=l(e,g);if(null===r)n.set(g,{node:h,index:p});else{const n=a(e,r);n&&(n.node=h)}}else{const r=a(e,p);r&&r.key.startsWith("$l.")?r.node=h:n.set(g,{node:h,index:p})}d&&f({tree:e,nodes:r.props.children,mounting:n,partialIndex:p,keys:u}),u.add(g)})),u}function p(e){const r=e.map((e=>i(e.node)?e.nodes.length?c(e.node,{key:e.key},p(e.nodes)):c(e.node,{key:e.key}):e.node));return r.length>1?r:r[0]}function h({children:o,transition:i,initialMount:c=!0}){var a;const h=r(!c),g=r(null),[y,v]=n({}),k=r([]),x=r(new Map),w=r(void 0),j=r(0),E=r(new Set),z=f({tree:k.current,nodes:o,mounting:x.current});if(x.current.forEach(((e,r)=>{z.has(r)||x.current.delete(r)})),d(k.current,(e=>{z.has(e.key)||E.current.add(e.key)})),E.current.size&&g.current){for(const e of g.current.children){const r=null===(a=e.current)||void 0===a?void 0:a.id,n=E.current.has(r);if(e.current)if(n&&z.has(r))E.current.delete(r),e.current.trigger("mount",{immediate:!0}),e.current.timeline.mounted=!0;else if(n&&e.current.timeline.mounted){const r=Date.now()+1e3*e.current.trigger("unmount",{immediate:!0});if(j.current=Math.max(j.current,r),e.current.group){const r=s[e.current.group].get(e.current.timeline);r&&(r.state="unmounted")}e.current.timeline.mounted=!1}}const e=j.current-Date.now();clearTimeout(w.current);const r=(e=!0)=>{E.current.forEach((e=>{const r=l(k.current,e);r&&m(k.current,r,1)})),E.current.clear(),e&&v({})};e>0?w.current=setTimeout(r,e):r(!1)}return!E.current.size&&x.current.size&&(x.current.forEach((({node:e,index:r},n)=>{m(k.current,r,0,{key:n,node:e,nodes:[]})})),x.current.clear()),t((()=>{var e;if(!g.current)return;let r,n=g.current.children.slice();for(;r=n.pop();)h.current&&r.current&&(r.current.timeline.mounted=!0),(null===(e=r.current)||void 0===e?void 0:e.id)&&r.current.timeline.mounted&&r.current.adaptive&&null!==l(k.current,r.current.id)&&(r.current.timeline.transition(void 0,i),n.push(...r.current.children));h.current=!1})),e(u,{ref:g,passthrough:!0,cachable:[],children:p(k.current)})}export{h as default};
 //# sourceMappingURL=layout-group.js.map

package/dist/types/animatable.d.ts

@@ -24,8 +24,23 @@ type SharedProps<T extends string = any> = {
     } & PlayOptions)[];
     animate?: ClipProperties | Clip;
     initial?: AnimatableInitials;
+    /**
+     * How much to stagger child elements' animations by in seconds.
+     *
+     * @default 0.1
+     */
     stagger?: number;
+    /**
+     * Integer number, after which child elements no longer stagger their animation, but play all at once.
+     *
+     * @default 10
+     */
     staggerLimit?: number;
+    /**
+     * Whether scale animations will cause artifacting to `border-radius` and/or child elements.
+     *
+     * @default true
+     */
     deform?: boolean;
     disabled?: boolean;
     paused?: boolean;
@@ -33,12 +48,43 @@ type SharedProps<T extends string = any> = {
 export type AnimatableProps<T extends string = any> = {
     ref?: React.Ref<AnimatableType>;
     children: React.ReactNode;
+    /**
+     * A unique identifier within a [`LayoutGroup`](https://lively.infinityfx.dev/docs/components/layout-group) parent.
+     */
     id?: string;
+    /**
+     * Where in the order of a cascade animation this component should play it's animations.
+     */
     order?: number;
+    /**
+     * Whether to participate in cascade animations and inherit animation properties from a parent.
+     *
+     * @default false
+     */
     inherit?: boolean;
+    /**
+     * Whether to **not** participate in cascading animations.
+     *
+     * @default false
+     */
     passthrough?: boolean;
+    /**
+     * Whether to animate layout changes when this component is a child of a [`LayoutGroup`](https://lively.infinityfx.dev/docs/components/layout-group).
+     *
+     * @default false
+     */
     adaptive?: boolean;
+    /**
+     * Which properties to keep track of for layout change animations.
+     *
+     * @default ['x', 'y', 'sx', 'sy', 'rotate', 'color', 'backgroundColor', 'borderRadius', 'opacity']
+     */
     cachable?: CachableKey[];
+    /**
+     * Whether to disable automatic mount/unmount triggering.
+     *
+     * @default false
+     */
     manual?: boolean;
     onAnimationEnd?: (animation: T | 'animate') => void;
 } & SharedProps<T>;
@@ -48,6 +94,11 @@ type AnimatableContext = {
     remove: (child: React.RefObject<AnimatableType | null>) => void;
 } & SharedProps;
 export declare const AnimatableContext: import("react").Context<AnimatableContext | null>;
+/**
+ * Wrap around a react component to animate it.
+ *
+ * @see {@link https://lively.infinityfx.dev/docs/components/animatable}
+ */
 declare function Animatable<T extends string>(props: AnimatableProps<T>): import("react/jsx-runtime").JSX.Element;
 declare namespace Animatable {
     var isLively: boolean;

package/dist/types/animate.d.ts

@@ -2,8 +2,16 @@ import { AnimatableProps } from "./animatable";
 import Clip, { ClipProperties } from "./core/clip";
 type AnimateProps = {
     animations?: (ClipProperties | Clip)[];
+    /**
+     * The number of levels to cascade down animations.
+     */
     levels?: number;
 } & Omit<AnimatableProps, 'animations' | 'animate' | 'order'>;
+/**
+ * Automated cascade animations.
+ *
+ * @see {@link https://lively.infinityfx.dev/docs/components/animate}
+ */
 declare function Animate({ children, animations, levels, ...props }: AnimateProps): import("react/jsx-runtime").JSX.Element;
 declare namespace Animate {
     var isLively: boolean;

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

@@ -15,7 +15,10 @@ export default class Track {
     cache: StyleCache;
     paused: boolean;
     scale: [number, number];
-    correctedBorderRadius: string;
+    corrected: {
+        borderRadius: string;
+        boxShadow: string;
+    };
     constructor(element: HTMLElement | SVGElement, deform: boolean, cachable?: CachableKey[]);
     push(action: Action): void;
     next(): void;
@@ -25,6 +28,5 @@ export default class Track {
     transition(previous: Track | undefined, options: TransitionOptions): void;
     apply(prop: string, val: any): void;
     decomposeScale(): [number, number];
-    computeBorderRadius(): void;
     correct(): void;
 }

package/dist/types/layout/layout-group.d.ts

@@ -1,6 +1,16 @@
 import type { TransitionOptions } from "../core/track";
+/**
+ * Animate layout changes or unmounts.
+ *
+ * @see {@link https://lively.infinityfx.dev/docs/components/layout-group}
+ */
 export default function LayoutGroup({ children, transition, initialMount }: {
     children: React.ReactNode;
     transition?: Omit<TransitionOptions, 'reverse'>;
+    /**
+     * Whether to play mount mount animations on first render
+     *
+     * @default true
+     */
     initialMount?: boolean;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/types/layout/morph.d.ts

@@ -6,7 +6,15 @@ export declare const Groups: {
         state: 'mounted' | 'unmounted' | 'collected';
     }>;
 };
+/**
+ * Peform layout morphs between components when one mounts and unmount.
+ *
+ * @see {@link https://lively.infinityfx.dev/docs/components/morph}
+ */
 declare function Morph({ children, group, transition, ...props }: {
+    /**
+     * Global identifier, components with the same group will morph between eachother.
+     */
     group: string;
     transition?: Omit<TransitionOptions, 'reverse'>;
 } & AnimatableProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/layout/typable.d.ts

@@ -1,4 +1,9 @@
 import { AnimatableProps } from "../animatable";
+/**
+ * Wrap around text to animate it.
+ *
+ * @see {@link https://lively.infinityfx.dev/docs/components/typable}
+ */
 declare function Typable({ children, stagger, staggerLimit, ...props }: AnimatableProps): import("react/jsx-runtime").JSX.Element;
 declare namespace Typable {
     var isLively: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@infinityfx/lively",
-	"version": "4.0.0-beta.15",
+	"version": "4.0.0-beta.17",
 	"type": "module",
 	"description": "Feature complete, lightweight react animation library.",
 	"main": "dist/index.js",
@@ -65,8 +65,8 @@
 		"@rollup/plugin-typescript": "^11.1.6",
 		"@types/react": "npm:types-react@^19.0.0-rc.1",
 		"@types/react-dom": "npm:types-react-dom@^19.0.0-rc.1",
-		"react": "^19.0.0-rc-ab2135c7-20240724",
-		"react-dom": "^19.0.0-rc-ab2135c7-20240724",
+		"react": "^19.0.0-rc-1631855f-20241023",
+		"react-dom": "^19.0.0-rc-1631855f-20241023",
 		"rollup": "^4.18.0",
 		"rollup-plugin-delete": "^2.0.0",
 		"rollup-plugin-preserve-directives": "^0.4.0",