@infinityfx/lively 4.0.10 → 5.0.0-alpha.0

package/dist/types/hooks/use-audio.d.ts

@@ -1,7 +1,6 @@
-import { Link } from "../core/link";
 export default function useAudio({ bands, minFrequency, maxFrequency, smoothing }?: {
     bands?: number | undefined;
     minFrequency?: number | undefined;
     maxFrequency?: number | undefined;
     smoothing?: number | undefined;
-}): [React.RefObject<HTMLAudioElement | null>, Link<number[]>];
+}): readonly [import("react").RefObject<HTMLAudioElement | null>, import("..").AnimationLink<number[], number[]>];

package/dist/types/hooks/use-hover.d.ts

@@ -0,0 +1 @@
+export default function useHover<T extends HTMLElement = any>(): readonly [import("react").RefObject<T | null>, boolean];

package/dist/types/hooks/use-link.d.ts

@@ -1 +1,3 @@
-export default function useLink<T = any>(initial: T): import("../core/link").Link<T>;
+import AnimationLink from "../core/animation-link";
+export default function useLink<T>(initial: T): AnimationLink<T>;
+export default function useLink<T, K = T>(initial: AnimationLink<T>, transform: (value: T, index: number) => K): AnimationLink<K>;

package/dist/types/hooks/use-scroll.d.ts

@@ -1,9 +1,7 @@
-export default function useScroll<T extends HTMLElement>({ restore, target }?: {
-    restore?: number;
-    target?: React.RefObject<T>;
-}): import("../core/link").Link<{
+export default function useScroll<T extends HTMLElement>(target?: React.RefObject<T>): import("..").AnimationLink<{
+    x: number;
+    y: number;
+}, {
     x: number;
     y: number;
-    top: number;
-    left: number;
 }>;

package/dist/types/hooks/use-spring.d.ts

@@ -1,6 +1,9 @@
-export default function useSpring<T extends number | number[]>(initial: T, { stiffness, damping, mass, restThreshold }?: {
-    stiffness?: number | undefined;
-    damping?: number | undefined;
-    mass?: number | undefined;
-    restThreshold?: number | undefined;
-}): import("../core/link").Link<T>;
+import AnimationLink from "../core/animation-link";
+type SpringOptions = {
+    stiffness?: number;
+    damping?: number;
+    mass?: number;
+};
+export default function useSpring(initial: number, options?: SpringOptions): AnimationLink<number>;
+export default function useSpring(initial: number[], options?: SpringOptions): AnimationLink<number[]>;
+export {};

package/dist/types/hooks/use-tap.d.ts

@@ -0,0 +1 @@
+export default function useTap<T extends HTMLElement = any>(): readonly [import("react").RefObject<T | null>, boolean];

package/dist/types/hooks/use-viewport.d.ts

@@ -1,2 +1,7 @@
-import { Link } from "../core/link";
-export default function useViewport<T extends Element = any>(threshold?: number): [React.Ref<T>, Link<[number, number]>];
+export default function useViewport<T extends Element = any>(threshold?: number): readonly [import("react").RefObject<T | null>, import("..").AnimationLink<{
+    x: number;
+    y: number;
+}, {
+    x: number;
+    y: number;
+}>];

package/dist/types/hooks/use-visible.d.ts

@@ -1,6 +1 @@
-import { Trigger } from "./use-trigger";
-export default function useVisible<T extends Element = any>({ enter, exit, threshold }?: {
-    enter?: boolean | number;
-    exit?: boolean | number;
-    threshold?: number;
-}): [React.Ref<T>, Trigger, Trigger];
+export default function useVisible<T extends Element = any>(threshold?: number): readonly [import("react").RefObject<T | null>, number, number];

package/dist/types/hooks.d.ts

@@ -1,10 +1,10 @@
 import useLink from "./hooks/use-link";
-import useTrigger from "./hooks/use-trigger";
-import useReducedMotion from "./hooks/use-reduced-motion";
-import useScroll from "./hooks/use-scroll";
-import usePath from "./hooks/use-path";
+import useHover from "./hooks/use-hover";
+import useTap from "./hooks/use-tap";
 import useViewport from "./hooks/use-viewport";
 import useVisible from "./hooks/use-visible";
+import useScroll from "./hooks/use-scroll";
+import useReducedMotion from "./hooks/use-reduced-motion";
 import useAudio from "./hooks/use-audio";
 import useSpring from "./hooks/use-spring";
-export { useLink, useTrigger, useReducedMotion, useScroll, usePath, useViewport, useVisible, useAudio, useSpring };
+export { useLink, useHover, useTap, useViewport, useVisible, useScroll, useReducedMotion, useAudio, useSpring };

package/dist/types/index.d.ts

@@ -1,4 +1,6 @@
-import Animatable from "./animatable";
 import Animate from "./animate";
-export { type AnimatableType } from "./animatable";
-export { Animatable, Animate };
+import LayoutGroup from "./layout-group";
+import Clip from "./core/clip";
+import type AnimationLink from "./core/animation-link";
+import type Animator from "./core/animator";
+export { Animate, LayoutGroup, Clip, AnimationLink, Animator };

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

@@ -0,0 +1,7 @@
+import React from "react";
+export declare const LayoutGroupContext: React.Context<string>;
+export default function LayoutGroup({ children, skipInitialMount, mode }: {
+    children: React.ReactNode;
+    skipInitialMount?: boolean;
+    mode?: 'wait' | 'swap';
+}): import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@infinityfx/lively",
-	"version": "4.0.10",
+	"version": "5.0.0-alpha.0",
 	"type": "module",
 	"description": "Feature complete, lightweight react animation library.",
 	"main": "dist/index.js",
@@ -15,9 +15,9 @@
 			"types": "./dist/types/hooks.d.ts",
 			"default": "./dist/hooks.js"
 		},
