@new-black/lyra 0.1.7 → 0.1.8

package/dist/lyra294.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/lyra294.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra294.js","sources":["../node_modules/framer-motion/dist/es/animation/utils/is-keyframes-target.mjs"],"sourcesContent":["const isKeyframesTarget = (v) => {\n    return Array.isArray(v);\n};\n\nexport { isKeyframesTarget };\n"],"names":["isKeyframesTarget","v"],"mappings":"AAAK,MAACA,IAAoB,CAACC,MAChB,MAAM,QAAQA,CAAC;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra294.js","sources":["../node_modules/framer-motion/dist/es/components/AnimatePresence/PopChild.mjs"],"sourcesContent":["import * as React from 'react';\nimport { useId, useRef, useInsertionEffect } from 'react';\n\n/**\n * Measurement functionality has to be within a separate component\n * to leverage snapshot lifecycle.\n */\nclass PopChildMeasure extends React.Component {\n    getSnapshotBeforeUpdate(prevProps) {\n        const element = this.props.childRef.current;\n        if (element && prevProps.isPresent && !this.props.isPresent) {\n            const size = this.props.sizeRef.current;\n            size.height = element.offsetHeight || 0;\n            size.width = element.offsetWidth || 0;\n            size.top = element.offsetTop;\n            size.left = element.offsetLeft;\n        }\n        return null;\n    }\n    /**\n     * Required with getSnapshotBeforeUpdate to stop React complaining.\n     */\n    componentDidUpdate() { }\n    render() {\n        return this.props.children;\n    }\n}\nfunction PopChild({ children, isPresent }) {\n    const id = useId();\n    const ref = useRef(null);\n    const size = useRef({\n        width: 0,\n        height: 0,\n        top: 0,\n        left: 0,\n    });\n    /**\n     * We create and inject a style block so we can apply this explicit\n     * sizing in a non-destructive manner by just deleting the style block.\n     *\n     * We can't apply size via render as the measurement happens\n     * in getSnapshotBeforeUpdate (post-render), likewise if we apply the\n     * styles directly on the DOM node, we might be overwriting\n     * styles set via the style prop.\n     */\n    useInsertionEffect(() => {\n        const { width, height, top, left } = size.current;\n        if (isPresent || !ref.current || !width || !height)\n            return;\n        ref.current.dataset.motionPopId = id;\n        const style = document.createElement(\"style\");\n        document.head.appendChild(style);\n        if (style.sheet) {\n            style.sheet.insertRule(`\n          [data-motion-pop-id=\"${id}\"] {\n            position: absolute !important;\n            width: ${width}px !important;\n            height: ${height}px !important;\n            top: ${top}px !important;\n            left: ${left}px !important;\n          }\n        `);\n        }\n        return () => {\n            document.head.removeChild(style);\n        };\n    }, [isPresent]);\n    return (React.createElement(PopChildMeasure, { isPresent: isPresent, childRef: ref, sizeRef: size }, React.cloneElement(children, { ref })));\n}\n\nexport { PopChild };\n"],"names":["PopChildMeasure","React","prevProps","element","size","PopChild","children","isPresent","id","useId","ref","useRef","useInsertionEffect","width","height","top","left","style"],"mappings":";;AAOA,MAAMA,UAAwBC,EAAM,UAAU;AAAA,EAC1C,wBAAwBC,GAAW;AAC/B,UAAMC,IAAU,KAAK,MAAM,SAAS;AACpC,QAAIA,KAAWD,EAAU,aAAa,CAAC,KAAK,MAAM,WAAW;AACzD,YAAME,IAAO,KAAK,MAAM,QAAQ;AAChC,MAAAA,EAAK,SAASD,EAAQ,gBAAgB,GACtCC,EAAK,QAAQD,EAAQ,eAAe,GACpCC,EAAK,MAAMD,EAAQ,WACnBC,EAAK,OAAOD,EAAQ;AAAA,IACvB;AACD,WAAO;AAAA,EACV;AAAA;AAAA;AAAA;AAAA,EAID,qBAAqB;AAAA,EAAG;AAAA,EACxB,SAAS;AACL,WAAO,KAAK,MAAM;AAAA,EACrB;AACL;AACA,SAASE,EAAS,EAAE,UAAAC,GAAU,WAAAC,KAAa;AACvC,QAAMC,IAAKC,KACLC,IAAMC,EAAO,IAAI,GACjBP,IAAOO,EAAO;AAAA,IAChB,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,KAAK;AAAA,IACL,MAAM;AAAA,EACd,CAAK;AAUD,SAAAC,EAAmB,MAAM;AACrB,UAAM,EAAE,OAAAC,GAAO,QAAAC,GAAQ,KAAAC,GAAK,MAAAC,EAAM,IAAGZ,EAAK;AAC1C,QAAIG,KAAa,CAACG,EAAI,WAAW,CAACG,KAAS,CAACC;AACxC;AACJ,IAAAJ,EAAI,QAAQ,QAAQ,cAAcF;AAClC,UAAMS,IAAQ,SAAS,cAAc,OAAO;AAC5C,oBAAS,KAAK,YAAYA,CAAK,GAC3BA,EAAM,SACNA,EAAM,MAAM,WAAW;AAAA,iCACFT,CAAE;AAAA;AAAA,qBAEdK,CAAK;AAAA,sBACJC,CAAM;AAAA,mBACTC,CAAG;AAAA,oBACFC,CAAI;AAAA;AAAA,SAEf,GAEM,MAAM;AACT,eAAS,KAAK,YAAYC,CAAK;AAAA,IAC3C;AAAA,EACA,GAAO,CAACV,CAAS,CAAC,GACNN,EAAM,cAAcD,GAAiB,EAAE,WAAWO,GAAW,UAAUG,GAAK,SAASN,EAAI,GAAIH,EAAM,aAAaK,GAAU,EAAE,KAAAI,EAAK,CAAA,CAAC;AAC9I;","x_google_ignoreList":[0]}

package/dist/lyra295.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 r=e=>Array.isArray(e);exports.isKeyframesTarget=r;

package/dist/lyra295.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra295.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"lyra295.cjs","sources":["../node_modules/framer-motion/dist/es/animation/utils/is-keyframes-target.mjs"],"sourcesContent":["const isKeyframesTarget = (v) => {\n    return Array.isArray(v);\n};\n\nexport { isKeyframesTarget };\n"],"names":["isKeyframesTarget","v"],"mappings":"gFAAK,MAACA,EAAqBC,GAChB,MAAM,QAAQA,CAAC","x_google_ignoreList":[0]}

package/dist/lyra295.js

@@ -1,4 +1,4 @@
-const a = "";
+const e = (r) => Array.isArray(r);
 export {
-  a as default
+  e as isKeyframesTarget
 };

package/dist/lyra295.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra295.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"lyra295.js","sources":["../node_modules/framer-motion/dist/es/animation/utils/is-keyframes-target.mjs"],"sourcesContent":["const isKeyframesTarget = (v) => {\n    return Array.isArray(v);\n};\n\nexport { isKeyframesTarget };\n"],"names":["isKeyframesTarget","v"],"mappings":"AAAK,MAACA,IAAoB,CAACC,MAChB,MAAM,QAAQA,CAAC;","x_google_ignoreList":[0]}

