@new-black/lyra 0.0.19 → 0.0.22

package/dist/lyra251.js

@@ -1,43 +1,46 @@
-import { scrapeMotionValuesFromProps as s } from "./lyra284.js";
-import { DOMVisualElement as a } from "./lyra300.js";
-import { buildSVGAttrs as m } from "./lyra286.js";
-import { camelToDash as i } from "./lyra190.js";
-import { camelCaseAttributes as u } from "./lyra301.js";
-import { transformProps as n } from "./lyra159.js";
-import { renderSVG as p } from "./lyra283.js";
-import { getDefaultValueType as l } from "./lyra271.js";
-import { createBox as f } from "./lyra152.js";
-import { isSVGTag as V } from "./lyra287.js";
-class A extends a {
-  constructor() {
-    super(...arguments), this.isSVGTag = !1;
-  }
-  getBaseTargetFromProps(t, r) {
-    return t[r];
-  }
-  readValueFromInstance(t, r) {
-    if (n.has(r)) {
-      const e = l(r);
-      return e && e.default || 0;
+import { buildHTMLStyles as n } from "./lyra297.js";
+import { isCSSVariableName as s } from "./lyra188.js";
+import { transformProps as l } from "./lyra162.js";
+import { scrapeMotionValuesFromProps as m } from "./lyra288.js";
+import { renderHTML as u } from "./lyra298.js";
+import { getDefaultValueType as a } from "./lyra273.js";
+import { measureViewportBox as p } from "./lyra299.js";
+import { DOMVisualElement as c } from "./lyra300.js";
+import { isMotionValue as d } from "./lyra134.js";
+function f(i) {
+  return window.getComputedStyle(i);
+}
+class w extends c {
+  readValueFromInstance(e, t) {
+    if (l.has(t)) {
+      const r = a(t);
+      return r && r.default || 0;
+    } else {
+      const r = f(e), o = (s(t) ? r.getPropertyValue(t) : r[t]) || 0;
+      return typeof o == "string" ? o.trim() : o;
     }
-    return r = u.has(r) ? r : i(r), t.getAttribute(r);
   }
-  measureInstanceViewportBox() {
-    return f();
+  measureInstanceViewportBox(e, { transformPagePoint: t }) {
+    return p(e, t);
   }
-  scrapeMotionValuesFromProps(t, r) {
-    return s(t, r);
+  build(e, t, r, o) {
+    n(e, t, r, o.transformTemplate);
   }
-  build(t, r, e, o) {
-    m(t, r, e, this.isSVGTag, o.transformTemplate);
+  scrapeMotionValuesFromProps(e, t) {
+    return m(e, t);
   }
-  renderInstance(t, r, e, o) {
-    p(t, r, e, o);
+  handleChildMotionValue() {
+    this.childSubscription && (this.childSubscription(), delete this.childSubscription);
+    const { children: e } = this.props;
+    d(e) && (this.childSubscription = e.on("change", (t) => {
+      this.current && (this.current.textContent = `${t}`);
+    }));
   }
-  mount(t) {
-    this.isSVGTag = V(t.tagName), super.mount(t);
+  renderInstance(e, t, r, o) {
+    u(e, t, r, o);
   }
 }
 export {
-  A as SVGVisualElement
+  w as HTMLVisualElement,
+  f as getComputedStyle
 };

package/dist/lyra252.cjs

@@ -1,9 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react");function u(o){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const e in o)if(e!=="default"){const t=Object.getOwnPropertyDescriptor(o,e);Object.defineProperty(n,e,t.get?t:{enumerable:!0,get:()=>o[e]})}}return n.default=o,Object.freeze(n)}const s=u(r);class a extends s.Component{getSnapshotBeforeUpdate(n){const e=this.props.childRef.current;if(e&&n.isPresent&&!this.props.isPresent){const t=this.props.sizeRef.current;t.height=e.offsetHeight||0,t.width=e.offsetWidth||0,t.top=e.offsetTop,t.left=e.offsetLeft}return null}componentDidUpdate(){}render(){return this.props.children}}function h({children:o,isPresent:n}){const e=r.useId(),t=r.useRef(null),c=r.useRef({width:0,height:0,top:0,left:0});return r.useInsertionEffect(()=>{const{width:p,height:d,top:l,left:f}=c.current;if(n||!t.current||!p||!d)return;t.current.dataset.motionPopId=e;const i=document.createElement("style");return document.head.appendChild(i),i.sheet&&i.sheet.insertRule(`
-          [data-motion-pop-id="${e}"] {
-            position: absolute !important;
-            width: ${p}px !important;
-            height: ${d}px !important;
-            top: ${l}px !important;
-            left: ${f}px !important;
-          }
-        `),()=>{document.head.removeChild(i)}},[n]),s.createElement(a,{isPresent:n,childRef:t,sizeRef:c},s.cloneElement(o,{ref:t}))}exports.PopChild=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./lyra284.cjs"),u=require("./lyra300.cjs"),o=require("./lyra286.cjs"),n=require("./lyra193.cjs"),i=require("./lyra301.cjs"),l=require("./lyra162.cjs"),c=require("./lyra283.cjs"),m=require("./lyra273.cjs"),V=require("./lyra155.cjs"),d=require("./lyra287.cjs");class g extends u.DOMVisualElement{constructor(){super(...arguments),this.isSVGTag=!1}getBaseTargetFromProps(r,e){return r[e]}readValueFromInstance(r,e){if(l.transformProps.has(e)){const t=m.getDefaultValueType(e);return t&&t.default||0}return e=i.camelCaseAttributes.has(e)?e:n.camelToDash(e),r.getAttribute(e)}measureInstanceViewportBox(){return V.createBox()}scrapeMotionValuesFromProps(r,e){return a.scrapeMotionValuesFromProps(r,e)}build(r,e,t,s){o.buildSVGAttrs(r,e,t,this.isSVGTag,s.transformTemplate)}renderInstance(r,e,t,s){c.renderSVG(r,e,t,s)}mount(r){this.isSVGTag=d.isSVGTag(r.tagName),super.mount(r)}}exports.SVGVisualElement=g;

package/dist/lyra252.js

@@ -1,49 +1,43 @@
-import * as r from "react";
-import { useId as l, useRef as h, useInsertionEffect as a } from "react";
-class u extends r.Component {
-  getSnapshotBeforeUpdate(o) {
-    const e = this.props.childRef.current;
-    if (e && o.isPresent && !this.props.isPresent) {
-      const t = this.props.sizeRef.current;
-      t.height = e.offsetHeight || 0, t.width = e.offsetWidth || 0, t.top = e.offsetTop, t.left = e.offsetLeft;
+import { scrapeMotionValuesFromProps as s } from "./lyra284.js";
+import { DOMVisualElement as a } from "./lyra300.js";
+import { buildSVGAttrs as m } from "./lyra286.js";
+import { camelToDash as i } from "./lyra193.js";
+import { camelCaseAttributes as u } from "./lyra301.js";
+import { transformProps as n } from "./lyra162.js";
+import { renderSVG as p } from "./lyra283.js";
+import { getDefaultValueType as l } from "./lyra273.js";
+import { createBox as f } from "./lyra155.js";
+import { isSVGTag as V } from "./lyra287.js";
+class A extends a {
+  constructor() {
+    super(...arguments), this.isSVGTag = !1;
+  }
+  getBaseTargetFromProps(t, r) {
+    return t[r];
+  }
+  readValueFromInstance(t, r) {
+    if (n.has(r)) {
+      const e = l(r);
+      return e && e.default || 0;
     }
-    return null;
+    return r = u.has(r) ? r : i(r), t.getAttribute(r);
   }
-  /**
-   * Required with getSnapshotBeforeUpdate to stop React complaining.
-   */
-  componentDidUpdate() {
+  measureInstanceViewportBox() {
+    return f();
   }
-  render() {
-    return this.props.children;
+  scrapeMotionValuesFromProps(t, r) {
+    return s(t, r);
+  }
+  build(t, r, e, o) {
+    m(t, r, e, this.isSVGTag, o.transformTemplate);
+  }
+  renderInstance(t, r, e, o) {
+    p(t, r, e, o);
+  }
+  mount(t) {
+    this.isSVGTag = V(t.tagName), super.mount(t);
   }
-}
-function $({ children: i, isPresent: o }) {
-  const e = l(), t = h(null), s = h({
-    width: 0,
-    height: 0,
-    top: 0,
-    left: 0
-  });
-  return a(() => {
-    const { width: p, height: d, top: f, left: c } = s.current;
-    if (o || !t.current || !p || !d)
-      return;
-    t.current.dataset.motionPopId = e;
-    const n = document.createElement("style");
-    return document.head.appendChild(n), n.sheet && n.sheet.insertRule(`
-          [data-motion-pop-id="${e}"] {
-            position: absolute !important;
-            width: ${p}px !important;
-            height: ${d}px !important;
-            top: ${f}px !important;
-            left: ${c}px !important;
-          }
-        `), () => {
-      document.head.removeChild(n);
-    };
-  }, [o]), r.createElement(u, { isPresent: o, childRef: t, sizeRef: s }, r.cloneElement(i, { ref: t }));
 }
 export {
-  $ as PopChild
+  A as SVGVisualElement
 };

package/dist/lyra253.cjs

@@ -1 +1,9 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=e=>Array.isArray(e);exports.isKeyframesTarget=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react");function u(o){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const e in o)if(e!=="default"){const t=Object.getOwnPropertyDescriptor(o,e);Object.defineProperty(n,e,t.get?t:{enumerable:!0,get:()=>o[e]})}}return n.default=o,Object.freeze(n)}const s=u(r);class a extends s.Component{getSnapshotBeforeUpdate(n){const e=this.props.childRef.current;if(e&&n.isPresent&&!this.props.isPresent){const t=this.props.sizeRef.current;t.height=e.offsetHeight||0,t.width=e.offsetWidth||0,t.top=e.offsetTop,t.left=e.offsetLeft}return null}componentDidUpdate(){}render(){return this.props.children}}function h({children:o,isPresent:n}){const e=r.useId(),t=r.useRef(null),c=r.useRef({width:0,height:0,top:0,left:0});return r.useInsertionEffect(()=>{const{width:p,height:d,top:l,left:f}=c.current;if(n||!t.current||!p||!d)return;t.current.dataset.motionPopId=e;const i=document.createElement("style");return document.head.appendChild(i),i.sheet&&i.sheet.insertRule(`
+          [data-motion-pop-id="${e}"] {
+            position: absolute !important;
+            width: ${p}px !important;
+            height: ${d}px !important;
+            top: ${l}px !important;
+            left: ${f}px !important;
+          }
+        `),()=>{document.head.removeChild(i)}},[n]),s.createElement(a,{isPresent:n,childRef:t,sizeRef:c},s.cloneElement(o,{ref:t}))}exports.PopChild=h;

package/dist/lyra253.js

@@ -1,4 +1,49 @@
-const e = (r) => Array.isArray(r);
+import * as r from "react";
+import { useId as l, useRef as h, useInsertionEffect as a } from "react";
+class u extends r.Component {
+  getSnapshotBeforeUpdate(o) {
+    const e = this.props.childRef.current;
+    if (e && o.isPresent && !this.props.isPresent) {
+      const t = this.props.sizeRef.current;
+      t.height = e.offsetHeight || 0, t.width = e.offsetWidth || 0, t.top = e.offsetTop, t.left = e.offsetLeft;
+    }
+    return null;
+  }
+  /**
+   * Required with getSnapshotBeforeUpdate to stop React complaining.
+   */
+  componentDidUpdate() {
+  }
+  render() {
+    return this.props.children;
+  }
+}
+function $({ children: i, isPresent: o }) {
+  const e = l(), t = h(null), s = h({
+    width: 0,
+    height: 0,
+    top: 0,
+    left: 0
+  });
+  return a(() => {
+    const { width: p, height: d, top: f, left: c } = s.current;
+    if (o || !t.current || !p || !d)
+      return;
+    t.current.dataset.motionPopId = e;
+    const n = document.createElement("style");
+    return document.head.appendChild(n), n.sheet && n.sheet.insertRule(`
+          [data-motion-pop-id="${e}"] {
+            position: absolute !important;
+            width: ${p}px !important;
+            height: ${d}px !important;
+            top: ${f}px !important;
+            left: ${c}px !important;
+          }
+        `), () => {
+      document.head.removeChild(n);
+    };
+  }, [o]), r.createElement(u, { isPresent: o, childRef: t, sizeRef: s }, r.cloneElement(i, { ref: t }));
+}
 export {
-  e as isKeyframesTarget
+  $ as PopChild
 };

package/dist/lyra254.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=typeof window<"u",o=t?e.useLayoutEffect:e.useEffect;exports.useIsomorphicLayoutEffect=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=e=>Array.isArray(e);exports.isKeyframesTarget=r;

package/dist/lyra254.js

@@ -1,5 +1,4 @@
-import { useLayoutEffect as o, useEffect as e } from "react";
-const t = typeof window < "u", s = t ? o : e;
+const e = (r) => Array.isArray(r);
 export {
-  s as useIsomorphicLayoutEffect
+  e as isKeyframesTarget
 };

package/dist/lyra255.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="";exports.default=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("./lyra131.cjs"),d=require("./lyra180.cjs"),b=require("./lyra258.cjs"),q=require("./lyra302.cjs"),M=require("./lyra303.cjs"),$=require("./lyra304.cjs"),y=require("./lyra305.cjs"),D=require("./lyra306.cjs"),f=require("./lyra307.cjs"),V=require("./lyra173.cjs"),w=(n,i,p,s={})=>g=>{const t=f.getValueTransition(s,n)||{},A=t.delay||s.delay||0;let{elapsed:c=0}=s;c=c-d.secondsToMilliseconds(A);const a=D.getKeyframes(i,n,p,t),r=a[0],l=a[a.length-1],m=y.isAnimatable(n,r),u=y.isAnimatable(n,l);T.warning(m===u,`You are trying to animate ${n} from "${r}" to "${l}". ${r} is not an animatable value - to enable this animation set ${r} to a value animatable to ${l} via the \`style\` property.`);let e={keyframes:a,velocity:i.getVelocity(),ease:"easeOut",...t,delay:-c,onUpdate:o=>{i.set(o),t.onUpdate&&t.onUpdate(o)},onComplete:()=>{g(),t.onComplete&&t.onComplete()}};if(f.isTransitionDefined(t)||(e={...e,...$.getDefaultTransition(n,e)}),e.duration&&(e.duration=d.secondsToMilliseconds(e.duration)),e.repeatDelay&&(e.repeatDelay=d.secondsToMilliseconds(e.repeatDelay)),!m||!u||b.instantAnimationState.current||t.type===!1)return M.createInstantAnimation(e);if(i.owner&&i.owner.current instanceof HTMLElement&&!i.owner.getProps().onUpdate){const o=q.createAcceleratedAnimation(i,n,e);if(o)return o}return V.animateValue(e)};exports.animateMotionValue=w;

package/dist/lyra255.js

@@ -1,4 +1,44 @@
-const t = "";
+import { warning as T } from "./lyra131.js";
+import { secondsToMilliseconds as f } from "./lyra180.js";
+import { instantAnimationState as b } from "./lyra258.js";
+import { createAcceleratedAnimation as u } from "./lyra302.js";
+import { createInstantAnimation as $ } from "./lyra303.js";
+import { getDefaultTransition as D } from "./lyra304.js";
+import { isAnimatable as d } from "./lyra305.js";
+import { getKeyframes as w } from "./lyra306.js";
+import { getValueTransition as U, isTransitionDefined as V } from "./lyra307.js";
+import { animateValue as h } from "./lyra173.js";
+const P = (o, n, y, m = {}) => (g) => {
+  const e = U(m, o) || {}, A = e.delay || m.delay || 0;
+  let { elapsed: s = 0 } = m;
+  s = s - f(A);
+  const r = w(n, o, y, e), a = r[0], p = r[r.length - 1], l = d(o, a), c = d(o, p);
+  T(l === c, `You are trying to animate ${o} from "${a}" to "${p}". ${a} is not an animatable value - to enable this animation set ${a} to a value animatable to ${p} via the \`style\` property.`);
+  let t = {
+    keyframes: r,
+    velocity: n.getVelocity(),
+    ease: "easeOut",
+    ...e,
+    delay: -s,
+    onUpdate: (i) => {
+      n.set(i), e.onUpdate && e.onUpdate(i);
+    },
+    onComplete: () => {
+      g(), e.onComplete && e.onComplete();
+    }
+  };
+  if (V(e) || (t = {
+    ...t,
+    ...D(o, t)
+  }), t.duration && (t.duration = f(t.duration)), t.repeatDelay && (t.repeatDelay = f(t.repeatDelay)), !l || !c || b.current || e.type === !1)
+    return $(t);
+  if (n.owner && n.owner.current instanceof HTMLElement && !n.owner.getProps().onUpdate) {
+    const i = u(n, o, t);
+    if (i)
+      return i;
+  }
+  return h(t);
+};
 export {
-  t as default
+  P as animateMotionValue
 };

package/dist/lyra256.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("./lyra128.cjs"),d=require("./lyra177.cjs"),b=require("./lyra258.cjs"),q=require("./lyra302.cjs"),M=require("./lyra303.cjs"),$=require("./lyra304.cjs"),y=require("./lyra305.cjs"),D=require("./lyra306.cjs"),f=require("./lyra307.cjs"),V=require("./lyra170.cjs"),w=(n,i,p,s={})=>g=>{const t=f.getValueTransition(s,n)||{},A=t.delay||s.delay||0;let{elapsed:c=0}=s;c=c-d.secondsToMilliseconds(A);const a=D.getKeyframes(i,n,p,t),r=a[0],l=a[a.length-1],m=y.isAnimatable(n,r),u=y.isAnimatable(n,l);T.warning(m===u,`You are trying to animate ${n} from "${r}" to "${l}". ${r} is not an animatable value - to enable this animation set ${r} to a value animatable to ${l} via the \`style\` property.`);let e={keyframes:a,velocity:i.getVelocity(),ease:"easeOut",...t,delay:-c,onUpdate:o=>{i.set(o),t.onUpdate&&t.onUpdate(o)},onComplete:()=>{g(),t.onComplete&&t.onComplete()}};if(f.isTransitionDefined(t)||(e={...e,...$.getDefaultTransition(n,e)}),e.duration&&(e.duration=d.secondsToMilliseconds(e.duration)),e.repeatDelay&&(e.repeatDelay=d.secondsToMilliseconds(e.repeatDelay)),!m||!u||b.instantAnimationState.current||t.type===!1)return M.createInstantAnimation(e);if(i.owner&&i.owner.current instanceof HTMLElement&&!i.owner.getProps().onUpdate){const o=q.createAcceleratedAnimation(i,n,e);if(o)return o}return V.animateValue(e)};exports.animateMotionValue=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra164.cjs"),r=require("./lyra163.cjs");function l(e,a){if(r.isControllingVariants(e)){const{initial:i,animate:n}=e;return{initial:i===!1||t.isVariantLabel(i)?i:void 0,animate:t.isVariantLabel(n)?n:void 0}}return e.inherit!==!1?a:{}}exports.getCurrentTreeVariants=l;

package/dist/lyra256.js

@@ -1,44 +1,15 @@
-import { warning as T } from "./lyra128.js";
-import { secondsToMilliseconds as f } from "./lyra177.js";
-import { instantAnimationState as b } from "./lyra258.js";
-import { createAcceleratedAnimation as u } from "./lyra302.js";
-import { createInstantAnimation as $ } from "./lyra303.js";
-import { getDefaultTransition as D } from "./lyra304.js";
-import { isAnimatable as d } from "./lyra305.js";
-import { getKeyframes as w } from "./lyra306.js";
-import { getValueTransition as U, isTransitionDefined as V } from "./lyra307.js";
-import { animateValue as h } from "./lyra170.js";
-const P = (o, n, y, m = {}) => (g) => {
-  const e = U(m, o) || {}, A = e.delay || m.delay || 0;
-  let { elapsed: s = 0 } = m;
-  s = s - f(A);
-  const r = w(n, o, y, e), a = r[0], p = r[r.length - 1], l = d(o, a), c = d(o, p);
-  T(l === c, `You are trying to animate ${o} from "${a}" to "${p}". ${a} is not an animatable value - to enable this animation set ${a} to a value animatable to ${p} via the \`style\` property.`);
-  let t = {
-    keyframes: r,
-    velocity: n.getVelocity(),
-    ease: "easeOut",
-    ...e,
-    delay: -s,
-    onUpdate: (i) => {
-      n.set(i), e.onUpdate && e.onUpdate(i);
-    },
-    onComplete: () => {
-      g(), e.onComplete && e.onComplete();
-    }
-  };
-  if (V(e) || (t = {
-    ...t,
-    ...D(o, t)
-  }), t.duration && (t.duration = f(t.duration)), t.repeatDelay && (t.repeatDelay = f(t.repeatDelay)), !l || !c || b.current || e.type === !1)
-    return $(t);
-  if (n.owner && n.owner.current instanceof HTMLElement && !n.owner.getProps().onUpdate) {
-    const i = u(n, o, t);
-    if (i)
-      return i;
+import { isVariantLabel as e } from "./lyra164.js";
+import { isControllingVariants as r } from "./lyra163.js";
+function o(i, a) {
+  if (r(i)) {
+    const { initial: n, animate: t } = i;
+    return {
+      initial: n === !1 || e(n) ? n : void 0,
+      animate: e(t) ? t : void 0
+    };
   }
-  return h(t);
-};
+  return i.inherit !== !1 ? a : {};
+}
 export {
-  P as animateMotionValue
+  o as getCurrentTreeVariants
 };

package/dist/lyra257.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra161.cjs"),r=require("./lyra160.cjs");function l(e,a){if(r.isControllingVariants(e)){const{initial:i,animate:n}=e;return{initial:i===!1||t.isVariantLabel(i)?i:void 0,animate:t.isVariantLabel(n)?n:void 0}}return e.inherit!==!1?a:{}}exports.getCurrentTreeVariants=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="";exports.default=e;

package/dist/lyra257.js

@@ -1,15 +1,4 @@
-import { isVariantLabel as e } from "./lyra161.js";
-import { isControllingVariants as r } from "./lyra160.js";
-function o(i, a) {
-  if (r(i)) {
-    const { initial: n, animate: t } = i;
-    return {
-      initial: n === !1 || e(n) ? n : void 0,
-      animate: e(t) ? t : void 0
-    };
-  }
-  return i.inherit !== !1 ? a : {};
-}
+const t = "";
 export {
-  o as getCurrentTreeVariants
+  t as default
 };

package/dist/lyra259.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("./lyra151.cjs"),X=require("./lyra156.cjs"),Y=require("./lyra309.cjs"),y=require("./lyra310.cjs"),g=require("./lyra311.cjs"),m=require("./lyra220.cjs"),I=require("./lyra312.cjs"),u=require("./lyra152.cjs"),J=require("./lyra307.cjs"),j=require("./lyra313.cjs"),K=require("./lyra314.cjs"),O=require("./lyra168.cjs"),b=require("./lyra315.cjs"),M=require("./lyra316.cjs"),D=require("./lyra317.cjs"),Q=require("./lyra193.cjs"),F=require("./lyra129.cjs"),U=require("./lyra294.cjs"),tt=require("./lyra208.cjs"),k=require("./lyra198.cjs"),et=require("./lyra318.cjs"),it=require("./lyra319.cjs"),st=require("./lyra268.cjs"),at=require("./lyra176.cjs"),v=require("./lyra196.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 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;

package/dist/lyra259.js

@@ -1,28 +1,28 @@
-import { cancelFrame as I, steps as C, frame as O } from "./lyra151.js";
-import { SubscriptionManager as et } from "./lyra156.js";
-import { mixValues as it } from "./lyra309.js";
-import { copyBoxInto as p } from "./lyra310.js";
-import { translateAxis as S, transformBox as k, applyBoxDelta as st, applyTreeDeltas as ot } from "./lyra311.js";
-import { calcRelativePosition as A, calcRelativeBox as at, calcBoxDelta as L, calcLength as E, isNear as rt } from "./lyra220.js";
-import { removeBoxTransforms as N } from "./lyra312.js";
-import { createBox as f, createDelta as j } from "./lyra152.js";
+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 "./lyra313.js";
-import { NodeStack as lt } from "./lyra314.js";
-import { scaleCorrectors as z } from "./lyra168.js";
-import { buildProjectionTransform as _ } from "./lyra315.js";
-import { eachAxis as H } from "./lyra316.js";
-import { hasTransform as B, hasScale as G, has2DTranslate as ht } from "./lyra317.js";
-import { FlatTree as ut } from "./lyra193.js";
-import { resolveMotionValue as M } from "./lyra129.js";
-import { globalProjectionState as b } from "./lyra294.js";
-import { delay as ct } from "./lyra208.js";
-import { mix as F } from "./lyra198.js";
-import { record as dt } from "./lyra318.js";
-import { isSVGElement as ft } from "./lyra319.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 "./lyra176.js";
-import { frameData as y } from "./lyra196.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 = {

package/dist/lyra260.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra259.cjs"),c=require("./lyra227.cjs"),r=t.createProjectionNode({attachResizeListener:(e,o)=>c.addDomEvent(e,"resize",o),measureScroll:()=>({x:document.documentElement.scrollLeft||document.body.scrollLeft,y:document.documentElement.scrollTop||document.body.scrollTop}),checkIsScrollRoot:()=>!0});exports.DocumentProjectionNode=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra259.cjs"),c=require("./lyra230.cjs"),r=t.createProjectionNode({attachResizeListener:(e,o)=>c.addDomEvent(e,"resize",o),measureScroll:()=>({x:document.documentElement.scrollLeft||document.body.scrollLeft,y:document.documentElement.scrollTop||document.body.scrollTop}),checkIsScrollRoot:()=>!0});exports.DocumentProjectionNode=r;

package/dist/lyra260.js

@@ -1,5 +1,5 @@
 import { createProjectionNode as t } from "./lyra259.js";
-import { addDomEvent as c } from "./lyra227.js";
+import { addDomEvent as c } from "./lyra230.js";
 const l = t({
   attachResizeListener: (o, e) => c(o, "resize", e),
   measureScroll: () => ({

package/dist/lyra261.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra180.cjs"),p=(o,r)=>t=>!!(e.isString(t)&&e.singleColorRegex.test(t)&&t.startsWith(o)||r&&Object.prototype.hasOwnProperty.call(t,r)),c=(o,r,t)=>l=>{if(!e.isString(l))return l;const[s,i,n,a]=l.match(e.floatRegex);return{[o]:parseFloat(s),[r]:parseFloat(i),[t]:parseFloat(n),alpha:a!==void 0?parseFloat(a):1}};exports.isColorString=p;exports.splitColor=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=r=>Array.isArray(r)&&typeof r[0]!="number";exports.isEasingArray=t;

package/dist/lyra261.js

@@ -1,16 +1,4 @@
-import { isString as l, singleColorRegex as i, floatRegex as c } from "./lyra180.js";
-const h = (r, o) => (t) => !!(l(t) && i.test(t) && t.startsWith(r) || o && Object.prototype.hasOwnProperty.call(t, o)), f = (r, o, t) => (a) => {
-  if (!l(a))
-    return a;
-  const [s, n, p, e] = a.match(c);
-  return {
-    [r]: parseFloat(s),
-    [o]: parseFloat(n),
-    [t]: parseFloat(p),
-    alpha: e !== void 0 ? parseFloat(e) : 1
-  };
-};
+const n = (r) => Array.isArray(r) && typeof r[0] != "number";
 export {
-  h as isColorString,
-  f as splitColor
+  n as isEasingArray
 };