-		"./layout": {
-			"types": "./dist/types/layout.d.ts",
-			"default": "./dist/layout.js"
+		"./animations": {
+			"types": "./dist/types/animations.d.ts",
+			"default": "./dist/animations.js"
 		}
 	},
 	"typesVersions": {
@@ -25,8 +25,8 @@
 			"hooks": [
 				"./dist/types/hooks.d.ts"
 			],
-			"layout": [
-				"./dist/types/layout.d.ts"
+			"animations": [
+				"./dist/types/animations.d.ts"
 			]
 		}
 	},
@@ -52,25 +52,25 @@
 		"watch": "rollup -c -w"
 	},
 	"dependencies": {
-		"tslib": "^2.6.3"
+		"tslib": "^2.8.1"
 	},
 	"peerDependencies": {
 		"react": ">=19.0.0",
 		"react-dom": ">=19.0.0"
 	},
 	"devDependencies": {
-		"@rollup/plugin-commonjs": "^26.0.1",
-		"@rollup/plugin-node-resolve": "^15.2.3",
+		"@rollup/plugin-commonjs": "^29.0.0",
+		"@rollup/plugin-node-resolve": "^16.0.3",
 		"@rollup/plugin-terser": "^0.4.4",
-		"@rollup/plugin-typescript": "^11.1.6",
-		"@types/react": "^19.0.0",
-		"@types/react-dom": "^19.0.0",
-		"react": "^19.0.0",
-		"react-dom": "^19.0.0",
-		"rollup": "^4.18.0",
-		"rollup-plugin-delete": "^2.0.0",
+		"@rollup/plugin-typescript": "^12.3.0",
+		"@types/react": "^19.2.14",
+		"@types/react-dom": "^19.2.3",
+		"react": "^19.2.4",
+		"react-dom": "^19.2.4",
+		"rollup": "^4.59.0",
+		"rollup-plugin-delete": "^3.0.2",
 		"rollup-plugin-preserve-directives": "^0.4.0",
-		"typescript": "^5.5.2"
+		"typescript": "^5.9.3"
 	},
 	"sideEffects": false
 }

package/dist/animatable.js

