@new-black/lyra 0.0.24 → 0.0.26

package/dist/lyra259.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("./lyra154.cjs"),X=require("./lyra159.cjs"),Y=require("./lyra308.cjs"),y=require("./lyra309.cjs"),g=require("./lyra310.cjs"),m=require("./lyra223.cjs"),I=require("./lyra311.cjs"),u=require("./lyra155.cjs"),J=require("./lyra307.cjs"),j=require("./lyra312.cjs"),K=require("./lyra313.cjs"),O=require("./lyra171.cjs"),b=require("./lyra314.cjs"),M=require("./lyra315.cjs"),D=require("./lyra316.cjs"),Q=require("./lyra196.cjs"),F=require("./lyra132.cjs"),U=require("./lyra292.cjs"),tt=require("./lyra211.cjs"),k=require("./lyra201.cjs"),et=require("./lyra317.cjs"),it=require("./lyra318.cjs"),st=require("./lyra268.cjs"),at=require("./lyra179.cjs"),v=require("./lyra199.cjs"),N=["","X","Y","Z"],w=1e3;let ot=0;const S={type:"projectionFrame",totalNodes:0,resolvedTargetDeltas:0,recalculatedProjection:0};function rt({attachResizeListener:i,defaultParent:c,measureScroll:h,checkIsScrollRoot:f,resetTransform:L}){return class{constructor(t={},e=c==null?void 0:c()){this.id=ot++,this.animationId=0,this.children=new Set,this.options={},this.isTreeAnimating=!1,this.isAnimationBlocked=!1,this.isLayoutDirty=!1,this.isProjectionDirty=!1,this.isSharedProjectionDirty=!1,this.isTransformDirty=!1,this.updateManuallyBlocked=!1,this.updateBlockedByResize=!1,this.isUpdating=!1,this.isSVG=!1,this.needsReset=!1,this.shouldResetTransform=!1,this.treeScale={x:1,y:1},this.eventHandlers=new Map,this.hasTreeAnimated=!1,this.updateScheduled=!1,this.checkUpdateFailed=()=>{this.isUpdating&&(this.isUpdating=!1,this.clearAllSnapshots())},this.updateProjection=()=>{S.totalNodes=S.resolvedTargetDeltas=S.recalculatedProjection=0,this.nodes.forEach(H),this.nodes.forEach(dt),this.nodes.forEach(ft),this.nodes.forEach(G),et.record(S)},this.hasProjected=!1,this.isVisible=!0,this.animationProgress=0,this.sharedNodes=new Map,this.latestValues=t,this.root=e?e.root||e:this,this.path=e?[...e.path,e]:[],this.parent=e,this.depth=e?e.depth+1:0;for(let s=0;s<this.path.length;s++)this.path[s].shouldResetTransform=!0;this.root===this&&(this.nodes=new Q.FlatTree)}addEventListener(t,e){return this.eventHandlers.has(t)||this.eventHandlers.set(t,new X.SubscriptionManager),this.eventHandlers.get(t).add(e)}notifyListeners(t,...e){const s=this.eventHandlers.get(t);s&&s.notify(...e)}hasListeners(t){return this.eventHandlers.has(t)}mount(t,e=this.root.hasTreeAnimated){if(this.instance)return;this.isSVG=it.isSVGElement(t),this.instance=t;const{layoutId:s,layout:a,visualElement:o}=this.options;if(o&&!o.current&&o.mount(t),this.root.nodes.add(this),this.parent&&this.parent.children.add(this),e&&(a||s)&&(this.isLayoutDirty=!0),i){let r;const n=()=>this.root.updateBlockedByResize=!1;i(t,()=>{this.root.updateBlockedByResize=!0,r&&r(),r=tt.delay(n,250),U.globalProjectionState.hasAnimatedSinceResize&&(U.globalProjectionState.hasAnimatedSinceResize=!1,this.nodes.forEach(z))})}s&&this.root.registerSharedNode(s,this),this.options.animate!==!1&&o&&(s||a)&&this.addEventListener("didUpdate",({delta:r,hasLayoutChanged:n,hasRelativeTargetChanged:l,layout:p})=>{if(this.isTreeAnimationBlocked()){this.target=void 0,this.relativeTarget=void 0;return}const d=this.options.transition||o.getDefaultTransition()||gt,{onLayoutAnimationStart:A,onLayoutAnimationComplete:B}=o.getProps(),R=!this.targetLayout||!j.boxEquals(this.targetLayout,p)||l,T=!n&&l;if(this.options.layoutRoot||this.resumeFrom&&this.resumeFrom.instance||T||n&&(R||!this.currentAnimation)){this.resumeFrom&&(this.resumingFrom=this.resumeFrom,this.resumingFrom.resumingFrom=void 0),this.setAnimationOrigin(r,T);const x={...J.getValueTransition(d,"layout"),onPlay:A,onComplete:B};(o.shouldReduceMotion||this.options.layoutRoot)&&(x.delay=0,x.type=!1),this.startAnimation(x)}else n||z(this),this.isLead()&&this.options.onExitComplete&&this.options.onExitComplete();this.targetLayout=p})}unmount(){this.options.layoutId&&this.willUpdate(),this.root.nodes.remove(this);const t=this.getStack();t&&t.remove(this),this.parent&&this.parent.children.delete(this),this.instance=void 0,P.cancelFrame(this.updateProjection)}blockUpdate(){this.updateManuallyBlocked=!0}unblockUpdate(){this.updateManuallyBlocked=!1}isUpdateBlocked(){return this.updateManuallyBlocked||this.updateBlockedByResize}isTreeAnimationBlocked(){return this.isAnimationBlocked||this.parent&&this.parent.isTreeAnimationBlocked()||!1}startUpdate(){this.isUpdateBlocked()||(this.isUpdating=!0,this.nodes&&this.nodes.forEach(mt),this.animationId++)}getTransformTemplate(){const{visualElement:t}=this.options;return t&&t.getProps().transformTemplate}willUpdate(t=!0){if(this.root.hasTreeAnimated=!0,this.root.isUpdateBlocked()){this.options.onExitComplete&&this.options.onExitComplete();return}if(!this.root.isUpdating&&this.root.startUpdate(),this.isLayoutDirty)return;this.isLayoutDirty=!0;for(let o=0;o<this.path.length;o++){const r=this.path[o];r.shouldResetTransform=!0,r.updateScroll("snapshot"),r.options.layoutRoot&&r.willUpdate(!1)}const{layoutId:e,layout:s}=this.options;if(e===void 0&&!s)return;const a=this.getTransformTemplate();this.prevTransformTemplateValue=a?a(this.latestValues,""):void 0,this.updateSnapshot(),t&&this.notifyListeners("willUpdate")}update(){if(this.updateScheduled=!1,this.isUpdateBlocked()){this.unblockUpdate(),this.clearAllSnapshots(),this.nodes.forEach(W);return}this.isUpdating||this.nodes.forEach(ct),this.isUpdating=!1,this.nodes.forEach(ut),this.nodes.forEach(nt),this.nodes.forEach(lt),this.clearAllSnapshots();const e=performance.now();v.frameData.delta=at.clamp(0,1e3/60,e-v.frameData.timestamp),v.frameData.timestamp=e,v.frameData.isProcessing=!0,P.steps.update.process(v.frameData),P.steps.preRender.process(v.frameData),P.steps.render.process(v.frameData),v.frameData.isProcessing=!1}didUpdate(){this.updateScheduled||(this.updateScheduled=!0,queueMicrotask(()=>this.update()))}clearAllSnapshots(){this.nodes.forEach(ht),this.sharedNodes.forEach(pt)}scheduleUpdateProjection(){P.frame.preRender(this.updateProjection,!1,!0)}scheduleCheckAfterUnmount(){P.frame.postRender(()=>{this.isLayoutDirty?this.root.didUpdate():this.root.checkUpdateFailed()})}updateSnapshot(){this.snapshot||!this.instance||(this.snapshot=this.measure())}updateLayout(){if(!this.instance||(this.updateScroll(),!(this.options.alwaysMeasureLayout&&this.isLead())&&!this.isLayoutDirty))return;if(this.resumeFrom&&!this.resumeFrom.instance)for(let s=0;s<this.path.length;s++)this.path[s].updateScroll();const t=this.layout;this.layout=this.measure(!1),this.layoutCorrected=u.createBox(),this.isLayoutDirty=!1,this.projectionDelta=void 0,this.notifyListeners("measure",this.layout.layoutBox);const{visualElement:e}=this.options;e&&e.notify("LayoutMeasure",this.layout.layoutBox,t?t.layoutBox:void 0)}updateScroll(t="measure"){let e=!!(this.options.layoutScroll&&this.instance);this.scroll&&this.scroll.animationId===this.root.animationId&&this.scroll.phase===t&&(e=!1),e&&(this.scroll={animationId:this.root.animationId,phase:t,isRoot:f(this.instance),offset:h(this.instance)})}resetTransform(){if(!L)return;const t=this.isLayoutDirty||this.shouldResetTransform,e=this.projectionDelta&&!j.isDeltaZero(this.projectionDelta),s=this.getTransformTemplate(),a=s?s(this.latestValues,""):void 0,o=a!==this.prevTransformTemplateValue;t&&(e||D.hasTransform(this.latestValues)||o)&&(L(this.instance,a),this.shouldResetTransform=!1,this.scheduleRender())}measure(t=!0){const e=this.measurePageBox();let s=this.removeElementScroll(e);return t&&(s=this.removeTransform(s)),vt(s),{animationId:this.root.animationId,measuredBox:e,layoutBox:s,latestValues:{},source:this.id}}measurePageBox(){const{visualElement:t}=this.options;if(!t)return u.createBox();const e=t.measureViewportBox(),{scroll:s}=this.root;return s&&(g.translateAxis(e.x,s.offset.x),g.translateAxis(e.y,s.offset.y)),e}removeElementScroll(t){const e=u.createBox();y.copyBoxInto(e,t);for(let s=0;s<this.path.length;s++){const a=this.path[s],{scroll:o,options:r}=a;if(a!==this.root&&o&&r.layoutScroll){if(o.isRoot){y.copyBoxInto(e,t);const{scroll:n}=this.root;n&&(g.translateAxis(e.x,-n.offset.x),g.translateAxis(e.y,-n.offset.y))}g.translateAxis(e.x,o.offset.x),g.translateAxis(e.y,o.offset.y)}}return e}applyTransform(t,e=!1){const s=u.createBox();y.copyBoxInto(s,t);for(let a=0;a<this.path.length;a++){const o=this.path[a];!e&&o.options.layoutScroll&&o.scroll&&o!==o.root&&g.transformBox(s,{x:-o.scroll.offset.x,y:-o.scroll.offset.y}),D.hasTransform(o.latestValues)&&g.transformBox(s,o.latestValues)}return D.hasTransform(this.latestValues)&&g.transformBox(s,this.latestValues),s}removeTransform(t){const e=u.createBox();y.copyBoxInto(e,t);for(let s=0;s<this.path.length;s++){const a=this.path[s];if(!a.instance||!D.hasTransform(a.latestValues))continue;D.hasScale(a.latestValues)&&a.updateSnapshot();const o=u.createBox(),r=a.measurePageBox();y.copyBoxInto(o,r),I.removeBoxTransforms(e,a.latestValues,a.snapshot?a.snapshot.layoutBox:void 0,o)}return D.hasTransform(this.latestValues)&&I.removeBoxTransforms(e,this.latestValues),e}setTargetDelta(t){this.targetDelta=t,this.root.scheduleUpdateProjection(),this.isProjectionDirty=!0}setOptions(t){this.options={...this.options,...t,crossfade:t.crossfade!==void 0?t.crossfade:!0}}clearMeasurements(){this.scroll=void 0,this.layout=void 0,this.snapshot=void 0,this.prevTransformTemplateValue=void 0,this.targetDelta=void 0,this.target=void 0,this.isLayoutDirty=!1}forceRelativeParentToResolveTarget(){this.relativeParent&&this.relativeParent.resolvedRelativeTargetAt!==v.frameData.timestamp&&this.relativeParent.resolveTargetDelta(!0)}resolveTargetDelta(t=!1){var e;const s=this.getLead();this.isProjectionDirty||(this.isProjectionDirty=s.isProjectionDirty),this.isTransformDirty||(this.isTransformDirty=s.isTransformDirty),this.isSharedProjectionDirty||(this.isSharedProjectionDirty=s.isSharedProjectionDirty);const a=!!this.resumingFrom||this!==s;if(!(t||a&&this.isSharedProjectionDirty||this.isProjectionDirty||!((e=this.parent)===null||e===void 0)&&e.isProjectionDirty||this.attemptToResolveRelativeTarget))return;const{layout:r,layoutId:n}=this.options;if(!(!this.layout||!(r||n))){if(this.resolvedRelativeTargetAt=v.frameData.timestamp,!this.targetDelta&&!this.relativeTarget){const l=this.getClosestProjectingParent();l&&l.layout&&this.animationProgress!==1?(this.relativeParent=l,this.forceRelativeParentToResolveTarget(),this.relativeTarget=u.createBox(),this.relativeTargetOrigin=u.createBox(),m.calcRelativePosition(this.relativeTargetOrigin,this.layout.layoutBox,l.layout.layoutBox),y.copyBoxInto(this.relativeTarget,this.relativeTargetOrigin)):this.relativeParent=this.relativeTarget=void 0}if(!(!this.relativeTarget&&!this.targetDelta)){if(this.target||(this.target=u.createBox(),this.targetWithTransforms=u.createBox()),this.relativeTarget&&this.relativeTargetOrigin&&this.relativeParent&&this.relativeParent.target?(this.forceRelativeParentToResolveTarget(),m.calcRelativeBox(this.target,this.relativeTarget,this.relativeParent.target)):this.targetDelta?(this.resumingFrom?this.target=this.applyTransform(this.layout.layoutBox):y.copyBoxInto(this.target,this.layout.layoutBox),g.applyBoxDelta(this.target,this.targetDelta)):y.copyBoxInto(this.target,this.layout.layoutBox),this.attemptToResolveRelativeTarget){this.attemptToResolveRelativeTarget=!1;const l=this.getClosestProjectingParent();l&&!!l.resumingFrom==!!this.resumingFrom&&!l.options.layoutScroll&&l.target&&this.animationProgress!==1?(this.relativeParent=l,this.forceRelativeParentToResolveTarget(),this.relativeTarget=u.createBox(),this.relativeTargetOrigin=u.createBox(),m.calcRelativePosition(this.relativeTargetOrigin,this.target,l.target),y.copyBoxInto(this.relativeTarget,this.relativeTargetOrigin)):this.relativeParent=this.relativeTarget=void 0}S.resolvedTargetDeltas++}}}getClosestProjectingParent(){if(!(!this.parent||D.hasScale(this.parent.latestValues)||D.has2DTranslate(this.parent.latestValues)))return this.parent.isProjecting()?this.parent:this.parent.getClosestProjectingParent()}isProjecting(){return!!((this.relativeTarget||this.targetDelta||this.options.layoutRoot)&&this.layout)}calcProjection(){var t;const e=this.getLead(),s=!!this.resumingFrom||this!==e;let a=!0;if((this.isProjectionDirty||!((t=this.parent)===null||t===void 0)&&t.isProjectionDirty)&&(a=!1),s&&(this.isSharedProjectionDirty||this.isTransformDirty)&&(a=!1),this.resolvedRelativeTargetAt===v.frameData.timestamp&&(a=!1),a)return;const{layout:o,layoutId:r}=this.options;if(this.isTreeAnimating=!!(this.parent&&this.parent.isTreeAnimating||this.currentAnimation||this.pendingAnimation),this.isTreeAnimating||(this.targetDelta=this.relativeTarget=void 0),!this.layout||!(o||r))return;y.copyBoxInto(this.layoutCorrected,this.layout.layoutBox);const n=this.treeScale.x,l=this.treeScale.y;g.applyTreeDeltas(this.layoutCorrected,this.treeScale,this.path,s),e.layout&&!e.target&&(this.treeScale.x!==1||this.treeScale.y!==1)&&(e.target=e.layout.layoutBox);const{target:p}=e;if(!p){this.projectionTransform&&(this.projectionDelta=u.createDelta(),this.projectionTransform="none",this.scheduleRender());return}this.projectionDelta||(this.projectionDelta=u.createDelta(),this.projectionDeltaWithTransform=u.createDelta());const d=this.projectionTransform;m.calcBoxDelta(this.projectionDelta,this.layoutCorrected,p,this.latestValues),this.projectionTransform=b.buildProjectionTransform(this.projectionDelta,this.treeScale),(this.projectionTransform!==d||this.treeScale.x!==n||this.treeScale.y!==l)&&(this.hasProjected=!0,this.scheduleRender(),this.notifyListeners("projectionUpdate",p)),S.recalculatedProjection++}hide(){this.isVisible=!1}show(){this.isVisible=!0}scheduleRender(t=!0){if(this.options.scheduleRender&&this.options.scheduleRender(),t){const e=this.getStack();e&&e.scheduleRender()}this.resumingFrom&&!this.resumingFrom.instance&&(this.resumingFrom=void 0)}setAnimationOrigin(t,e=!1){const s=this.snapshot,a=s?s.latestValues:{},o={...this.latestValues},r=u.createDelta();(!this.relativeParent||!this.relativeParent.options.layoutRoot)&&(this.relativeTarget=this.relativeTargetOrigin=void 0),this.attemptToResolveRelativeTarget=!e;const n=u.createBox(),l=s?s.source:void 0,p=this.layout?this.layout.source:void 0,d=l!==p,A=this.getStack(),B=!A||A.members.length<=1,R=!!(d&&!B&&this.options.crossfade===!0&&!this.path.some(yt));this.animationProgress=0;let T;this.mixTargetDelta=x=>{const V=x/1e3;C(r.x,t.x,V),C(r.y,t.y,V),this.setTargetDelta(r),this.relativeTarget&&this.relativeTargetOrigin&&this.layout&&this.relativeParent&&this.relativeParent.layout&&(m.calcRelativePosition(n,this.layout.layoutBox,this.relativeParent.layout.layoutBox),Z(this.relativeTarget,this.relativeTargetOrigin,n,V),T&&j.boxEquals(this.relativeTarget,T)&&(this.isProjectionDirty=!1),T||(T=u.createBox()),y.copyBoxInto(T,this.relativeTarget)),d&&(this.animationValues=o,Y.mixValues(o,a,this.latestValues,V,R,B)),this.root.scheduleUpdateProjection(),this.scheduleRender(),this.animationProgress=V},this.mixTargetDelta(this.options.layoutRoot?1e3:0)}startAnimation(t){this.notifyListeners("animationStart"),this.currentAnimation&&this.currentAnimation.stop(),this.resumingFrom&&this.resumingFrom.currentAnimation&&this.resumingFrom.currentAnimation.stop(),this.pendingAnimation&&(P.cancelFrame(this.pendingAnimation),this.pendingAnimation=void 0),this.pendingAnimation=P.frame.update(()=>{U.globalProjectionState.hasAnimatedSinceResize=!0,this.currentAnimation=st.animateSingleValue(0,w,{...t,onUpdate:e=>{this.mixTargetDelta(e),t.onUpdate&&t.onUpdate(e)},onComplete:()=>{t.onComplete&&t.onComplete(),this.completeAnimation()}}),this.resumingFrom&&(this.resumingFrom.currentAnimation=this.currentAnimation),this.pendingAnimation=void 0})}completeAnimation(){this.resumingFrom&&(this.resumingFrom.currentAnimation=void 0,this.resumingFrom.preserveOpacity=void 0);const t=this.getStack();t&&t.exitAnimationComplete(),this.resumingFrom=this.currentAnimation=this.animationValues=void 0,this.notifyListeners("animationComplete")}finishAnimation(){this.currentAnimation&&(this.mixTargetDelta&&this.mixTargetDelta(w),this.currentAnimation.stop()),this.completeAnimation()}applyTransformsToTarget(){const t=this.getLead();let{targetWithTransforms:e,target:s,layout:a,latestValues:o}=t;if(!(!e||!s||!a)){if(this!==t&&this.layout&&a&&$(this.options.animationType,this.layout.layoutBox,a.layoutBox)){s=this.target||u.createBox();const r=m.calcLength(this.layout.layoutBox.x);s.x.min=t.target.x.min,s.x.max=s.x.min+r;const n=m.calcLength(this.layout.layoutBox.y);s.y.min=t.target.y.min,s.y.max=s.y.min+n}y.copyBoxInto(e,s),g.transformBox(e,o),m.calcBoxDelta(this.projectionDeltaWithTransform,this.layoutCorrected,e,o)}}registerSharedNode(t,e){this.sharedNodes.has(t)||this.sharedNodes.set(t,new K.NodeStack),this.sharedNodes.get(t).add(e);const a=e.options.initialPromotionConfig;e.promote({transition:a?a.transition:void 0,preserveFollowOpacity:a&&a.shouldPreserveFollowOpacity?a.shouldPreserveFollowOpacity(e):void 0})}isLead(){const t=this.getStack();return t?t.lead===this:!0}getLead(){var t;const{layoutId:e}=this.options;return e?((t=this.getStack())===null||t===void 0?void 0:t.lead)||this:this}getPrevLead(){var t;const{layoutId:e}=this.options;return e?(t=this.getStack())===null||t===void 0?void 0:t.prevLead:void 0}getStack(){const{layoutId:t}=this.options;if(t)return this.root.sharedNodes.get(t)}promote({needsReset:t,transition:e,preserveFollowOpacity:s}={}){const a=this.getStack();a&&a.promote(this,s),t&&(this.projectionDelta=void 0,this.needsReset=!0),e&&this.setOptions({transition:e})}relegate(){const t=this.getStack();return t?t.relegate(this):!1}resetRotation(){const{visualElement:t}=this.options;if(!t)return;let e=!1;const{latestValues:s}=t;if((s.rotate||s.rotateX||s.rotateY||s.rotateZ)&&(e=!0),!e)return;const a={};for(let o=0;o<N.length;o++){const r="rotate"+N[o];s[r]&&(a[r]=s[r],t.setStaticValue(r,0))}t.render();for(const o in a)t.setStaticValue(o,a[o]);t.scheduleRender()}getProjectionStyles(t={}){var e,s;const a={};if(!this.instance||this.isSVG)return a;if(this.isVisible)a.visibility="";else return{visibility:"hidden"};const o=this.getTransformTemplate();if(this.needsReset)return this.needsReset=!1,a.opacity="",a.pointerEvents=F.resolveMotionValue(t.pointerEvents)||"",a.transform=o?o(this.latestValues,""):"none",a;const r=this.getLead();if(!this.projectionDelta||!this.layout||!r.target){const d={};return this.options.layoutId&&(d.opacity=this.latestValues.opacity!==void 0?this.latestValues.opacity:1,d.pointerEvents=F.resolveMotionValue(t.pointerEvents)||""),this.hasProjected&&!D.hasTransform(this.latestValues)&&(d.transform=o?o({},""):"none",this.hasProjected=!1),d}const n=r.animationValues||r.latestValues;this.applyTransformsToTarget(),a.transform=b.buildProjectionTransform(this.projectionDeltaWithTransform,this.treeScale,n),o&&(a.transform=o(n,a.transform));const{x:l,y:p}=this.projectionDelta;a.transformOrigin=`${l.origin*100}% ${p.origin*100}% 0`,r.animationValues?a.opacity=r===this?(s=(e=n.opacity)!==null&&e!==void 0?e:this.latestValues.opacity)!==null&&s!==void 0?s:1:this.preserveOpacity?this.latestValues.opacity:n.opacityExit:a.opacity=r===this?n.opacity!==void 0?n.opacity:"":n.opacityExit!==void 0?n.opacityExit:0;for(const d in O.scaleCorrectors){if(n[d]===void 0)continue;const{correct:A,applyTo:B}=O.scaleCorrectors[d],R=a.transform==="none"?n[d]:A(n[d],r);if(B){const T=B.length;for(let x=0;x<T;x++)a[B[x]]=R}else a[d]=R}return this.options.layoutId&&(a.pointerEvents=r===this?F.resolveMotionValue(t.pointerEvents)||"":"none"),a}clearSnapshot(){this.resumeFrom=this.snapshot=void 0}resetTree(){this.root.nodes.forEach(t=>{var e;return(e=t.currentAnimation)===null||e===void 0?void 0:e.stop()}),this.root.nodes.forEach(W),this.root.sharedNodes.clear()}}}function nt(i){i.updateLayout()}function lt(i){var c;const h=((c=i.resumeFrom)===null||c===void 0?void 0:c.snapshot)||i.snapshot;if(i.isLead()&&i.layout&&h&&i.hasListeners("didUpdate")){const{layoutBox:f,measuredBox:L}=i.layout,{animationType:E}=i.options,t=h.source!==i.layout.source;E==="size"?M.eachAxis(r=>{const n=t?h.measuredBox[r]:h.layoutBox[r],l=m.calcLength(n);n.min=f[r].min,n.max=n.min+l}):$(E,h.layoutBox,f)&&M.eachAxis(r=>{const n=t?h.measuredBox[r]:h.layoutBox[r],l=m.calcLength(f[r]);n.max=n.min+l,i.relativeTarget&&!i.currentAnimation&&(i.isProjectionDirty=!0,i.relativeTarget[r].max=i.relativeTarget[r].min+l)});const e=u.createDelta();m.calcBoxDelta(e,f,h.layoutBox);const s=u.createDelta();t?m.calcBoxDelta(s,i.applyTransform(L,!0),h.measuredBox):m.calcBoxDelta(s,f,h.layoutBox);const a=!j.isDeltaZero(e);let o=!1;if(!i.resumeFrom){const r=i.getClosestProjectingParent();if(r&&!r.resumeFrom){const{snapshot:n,layout:l}=r;if(n&&l){const p=u.createBox();m.calcRelativePosition(p,h.layoutBox,n.layoutBox);const d=u.createBox();m.calcRelativePosition(d,f,l.layoutBox),j.boxEquals(p,d)||(o=!0),r.options.layoutRoot&&(i.relativeTarget=d,i.relativeTargetOrigin=p,i.relativeParent=r)}}}i.notifyListeners("didUpdate",{layout:f,snapshot:h,delta:s,layoutDelta:e,hasLayoutChanged:a,hasRelativeTargetChanged:o})}else if(i.isLead()){const{onExitComplete:f}=i.options;f&&f()}i.options.transition=void 0}function H(i){S.totalNodes++,i.parent&&(i.isProjecting()||(i.isProjectionDirty=i.parent.isProjectionDirty),i.isSharedProjectionDirty||(i.isSharedProjectionDirty=!!(i.isProjectionDirty||i.parent.isProjectionDirty||i.parent.isSharedProjectionDirty)),i.isTransformDirty||(i.isTransformDirty=i.parent.isTransformDirty))}function G(i){i.isProjectionDirty=i.isSharedProjectionDirty=i.isTransformDirty=!1}function ht(i){i.clearSnapshot()}function W(i){i.clearMeasurements()}function ct(i){i.isLayoutDirty=!1}function ut(i){const{visualElement:c}=i.options;c&&c.getProps().onBeforeLayoutMeasure&&c.notify("BeforeLayoutMeasure"),i.resetTransform()}function z(i){i.finishAnimation(),i.targetDelta=i.relativeTarget=i.target=void 0,i.isProjectionDirty=!0}function dt(i){i.resolveTargetDelta()}function ft(i){i.calcProjection()}function mt(i){i.resetRotation()}function pt(i){i.removeLeadSnapshot()}function C(i,c,h){i.translate=k.mix(c.translate,0,h),i.scale=k.mix(c.scale,1,h),i.origin=c.origin,i.originPoint=c.originPoint}function q(i,c,h,f){i.min=k.mix(c.min,h.min,f),i.max=k.mix(c.max,h.max,f)}function Z(i,c,h,f){q(i.x,c.x,h.x,f),q(i.y,c.y,h.y,f)}function yt(i){return i.animationValues&&i.animationValues.opacityExit!==void 0}const gt={duration:.45,ease:[.4,0,.1,1]};function _(i){i.min=Math.round(i.min),i.max=Math.round(i.max)}function vt(i){_(i.x),_(i.y)}function $(i,c,h){return i==="position"||i==="preserve-aspect"&&!m.isNear(j.aspectRatio(c),j.aspectRatio(h),.2)}exports.cleanDirtyNodes=G;exports.createProjectionNode=rt;exports.mixAxis=q;exports.mixAxisDelta=C;exports.mixBox=Z;exports.propagateDirtyNodes=H;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra244.cjs"),t=require("./lyra302.cjs"),o=require("./lyra303.cjs"),r={useVisualState:e.makeUseVisualState({scrapeMotionValuesFromProps:t.scrapeMotionValuesFromProps,createRenderState:o.createHtmlRenderState})};exports.htmlMotionConfig=r;