package/dist/lyra296.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("./lyra171.cjs"),d=require("./lyra220.cjs"),b=require("./lyra298.cjs"),q=require("./lyra343.cjs"),M=require("./lyra344.cjs"),$=require("./lyra345.cjs"),y=require("./lyra346.cjs"),D=require("./lyra347.cjs"),f=require("./lyra348.cjs"),V=require("./lyra213.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("./lyra171.cjs"),d=require("./lyra220.cjs"),b=require("./lyra298.cjs"),q=require("./lyra344.cjs"),M=require("./lyra345.cjs"),$=require("./lyra346.cjs"),y=require("./lyra347.cjs"),D=require("./lyra348.cjs"),f=require("./lyra349.cjs"),V=require("./lyra213.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/lyra296.js

@@ -1,12 +1,12 @@
 import { warning as T } from "./lyra171.js";
 import { secondsToMilliseconds as f } from "./lyra220.js";
 import { instantAnimationState as b } from "./lyra298.js";
-import { createAcceleratedAnimation as u } from "./lyra343.js";
-import { createInstantAnimation as $ } from "./lyra344.js";
-import { getDefaultTransition as D } from "./lyra345.js";
-import { isAnimatable as d } from "./lyra346.js";
-import { getKeyframes as w } from "./lyra347.js";
-import { getValueTransition as U, isTransitionDefined as V } from "./lyra348.js";
+import { createAcceleratedAnimation as u } from "./lyra344.js";
+import { createInstantAnimation as $ } from "./lyra345.js";
+import { getDefaultTransition as D } from "./lyra346.js";
+import { isAnimatable as d } from "./lyra347.js";
+import { getKeyframes as w } from "./lyra348.js";
+import { getValueTransition as U, isTransitionDefined as V } from "./lyra349.js";
 import { animateValue as h } from "./lyra213.js";
 const P = (o, n, y, m = {}) => (g) => {
   const e = U(m, o) || {}, A = e.delay || m.delay || 0;

package/dist/lyra299.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Y=require("./lyra198.cjs"),J=require("./lyra349.cjs"),g=require("./lyra350.cjs"),v=require("./lyra351.cjs"),p=require("./lyra262.cjs"),q=require("./lyra352.cjs"),u=require("./lyra194.cjs"),K=require("./lyra348.cjs"),S=require("./lyra353.cjs"),Q=require("./lyra354.cjs"),I=require("./lyra211.cjs"),b=require("./lyra355.cjs"),O=require("./lyra356.cjs"),D=require("./lyra357.cjs"),tt=require("./lyra236.cjs"),E=require("./lyra172.cjs"),F=require("./lyra323.cjs"),et=require("./lyra250.cjs"),L=require("./lyra240.cjs"),it=require("./lyra358.cjs"),st=require("./lyra359.cjs"),at=require("./lyra309.cjs"),ot=require("./lyra219.cjs"),f=require("./lyra210.cjs"),rt=require("./lyra229.cjs"),M=["","X","Y","Z"],N=1e3;let nt=0;const P={type:"projectionFrame",totalNodes:0,resolvedTargetDeltas:0,recalculatedProjection:0};function lt({attachResizeListener:i,defaultParent:c,measureScroll:h,checkIsScrollRoot:m,resetTransform:V}){return class{constructor(t={},e=c==null?void 0:c()){this.id=nt++,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=()=>{P.totalNodes=P.resolvedTargetDeltas=P.recalculatedProjection=0,this.nodes.forEach(G),this.nodes.forEach(mt),this.nodes.forEach(pt),this.nodes.forEach(Z),it.record(P)},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 tt.FlatTree)}addEventListener(t,e){return this.eventHandlers.has(t)||this.eventHandlers.set(t,new Y.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=st.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=et.delay(n,250),F.globalProjectionState.hasAnimatedSinceResize&&(F.globalProjectionState.hasAnimatedSinceResize=!1,this.nodes.forEach(W))})}s&&this.root.registerSharedNode(s,this),this.options.animate!==!1&&o&&(s||a)&&this.addEventListener("didUpdate",({delta:r,hasLayoutChanged:n,hasRelativeTargetChanged:l,layout:y})=>{if(this.isTreeAnimationBlocked()){this.target=void 0,this.relativeTarget=void 0;return}const d=this.options.transition||o.getDefaultTransition()||Tt,{onLayoutAnimationStart:j,onLayoutAnimationComplete:B}=o.getProps(),A=!this.targetLayout||!S.boxEqualsRounded(this.targetLayout,y)||l,T=!n&&l;if(this.options.layoutRoot||this.resumeFrom&&this.resumeFrom.instance||T||n&&(A||!this.currentAnimation)){this.resumeFrom&&(this.resumingFrom=this.resumeFrom,this.resumingFrom.resumingFrom=void 0),this.setAnimationOrigin(r,T);const x={...K.getValueTransition(d,"layout"),onPlay:j,onComplete:B};(o.shouldReduceMotion||this.options.layoutRoot)&&(x.delay=0,x.type=!1),this.startAnimation(x)}else n||W(this),this.isLead()&&this.options.onExitComplete&&this.options.onExitComplete();this.targetLayout=y})}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,f.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(yt),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(dt),this.isUpdating=!1,this.nodes.forEach(ft),this.nodes.forEach(ht),this.nodes.forEach(ct),this.clearAllSnapshots();const e=performance.now();f.frameData.delta=ot.clamp(0,1e3/60,e-f.frameData.timestamp),f.frameData.timestamp=e,f.frameData.isProcessing=!0,f.steps.update.process(f.frameData),f.steps.preRender.process(f.frameData),f.steps.render.process(f.frameData),f.frameData.isProcessing=!1}didUpdate(){this.updateScheduled||(this.updateScheduled=!0,queueMicrotask(()=>this.update()))}clearAllSnapshots(){this.nodes.forEach(ut),this.sharedNodes.forEach(gt)}scheduleUpdateProjection(){f.frame.preRender(this.updateProjection,!1,!0)}scheduleCheckAfterUnmount(){f.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:m(this.instance),offset:h(this.instance)})}resetTransform(){if(!V)return;const t=this.isLayoutDirty||this.shouldResetTransform,e=this.projectionDelta&&!S.isDeltaZero(this.projectionDelta),s=this.getTransformTemplate(),a=s?s(this.latestValues,""):void 0,o=a!==this.prevTransformTemplateValue;t&&(e||D.hasTransform(this.latestValues)||o)&&(V(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)),xt(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&&(v.translateAxis(e.x,s.offset.x),v.translateAxis(e.y,s.offset.y)),e}removeElementScroll(t){const e=u.createBox();g.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){g.copyBoxInto(e,t);const{scroll:n}=this.root;n&&(v.translateAxis(e.x,-n.offset.x),v.translateAxis(e.y,-n.offset.y))}v.translateAxis(e.x,o.offset.x),v.translateAxis(e.y,o.offset.y)}}return e}applyTransform(t,e=!1){const s=u.createBox();g.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&&v.transformBox(s,{x:-o.scroll.offset.x,y:-o.scroll.offset.y}),D.hasTransform(o.latestValues)&&v.transformBox(s,o.latestValues)}return D.hasTransform(this.latestValues)&&v.transformBox(s,this.latestValues),s}removeTransform(t){const e=u.createBox();g.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();g.copyBoxInto(o,r),q.removeBoxTransforms(e,a.latestValues,a.snapshot?a.snapshot.layoutBox:void 0,o)}return D.hasTransform(this.latestValues)&&q.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!==f.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=f.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(),p.calcRelativePosition(this.relativeTargetOrigin,this.layout.layoutBox,l.layout.layoutBox),g.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(),p.calcRelativeBox(this.target,this.relativeTarget,this.relativeParent.target)):this.targetDelta?(this.resumingFrom?this.target=this.applyTransform(this.layout.layoutBox):g.copyBoxInto(this.target,this.layout.layoutBox),v.applyBoxDelta(this.target,this.targetDelta)):g.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(),p.calcRelativePosition(this.relativeTargetOrigin,this.target,l.target),g.copyBoxInto(this.relativeTarget,this.relativeTargetOrigin)):this.relativeParent=this.relativeTarget=void 0}P.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===f.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;g.copyBoxInto(this.layoutCorrected,this.layout.layoutBox);const n=this.treeScale.x,l=this.treeScale.y;v.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:y}=e;if(!y){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;p.calcBoxDelta(this.projectionDelta,this.layoutCorrected,y,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",y)),P.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,y=this.layout?this.layout.source:void 0,d=l!==y,j=this.getStack(),B=!j||j.members.length<=1,A=!!(d&&!B&&this.options.crossfade===!0&&!this.path.some(vt));this.animationProgress=0;let T;this.mixTargetDelta=x=>{const R=x/1e3;U(r.x,t.x,R),U(r.y,t.y,R),this.setTargetDelta(r),this.relativeTarget&&this.relativeTargetOrigin&&this.layout&&this.relativeParent&&this.relativeParent.layout&&(p.calcRelativePosition(n,this.layout.layoutBox,this.relativeParent.layout.layoutBox),$(this.relativeTarget,this.relativeTargetOrigin,n,R),T&&S.boxEquals(this.relativeTarget,T)&&(this.isProjectionDirty=!1),T||(T=u.createBox()),g.copyBoxInto(T,this.relativeTarget)),d&&(this.animationValues=o,J.mixValues(o,a,this.latestValues,R,A,B)),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&&(f.cancelFrame(this.pendingAnimation),this.pendingAnimation=void 0),this.pendingAnimation=f.frame.update(()=>{F.globalProjectionState.hasAnimatedSinceResize=!0,this.currentAnimation=at.animateSingleValue(0,N,{...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(N),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&&X(this.options.animationType,this.layout.layoutBox,a.layoutBox)){s=this.target||u.createBox();const r=p.calcLength(this.layout.layoutBox.x);s.x.min=t.target.x.min,s.x.max=s.x.min+r;const n=p.calcLength(this.layout.layoutBox.y);s.y.min=t.target.y.min,s.y.max=s.y.min+n}g.copyBoxInto(e,s),v.transformBox(e,o),p.calcBoxDelta(this.projectionDeltaWithTransform,this.layoutCorrected,e,o)}}registerSharedNode(t,e){this.sharedNodes.has(t)||this.sharedNodes.set(t,new Q.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<M.length;o++){const r="rotate"+M[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=E.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=E.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}=this.projectionDelta;a.transformOrigin=`${l.origin*100}% ${y.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 I.scaleCorrectors){if(n[d]===void 0)continue;const{correct:j,applyTo:B}=I.scaleCorrectors[d],A=a.transform==="none"?n[d]:j(n[d],r);if(B){const T=B.length;for(let x=0;x<T;x++)a[B[x]]=A}else a[d]=A}return this.options.layoutId&&(a.pointerEvents=r===this?E.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 ht(i){i.updateLayout()}function ct(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:m,measuredBox:V}=i.layout,{animationType:k}=i.options,t=h.source!==i.layout.source;k==="size"?O.eachAxis(r=>{const n=t?h.measuredBox[r]:h.layoutBox[r],l=p.calcLength(n);n.min=m[r].min,n.max=n.min+l}):X(k,h.layoutBox,m)&&O.eachAxis(r=>{const n=t?h.measuredBox[r]:h.layoutBox[r],l=p.calcLength(m[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();p.calcBoxDelta(e,m,h.layoutBox);const s=u.createDelta();t?p.calcBoxDelta(s,i.applyTransform(V,!0),h.measuredBox):p.calcBoxDelta(s,m,h.layoutBox);const a=!S.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 y=u.createBox();p.calcRelativePosition(y,h.layoutBox,n.layoutBox);const d=u.createBox();p.calcRelativePosition(d,m,l.layoutBox),S.boxEqualsRounded(y,d)||(o=!0),r.options.layoutRoot&&(i.relativeTarget=d,i.relativeTargetOrigin=y,i.relativeParent=r)}}}i.notifyListeners("didUpdate",{layout:m,snapshot:h,delta:s,layoutDelta:e,hasLayoutChanged:a,hasRelativeTargetChanged:o})}else if(i.isLead()){const{onExitComplete:m}=i.options;m&&m()}i.options.transition=void 0}function G(i){P.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 Z(i){i.isProjectionDirty=i.isSharedProjectionDirty=i.isTransformDirty=!1}function ut(i){i.clearSnapshot()}function w(i){i.clearMeasurements()}function dt(i){i.isLayoutDirty=!1}function ft(i){const{visualElement:c}=i.options;c&&c.getProps().onBeforeLayoutMeasure&&c.notify("BeforeLayoutMeasure"),i.resetTransform()}function W(i){i.finishAnimation(),i.targetDelta=i.relativeTarget=i.target=void 0,i.isProjectionDirty=!0}function mt(i){i.resolveTargetDelta()}function pt(i){i.calcProjection()}function yt(i){i.resetRotation()}function gt(i){i.removeLeadSnapshot()}function U(i,c,h){i.translate=L.mix(c.translate,0,h),i.scale=L.mix(c.scale,1,h),i.origin=c.origin,i.originPoint=c.originPoint}function C(i,c,h,m){i.min=L.mix(c.min,h.min,m),i.max=L.mix(c.max,h.max,m)}function $(i,c,h,m){C(i.x,c.x,h.x,m),C(i.y,c.y,h.y,m)}function vt(i){return i.animationValues&&i.animationValues.opacityExit!==void 0}const Tt={duration:.45,ease:[.4,0,.1,1]},z=i=>typeof navigator<"u"&&navigator.userAgent.toLowerCase().includes(i),_=z("applewebkit/")&&!z("chrome/")?Math.round:rt.noop;function H(i){i.min=_(i.min),i.max=_(i.max)}function xt(i){H(i.x),H(i.y)}function X(i,c,h){return i==="position"||i==="preserve-aspect"&&!p.isNear(S.aspectRatio(c),S.aspectRatio(h),.2)}exports.cleanDirtyNodes=Z;exports.createProjectionNode=lt;exports.mixAxis=C;exports.mixAxisDelta=U;exports.mixBox=$;exports.propagateDirtyNodes=G;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Y=require("./lyra198.cjs"),J=require("./lyra350.cjs"),g=require("./lyra351.cjs"),v=require("./lyra352.cjs"),p=require("./lyra262.cjs"),q=require("./lyra353.cjs"),u=require("./lyra194.cjs"),K=require("./lyra349.cjs"),S=require("./lyra354.cjs"),Q=require("./lyra355.cjs"),I=require("./lyra211.cjs"),b=require("./lyra356.cjs"),O=require("./lyra357.cjs"),D=require("./lyra358.cjs"),tt=require("./lyra236.cjs"),E=require("./lyra172.cjs"),F=require("./lyra334.cjs"),et=require("./lyra250.cjs"),L=require("./lyra240.cjs"),it=require("./lyra359.cjs"),st=require("./lyra360.cjs"),at=require("./lyra309.cjs"),ot=require("./lyra219.cjs"),f=require("./lyra210.cjs"),rt=require("./lyra229.cjs"),M=["","X","Y","Z"],N=1e3;let nt=0;const P={type:"projectionFrame",totalNodes:0,resolvedTargetDeltas:0,recalculatedProjection:0};function lt({attachResizeListener:i,defaultParent:c,measureScroll:h,checkIsScrollRoot:m,resetTransform:V}){return class{constructor(t={},e=c==null?void 0:c()){this.id=nt++,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=()=>{P.totalNodes=P.resolvedTargetDeltas=P.recalculatedProjection=0,this.nodes.forEach(G),this.nodes.forEach(mt),this.nodes.forEach(pt),this.nodes.forEach(Z),it.record(P)},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 tt.FlatTree)}addEventListener(t,e){return this.eventHandlers.has(t)||this.eventHandlers.set(t,new Y.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=st.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=et.delay(n,250),F.globalProjectionState.hasAnimatedSinceResize&&(F.globalProjectionState.hasAnimatedSinceResize=!1,this.nodes.forEach(W))})}s&&this.root.registerSharedNode(s,this),this.options.animate!==!1&&o&&(s||a)&&this.addEventListener("didUpdate",({delta:r,hasLayoutChanged:n,hasRelativeTargetChanged:l,layout:y})=>{if(this.isTreeAnimationBlocked()){this.target=void 0,this.relativeTarget=void 0;return}const d=this.options.transition||o.getDefaultTransition()||Tt,{onLayoutAnimationStart:j,onLayoutAnimationComplete:B}=o.getProps(),A=!this.targetLayout||!S.boxEqualsRounded(this.targetLayout,y)||l,T=!n&&l;if(this.options.layoutRoot||this.resumeFrom&&this.resumeFrom.instance||T||n&&(A||!this.currentAnimation)){this.resumeFrom&&(this.resumingFrom=this.resumeFrom,this.resumingFrom.resumingFrom=void 0),this.setAnimationOrigin(r,T);const x={...K.getValueTransition(d,"layout"),onPlay:j,onComplete:B};(o.shouldReduceMotion||this.options.layoutRoot)&&(x.delay=0,x.type=!1),this.startAnimation(x)}else n||W(this),this.isLead()&&this.options.onExitComplete&&this.options.onExitComplete();this.targetLayout=y})}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,f.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(yt),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(dt),this.isUpdating=!1,this.nodes.forEach(ft),this.nodes.forEach(ht),this.nodes.forEach(ct),this.clearAllSnapshots();const e=performance.now();f.frameData.delta=ot.clamp(0,1e3/60,e-f.frameData.timestamp),f.frameData.timestamp=e,f.frameData.isProcessing=!0,f.steps.update.process(f.frameData),f.steps.preRender.process(f.frameData),f.steps.render.process(f.frameData),f.frameData.isProcessing=!1}didUpdate(){this.updateScheduled||(this.updateScheduled=!0,queueMicrotask(()=>this.update()))}clearAllSnapshots(){this.nodes.forEach(ut),this.sharedNodes.forEach(gt)}scheduleUpdateProjection(){f.frame.preRender(this.updateProjection,!1,!0)}scheduleCheckAfterUnmount(){f.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:m(this.instance),offset:h(this.instance)})}resetTransform(){if(!V)return;const t=this.isLayoutDirty||this.shouldResetTransform,e=this.projectionDelta&&!S.isDeltaZero(this.projectionDelta),s=this.getTransformTemplate(),a=s?s(this.latestValues,""):void 0,o=a!==this.prevTransformTemplateValue;t&&(e||D.hasTransform(this.latestValues)||o)&&(V(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)),xt(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&&(v.translateAxis(e.x,s.offset.x),v.translateAxis(e.y,s.offset.y)),e}removeElementScroll(t){const e=u.createBox();g.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){g.copyBoxInto(e,t);const{scroll:n}=this.root;n&&(v.translateAxis(e.x,-n.offset.x),v.translateAxis(e.y,-n.offset.y))}v.translateAxis(e.x,o.offset.x),v.translateAxis(e.y,o.offset.y)}}return e}applyTransform(t,e=!1){const s=u.createBox();g.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&&v.transformBox(s,{x:-o.scroll.offset.x,y:-o.scroll.offset.y}),D.hasTransform(o.latestValues)&&v.transformBox(s,o.latestValues)}return D.hasTransform(this.latestValues)&&v.transformBox(s,this.latestValues),s}removeTransform(t){const e=u.createBox();g.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();g.copyBoxInto(o,r),q.removeBoxTransforms(e,a.latestValues,a.snapshot?a.snapshot.layoutBox:void 0,o)}return D.hasTransform(this.latestValues)&&q.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!==f.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=f.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(),p.calcRelativePosition(this.relativeTargetOrigin,this.layout.layoutBox,l.layout.layoutBox),g.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(),p.calcRelativeBox(this.target,this.relativeTarget,this.relativeParent.target)):this.targetDelta?(this.resumingFrom?this.target=this.applyTransform(this.layout.layoutBox):g.copyBoxInto(this.target,this.layout.layoutBox),v.applyBoxDelta(this.target,this.targetDelta)):g.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(),p.calcRelativePosition(this.relativeTargetOrigin,this.target,l.target),g.copyBoxInto(this.relativeTarget,this.relativeTargetOrigin)):this.relativeParent=this.relativeTarget=void 0}P.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===f.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;g.copyBoxInto(this.layoutCorrected,this.layout.layoutBox);const n=this.treeScale.x,l=this.treeScale.y;v.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:y}=e;if(!y){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;p.calcBoxDelta(this.projectionDelta,this.layoutCorrected,y,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",y)),P.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,y=this.layout?this.layout.source:void 0,d=l!==y,j=this.getStack(),B=!j||j.members.length<=1,A=!!(d&&!B&&this.options.crossfade===!0&&!this.path.some(vt));this.animationProgress=0;let T;this.mixTargetDelta=x=>{const R=x/1e3;U(r.x,t.x,R),U(r.y,t.y,R),this.setTargetDelta(r),this.relativeTarget&&this.relativeTargetOrigin&&this.layout&&this.relativeParent&&this.relativeParent.layout&&(p.calcRelativePosition(n,this.layout.layoutBox,this.relativeParent.layout.layoutBox),$(this.relativeTarget,this.relativeTargetOrigin,n,R),T&&S.boxEquals(this.relativeTarget,T)&&(this.isProjectionDirty=!1),T||(T=u.createBox()),g.copyBoxInto(T,this.relativeTarget)),d&&(this.animationValues=o,J.mixValues(o,a,this.latestValues,R,A,B)),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&&(f.cancelFrame(this.pendingAnimation),this.pendingAnimation=void 0),this.pendingAnimation=f.frame.update(()=>{F.globalProjectionState.hasAnimatedSinceResize=!0,this.currentAnimation=at.animateSingleValue(0,N,{...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(N),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&&X(this.options.animationType,this.layout.layoutBox,a.layoutBox)){s=this.target||u.createBox();const r=p.calcLength(this.layout.layoutBox.x);s.x.min=t.target.x.min,s.x.max=s.x.min+r;const n=p.calcLength(this.layout.layoutBox.y);s.y.min=t.target.y.min,s.y.max=s.y.min+n}g.copyBoxInto(e,s),v.transformBox(e,o),p.calcBoxDelta(this.projectionDeltaWithTransform,this.layoutCorrected,e,o)}}registerSharedNode(t,e){this.sharedNodes.has(t)||this.sharedNodes.set(t,new Q.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<M.length;o++){const r="rotate"+M[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=E.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=E.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}=this.projectionDelta;a.transformOrigin=`${l.origin*100}% ${y.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 I.scaleCorrectors){if(n[d]===void 0)continue;const{correct:j,applyTo:B}=I.scaleCorrectors[d],A=a.transform==="none"?n[d]:j(n[d],r);if(B){const T=B.length;for(let x=0;x<T;x++)a[B[x]]=A}else a[d]=A}return this.options.layoutId&&(a.pointerEvents=r===this?E.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 ht(i){i.updateLayout()}function ct(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:m,measuredBox:V}=i.layout,{animationType:k}=i.options,t=h.source!==i.layout.source;k==="size"?O.eachAxis(r=>{const n=t?h.measuredBox[r]:h.layoutBox[r],l=p.calcLength(n);n.min=m[r].min,n.max=n.min+l}):X(k,h.layoutBox,m)&&O.eachAxis(r=>{const n=t?h.measuredBox[r]:h.layoutBox[r],l=p.calcLength(m[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();p.calcBoxDelta(e,m,h.layoutBox);const s=u.createDelta();t?p.calcBoxDelta(s,i.applyTransform(V,!0),h.measuredBox):p.calcBoxDelta(s,m,h.layoutBox);const a=!S.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 y=u.createBox();p.calcRelativePosition(y,h.layoutBox,n.layoutBox);const d=u.createBox();p.calcRelativePosition(d,m,l.layoutBox),S.boxEqualsRounded(y,d)||(o=!0),r.options.layoutRoot&&(i.relativeTarget=d,i.relativeTargetOrigin=y,i.relativeParent=r)}}}i.notifyListeners("didUpdate",{layout:m,snapshot:h,delta:s,layoutDelta:e,hasLayoutChanged:a,hasRelativeTargetChanged:o})}else if(i.isLead()){const{onExitComplete:m}=i.options;m&&m()}i.options.transition=void 0}function G(i){P.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 Z(i){i.isProjectionDirty=i.isSharedProjectionDirty=i.isTransformDirty=!1}function ut(i){i.clearSnapshot()}function w(i){i.clearMeasurements()}function dt(i){i.isLayoutDirty=!1}function ft(i){const{visualElement:c}=i.options;c&&c.getProps().onBeforeLayoutMeasure&&c.notify("BeforeLayoutMeasure"),i.resetTransform()}function W(i){i.finishAnimation(),i.targetDelta=i.relativeTarget=i.target=void 0,i.isProjectionDirty=!0}function mt(i){i.resolveTargetDelta()}function pt(i){i.calcProjection()}function yt(i){i.resetRotation()}function gt(i){i.removeLeadSnapshot()}function U(i,c,h){i.translate=L.mix(c.translate,0,h),i.scale=L.mix(c.scale,1,h),i.origin=c.origin,i.originPoint=c.originPoint}function C(i,c,h,m){i.min=L.mix(c.min,h.min,m),i.max=L.mix(c.max,h.max,m)}function $(i,c,h,m){C(i.x,c.x,h.x,m),C(i.y,c.y,h.y,m)}function vt(i){return i.animationValues&&i.animationValues.opacityExit!==void 0}const Tt={duration:.45,ease:[.4,0,.1,1]},z=i=>typeof navigator<"u"&&navigator.userAgent.toLowerCase().includes(i),_=z("applewebkit/")&&!z("chrome/")?Math.round:rt.noop;function H(i){i.min=_(i.min),i.max=_(i.max)}function xt(i){H(i.x),H(i.y)}function X(i,c,h){return i==="position"||i==="preserve-aspect"&&!p.isNear(S.aspectRatio(c),S.aspectRatio(h),.2)}exports.cleanDirtyNodes=Z;exports.createProjectionNode=lt;exports.mixAxis=C;exports.mixAxisDelta=U;exports.mixBox=$;exports.propagateDirtyNodes=G;

package/dist/lyra299.js

@@ -1,24 +1,24 @@
 import { SubscriptionManager as st } from "./lyra198.js";
-import { mixValues as ot } from "./lyra349.js";
-import { copyBoxInto as p } from "./lyra350.js";
-import { translateAxis as S, transformBox as k, applyBoxDelta as at, applyTreeDeltas as rt } from "./lyra351.js";
+import { mixValues as ot } from "./lyra350.js";
+import { copyBoxInto as p } from "./lyra351.js";
+import { translateAxis as S, transformBox as k, applyBoxDelta as at, applyTreeDeltas as rt } from "./lyra352.js";
 import { calcRelativePosition as A, calcRelativeBox as nt, calcBoxDelta as L, calcLength as E, isNear as lt } from "./lyra262.js";
-import { removeBoxTransforms as w } from "./lyra352.js";
+import { removeBoxTransforms as w } from "./lyra353.js";
 import { createBox as f, createDelta as j } from "./lyra194.js";
-import { getValueTransition as ht } from "./lyra348.js";
-import { boxEqualsRounded as tt, isDeltaZero as et, aspectRatio as I, boxEquals as ut } from "./lyra353.js";
-import { NodeStack as ct } from "./lyra354.js";
+import { getValueTransition as ht } from "./lyra349.js";
+import { boxEqualsRounded as tt, isDeltaZero as et, aspectRatio as I, boxEquals as ut } from "./lyra354.js";
+import { NodeStack as ct } from "./lyra355.js";
 import { scaleCorrectors as N } from "./lyra211.js";
-import { buildProjectionTransform as W } from "./lyra355.js";
-import { eachAxis as z } from "./lyra356.js";
-import { hasTransform as B, hasScale as _, has2DTranslate as dt } from "./lyra357.js";
+import { buildProjectionTransform as W } from "./lyra356.js";
+import { eachAxis as z } from "./lyra357.js";
+import { hasTransform as B, hasScale as _, has2DTranslate as dt } from "./lyra358.js";
 import { FlatTree as ft } from "./lyra236.js";
 import { resolveMotionValue as C } from "./lyra172.js";
-import { globalProjectionState as O } from "./lyra323.js";
+import { globalProjectionState as O } from "./lyra334.js";
 import { delay as mt } from "./lyra250.js";
 import { mix as F } from "./lyra240.js";
-import { record as pt } from "./lyra358.js";
-import { isSVGElement as yt } from "./lyra359.js";
+import { record as pt } from "./lyra359.js";
+import { isSVGElement as yt } from "./lyra360.js";
 import { animateSingleValue as gt } from "./lyra309.js";
 import { clamp as vt } from "./lyra219.js";
 import { cancelFrame as H, frameData as y, steps as b, frame as M } from "./lyra210.js";

package/dist/lyra3.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra61.cjs");require("./lyra66.cjs");const o=t.cva(["rounded-base","outline-none"],{variants:{isFocusVisible:{true:["ring-2","ring-primary-1","z-10"],false:["border-b last:border-b-0 border-solid border-[--accordion-divider-color]"]}}}),e=t.cva(["flex","items-center","justify-between","gap-4","rounded-base","w-full","outline-none","px-[--accordion-title-padding-x]","py-[--accordion-title-padding-y]","text-[length:var(--accordion-title-font-size)]","font-[--accordion-title-font-weight]","outline-none"],{variants:{isOpen:{true:["text-[--accordion-title-is-open-color]"],false:["text-[--accordion-title-color]"]},isDisabled:{true:["text-[--accordion-title-is-disabled-color]","cursor-not-allowed"]}}}),n=t.cva(["text-[length:var(--accordion-content-font-size)]","font-[--accordion-content-font-weight]","text-[--accordion-content-color]"],{variants:{disableAccordionContentPadding:{true:["p-0"],false:["px-[--accordion-content-padding-x]","py-[--accordion-content-padding-y]"]}},defaultVariants:{disableAccordionContentPadding:!1}});exports.accordionItemButtonStyles=e;exports.accordionItemContentStyles=n;exports.accordionItemStyles=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra62.cjs");require("./lyra67.cjs");const o=t.cva(["rounded-base","outline-none"],{variants:{isFocusVisible:{true:["ring-2","ring-primary-1","z-10"],false:["border-b last:border-b-0 border-solid border-[--accordion-divider-color]"]}}}),e=t.cva(["flex","items-center","justify-between","gap-4","rounded-base","w-full","outline-none","px-[--accordion-title-padding-x]","py-[--accordion-title-padding-y]","text-[length:var(--accordion-title-font-size)]","font-[--accordion-title-font-weight]","outline-none"],{variants:{isOpen:{true:["text-[--accordion-title-is-open-color]"],false:["text-[--accordion-title-color]"]},isDisabled:{true:["text-[--accordion-title-is-disabled-color]","cursor-not-allowed"]}}}),n=t.cva(["text-[length:var(--accordion-content-font-size)]","font-[--accordion-content-font-weight]","text-[--accordion-content-color]"],{variants:{disableAccordionContentPadding:{true:["p-0"],false:["px-[--accordion-content-padding-x]","py-[--accordion-content-padding-y]"]}},defaultVariants:{disableAccordionContentPadding:!1}});exports.accordionItemButtonStyles=e;exports.accordionItemContentStyles=n;exports.accordionItemStyles=o;

package/dist/lyra3.js

@@ -1,5 +1,5 @@
-import { cva as o } from "./lyra61.js";
-import "./lyra66.js";
+import { cva as o } from "./lyra62.js";
+import "./lyra67.js";
 const e = o(["rounded-base", "outline-none"], {
   variants: {
     isFocusVisible: {

package/dist/lyra30.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./lyra52.cjs"),c=require("react"),l=require("./lyra51.cjs");require("./lyra2.cjs");require("./lyra66.cjs");require("./lyra41.cjs");require("./lyra70.cjs");require("./lyra71.cjs");require("./lyra67.cjs");require("./lyra8.cjs");require("./lyra69.cjs");require("./lyra10.cjs");require("./lyra11.cjs");require("./lyra141.cjs");require("./lyra24.cjs");require("./lyra15.cjs");require("./lyra17.cjs");require("./lyra18.cjs");require("./lyra72.cjs");require("./lyra20.cjs");require("./lyra142.cjs");require("./lyra22.cjs");require("./lyra23.cjs");require("./lyra25.cjs");require("./lyra26.cjs");require("./lyra73.cjs");require("./lyra28.cjs");const b=require("./lyra31.cjs");require("./lyra75.cjs");require("./lyra38.cjs");require("./lyra76.cjs");require("./lyra40.cjs");require("./lyra78.cjs");const f=require("./lyra45.cjs");require("./lyra47.cjs");require("./lyra56.cjs");const j=require("./lyra62.cjs"),x=require("./lyra50.cjs"),K=({position:r="center",fullScreen:n,fullWidth:o,maxWidth:i,isDismissable:s=!0,centerDialogToBottomOnMobileScreens:m=!0,disableBlur:y=!1,onOpenChange:u,screenWidthMobileBreakpoint:v=640,...e},O)=>{const{direction:a}=x.useLocale(),D=f.useIsMobileDevice(v);r=r==="center"&&m&&D?"bottom":r,i=r==="center"&&m&&D?void 0:i;const g=c.useMemo(()=>({defaultOpen:e.defaultOpen,isOpen:e.isOpen,onOpenChange:u,isDismissable:s,isKeyboardDismissDisabled:e.isKeyboardDismissDisabled,className:({isEntering:q,isExiting:t})=>b.modalOverlayStyles({position:r,className:e.overlayClassName,isEntering:q,isExiting:t,disableBlur:y}),style:e.overlayStyle}),[y,s,u,r,e.defaultOpen,e.isKeyboardDismissDisabled,e.isOpen,e.overlayClassName,e.overlayStyle]),M=c.useMemo(()=>({isDismissable:s,isKeyboardDismissDisabled:e.isKeyboardDismissDisabled,isOpen:e.isOpen,defaultOpen:e.defaultOpen,onOpenChange:u,className:({isEntering:q,isExiting:t})=>b.modalStyles({fullScreen:n,fullWidth:o,maxWidth:i,position:r,direction:a,isEntering:q,isExiting:t,className:e.className})}),[a,n,o,s,i,u,r,e.className,e.defaultOpen,e.isKeyboardDismissDisabled,e.isOpen]),N=c.useMemo(()=>({onClose:e.onClose,children:e.children}),[e.children,e.onClose]);return d.jsxRuntimeExports.jsx(l.ModalOverlay,{...g,style:{direction:a},children:d.jsxRuntimeExports.jsx(l.Modal,{ref:O,...M,"data-position":r,children:d.jsxRuntimeExports.jsx(l.Dialog,{...N,className:"outline-none"})})})},R=j.fixedForwardRef(K);exports.DialogTrigger=l.DialogTrigger;exports.Dialog=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra62.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;

package/dist/lyra30.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra30.cjs","sources":["../src/components/overlays/dialog/dialog.tsx"],"sourcesContent":["import { CSSProperties, ElementRef, ForwardedRef, useMemo } from \"react\";\nimport {\n  Dialog as AriaDialog,\n  DialogProps as AriaDialogProps,\n  DialogTrigger as AriaDialogTrigger,\n  Modal,\n  ModalOverlay,\n  ModalOverlayProps,\n} from \"react-aria-components\";\n\nimport { useLocale } from \"../../..\";\nimport { VariantProps } from \"../../../utils/class-variance-authority\";\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { useIsMobileDevice } from \"../../../utils/hooks/use-is-mobile-device\";\n\nimport { modalOverlayStyles, modalStyles } from \"./dialog.styles\";\n\nexport type DialogProps = VariantProps<typeof modalStyles> &\n  VariantProps<typeof modalStyles> & {\n    isDismissable?: ModalOverlayProps[\"isDismissable\"];\n    isKeyboardDismissDisabled?: ModalOverlayProps[\"isKeyboardDismissDisabled\"];\n    isOpen?: ModalOverlayProps[\"isOpen\"];\n    defaultOpen?: ModalOverlayProps[\"defaultOpen\"];\n    disableBlur?: VariantProps<typeof modalOverlayStyles>[\"disableBlur\"];\n    className?: string;\n    style?: CSSProperties;\n    overlayStyle?: ModalOverlayProps[\"style\"];\n    overlayClassName?: ModalOverlayProps[\"className\"];\n    onClose?: AriaDialogProps[\"onClose\"];\n    onOpenChange?: ModalOverlayProps[\"onOpenChange\"];\n    children: AriaDialogProps[\"children\"];\n    centerDialogToBottomOnMobileScreens?: boolean;\n    screenWidthMobileBreakpoint?: number;\n  };\n\ntype ModalRef = ElementRef<typeof Modal>;\n\nconst _Dialog = (\n  {\n    position = \"center\",\n    fullScreen,\n    fullWidth,\n    maxWidth,\n    isDismissable = true,\n    centerDialogToBottomOnMobileScreens = true,\n    disableBlur = false,\n    onOpenChange,\n    screenWidthMobileBreakpoint = 640,\n    ...props\n  }: DialogProps,\n  ref: ForwardedRef<ModalRef>,\n) => {\n  const { direction } = useLocale();\n  const isMobileDevice = useIsMobileDevice(screenWidthMobileBreakpoint);\n  position =\n    position === \"center\" && centerDialogToBottomOnMobileScreens && isMobileDevice\n      ? \"bottom\"\n      : position;\n\n  maxWidth =\n    position === \"center\" && centerDialogToBottomOnMobileScreens && isMobileDevice\n      ? undefined\n      : maxWidth;\n\n  const modalOverlayProps: ModalOverlayProps = useMemo(\n    () => ({\n      defaultOpen: props.defaultOpen,\n      isOpen: props.isOpen,\n      onOpenChange,\n      isDismissable,\n      isKeyboardDismissDisabled: props.isKeyboardDismissDisabled,\n      className: ({ isEntering, isExiting }) =>\n        modalOverlayStyles({\n          position,\n          className: props.overlayClassName,\n          isEntering,\n          isExiting,\n          disableBlur,\n        }),\n      style: props.overlayStyle,\n    }),\n    [\n      disableBlur,\n      isDismissable,\n      onOpenChange,\n      position,\n      props.defaultOpen,\n      props.isKeyboardDismissDisabled,\n      props.isOpen,\n      props.overlayClassName,\n      props.overlayStyle,\n    ],\n  );\n\n  const modalProps: ModalOverlayProps = useMemo(\n    () => ({\n      isDismissable,\n      isKeyboardDismissDisabled: props.isKeyboardDismissDisabled,\n      isOpen: props.isOpen,\n      defaultOpen: props.defaultOpen,\n      onOpenChange,\n      className: ({ isEntering, isExiting }) =>\n        modalStyles({\n          fullScreen,\n          fullWidth,\n          maxWidth,\n          position,\n          direction,\n          isEntering,\n          isExiting,\n          className: props.className,\n        }),\n    }),\n    [\n      direction,\n      fullScreen,\n      fullWidth,\n      isDismissable,\n      maxWidth,\n      onOpenChange,\n      position,\n      props.className,\n      props.defaultOpen,\n      props.isKeyboardDismissDisabled,\n      props.isOpen,\n    ],\n  );\n\n  const dialogProps = useMemo(\n    () => ({\n      onClose: props.onClose,\n      children: props.children,\n    }),\n    [props.children, props.onClose],\n  );\n\n  return (\n    <ModalOverlay {...modalOverlayProps} style={{ direction }}>\n      <Modal ref={ref} {...modalProps} data-position={position}>\n        <AriaDialog {...dialogProps} className=\"outline-none\" />\n      </Modal>\n    </ModalOverlay>\n  );\n};\n\nexport { AriaDialogTrigger as DialogTrigger };\n\nexport const Dialog = fixedForwardRef(_Dialog);\n"],"names":["_Dialog","position","fullScreen","fullWidth","maxWidth","isDismissable","centerDialogToBottomOnMobileScreens","disableBlur","onOpenChange","screenWidthMobileBreakpoint","props","ref","direction","useLocale","isMobileDevice","useIsMobileDevice","modalOverlayProps","useMemo","isEntering","isExiting","modalOverlayStyles","modalProps","modalStyles","dialogProps","jsx","ModalOverlay","Modal","AriaDialog","Dialog","fixedForwardRef"],"mappings":"+/BAqCMA,EAAU,CACd,CACE,SAAAC,EAAW,SACX,WAAAC,EACA,UAAAC,EACA,SAAAC,EACA,cAAAC,EAAgB,GAChB,oCAAAC,EAAsC,GACtC,YAAAC,EAAc,GACd,aAAAC,EACA,4BAAAC,EAA8B,IAC9B,GAAGC,CACL,EACAC,IACG,CACG,KAAA,CAAE,UAAAC,GAAcC,EAAAA,YAChBC,EAAiBC,oBAAkBN,CAA2B,EACpER,EACEA,IAAa,UAAYK,GAAuCQ,EAC5D,SACAb,EAENG,EACEH,IAAa,UAAYK,GAAuCQ,EAC5D,OACAV,EAEN,MAAMY,EAAuCC,EAAA,QAC3C,KAAO,CACL,YAAaP,EAAM,YACnB,OAAQA,EAAM,OACd,aAAAF,EACA,cAAAH,EACA,0BAA2BK,EAAM,0BACjC,UAAW,CAAC,CAAE,WAAAQ,EAAY,UAAAC,CAAA,IACxBC,EAAAA,mBAAmB,CACjB,SAAAnB,EACA,UAAWS,EAAM,iBACjB,WAAAQ,EACA,UAAAC,EACA,YAAAZ,CAAA,CACD,EACH,MAAOG,EAAM,YAAA,GAEf,CACEH,EACAF,EACAG,EACAP,EACAS,EAAM,YACNA,EAAM,0BACNA,EAAM,OACNA,EAAM,iBACNA,EAAM,YACR,CAAA,EAGIW,EAAgCJ,EAAA,QACpC,KAAO,CACL,cAAAZ,EACA,0BAA2BK,EAAM,0BACjC,OAAQA,EAAM,OACd,YAAaA,EAAM,YACnB,aAAAF,EACA,UAAW,CAAC,CAAE,WAAAU,EAAY,UAAAC,CAAA,IACxBG,EAAAA,YAAY,CACV,WAAApB,EACA,UAAAC,EACA,SAAAC,EACA,SAAAH,EACA,UAAAW,EACA,WAAAM,EACA,UAAAC,EACA,UAAWT,EAAM,SAAA,CAClB,CAAA,GAEL,CACEE,EACAV,EACAC,EACAE,EACAD,EACAI,EACAP,EACAS,EAAM,UACNA,EAAM,YACNA,EAAM,0BACNA,EAAM,MACR,CAAA,EAGIa,EAAcN,EAAA,QAClB,KAAO,CACL,QAASP,EAAM,QACf,SAAUA,EAAM,QAAA,GAElB,CAACA,EAAM,SAAUA,EAAM,OAAO,CAAA,EAI9B,OAAAc,wBAACC,EAAAA,cAAc,GAAGT,EAAmB,MAAO,CAAE,UAAAJ,CAAA,EAC5C,SAAAY,EAAAA,kBAAAA,IAACE,EAAM,MAAA,CAAA,IAAAf,EAAW,GAAGU,EAAY,gBAAepB,EAC9C,SAACuB,EAAAA,kBAAAA,IAAAG,EAAAA,OAAA,CAAY,GAAGJ,EAAa,UAAU,cAAe,CAAA,CACxD,CAAA,CACF,CAAA,CAEJ,EAIaK,EAASC,kBAAgB7B,CAAO"}
+{"version":3,"file":"lyra30.cjs","sources":["../src/components/overlays/popover/popover.styles.ts"],"sourcesContent":["import { cva } from \"../../../utils/class-variance-authority\";\n\nexport const popoverStyles = cva(\n  [\n    \"w-[--trigger-width]\",\n    \"rounded-base\",\n    \"drop-shadow-sm\",\n    \"ring-1\",\n    \"ring-inset\",\n    \"ring-neutral-3\",\n    \"bg-surface-1\",\n    \"outline-none\",\n  ],\n  {\n    variants: {\n      isEntering: {\n        true: [\n          \"animate-in\",\n          \"fade-in\",\n          \"data-[placement=bottom]:slide-in-from-top-1\",\n          \"data-[placement=top]:slide-in-from-bottom-1\",\n          \"ease-out\",\n          \"duration-200\",\n          \"fill-mode-forwards\",\n        ],\n      },\n      isExiting: {\n        true: [\n          \"animate-out\",\n          \"fade-out\",\n          \"data-[placement=bottom]:slide-out-to-top-1\",\n          \"data-[placement=top]:slide-out-to-bottom-1\",\n          \"ease-in\",\n          \"duration-150\",\n          \"fill-mode-forwards\",\n        ],\n      },\n    },\n  },\n);\n"],"names":["popoverStyles","cva"],"mappings":"gHAEaA,EAAgBC,EAAA,IAC3B,CACE,sBACA,eACA,iBACA,SACA,aACA,iBACA,eACA,cACF,EACA,CACE,SAAU,CACR,WAAY,CACV,KAAM,CACJ,aACA,UACA,8CACA,8CACA,WACA,eACA,oBACF,CACF,EACA,UAAW,CACT,KAAM,CACJ,cACA,WACA,6CACA,6CACA,UACA,eACA,oBACF,CACF,CACF,CACF,CACF"}

package/dist/lyra30.js

@@ -1,124 +1,42 @@
-import { j as s } from "./lyra52.js";
-import { useMemo as d } from "react";
-import { ModalOverlay as x, Modal as N, Dialog as p } from "./lyra51.js";
-import { DialogTrigger as $e } from "./lyra51.js";
-import "./lyra2.js";
-import "./lyra66.js";
-import "./lyra41.js";
-import "./lyra70.js";
-import "./lyra71.js";
-import "./lyra67.js";
-import "./lyra8.js";
-import "./lyra69.js";
-import "./lyra10.js";
-import "./lyra11.js";
-import "./lyra141.js";
-import "./lyra24.js";
-import "./lyra15.js";
-import "./lyra17.js";
-import "./lyra18.js";
-import "./lyra72.js";
-import "./lyra20.js";
-import "./lyra142.js";
-import "./lyra22.js";
-import "./lyra23.js";
-import "./lyra25.js";
-import "./lyra26.js";
-import "./lyra73.js";
-import "./lyra28.js";
-import { modalOverlayStyles as K, modalStyles as j } from "./lyra31.js";
-import "./lyra75.js";
-import "./lyra38.js";
-import "./lyra76.js";
-import "./lyra40.js";
-import "./lyra78.js";
-import { useIsMobileDevice as M } from "./lyra45.js";
-import "./lyra47.js";
-import "./lyra56.js";
-import { fixedForwardRef as g } from "./lyra62.js";
-import { useLocale as P } from "./lyra50.js";
-const C = ({
-  position: t = "center",
-  fullScreen: f,
-  fullWidth: c,
-  maxWidth: m,
-  isDismissable: r = !0,
-  centerDialogToBottomOnMobileScreens: y = !0,
-  disableBlur: b = !1,
-  onOpenChange: i,
-  screenWidthMobileBreakpoint: D = 640,
-  ...e
-}, $) => {
-  const { direction: a } = P(), n = M(D);
-  t = t === "center" && y && n ? "bottom" : t, m = t === "center" && y && n ? void 0 : m;
-  const u = d(
-    () => ({
-      defaultOpen: e.defaultOpen,
-      isOpen: e.isOpen,
-      onOpenChange: i,
-      isDismissable: r,
-      isKeyboardDismissDisabled: e.isKeyboardDismissDisabled,
-      className: ({ isEntering: o, isExiting: l }) => K({
-        position: t,
-        className: e.overlayClassName,
-        isEntering: o,
-        isExiting: l,
-        disableBlur: b
-      }),
-      style: e.overlayStyle
-    }),
-    [
-      b,
-      r,
-      i,
-      t,
-      e.defaultOpen,
-      e.isKeyboardDismissDisabled,
-      e.isOpen,
-      e.overlayClassName,
-      e.overlayStyle
-    ]
-  ), O = d(
-    () => ({
-      isDismissable: r,
-      isKeyboardDismissDisabled: e.isKeyboardDismissDisabled,
-      isOpen: e.isOpen,
-      defaultOpen: e.defaultOpen,
-      onOpenChange: i,
-      className: ({ isEntering: o, isExiting: l }) => j({
-        fullScreen: f,
-        fullWidth: c,
-        maxWidth: m,
-        position: t,
-        direction: a,
-        isEntering: o,
-        isExiting: l,
-        className: e.className
-      })
-    }),
-    [
-      a,
-      f,
-      c,
-      r,
-      m,
-      i,
-      t,
-      e.className,
-      e.defaultOpen,
-      e.isKeyboardDismissDisabled,
-      e.isOpen
-    ]
-  ), v = d(
-    () => ({
-      onClose: e.onClose,
-      children: e.children
-    }),
-    [e.children, e.onClose]
-  );
-  return /* @__PURE__ */ s.jsx(x, { ...u, style: { direction: a }, children: /* @__PURE__ */ s.jsx(N, { ref: $, ...O, "data-position": t, children: /* @__PURE__ */ s.jsx(p, { ...v, className: "outline-none" }) }) });
-}, be = g(C);
+import { cva as t } from "./lyra62.js";
+const e = t(
+  [
+    "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"
+        ]
+      }
+    }
+  }
+);
 export {
-  be as Dialog,
-  $e as DialogTrigger
+  e as popoverStyles
 };

package/dist/lyra30.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra30.js","sources":["../src/components/overlays/dialog/dialog.tsx"],"sourcesContent":["import { CSSProperties, ElementRef, ForwardedRef, useMemo } from \"react\";\nimport {\n  Dialog as AriaDialog,\n  DialogProps as AriaDialogProps,\n  DialogTrigger as AriaDialogTrigger,\n  Modal,\n  ModalOverlay,\n  ModalOverlayProps,\n} from \"react-aria-components\";\n\nimport { useLocale } from \"../../..\";\nimport { VariantProps } from \"../../../utils/class-variance-authority\";\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { useIsMobileDevice } from \"../../../utils/hooks/use-is-mobile-device\";\n\nimport { modalOverlayStyles, modalStyles } from \"./dialog.styles\";\n\nexport type DialogProps = VariantProps<typeof modalStyles> &\n  VariantProps<typeof modalStyles> & {\n    isDismissable?: ModalOverlayProps[\"isDismissable\"];\n    isKeyboardDismissDisabled?: ModalOverlayProps[\"isKeyboardDismissDisabled\"];\n    isOpen?: ModalOverlayProps[\"isOpen\"];\n    defaultOpen?: ModalOverlayProps[\"defaultOpen\"];\n    disableBlur?: VariantProps<typeof modalOverlayStyles>[\"disableBlur\"];\n    className?: string;\n    style?: CSSProperties;\n    overlayStyle?: ModalOverlayProps[\"style\"];\n    overlayClassName?: ModalOverlayProps[\"className\"];\n    onClose?: AriaDialogProps[\"onClose\"];\n    onOpenChange?: ModalOverlayProps[\"onOpenChange\"];\n    children: AriaDialogProps[\"children\"];\n    centerDialogToBottomOnMobileScreens?: boolean;\n    screenWidthMobileBreakpoint?: number;\n  };\n\ntype ModalRef = ElementRef<typeof Modal>;\n\nconst _Dialog = (\n  {\n    position = \"center\",\n    fullScreen,\n    fullWidth,\n    maxWidth,\n    isDismissable = true,\n    centerDialogToBottomOnMobileScreens = true,\n    disableBlur = false,\n    onOpenChange,\n    screenWidthMobileBreakpoint = 640,\n    ...props\n  }: DialogProps,\n  ref: ForwardedRef<ModalRef>,\n) => {\n  const { direction } = useLocale();\n  const isMobileDevice = useIsMobileDevice(screenWidthMobileBreakpoint);\n  position =\n    position === \"center\" && centerDialogToBottomOnMobileScreens && isMobileDevice\n      ? \"bottom\"\n      : position;\n\n  maxWidth =\n    position === \"center\" && centerDialogToBottomOnMobileScreens && isMobileDevice\n      ? undefined\n      : maxWidth;\n\n  const modalOverlayProps: ModalOverlayProps = useMemo(\n    () => ({\n      defaultOpen: props.defaultOpen,\n      isOpen: props.isOpen,\n      onOpenChange,\n      isDismissable,\n      isKeyboardDismissDisabled: props.isKeyboardDismissDisabled,\n      className: ({ isEntering, isExiting }) =>\n        modalOverlayStyles({\n          position,\n          className: props.overlayClassName,\n          isEntering,\n          isExiting,\n          disableBlur,\n        }),\n      style: props.overlayStyle,\n    }),\n    [\n      disableBlur,\n      isDismissable,\n      onOpenChange,\n      position,\n      props.defaultOpen,\n      props.isKeyboardDismissDisabled,\n      props.isOpen,\n      props.overlayClassName,\n      props.overlayStyle,\n    ],\n  );\n\n  const modalProps: ModalOverlayProps = useMemo(\n    () => ({\n      isDismissable,\n      isKeyboardDismissDisabled: props.isKeyboardDismissDisabled,\n      isOpen: props.isOpen,\n      defaultOpen: props.defaultOpen,\n      onOpenChange,\n      className: ({ isEntering, isExiting }) =>\n        modalStyles({\n          fullScreen,\n          fullWidth,\n          maxWidth,\n          position,\n          direction,\n          isEntering,\n          isExiting,\n          className: props.className,\n        }),\n    }),\n    [\n      direction,\n      fullScreen,\n      fullWidth,\n      isDismissable,\n      maxWidth,\n      onOpenChange,\n      position,\n      props.className,\n      props.defaultOpen,\n      props.isKeyboardDismissDisabled,\n      props.isOpen,\n    ],\n  );\n\n  const dialogProps = useMemo(\n    () => ({\n      onClose: props.onClose,\n      children: props.children,\n    }),\n    [props.children, props.onClose],\n  );\n\n  return (\n    <ModalOverlay {...modalOverlayProps} style={{ direction }}>\n      <Modal ref={ref} {...modalProps} data-position={position}>\n        <AriaDialog {...dialogProps} className=\"outline-none\" />\n      </Modal>\n    </ModalOverlay>\n  );\n};\n\nexport { AriaDialogTrigger as DialogTrigger };\n\nexport const Dialog = fixedForwardRef(_Dialog);\n"],"names":["_Dialog","position","fullScreen","fullWidth","maxWidth","isDismissable","centerDialogToBottomOnMobileScreens","disableBlur","onOpenChange","screenWidthMobileBreakpoint","props","ref","direction","useLocale","isMobileDevice","useIsMobileDevice","modalOverlayProps","useMemo","isEntering","isExiting","modalOverlayStyles","modalProps","modalStyles","dialogProps","jsx","ModalOverlay","Modal","AriaDialog","Dialog","fixedForwardRef"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqCA,MAAMA,IAAU,CACd;AAAA,EACE,UAAAC,IAAW;AAAA,EACX,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,qCAAAC,IAAsC;AAAA,EACtC,aAAAC,IAAc;AAAA,EACd,cAAAC;AAAA,EACA,6BAAAC,IAA8B;AAAA,EAC9B,GAAGC;AACL,GACAC,MACG;AACG,QAAA,EAAE,WAAAC,MAAcC,KAChBC,IAAiBC,EAAkBN,CAA2B;AACpE,EAAAR,IACEA,MAAa,YAAYK,KAAuCQ,IAC5D,WACAb,GAENG,IACEH,MAAa,YAAYK,KAAuCQ,IAC5D,SACAV;AAEN,QAAMY,IAAuCC;AAAA,IAC3C,OAAO;AAAA,MACL,aAAaP,EAAM;AAAA,MACnB,QAAQA,EAAM;AAAA,MACd,cAAAF;AAAA,MACA,eAAAH;AAAA,MACA,2BAA2BK,EAAM;AAAA,MACjC,WAAW,CAAC,EAAE,YAAAQ,GAAY,WAAAC,EAAA,MACxBC,EAAmB;AAAA,QACjB,UAAAnB;AAAA,QACA,WAAWS,EAAM;AAAA,QACjB,YAAAQ;AAAA,QACA,WAAAC;AAAA,QACA,aAAAZ;AAAA,MAAA,CACD;AAAA,MACH,OAAOG,EAAM;AAAA,IAAA;AAAA,IAEf;AAAA,MACEH;AAAA,MACAF;AAAA,MACAG;AAAA,MACAP;AAAA,MACAS,EAAM;AAAA,MACNA,EAAM;AAAA,MACNA,EAAM;AAAA,MACNA,EAAM;AAAA,MACNA,EAAM;AAAA,IACR;AAAA,EAAA,GAGIW,IAAgCJ;AAAA,IACpC,OAAO;AAAA,MACL,eAAAZ;AAAA,MACA,2BAA2BK,EAAM;AAAA,MACjC,QAAQA,EAAM;AAAA,MACd,aAAaA,EAAM;AAAA,MACnB,cAAAF;AAAA,MACA,WAAW,CAAC,EAAE,YAAAU,GAAY,WAAAC,EAAA,MACxBG,EAAY;AAAA,QACV,YAAApB;AAAA,QACA,WAAAC;AAAA,QACA,UAAAC;AAAA,QACA,UAAAH;AAAA,QACA,WAAAW;AAAA,QACA,YAAAM;AAAA,QACA,WAAAC;AAAA,QACA,WAAWT,EAAM;AAAA,MAAA,CAClB;AAAA,IAAA;AAAA,IAEL;AAAA,MACEE;AAAA,MACAV;AAAA,MACAC;AAAA,MACAE;AAAA,MACAD;AAAA,MACAI;AAAA,MACAP;AAAA,MACAS,EAAM;AAAA,MACNA,EAAM;AAAA,MACNA,EAAM;AAAA,MACNA,EAAM;AAAA,IACR;AAAA,EAAA,GAGIa,IAAcN;AAAA,IAClB,OAAO;AAAA,MACL,SAASP,EAAM;AAAA,MACf,UAAUA,EAAM;AAAA,IAAA;AAAA,IAElB,CAACA,EAAM,UAAUA,EAAM,OAAO;AAAA,EAAA;AAI9B,SAAAc,gBAAAA,MAACC,KAAc,GAAGT,GAAmB,OAAO,EAAE,WAAAJ,EAAA,GAC5C,UAAAY,gBAAAA,EAAAA,IAACE,GAAM,EAAA,KAAAf,GAAW,GAAGU,GAAY,iBAAepB,GAC9C,UAACuB,gBAAAA,EAAAA,IAAAG,GAAA,EAAY,GAAGJ,GAAa,WAAU,eAAe,CAAA,EACxD,CAAA,EACF,CAAA;AAEJ,GAIaK,KAASC,EAAgB7B,CAAO;"}
+{"version":3,"file":"lyra30.js","sources":["../src/components/overlays/popover/popover.styles.ts"],"sourcesContent":["import { cva } from \"../../../utils/class-variance-authority\";\n\nexport const popoverStyles = cva(\n  [\n    \"w-[--trigger-width]\",\n    \"rounded-base\",\n    \"drop-shadow-sm\",\n    \"ring-1\",\n    \"ring-inset\",\n    \"ring-neutral-3\",\n    \"bg-surface-1\",\n    \"outline-none\",\n  ],\n  {\n    variants: {\n      isEntering: {\n        true: [\n          \"animate-in\",\n          \"fade-in\",\n          \"data-[placement=bottom]:slide-in-from-top-1\",\n          \"data-[placement=top]:slide-in-from-bottom-1\",\n          \"ease-out\",\n          \"duration-200\",\n          \"fill-mode-forwards\",\n        ],\n      },\n      isExiting: {\n        true: [\n          \"animate-out\",\n          \"fade-out\",\n          \"data-[placement=bottom]:slide-out-to-top-1\",\n          \"data-[placement=top]:slide-out-to-bottom-1\",\n          \"ease-in\",\n          \"duration-150\",\n          \"fill-mode-forwards\",\n        ],\n      },\n    },\n  },\n);\n"],"names":["popoverStyles","cva"],"mappings":";AAEO,MAAMA,IAAgBC;AAAA,EAC3B;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,YAAY;AAAA,QACV,MAAM;AAAA,UACJ;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,MACF;AAAA,MACA,WAAW;AAAA,QACT,MAAM;AAAA,UACJ;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;"}

package/dist/lyra303.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("./lyra360.cjs");function l(t){const e=[0];return f.fillOffset(e,t.length-1),e}exports.defaultOffset=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("./lyra361.cjs");function l(t){const e=[0];return f.fillOffset(e,t.length-1),e}exports.defaultOffset=l;

package/dist/lyra303.js

@@ -1,4 +1,4 @@
-import { fillOffset as e } from "./lyra360.js";
+import { fillOffset as e } from "./lyra361.js";
 function n(t) {
   const f = [0];
   return e(f, t.length - 1), f;

package/dist/lyra307.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra361.cjs");function a(e){return!!(!e||typeof e=="string"&&r[e]||t.isBezierDefinition(e)||Array.isArray(e)&&e.every(a))}const i=([e,o,s,u])=>`cubic-bezier(${e}, ${o}, ${s}, ${u})`,r={linear:"linear",ease:"ease",easeIn:"ease-in",easeOut:"ease-out",easeInOut:"ease-in-out",circIn:i([0,.65,.55,1]),circOut:i([.55,0,1,.45]),backIn:i([.31,.01,.66,-.59]),backOut:i([.33,1.53,.69,.99])};function n(e){if(e)return t.isBezierDefinition(e)?i(e):Array.isArray(e)?e.map(n):r[e]}exports.cubicBezierAsString=i;exports.isWaapiSupportedEasing=a;exports.mapEasingToNativeEasing=n;exports.supportedWaapiEasing=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra362.cjs");function a(e){return!!(!e||typeof e=="string"&&r[e]||t.isBezierDefinition(e)||Array.isArray(e)&&e.every(a))}const i=([e,o,s,u])=>`cubic-bezier(${e}, ${o}, ${s}, ${u})`,r={linear:"linear",ease:"ease",easeIn:"ease-in",easeOut:"ease-out",easeInOut:"ease-in-out",circIn:i([0,.65,.55,1]),circOut:i([.55,0,1,.45]),backIn:i([.31,.01,.66,-.59]),backOut:i([.33,1.53,.69,.99])};function n(e){if(e)return t.isBezierDefinition(e)?i(e):Array.isArray(e)?e.map(n):r[e]}exports.cubicBezierAsString=i;exports.isWaapiSupportedEasing=a;exports.mapEasingToNativeEasing=n;exports.supportedWaapiEasing=r;

package/dist/lyra307.js

@@ -1,4 +1,4 @@
-import { isBezierDefinition as i } from "./lyra361.js";
+import { isBezierDefinition as i } from "./lyra362.js";
 function u(r) {
   return !!(!r || typeof r == "string" && t[r] || i(r) || Array.isArray(r) && r.every(u));
 }

package/dist/lyra308.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function p(a){let n=[],s=[],i=0,r=!1,o=!1;const l=new WeakSet,u={schedule:(e,t=!1,f=!1)=>{const d=f&&r,c=d?n:s;return t&&l.add(e),c.indexOf(e)===-1&&(c.push(e),d&&r&&(i=n.length)),e},cancel:e=>{const t=s.indexOf(e);t!==-1&&s.splice(t,1),l.delete(e)},process:e=>{if(r){o=!0;return}if(r=!0,[n,s]=[s,n],s.length=0,i=n.length,i)for(let t=0;t<i;t++){const f=n[t];f(e),l.has(f)&&(u.schedule(f),a())}r=!1,o&&(o=!1,u.process(e))}};return u}exports.createRenderStep=p;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="";exports.default=e;

package/dist/lyra308.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra308.cjs","sources":["../node_modules/framer-motion/dist/es/frameloop/render-step.mjs"],"sourcesContent":["function createRenderStep(runNextFrame) {\n    /**\n     * We create and reuse two arrays, one to queue jobs for the current frame\n     * and one for the next. We reuse to avoid triggering GC after x frames.\n     */\n    let toRun = [];\n    let toRunNextFrame = [];\n    /**\n     *\n     */\n    let numToRun = 0;\n    /**\n     * Track whether we're currently processing jobs in this step. This way\n     * we can decide whether to schedule new jobs for this frame or next.\n     */\n    let isProcessing = false;\n    let flushNextFrame = false;\n    /**\n     * A set of processes which were marked keepAlive when scheduled.\n     */\n    const toKeepAlive = new WeakSet();\n    const step = {\n        /**\n         * Schedule a process to run on the next frame.\n         */\n        schedule: (callback, keepAlive = false, immediate = false) => {\n            const addToCurrentFrame = immediate && isProcessing;\n            const buffer = addToCurrentFrame ? toRun : toRunNextFrame;\n            if (keepAlive)\n                toKeepAlive.add(callback);\n            // If the buffer doesn't already contain this callback, add it\n            if (buffer.indexOf(callback) === -1) {\n                buffer.push(callback);\n                // If we're adding it to the currently running buffer, update its measured size\n                if (addToCurrentFrame && isProcessing)\n                    numToRun = toRun.length;\n            }\n            return callback;\n        },\n        /**\n         * Cancel the provided callback from running on the next frame.\n         */\n        cancel: (callback) => {\n            const index = toRunNextFrame.indexOf(callback);\n            if (index !== -1)\n                toRunNextFrame.splice(index, 1);\n            toKeepAlive.delete(callback);\n        },\n        /**\n         * Execute all schedule callbacks.\n         */\n        process: (frameData) => {\n            /**\n             * If we're already processing we've probably been triggered by a flushSync\n             * inside an existing process. Instead of executing, mark flushNextFrame\n             * as true and ensure we flush the following frame at the end of this one.\n             */\n            if (isProcessing) {\n                flushNextFrame = true;\n                return;\n            }\n            isProcessing = true;\n            [toRun, toRunNextFrame] = [toRunNextFrame, toRun];\n            // Clear the next frame list\n            toRunNextFrame.length = 0;\n            // Execute this frame\n            numToRun = toRun.length;\n            if (numToRun) {\n                for (let i = 0; i < numToRun; i++) {\n                    const callback = toRun[i];\n                    callback(frameData);\n                    if (toKeepAlive.has(callback)) {\n                        step.schedule(callback);\n                        runNextFrame();\n                    }\n                }\n            }\n            isProcessing = false;\n            if (flushNextFrame) {\n                flushNextFrame = false;\n                step.process(frameData);\n            }\n        },\n    };\n    return step;\n}\n\nexport { createRenderStep };\n"],"names":["createRenderStep","runNextFrame","toRun","toRunNextFrame","numToRun","isProcessing","flushNextFrame","toKeepAlive","step","callback","keepAlive","immediate","addToCurrentFrame","buffer","index","frameData","i"],"mappings":"gFAAA,SAASA,EAAiBC,EAAc,CAKpC,IAAIC,EAAQ,CAAA,EACRC,EAAiB,CAAA,EAIjBC,EAAW,EAKXC,EAAe,GACfC,EAAiB,GAIrB,MAAMC,EAAc,IAAI,QAClBC,EAAO,CAIT,SAAU,CAACC,EAAUC,EAAY,GAAOC,EAAY,KAAU,CAC1D,MAAMC,EAAoBD,GAAaN,EACjCQ,EAASD,EAAoBV,EAAQC,EAC3C,OAAIO,GACAH,EAAY,IAAIE,CAAQ,EAExBI,EAAO,QAAQJ,CAAQ,IAAM,KAC7BI,EAAO,KAAKJ,CAAQ,EAEhBG,GAAqBP,IACrBD,EAAWF,EAAM,SAElBO,CACV,EAID,OAASA,GAAa,CAClB,MAAMK,EAAQX,EAAe,QAAQM,CAAQ,EACzCK,IAAU,IACVX,EAAe,OAAOW,EAAO,CAAC,EAClCP,EAAY,OAAOE,CAAQ,CAC9B,EAID,QAAUM,GAAc,CAMpB,GAAIV,EAAc,CACdC,EAAiB,GACjB,MACH,CAOD,GANAD,EAAe,GACf,CAACH,EAAOC,CAAc,EAAI,CAACA,EAAgBD,CAAK,EAEhDC,EAAe,OAAS,EAExBC,EAAWF,EAAM,OACbE,EACA,QAASY,EAAI,EAAGA,EAAIZ,EAAUY,IAAK,CAC/B,MAAMP,EAAWP,EAAMc,CAAC,EACxBP,EAASM,CAAS,EACdR,EAAY,IAAIE,CAAQ,IACxBD,EAAK,SAASC,CAAQ,EACtBR,IAEP,CAELI,EAAe,GACXC,IACAA,EAAiB,GACjBE,EAAK,QAAQO,CAAS,EAE7B,CACT,EACI,OAAOP,CACX","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra308.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}