@@ -1,3 +0,0 @@
-"use client";
-import{jsx as e}from"react/jsx-runtime";import{createContext as r,useRef as n,use as t,useMemo as i,useCallback as a,useImperativeHandle as o,useEffect as s,useLayoutEffect as u,Children as c,isValidElement as d,cloneElement as m}from"react";import l from"./core/clip.js";import p from"./core/timeline.js";import{merge as f,pick as h,combineRefs as g}from"./core/utils.js";const v=r(null);function y(r){const y=n(null),b=n([]),x=t(v),w=r.inherit&&x?f({},r,h(x,["group","animations","triggers","animate","initial","stagger","staggerLimit","deform","disabled","paused"])):r,{id:L="",inherit:j,triggers:k=[],disabled:E,adaptive:z=!1,manual:A=!1,paused:C}=w,M=void 0!==r.order?r.order:(j&&void 0!==x?.index?x.index:-1)+1,D=n([]),O=i((()=>{const e={animate:l.from(w.animate,w.initial)};for(const r in w.animations)e[r]=l.from(w.animations[r],w.initial);return e}),[]),T=n(new p({...w,mountClips:k.reduce(((e,{name:r,on:n})=>("mount"===n&&e.push(O[r||"animate"]),e)),[])})),V=a(((e,n={},t=1)=>{const i=O[e];if(E||j&&t<2)return 0;f(n,{reverse:i?.reverse});let a=0,o=n.delay||0,s=i?T.current.time(i):0;for(const r of b.current)r.current?.inherit&&(a=Math.max(r.current.play(e,f({delay:o+s},n),t+1),a));const u=(n.reverse?a:o)*(M/t+1/t);return i&&T.current.add(i,f({delay:u},n)),r.onAnimationEnd&&setTimeout(r.onAnimationEnd.bind({},e),1e3*(s+u)),s+u}),[E,j,M]);function q(e,r={}){let n=0;for(const{name:t,on:i,...a}of k)i===e&&(n=Math.max(V(t||"animate",f(a,r)),n));return n}return o(g(y,r.ref),(()=>({play:V,trigger:q,timeline:T.current,children:b.current,inherit:j,adaptive:z,group:w.group,id:L})),[k]),s((()=>T.current.pause(!(!C&&!E))),[C,E]),s((()=>{for(let e=0;e<k.length;e++){let{name:r,on:n,...t}=k[e];if("string"==typeof n)continue;const i="boolean"==typeof n?n:n.called,a=D.current[e];void 0!==a&&i&&i!==a&&V(r||"animate",t),D.current[e]=i}}),[k]),u((()=>{const e=()=>T.current.cache();return T.current.link(w.animate),window.addEventListener("resize",e),x?.add(y),document.fonts.ready.then((()=>{A||T.current.mounted||q("mount"),T.current.mounted=!0})),()=>{window.removeEventListener("resize",e),T.current.unlink(),x?.remove(y)}}),[]),e(v,{value:{...r.passthrough?x:{index:M,...w},add:e=>{r.passthrough&&x?.add(e),b.current.includes(e)||b.current.push(e)},remove:e=>{r.passthrough&&x?.remove(e);const n=b.current.indexOf(e)||-1;n>=0&&b.current.splice(n,1)}},children:c.map(r.children,(e=>d(e)?m(e,{ref:g((e=>T.current.insert(e)),e.props.ref),pathLength:1,style:f({backfaceVisibility:"hidden",willChange:"transform"},e.props.style,O.animate.initial,{strokeDasharray:1}),"data-lively-offset-boundary":!(!["x","y"].some((e=>r.cachable?.includes(e)))&&void 0!==r.cachable)||void 0}):e))})}y.isLively=!0;export{v as AnimatableContext,y as default};
-//# sourceMappingURL=animatable.js.map

package/dist/animatable.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"animatable.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/core/action.js

@@ -1,2 +0,0 @@
-class i{constructor(i,t,s,n={}){this.commit=!0,this.onfinish=null,this.composite=s.composite,s.composite="combine"===s.composite?"accumulate":"replace",this.animation=i.element.animate(t,s),this.dynamic=n,this.track=i,this.animation.onfinish=this.finish.bind(this)}finish(){try{this.commit&&this.animation.commitStyles()}catch(i){}this.animation.cancel(),this.onfinish?.()}step(i){const t=this.animation.effect?.getComputedTiming().progress||0;for(const s in this.dynamic)this.track.apply(s,this.dynamic[s]?.call(this.track,t,i))}}export{i as default};
-//# sourceMappingURL=action.js.map