package/dist/lyra259.js

@@ -1,586 +1,12 @@
-import { cancelFrame as I, steps as C, frame as O } from "./lyra154.js";
-import { SubscriptionManager as et } from "./lyra159.js";
-import { mixValues as it } from "./lyra308.js";
-import { copyBoxInto as p } from "./lyra309.js";
-import { translateAxis as S, transformBox as k, applyBoxDelta as st, applyTreeDeltas as ot } from "./lyra310.js";
-import { calcRelativePosition as A, calcRelativeBox as at, calcBoxDelta as L, calcLength as E, isNear as rt } from "./lyra223.js";
-import { removeBoxTransforms as N } from "./lyra311.js";
-import { createBox as f, createDelta as j } from "./lyra155.js";
-import { getValueTransition as nt } from "./lyra307.js";
-import { boxEquals as w, isDeltaZero as Q, aspectRatio as W } from "./lyra312.js";
-import { NodeStack as lt } from "./lyra313.js";
-import { scaleCorrectors as z } from "./lyra171.js";
-import { buildProjectionTransform as _ } from "./lyra314.js";
-import { eachAxis as H } from "./lyra315.js";
-import { hasTransform as B, hasScale as G, has2DTranslate as ht } from "./lyra316.js";
-import { FlatTree as ut } from "./lyra196.js";
-import { resolveMotionValue as M } from "./lyra132.js";
-import { globalProjectionState as b } from "./lyra292.js";
-import { delay as ct } from "./lyra211.js";
-import { mix as F } from "./lyra201.js";
-import { record as dt } from "./lyra317.js";
-import { isSVGElement as ft } from "./lyra318.js";
-import { animateSingleValue as mt } from "./lyra268.js";
-import { clamp as pt } from "./lyra179.js";
-import { frameData as y } from "./lyra199.js";
-const q = ["", "X", "Y", "Z"], X = 1e3;
-let yt = 0;
-const x = {
-  type: "projectionFrame",
-  totalNodes: 0,
-  resolvedTargetDeltas: 0,
-  recalculatedProjection: 0
+import { makeUseVisualState as t } from "./lyra244.js";
+import { scrapeMotionValuesFromProps as e } from "./lyra302.js";
+import { createHtmlRenderState as o } from "./lyra303.js";
+const i = {
+  useVisualState: t({
+    scrapeMotionValuesFromProps: e,
+    createRenderState: o
+  })
 };
-function oe({ attachResizeListener: i, defaultParent: u, measureScroll: h, checkIsScrollRoot: d, resetTransform: V }) {
-  return class {
-    constructor(t = {}, e = u == null ? void 0 : u()) {
-      this.id = yt++, this.animationId = 0, this.children = /* @__PURE__ */ new Set(), this.options = {}, this.isTreeAnimating = !1, this.isAnimationBlocked = !1, this.isLayoutDirty = !1, this.isProjectionDirty = !1, this.isSharedProjectionDirty = !1, this.isTransformDirty = !1, this.updateManuallyBlocked = !1, this.updateBlockedByResize = !1, this.isUpdating = !1, this.isSVG = !1, this.needsReset = !1, this.shouldResetTransform = !1, this.treeScale = { x: 1, y: 1 }, this.eventHandlers = /* @__PURE__ */ new Map(), this.hasTreeAnimated = !1, this.updateScheduled = !1, this.checkUpdateFailed = () => {
-        this.isUpdating && (this.isUpdating = !1, this.clearAllSnapshots());
-      }, this.updateProjection = () => {
-        x.totalNodes = x.resolvedTargetDeltas = x.recalculatedProjection = 0, this.nodes.forEach(Tt), this.nodes.forEach(Bt), this.nodes.forEach(jt), this.nodes.forEach(xt), dt(x);
-      }, this.hasProjected = !1, this.isVisible = !0, this.animationProgress = 0, this.sharedNodes = /* @__PURE__ */ new Map(), this.latestValues = t, this.root = e ? e.root || e : this, this.path = e ? [...e.path, e] : [], this.parent = e, this.depth = e ? e.depth + 1 : 0;
-      for (let s = 0; s < this.path.length; s++)
-        this.path[s].shouldResetTransform = !0;
-      this.root === this && (this.nodes = new ut());
-    }
-    addEventListener(t, e) {
-      return this.eventHandlers.has(t) || this.eventHandlers.set(t, new et()), this.eventHandlers.get(t).add(e);
-    }
-    notifyListeners(t, ...e) {
-      const s = this.eventHandlers.get(t);
-      s && s.notify(...e);
-    }
-    hasListeners(t) {
-      return this.eventHandlers.has(t);
-    }
-    /**
-     * Lifecycles
-     */
-    mount(t, e = this.root.hasTreeAnimated) {
-      if (this.instance)
-        return;
-      this.isSVG = ft(t), this.instance = t;
-      const { layoutId: s, layout: o, visualElement: a } = this.options;
-      if (a && !a.current && a.mount(t), this.root.nodes.add(this), this.parent && this.parent.children.add(this), e && (o || s) && (this.isLayoutDirty = !0), i) {
-        let r;
-        const n = () => this.root.updateBlockedByResize = !1;
-        i(t, () => {
-          this.root.updateBlockedByResize = !0, r && r(), r = ct(n, 250), b.hasAnimatedSinceResize && (b.hasAnimatedSinceResize = !1, this.nodes.forEach(Z));
-        });
-      }
-      s && this.root.registerSharedNode(s, this), this.options.animate !== !1 && a && (s || o) && this.addEventListener("didUpdate", ({ delta: r, hasLayoutChanged: n, hasRelativeTargetChanged: l, layout: m }) => {
-        if (this.isTreeAnimationBlocked()) {
-          this.target = void 0, this.relativeTarget = void 0;
-          return;
-        }
-        const c = this.options.transition || a.getDefaultTransition() || kt, { onLayoutAnimationStart: P, onLayoutAnimationComplete: T } = a.getProps(), D = !this.targetLayout || !w(this.targetLayout, m) || l, g = !n && l;
-        if (this.options.layoutRoot || this.resumeFrom && this.resumeFrom.instance || g || n && (D || !this.currentAnimation)) {
-          this.resumeFrom && (this.resumingFrom = this.resumeFrom, this.resumingFrom.resumingFrom = void 0), this.setAnimationOrigin(r, g);
-          const v = {
-            ...nt(c, "layout"),
-            onPlay: P,
-            onComplete: T
-          };
-          (a.shouldReduceMotion || this.options.layoutRoot) && (v.delay = 0, v.type = !1), this.startAnimation(v);
-        } else
-          n || Z(this), this.isLead() && this.options.onExitComplete && this.options.onExitComplete();
-        this.targetLayout = m;
-      });
-    }
-    unmount() {
-      this.options.layoutId && this.willUpdate(), this.root.nodes.remove(this);
-      const t = this.getStack();
-      t && t.remove(this), this.parent && this.parent.children.delete(this), this.instance = void 0, I(this.updateProjection);
-    }
-    // only on the root
-    blockUpdate() {
-      this.updateManuallyBlocked = !0;
-    }
-    unblockUpdate() {
-      this.updateManuallyBlocked = !1;
-    }
-    isUpdateBlocked() {
-      return this.updateManuallyBlocked || this.updateBlockedByResize;
-    }
-    isTreeAnimationBlocked() {
-      return this.isAnimationBlocked || this.parent && this.parent.isTreeAnimationBlocked() || !1;
-    }
-    // Note: currently only running on root node
-    startUpdate() {
-      this.isUpdateBlocked() || (this.isUpdating = !0, this.nodes && this.nodes.forEach(Rt), this.animationId++);
-    }
-    getTransformTemplate() {
-      const { visualElement: t } = this.options;
-      return t && t.getProps().transformTemplate;
-    }
-    willUpdate(t = !0) {
-      if (this.root.hasTreeAnimated = !0, this.root.isUpdateBlocked()) {
-        this.options.onExitComplete && this.options.onExitComplete();
-        return;
-      }
-      if (!this.root.isUpdating && this.root.startUpdate(), this.isLayoutDirty)
-        return;
-      this.isLayoutDirty = !0;
-      for (let a = 0; a < this.path.length; a++) {
-        const r = this.path[a];
-        r.shouldResetTransform = !0, r.updateScroll("snapshot"), r.options.layoutRoot && r.willUpdate(!1);
-      }
-      const { layoutId: e, layout: s } = this.options;
-      if (e === void 0 && !s)
-        return;
-      const o = this.getTransformTemplate();
-      this.prevTransformTemplateValue = o ? o(this.latestValues, "") : void 0, this.updateSnapshot(), t && this.notifyListeners("willUpdate");
-    }
-    update() {
-      if (this.updateScheduled = !1, this.isUpdateBlocked()) {
-        this.unblockUpdate(), this.clearAllSnapshots(), this.nodes.forEach(Y);
-        return;
-      }
-      this.isUpdating || this.nodes.forEach(Dt), this.isUpdating = !1, this.nodes.forEach(St), this.nodes.forEach(gt), this.nodes.forEach(vt), this.clearAllSnapshots();
-      const e = performance.now();
-      y.delta = pt(0, 1e3 / 60, e - y.timestamp), y.timestamp = e, y.isProcessing = !0, C.update.process(y), C.preRender.process(y), C.render.process(y), y.isProcessing = !1;
-    }
-    didUpdate() {
-      this.updateScheduled || (this.updateScheduled = !0, queueMicrotask(() => this.update()));
-    }
-    clearAllSnapshots() {
-      this.nodes.forEach(Pt), this.sharedNodes.forEach(At);
-    }
-    scheduleUpdateProjection() {
-      O.preRender(this.updateProjection, !1, !0);
-    }
-    scheduleCheckAfterUnmount() {
-      O.postRender(() => {
-        this.isLayoutDirty ? this.root.didUpdate() : this.root.checkUpdateFailed();
-      });
-    }
-    /**
-     * Update measurements
-     */
-    updateSnapshot() {
-      this.snapshot || !this.instance || (this.snapshot = this.measure());
-    }
-    updateLayout() {
-      if (!this.instance || (this.updateScroll(), !(this.options.alwaysMeasureLayout && this.isLead()) && !this.isLayoutDirty))
-        return;
-      if (this.resumeFrom && !this.resumeFrom.instance)
-        for (let s = 0; s < this.path.length; s++)
-          this.path[s].updateScroll();
-      const t = this.layout;
-      this.layout = this.measure(!1), this.layoutCorrected = f(), this.isLayoutDirty = !1, this.projectionDelta = void 0, this.notifyListeners("measure", this.layout.layoutBox);
-      const { visualElement: e } = this.options;
-      e && e.notify("LayoutMeasure", this.layout.layoutBox, t ? t.layoutBox : void 0);
-    }
-    updateScroll(t = "measure") {
-      let e = !!(this.options.layoutScroll && this.instance);
-      this.scroll && this.scroll.animationId === this.root.animationId && this.scroll.phase === t && (e = !1), e && (this.scroll = {
-        animationId: this.root.animationId,
-        phase: t,
-        isRoot: d(this.instance),
-        offset: h(this.instance)
-      });
-    }
-    resetTransform() {
-      if (!V)
-        return;
-      const t = this.isLayoutDirty || this.shouldResetTransform, e = this.projectionDelta && !Q(this.projectionDelta), s = this.getTransformTemplate(), o = s ? s(this.latestValues, "") : void 0, a = o !== this.prevTransformTemplateValue;
-      t && (e || B(this.latestValues) || a) && (V(this.instance, o), this.shouldResetTransform = !1, this.scheduleRender());
-    }
-    measure(t = !0) {
-      const e = this.measurePageBox();
-      let s = this.removeElementScroll(e);
-      return t && (s = this.removeTransform(s)), Et(s), {
-        animationId: this.root.animationId,
-        measuredBox: e,
-        layoutBox: s,
-        latestValues: {},
-        source: this.id
-      };
-    }
-    measurePageBox() {
-      const { visualElement: t } = this.options;
-      if (!t)
-        return f();
-      const e = t.measureViewportBox(), { scroll: s } = this.root;
-      return s && (S(e.x, s.offset.x), S(e.y, s.offset.y)), e;
-    }
-    removeElementScroll(t) {
-      const e = f();
-      p(e, t);
-      for (let s = 0; s < this.path.length; s++) {
-        const o = this.path[s], { scroll: a, options: r } = o;
-        if (o !== this.root && a && r.layoutScroll) {
-          if (a.isRoot) {
-            p(e, t);
-            const { scroll: n } = this.root;
-            n && (S(e.x, -n.offset.x), S(e.y, -n.offset.y));
-          }
-          S(e.x, a.offset.x), S(e.y, a.offset.y);
-        }
-      }
-      return e;
-    }
-    applyTransform(t, e = !1) {
-      const s = f();
-      p(s, t);
-      for (let o = 0; o < this.path.length; o++) {
-        const a = this.path[o];
-        !e && a.options.layoutScroll && a.scroll && a !== a.root && k(s, {
-          x: -a.scroll.offset.x,
-          y: -a.scroll.offset.y
-        }), B(a.latestValues) && k(s, a.latestValues);
-      }
-      return B(this.latestValues) && k(s, this.latestValues), s;
-    }
-    removeTransform(t) {
-      const e = f();
-      p(e, t);
-      for (let s = 0; s < this.path.length; s++) {
-        const o = this.path[s];
-        if (!o.instance || !B(o.latestValues))
-          continue;
-        G(o.latestValues) && o.updateSnapshot();
-        const a = f(), r = o.measurePageBox();
-        p(a, r), N(e, o.latestValues, o.snapshot ? o.snapshot.layoutBox : void 0, a);
-      }
-      return B(this.latestValues) && N(e, this.latestValues), e;
-    }
-    setTargetDelta(t) {
-      this.targetDelta = t, this.root.scheduleUpdateProjection(), this.isProjectionDirty = !0;
-    }
-    setOptions(t) {
-      this.options = {
-        ...this.options,
-        ...t,
-        crossfade: t.crossfade !== void 0 ? t.crossfade : !0
-      };
-    }
-    clearMeasurements() {
-      this.scroll = void 0, this.layout = void 0, this.snapshot = void 0, this.prevTransformTemplateValue = void 0, this.targetDelta = void 0, this.target = void 0, this.isLayoutDirty = !1;
-    }
-    forceRelativeParentToResolveTarget() {
-      this.relativeParent && this.relativeParent.resolvedRelativeTargetAt !== y.timestamp && this.relativeParent.resolveTargetDelta(!0);
-    }
-    resolveTargetDelta(t = !1) {
-      var e;
-      const s = this.getLead();
-      this.isProjectionDirty || (this.isProjectionDirty = s.isProjectionDirty), this.isTransformDirty || (this.isTransformDirty = s.isTransformDirty), this.isSharedProjectionDirty || (this.isSharedProjectionDirty = s.isSharedProjectionDirty);
-      const o = !!this.resumingFrom || this !== s;
-      if (!(t || o && this.isSharedProjectionDirty || this.isProjectionDirty || !((e = this.parent) === null || e === void 0) && e.isProjectionDirty || this.attemptToResolveRelativeTarget))
-        return;
-      const { layout: r, layoutId: n } = this.options;
-      if (!(!this.layout || !(r || n))) {
-        if (this.resolvedRelativeTargetAt = y.timestamp, !this.targetDelta && !this.relativeTarget) {
-          const l = this.getClosestProjectingParent();
-          l && l.layout && this.animationProgress !== 1 ? (this.relativeParent = l, this.forceRelativeParentToResolveTarget(), this.relativeTarget = f(), this.relativeTargetOrigin = f(), A(this.relativeTargetOrigin, this.layout.layoutBox, l.layout.layoutBox), p(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
-        }
-        if (!(!this.relativeTarget && !this.targetDelta)) {
-          if (this.target || (this.target = f(), this.targetWithTransforms = f()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), at(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (this.resumingFrom ? this.target = this.applyTransform(this.layout.layoutBox) : p(this.target, this.layout.layoutBox), st(this.target, this.targetDelta)) : p(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget) {
-            this.attemptToResolveRelativeTarget = !1;
-            const l = this.getClosestProjectingParent();
-            l && !!l.resumingFrom == !!this.resumingFrom && !l.options.layoutScroll && l.target && this.animationProgress !== 1 ? (this.relativeParent = l, this.forceRelativeParentToResolveTarget(), this.relativeTarget = f(), this.relativeTargetOrigin = f(), A(this.relativeTargetOrigin, this.target, l.target), p(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
-          }
-          x.resolvedTargetDeltas++;
-        }
-      }
-    }
-    getClosestProjectingParent() {
-      if (!(!this.parent || G(this.parent.latestValues) || ht(this.parent.latestValues)))
-        return this.parent.isProjecting() ? this.parent : this.parent.getClosestProjectingParent();
-    }
-    isProjecting() {
-      return !!((this.relativeTarget || this.targetDelta || this.options.layoutRoot) && this.layout);
-    }
-    calcProjection() {
-      var t;
-      const e = this.getLead(), s = !!this.resumingFrom || this !== e;
-      let o = !0;
-      if ((this.isProjectionDirty || !((t = this.parent) === null || t === void 0) && t.isProjectionDirty) && (o = !1), s && (this.isSharedProjectionDirty || this.isTransformDirty) && (o = !1), this.resolvedRelativeTargetAt === y.timestamp && (o = !1), o)
-        return;
-      const { layout: a, layoutId: r } = this.options;
-      if (this.isTreeAnimating = !!(this.parent && this.parent.isTreeAnimating || this.currentAnimation || this.pendingAnimation), this.isTreeAnimating || (this.targetDelta = this.relativeTarget = void 0), !this.layout || !(a || r))
-        return;
-      p(this.layoutCorrected, this.layout.layoutBox);
-      const n = this.treeScale.x, l = this.treeScale.y;
-      ot(this.layoutCorrected, this.treeScale, this.path, s), e.layout && !e.target && (this.treeScale.x !== 1 || this.treeScale.y !== 1) && (e.target = e.layout.layoutBox);
-      const { target: m } = e;
-      if (!m) {
-        this.projectionTransform && (this.projectionDelta = j(), this.projectionTransform = "none", this.scheduleRender());
-        return;
-      }
-      this.projectionDelta || (this.projectionDelta = j(), this.projectionDeltaWithTransform = j());
-      const c = this.projectionTransform;
-      L(this.projectionDelta, this.layoutCorrected, m, this.latestValues), this.projectionTransform = _(this.projectionDelta, this.treeScale), (this.projectionTransform !== c || this.treeScale.x !== n || this.treeScale.y !== l) && (this.hasProjected = !0, this.scheduleRender(), this.notifyListeners("projectionUpdate", m)), x.recalculatedProjection++;
-    }
-    hide() {
-      this.isVisible = !1;
-    }
-    show() {
-      this.isVisible = !0;
-    }
-    scheduleRender(t = !0) {
-      if (this.options.scheduleRender && this.options.scheduleRender(), t) {
-        const e = this.getStack();
-        e && e.scheduleRender();
-      }
-      this.resumingFrom && !this.resumingFrom.instance && (this.resumingFrom = void 0);
-    }
-    setAnimationOrigin(t, e = !1) {
-      const s = this.snapshot, o = s ? s.latestValues : {}, a = { ...this.latestValues }, r = j();
-      (!this.relativeParent || !this.relativeParent.options.layoutRoot) && (this.relativeTarget = this.relativeTargetOrigin = void 0), this.attemptToResolveRelativeTarget = !e;
-      const n = f(), l = s ? s.source : void 0, m = this.layout ? this.layout.source : void 0, c = l !== m, P = this.getStack(), T = !P || P.members.length <= 1, D = !!(c && !T && this.options.crossfade === !0 && !this.path.some(Vt));
-      this.animationProgress = 0;
-      let g;
-      this.mixTargetDelta = (v) => {
-        const R = v / 1e3;
-        $(r.x, t.x, R), $(r.y, t.y, R), this.setTargetDelta(r), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (A(n, this.layout.layoutBox, this.relativeParent.layout.layoutBox), Lt(this.relativeTarget, this.relativeTargetOrigin, n, R), g && w(this.relativeTarget, g) && (this.isProjectionDirty = !1), g || (g = f()), p(g, this.relativeTarget)), c && (this.animationValues = a, it(a, o, this.latestValues, R, D, T)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = R;
-      }, this.mixTargetDelta(this.options.layoutRoot ? 1e3 : 0);
-    }
-    startAnimation(t) {
-      this.notifyListeners("animationStart"), this.currentAnimation && this.currentAnimation.stop(), this.resumingFrom && this.resumingFrom.currentAnimation && this.resumingFrom.currentAnimation.stop(), this.pendingAnimation && (I(this.pendingAnimation), this.pendingAnimation = void 0), this.pendingAnimation = O.update(() => {
-        b.hasAnimatedSinceResize = !0, this.currentAnimation = mt(0, X, {
-          ...t,
-          onUpdate: (e) => {
-            this.mixTargetDelta(e), t.onUpdate && t.onUpdate(e);
-          },
-          onComplete: () => {
-            t.onComplete && t.onComplete(), this.completeAnimation();
-          }
-        }), this.resumingFrom && (this.resumingFrom.currentAnimation = this.currentAnimation), this.pendingAnimation = void 0;
-      });
-    }
-    completeAnimation() {
-      this.resumingFrom && (this.resumingFrom.currentAnimation = void 0, this.resumingFrom.preserveOpacity = void 0);
-      const t = this.getStack();
-      t && t.exitAnimationComplete(), this.resumingFrom = this.currentAnimation = this.animationValues = void 0, this.notifyListeners("animationComplete");
-    }
-    finishAnimation() {
-      this.currentAnimation && (this.mixTargetDelta && this.mixTargetDelta(X), this.currentAnimation.stop()), this.completeAnimation();
-    }
-    applyTransformsToTarget() {
-      const t = this.getLead();
-      let { targetWithTransforms: e, target: s, layout: o, latestValues: a } = t;
-      if (!(!e || !s || !o)) {
-        if (this !== t && this.layout && o && tt(this.options.animationType, this.layout.layoutBox, o.layoutBox)) {
-          s = this.target || f();
-          const r = E(this.layout.layoutBox.x);
-          s.x.min = t.target.x.min, s.x.max = s.x.min + r;
-          const n = E(this.layout.layoutBox.y);
-          s.y.min = t.target.y.min, s.y.max = s.y.min + n;
-        }
-        p(e, s), k(e, a), L(this.projectionDeltaWithTransform, this.layoutCorrected, e, a);
-      }
-    }
-    registerSharedNode(t, e) {
-      this.sharedNodes.has(t) || this.sharedNodes.set(t, new lt()), this.sharedNodes.get(t).add(e);
-      const o = e.options.initialPromotionConfig;
-      e.promote({
-        transition: o ? o.transition : void 0,
-        preserveFollowOpacity: o && o.shouldPreserveFollowOpacity ? o.shouldPreserveFollowOpacity(e) : void 0
-      });
-    }
-    isLead() {
-      const t = this.getStack();
-      return t ? t.lead === this : !0;
-    }
-    getLead() {
-      var t;
-      const { layoutId: e } = this.options;
-      return e ? ((t = this.getStack()) === null || t === void 0 ? void 0 : t.lead) || this : this;
-    }
-    getPrevLead() {
-      var t;
-      const { layoutId: e } = this.options;
-      return e ? (t = this.getStack()) === null || t === void 0 ? void 0 : t.prevLead : void 0;
-    }
-    getStack() {
-      const { layoutId: t } = this.options;
-      if (t)
-        return this.root.sharedNodes.get(t);
-    }
-    promote({ needsReset: t, transition: e, preserveFollowOpacity: s } = {}) {
-      const o = this.getStack();
-      o && o.promote(this, s), t && (this.projectionDelta = void 0, this.needsReset = !0), e && this.setOptions({ transition: e });
-    }
-    relegate() {
-      const t = this.getStack();
-      return t ? t.relegate(this) : !1;
-    }
-    resetRotation() {
-      const { visualElement: t } = this.options;
-      if (!t)
-        return;
-      let e = !1;
-      const { latestValues: s } = t;
-      if ((s.rotate || s.rotateX || s.rotateY || s.rotateZ) && (e = !0), !e)
-        return;
-      const o = {};
-      for (let a = 0; a < q.length; a++) {
-        const r = "rotate" + q[a];
-        s[r] && (o[r] = s[r], t.setStaticValue(r, 0));
-      }
-      t.render();
-      for (const a in o)
-        t.setStaticValue(a, o[a]);
-      t.scheduleRender();
-    }
-    getProjectionStyles(t = {}) {
-      var e, s;
-      const o = {};
-      if (!this.instance || this.isSVG)
-        return o;
-      if (this.isVisible)
-        o.visibility = "";
-      else
-        return { visibility: "hidden" };
-      const a = this.getTransformTemplate();
-      if (this.needsReset)
-        return this.needsReset = !1, o.opacity = "", o.pointerEvents = M(t.pointerEvents) || "", o.transform = a ? a(this.latestValues, "") : "none", o;
-      const r = this.getLead();
-      if (!this.projectionDelta || !this.layout || !r.target) {
-        const c = {};
-        return this.options.layoutId && (c.opacity = this.latestValues.opacity !== void 0 ? this.latestValues.opacity : 1, c.pointerEvents = M(t.pointerEvents) || ""), this.hasProjected && !B(this.latestValues) && (c.transform = a ? a({}, "") : "none", this.hasProjected = !1), c;
-      }
-      const n = r.animationValues || r.latestValues;
-      this.applyTransformsToTarget(), o.transform = _(this.projectionDeltaWithTransform, this.treeScale, n), a && (o.transform = a(n, o.transform));
-      const { x: l, y: m } = this.projectionDelta;
-      o.transformOrigin = `${l.origin * 100}% ${m.origin * 100}% 0`, r.animationValues ? o.opacity = r === this ? (s = (e = n.opacity) !== null && e !== void 0 ? e : this.latestValues.opacity) !== null && s !== void 0 ? s : 1 : this.preserveOpacity ? this.latestValues.opacity : n.opacityExit : o.opacity = r === this ? n.opacity !== void 0 ? n.opacity : "" : n.opacityExit !== void 0 ? n.opacityExit : 0;
-      for (const c in z) {
-        if (n[c] === void 0)
-          continue;
-        const { correct: P, applyTo: T } = z[c], D = o.transform === "none" ? n[c] : P(n[c], r);
-        if (T) {
-          const g = T.length;
-          for (let v = 0; v < g; v++)
-            o[T[v]] = D;
-        } else
-          o[c] = D;
-      }
-      return this.options.layoutId && (o.pointerEvents = r === this ? M(t.pointerEvents) || "" : "none"), o;
-    }
-    clearSnapshot() {
-      this.resumeFrom = this.snapshot = void 0;
-    }
-    // Only run on root
-    resetTree() {
-      this.root.nodes.forEach((t) => {
-        var e;
-        return (e = t.currentAnimation) === null || e === void 0 ? void 0 : e.stop();
-      }), this.root.nodes.forEach(Y), this.root.sharedNodes.clear();
-    }
-  };
-}
-function gt(i) {
-  i.updateLayout();
-}
-function vt(i) {
-  var u;
-  const h = ((u = i.resumeFrom) === null || u === void 0 ? void 0 : u.snapshot) || i.snapshot;
-  if (i.isLead() && i.layout && h && i.hasListeners("didUpdate")) {
-    const { layoutBox: d, measuredBox: V } = i.layout, { animationType: U } = i.options, t = h.source !== i.layout.source;
-    U === "size" ? H((r) => {
-      const n = t ? h.measuredBox[r] : h.layoutBox[r], l = E(n);
-      n.min = d[r].min, n.max = n.min + l;
-    }) : tt(U, h.layoutBox, d) && H((r) => {
-      const n = t ? h.measuredBox[r] : h.layoutBox[r], l = E(d[r]);
-      n.max = n.min + l, i.relativeTarget && !i.currentAnimation && (i.isProjectionDirty = !0, i.relativeTarget[r].max = i.relativeTarget[r].min + l);
-    });
-    const e = j();
-    L(e, d, h.layoutBox);
-    const s = j();
-    t ? L(s, i.applyTransform(V, !0), h.measuredBox) : L(s, d, h.layoutBox);
-    const o = !Q(e);
-    let a = !1;
-    if (!i.resumeFrom) {
-      const r = i.getClosestProjectingParent();
-      if (r && !r.resumeFrom) {
-        const { snapshot: n, layout: l } = r;
-        if (n && l) {
-          const m = f();
-          A(m, h.layoutBox, n.layoutBox);
-          const c = f();
-          A(c, d, l.layoutBox), w(m, c) || (a = !0), r.options.layoutRoot && (i.relativeTarget = c, i.relativeTargetOrigin = m, i.relativeParent = r);
-        }
-      }
-    }
-    i.notifyListeners("didUpdate", {
-      layout: d,
-      snapshot: h,
-      delta: s,
-      layoutDelta: e,
-      hasLayoutChanged: o,
-      hasRelativeTargetChanged: a
-    });
-  } else if (i.isLead()) {
-    const { onExitComplete: d } = i.options;
-    d && d();
-  }
-  i.options.transition = void 0;
-}
-function Tt(i) {
-  x.totalNodes++, i.parent && (i.isProjecting() || (i.isProjectionDirty = i.parent.isProjectionDirty), i.isSharedProjectionDirty || (i.isSharedProjectionDirty = !!(i.isProjectionDirty || i.parent.isProjectionDirty || i.parent.isSharedProjectionDirty)), i.isTransformDirty || (i.isTransformDirty = i.parent.isTransformDirty));
-}
-function xt(i) {
-  i.isProjectionDirty = i.isSharedProjectionDirty = i.isTransformDirty = !1;
-}
-function Pt(i) {
-  i.clearSnapshot();
-}
-function Y(i) {
-  i.clearMeasurements();
-}
-function Dt(i) {
-  i.isLayoutDirty = !1;
-}
-function St(i) {
-  const { visualElement: u } = i.options;
-  u && u.getProps().onBeforeLayoutMeasure && u.notify("BeforeLayoutMeasure"), i.resetTransform();
-}
-function Z(i) {
-  i.finishAnimation(), i.targetDelta = i.relativeTarget = i.target = void 0, i.isProjectionDirty = !0;
-}
-function Bt(i) {
-  i.resolveTargetDelta();
-}
-function jt(i) {
-  i.calcProjection();
-}
-function Rt(i) {
-  i.resetRotation();
-}
-function At(i) {
-  i.removeLeadSnapshot();
-}
-function $(i, u, h) {
-  i.translate = F(u.translate, 0, h), i.scale = F(u.scale, 1, h), i.origin = u.origin, i.originPoint = u.originPoint;
-}
-function J(i, u, h, d) {
-  i.min = F(u.min, h.min, d), i.max = F(u.max, h.max, d);
-}
-function Lt(i, u, h, d) {
-  J(i.x, u.x, h.x, d), J(i.y, u.y, h.y, d);
-}
-function Vt(i) {
-  return i.animationValues && i.animationValues.opacityExit !== void 0;
-}
-const kt = {
-  duration: 0.45,
-  ease: [0.4, 0, 0.1, 1]
-};
-function K(i) {
-  i.min = Math.round(i.min), i.max = Math.round(i.max);
-}
-function Et(i) {
-  K(i.x), K(i.y);
-}
-function tt(i, u, h) {
-  return i === "position" || i === "preserve-aspect" && !rt(W(u), W(h), 0.2);
-}
 export {
-  xt as cleanDirtyNodes,
-  oe as createProjectionNode,
-  J as mixAxis,
-  $ as mixAxisDelta,
-  Lt as mixBox,
-  Tt as propagateDirtyNodes
+  i as htmlMotionConfig
 };

package/dist/lyra26.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./lyra36.cjs"),s=require("./lyra27.cjs"),i=require("./lyra37.cjs");function u({className:e,color:r,size:t}){return n.jsxRuntimeExports.jsx("div",{className:i.twMerge(s.spinnerStyles({color:r,size:t,className:e})),role:"status"})}exports.Spinner=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra74.cjs"),e=t.cva(["w-[--trigger-width]","rounded-base","drop-shadow-sm","ring-1","ring-inset","ring-neutral-3","bg-surface-1","outline-none"],{variants:{isEntering:{true:["animate-in","fade-in","data-[placement=bottom]:slide-in-from-top-1","data-[placement=top]:slide-in-from-bottom-1","ease-out","duration-200","fill-mode-forwards"]},isExiting:{true:["animate-out","fade-out","data-[placement=bottom]:slide-out-to-top-1","data-[placement=top]:slide-out-to-bottom-1","ease-in","duration-150","fill-mode-forwards"]}}});exports.popoverStyles=e;