package/dist/core/action.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"action.js","sources":["../../src/core/action.ts"],"sourcesContent":[null],"names":["Action","constructor","track","keyframes","config","dynamic","this","commit","onfinish","composite","animation","element","animate","finish","bind","commitStyles","ex","cancel","step","index","progress","effect","getComputedTiming","prop","apply","call"],"mappings":"AAGc,MAAOA,EASjB,WAAAC,CAAYC,EAAcC,EAAkDC,EAAqFC,EAA6B,CAAA,GAN9LC,KAAMC,QAAY,EAIlBD,KAAQE,SAAwB,KAG5BF,KAAKG,UAAYL,EAAOK,UACvBL,EAAeK,UAAiC,YAArBL,EAAOK,UAA0B,aAAe,UAC5EH,KAAKI,UAAYR,EAAMS,QAAQC,QAAQT,EAAWC,GAClDE,KAAKD,QAAUA,EACfC,KAAKJ,MAAQA,EAEbI,KAAKI,UAAUF,SAAWF,KAAKO,OAAOC,KAAKR,KAC9C,CAED,MAAAO,GACI,IACQP,KAAKC,QAAQD,KAAKI,UAAUK,cACnC,CAAC,MAAOC,GAAM,CACfV,KAAKI,UAAUO,SAEfX,KAAKE,YACR,CAED,IAAAU,CAAKC,GACD,MAAMC,EAAWd,KAAKI,UAAUW,QAAQC,oBAAoBF,UAAY,EAExE,IAAK,MAAMG,KAAQjB,KAAKD,QACpBC,KAAKJ,MAAMsB,MAAMD,EAAMjB,KAAKD,QAAQkB,IAAkCE,KAAKnB,KAAKJ,MAAOkB,EAAUD,GAExG"}

package/dist/core/cache.js

@@ -1,2 +0,0 @@
-import e from"./clip.js";class t{constructor(e,t=["x","y","sx","sy","borderRadius","backgroundColor","color","rotate"]){this.element=e,this.include=t.map((e=>"strokeLength"===e?"strokeDashoffset":e)),this.computed=getComputedStyle(e),this.data=this.read()}read(){const e={};for(const t of this.include)e[t]=this.computed[t];if(this.element instanceof SVGElement)return e;e.sx=this.element.offsetWidth,e.sy=this.element.offsetHeight,e.x=e.sx/2,e.y=e.sy/2;let t=this.element;for(;t&&(e.x+=t.offsetLeft,e.y+=t.offsetTop,t=t.offsetParent,!t?.dataset.livelyOffsetBoundary););return e}update(){this.data=this.read()}difference(t=this.data,{duration:s=.5,easing:o="ease",reverse:r=!1}){const a=this.read(),i=[[1,1],[1,1]],n=[["0px","0px"],["0px","0px"]],c={duration:s,easing:o,reverse:r,composite:"combine"},f={...c,composite:"override"};for(const e of this.include)switch(e){case"x":case"y":n[0]["x"==e?0:1]=t[e]-a[e]+"px";break;case"sx":case"sy":i[0]["sx"==e?0:1]=0===a[e]?1:t[e]/a[e];break;default:f[e]=[t[e],a[e]]}return c.scale=i.map((e=>e.join(" "))),c.translate=n.map((e=>e.join(" "))),[new e(c),new e(f)]}}export{t as StyleCache};
-//# sourceMappingURL=cache.js.map

package/dist/core/cache.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"cache.js","sources":["../../src/core/cache.ts"],"sourcesContent":[null],"names":["StyleCache","constructor","element","include","this","map","key","computed","getComputedStyle","data","read","prop","SVGElement","sx","offsetWidth","sy","offsetHeight","x","y","parent","offsetLeft","offsetTop","offsetParent","dataset","livelyOffsetBoundary","update","difference","from","duration","easing","reverse","to","scale","translate","keyframes1","composite","keyframes2","val","join","Clip"],"mappings":"+BAeaA,EAOT,WAAAC,CAAYC,EAAmCC,EAAyB,CAAC,IAAK,IAAK,KAAM,KAAM,eAAgB,kBAAmB,QAAS,WACvIC,KAAKF,QAAUA,EACfE,KAAKD,QAAUA,EAAQE,KAAIC,GAAe,iBAARA,EAAyB,mBAAqBA,IAChFF,KAAKG,SAAWC,iBAAiBN,GACjCE,KAAKK,KAAOL,KAAKM,MACpB,CAED,IAAAA,GACI,MAAMD,EAAO,CAAA,EAGb,IAAK,MAAME,KAAQP,KAAKD,QAASM,EAAKE,GAAQP,KAAKG,SAASI,GAE5D,GAAIP,KAAKF,mBAAmBU,WAAY,OAAOH,EAC/CA,EAAKI,GAAKT,KAAKF,QAAQY,YACvBL,EAAKM,GAAKX,KAAKF,QAAQc,aACvBP,EAAKQ,EAAIR,EAAKI,GAAK,EACnBJ,EAAKS,EAAIT,EAAKM,GAAK,EAEnB,IAAII,EAA6Bf,KAAKF,QACtC,KAAOiB,IACHV,EAAKQ,GAAKE,EAAOC,WACjBX,EAAKS,GAAKC,EAAOE,UAEjBF,EAASA,EAAOG,cACZH,GAAQI,QAAQC,wBAGxB,OAAOf,CACV,CAED,MAAAgB,GACIrB,KAAKK,KAAOL,KAAKM,MACpB,CAED,UAAAgB,CAAWC,EAAkBvB,KAAKK,MAAMmB,SAAEA,EAAW,GAAGC,OAAEA,EAAS,OAAMC,QAAEA,GAAU,IACjF,MAAMC,EAAK3B,KAAKM,OAEVsB,EAAQ,CAAC,CAAC,EAAG,GAAI,CAAC,EAAG,IACvBC,EAAY,CAAC,CAAC,MAAO,OAAQ,CAAC,MAAO,QACnCC,EAA6B,CAAEN,WAAUC,SAAQC,UAASK,UAAW,WACvEC,EAA6B,IAAKF,EAAYC,UAAW,YAE7D,IAAK,MAAM7B,KAAOF,KAAKD,QACnB,OAAQG,GACJ,IAAK,IACL,IAAK,IACD2B,EAAU,GAAU,KAAP3B,EAAa,EAAI,GAAKqB,EAAKrB,GAAOyB,EAAGzB,GAAO,KACzD,MACJ,IAAK,KACL,IAAK,KACD0B,EAAM,GAAU,MAAP1B,EAAc,EAAI,GAAiB,IAAZyB,EAAGzB,GAAa,EAAIqB,EAAKrB,GAAOyB,EAAGzB,GACnE,MACJ,QAAS8B,EAAW9B,GAAO,CAACqB,EAAKrB,GAAeyB,EAAGzB,IAO3D,OAHA4B,EAAWF,MAAQA,EAAM3B,KAAIgC,GAAOA,EAAIC,KAAK,OAC7CJ,EAAWD,UAAYA,EAAU5B,KAAIgC,GAAOA,EAAIC,KAAK,OAE9C,CAAC,IAAIC,EAAKL,GAAa,IAAIK,EAAKH,GAC1C"}

package/dist/core/link.js

@@ -1,2 +0,0 @@
-const e=new Set;function n(s,c){let t={value:s,cached:s,subscriptions:new Set};const r=function(e){return e instanceof Function?n(t.value,(n=>e(r(),n))):c?c(e||0):t.value};return r.set=(n,s)=>{t.value=n,e.forEach((n=>{if(!n.key.deref())return e.delete(n);n.observe(s||{})}))},r.subscribe=e=>t.subscriptions.add(e),r.unsubscribe=e=>t.subscriptions.delete(e),e.add({key:new WeakRef(r),observe:function(e){const n=r();n!==t.cached&&(t.cached=n,t.subscriptions.forEach((n=>n(e))))}}),r}function s(e){return void 0!==e.subscribe}export{n as createLink,s as isLink};
-//# sourceMappingURL=link.js.map

package/dist/core/link.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"link.js","sources":["../../src/core/link.ts"],"sourcesContent":[null],"names":["links","Set","createLink","initial","computed","internal","value","cached","subscriptions","Link","arg","Function","index","set","options","forEach","link","key","deref","delete","observe","subscribe","callback","add","unsubscribe","WeakRef","current","subscription","isLink","val","undefined"],"mappings":"AAgBA,MAAMA,EAAQ,IAAIC,IAKF,SAAAC,EAAiBC,EAAYC,GACzC,IAAIC,EAAW,CACXC,MAAOH,EACPI,OAAQJ,EACRK,cAAe,IAAIP,KAGvB,MAAMQ,EAAgB,SAAUC,GAC5B,OAAIA,aAAeC,SAAiBT,EAAWG,EAASC,OAAQM,GAAkBF,EAAID,IAAQG,KAEvFR,EAAWA,EAASM,GAAO,GAAKL,EAASC,KACpD,EA+BA,OA7BAG,EAAKI,IAAM,CAACP,EAAUQ,KAClBT,EAASC,MAAQA,EAEjBN,EAAMe,SAAQC,IACV,IAAKA,EAAKC,IAAIC,QAAS,OAAOlB,EAAMmB,OAAOH,GAE3CA,EAAKI,QAAQN,GAAW,CAAA,EAAG,GAC7B,EAGNL,EAAKY,UAAaC,GAA2BjB,EAASG,cAAce,IAAID,GAExEb,EAAKe,YAAeF,GAA2BjB,EAASG,cAAcW,OAAOG,GAY7EtB,EAAMuB,IAAI,CACNN,IAAK,IAAIQ,QAAQhB,GACjBW,QAZJ,SAAiBN,GACb,MAAMY,EAAUjB,IAEZiB,IAAYrB,EAASE,SACrBF,EAASE,OAASmB,EAElBrB,EAASG,cAAcO,SAAQY,GAAgBA,EAAab,KAEnE,IAOML,CACX,CAEM,SAAUmB,EAAUC,GACtB,YAAoCC,IAAnBD,EAAKR,SAC1B"}

package/dist/core/timeline.js

@@ -1,2 +0,0 @@
-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({...e,[s]:h}).play(c,{})):requestAnimationFrame((()=>{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(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 +0,0 @@
-{"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","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/hooks/use-path.js

@@ -1,2 +0,0 @@
-import{useRef as t,useCallback as r}from"react";function n(){const n=t(null),e=r((t=>(r,e)=>{if(!n.current)return t([0,0],e);const u=n.current.getTotalLength()*r,{x:o,y:c}=n.current.getPointAtLength(u);return t([o,c],e)}),[n]);return[n,e]}export{n as default};
-//# sourceMappingURL=use-path.js.map

package/dist/hooks/use-path.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-path.js","sources":["../../src/hooks/use-path.ts"],"sourcesContent":[null],"names":["usePath","ref","useRef","link","useCallback","transform","progress","index","current","len","getTotalLength","x","y","getPointAtLength"],"mappings":"gDAEc,SAAUA,IACpB,MAAMC,EAAMC,EAAU,MAEhBC,EAAOC,GAAaC,GACf,CAACC,EAAkBC,KACtB,IAAKN,EAAIO,QAAS,OAAOH,EAAU,CAAC,EAAG,GAAIE,GAE3C,MAAME,EAAMR,EAAIO,QAAQE,iBAAmBJ,GACrCK,EAAEA,EAACC,EAAEA,GAAMX,EAAIO,QAAQK,iBAAiBJ,GAE9C,OAAOJ,EAAU,CAACM,EAAGC,GAAIL,EAAM,GAEpC,CAACN,IAEJ,MAAO,CAACA,EAAKE,EACjB"}

package/dist/hooks/use-trigger.js

@@ -1,3 +0,0 @@
-"use client";
-import{useRef as r,useState as t,useMemo as n}from"react";function e(){const e=r(0),[c,o]=t(0);return n((()=>{function r(){o(++e.current)}return r.called=c,r}),[c])}export{e as default};
-//# sourceMappingURL=use-trigger.js.map

package/dist/hooks/use-trigger.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-trigger.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/layout/layout-group.js

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

package/dist/layout/morph.js

@@ -1,3 +0,0 @@
-"use client";
-import{jsx as t}from"react/jsx-runtime";import{use as e,useRef as r,useLayoutEffect as n}from"react";import o,{AnimatableContext as u}from"../animatable.js";import{combineRefs as i}from"../core/utils.js";const s={};function m({children:m,group:a,transition:c,...l}){const d=e(u),f=d?.group?`${d.group}.${a}`:a;f in s||(s[f]=new Map);const p=r(null);return n((()=>{const t=p.current?.timeline;if(!t)return;if(s[f].has(t)){s[f].get(t).state="mounted"}else s[f].set(t,{state:"mounted"});const e=Array.from(s[f].entries()).find((([t,e])=>"unmounted"===e.state));return e&&!t.mounted?(t.transition(e[0],c),e[1].state="collected"):t.mounted||p.current?.trigger("mount"),t.mounted=!0,()=>{const e=s[f].get(t);e.state="unmounted",setTimeout((()=>e.state="collected"),1)}}),[]),t(o,{...l,group:f,manual:!0,ref:i(p,l.ref),children:m})}m.isLively=!0;export{s as Groups,m as default};
-//# sourceMappingURL=morph.js.map

package/dist/layout/morph.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"morph.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/layout/typable.js

@@ -1,3 +0,0 @@
-"use client";
-import{jsx as r}from"react/jsx-runtime";import{Children as t}from"react";import e from"../animatable.js";function i({children:i,stagger:a=1,staggerLimit:m=Number.MAX_VALUE,...p}){return r(e,{...p,stagger:-1*a,staggerLimit:m,children:t.map(i,(t=>"string"!=typeof t&&"number"!=typeof t?t:t.toString().split("").map((t=>r("span",{style:{whiteSpace:" "===t?"pre-wrap":void 0},children:t})))))})}i.isLively=!0;export{i as default};
-//# sourceMappingURL=typable.js.map

package/dist/layout/typable.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"typable.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/layout.js

@@ -1,2 +0,0 @@
-export{default as LayoutGroup}from"./layout/layout-group.js";export{default as Morph}from"./layout/morph.js";export{default as Typable}from"./layout/typable.js";
-//# sourceMappingURL=layout.js.map

package/dist/layout.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"layout.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/types/animatable.d.ts

@@ -1,112 +0,0 @@
-import Clip, { AnimatableInitials, ClipProperties } from "./core/clip";
-import { Trigger } from "./hooks/use-trigger";
-import Timeline, { PlayOptions } from "./core/timeline";
-import { CachableKey } from "./core/cache";
-type StaticTrigger = 'mount' | 'unmount';
-export type AnimatableType<T extends string = any> = {
-    play: (animation: T | 'animate', options?: PlayOptions, layer?: number) => number;
-    trigger: (trigger: StaticTrigger, options?: PlayOptions) => number;
-    timeline: Timeline;
-    children: React.RefObject<AnimatableType | null>[];
-    inherit: boolean | undefined;
-    adaptive: boolean;
-    group: string | undefined;
-    id: string;
-};
-type SharedProps<T extends string = any> = {
-    group?: string;
-    animations?: {
-        [key in T]: ClipProperties | Clip;
-    };
-    triggers?: ({
-        name?: T | 'animate';
-        on: Trigger | boolean | StaticTrigger;
-    } & 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;
-};
-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;
-    /**
-     * Whether to observe layout changes within children, when this component is a child of a [`LayoutGroup`](https://lively.infinityfx.dev/docs/components/layout-group).
-     *
-     * @default false
-     */
-    traverseLayout?: boolean;
-} & SharedProps<T>;
-type AnimatableContext = {
-    index?: number;
-    add: (child: React.RefObject<AnimatableType | null>) => void;
-    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;
-}
-export default Animatable;

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

@@ -1,15 +0,0 @@
-import type { CompositeType, DynamicProperties } from "./clip";
-import type Track from "./track";
-export default class Action {
-    composite: CompositeType;
-    commit: boolean;
-    track: Track;
-    animation: Animation;
-    dynamic: DynamicProperties;
-    onfinish: (() => void) | null;
-    constructor(track: Track, keyframes: Keyframe[] | PropertyIndexedKeyframes, config: Omit<KeyframeAnimationOptions, 'composite'> & {
-        composite: CompositeType;
-    }, dynamic?: DynamicProperties);
-    finish(): void;
-    step(index: number): void;
-}

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

@@ -1,23 +0,0 @@
-import Clip, { AnimatableKey } from "./clip";
-import { TransitionOptions } from "./track";
-type PartialCachableKey = Exclude<AnimatableKey, 'scale' | 'translate'>;
-export type CachableKey = PartialCachableKey | 'x' | 'y' | 'sx' | 'sy';
-type CacheData = {
-    [key in PartialCachableKey]?: string;
-} & {
-    x: number;
-    y: number;
-    sx: number;
-    sy: number;
-};
-export declare class StyleCache {
-    element: HTMLElement | SVGElement;
-    data: CacheData;
-    computed: CSSStyleDeclaration;
-    include: CachableKey[];
-    constructor(element: HTMLElement | SVGElement, include?: CachableKey[]);
-    read(): CacheData;
-    update(): void;
-    difference(from: CacheData | undefined, { duration, easing, reverse }: TransitionOptions): Clip[];
-}
-export {};

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

@@ -1,14 +0,0 @@
-import { ClipConfig } from "./clip";
-type Computed<P> = (index: number) => P;
-export type Computation<T, P> = (value: T, index: number) => P;
-type LinkCallback = (options: ClipConfig) => void;
-export type Link<T> = {
-    (index?: number): T;
-    <P>(computation: Computation<T, P>): Link<ReturnType<typeof computation>>;
-    set(value: T, options?: ClipConfig): void;
-    subscribe(callback: LinkCallback): void;
-    unsubscribe(callback: LinkCallback): void;
-};
-export declare function createLink<T, P>(initial: T, computed?: Computed<P>): Link<T>;
-export declare function isLink<T>(val: any): val is Link<T>;
-export {};

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

@@ -1,41 +0,0 @@
-import { CachableKey } from "./cache";
-import Clip, { ClipProperties, CompositeType } from "./clip";
-import Track, { TransitionOptions } from "./track";
-import { IndexedMap } from "./utils";
-export type PlayOptions = {
-    composite?: CompositeType;
-    immediate?: boolean;
-    reverse?: boolean;
-    delay?: number;
-    commit?: boolean;
-};
-export default class Timeline {
-    index: number;
-    stagger: number;
-    staggerLimit: number;
-    deform: boolean;
-    cachable?: CachableKey[];
-    paused: boolean;
-    tracks: IndexedMap<Element, Track>;
-    frame: number;
-    linked: (() => void)[];
-    mounted: boolean;
-    mountClips: Clip[];
-    constructor({ stagger, staggerLimit, deform, cachable, mountClips }: {
-        stagger?: number;
-        staggerLimit?: number;
-        deform?: boolean;
-        cachable?: CachableKey[];
-        mountClips: Clip[];
-    });
-    step(): void;
-    time(clip: Clip): number;
-    private receiver;
-    link(clip?: ClipProperties | Clip): void;
-    unlink(): void;
-    transition(from: Timeline | undefined, options?: TransitionOptions): void;
-    insert(element: any): void;
-    add(clip: Clip, { immediate, composite, reverse, delay, commit }: PlayOptions): void;
-    pause(value: boolean): void;
-    cache(): void;
-}

package/dist/types/hooks/use-path.d.ts

@@ -1 +0,0 @@
-export default function usePath<T extends SVGGeometryElement = any>(): [React.Ref<T>, (transform: (value: [number, number], index: number) => any) => (progress: number, index: number) => any];

package/dist/types/hooks/use-trigger.d.ts

@@ -1,4 +0,0 @@
-export type Trigger = (() => void) & {
-    called: number;
-};
-export default function useTrigger(): Trigger;

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

@@ -1,16 +0,0 @@
-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

@@ -1,24 +0,0 @@
-import { AnimatableProps } from "../animatable";
-import Timeline from "../core/timeline";
-import { TransitionOptions } from "../core/track";
-export declare const Groups: {
-    [key: string]: Map<Timeline, {
-        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;
-declare namespace Morph {
-    var isLively: boolean;
-}
-export default Morph;

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

@@ -1,11 +0,0 @@
-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;
-}
-export default Typable;

package/dist/types/layout.d.ts

@@ -1,4 +0,0 @@
-import LayoutGroup from "./layout/layout-group";
-import Morph from "./layout/morph";
-import Typable from "./layout/typable";
-export { LayoutGroup, Morph, Typable };