@new-black/lyra 0.1.14 → 0.1.15

package/dist/lyra292.js

@@ -1,6 +1,6 @@
 import { Feature as s } from "./lyra321.js";
 import { noop as r } from "./lyra235.js";
-import { VisualElementDragControls as t } from "./lyra325.js";
+import { VisualElementDragControls as t } from "./lyra335.js";
 class u extends s {
   constructor(o) {
     super(o), this.removeGroupControls = r, this.removeListeners = r, this.controls = new t(o);

package/dist/lyra293.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("./lyra326.cjs"),d=require("./lyra274.cjs"),c=require("./lyra321.cjs"),h=require("./lyra235.cjs"),r=require("./lyra216.cjs"),o=n=>(e,t)=>{n&&r.frame.update(()=>n(e,t))};class m extends c.Feature{constructor(){super(...arguments),this.removePointerDownListener=h.noop}onPointerDown(e){this.session=new P.PanSession(e,this.createPanHandlers(),{transformPagePoint:this.node.getTransformPagePoint()})}createPanHandlers(){const{onPanSessionStart:e,onPanStart:t,onPan:i,onPanEnd:s}=this.node.getProps();return{onSessionStart:o(e),onStart:o(t),onMove:i,onEnd:(a,u)=>{delete this.session,s&&r.frame.update(()=>s(a,u))}}}mount(){this.removePointerDownListener=d.addPointerEvent(this.node.current,"pointerdown",e=>this.onPointerDown(e))}update(){this.session&&this.session.updateHandlers(this.createPanHandlers())}unmount(){this.removePointerDownListener(),this.session&&this.session.end()}}exports.PanGesture=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("./lyra336.cjs"),d=require("./lyra274.cjs"),c=require("./lyra321.cjs"),h=require("./lyra235.cjs"),r=require("./lyra216.cjs"),o=n=>(e,t)=>{n&&r.frame.update(()=>n(e,t))};class m extends c.Feature{constructor(){super(...arguments),this.removePointerDownListener=h.noop}onPointerDown(e){this.session=new P.PanSession(e,this.createPanHandlers(),{transformPagePoint:this.node.getTransformPagePoint()})}createPanHandlers(){const{onPanSessionStart:e,onPanStart:t,onPan:i,onPanEnd:s}=this.node.getProps();return{onSessionStart:o(e),onStart:o(t),onMove:i,onEnd:(a,u)=>{delete this.session,s&&r.frame.update(()=>s(a,u))}}}mount(){this.removePointerDownListener=d.addPointerEvent(this.node.current,"pointerdown",e=>this.onPointerDown(e))}update(){this.session&&this.session.updateHandlers(this.createPanHandlers())}unmount(){this.removePointerDownListener(),this.session&&this.session.end()}}exports.PanGesture=m;

package/dist/lyra293.js

@@ -1,4 +1,4 @@
-import { PanSession as d } from "./lyra326.js";
+import { PanSession as d } from "./lyra336.js";
 import { addPointerEvent as m } from "./lyra274.js";
 import { Feature as h } from "./lyra321.js";
 import { noop as p } from "./lyra235.js";

package/dist/lyra294.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),d=require("./lyra186.cjs"),p=require("./lyra175.cjs"),l=require("./lyra197.cjs"),m=require("./lyra327.cjs"),n=require("./lyra328.cjs"),f=require("./lyra329.cjs"),R=require("./lyra217.cjs"),h=require("./lyra216.cjs");class y extends a.Component{componentDidMount(){const{visualElement:e,layoutGroup:o,switchLayoutGroup:t,layoutId:s}=this.props,{projection:r}=e;R.addScaleCorrector(v),r&&(o.group&&o.group.add(r),t&&t.register&&s&&t.register(r),r.root.didUpdate(),r.addEventListener("animationComplete",()=>{this.safeToRemove()}),r.setOptions({...r.options,onExitComplete:()=>this.safeToRemove()})),m.globalProjectionState.hasEverUpdated=!0}getSnapshotBeforeUpdate(e){const{layoutDependency:o,visualElement:t,drag:s,isPresent:r}=this.props,i=t.projection;return i&&(i.isPresent=r,s||e.layoutDependency!==o||o===void 0?i.willUpdate():this.safeToRemove(),e.isPresent!==r&&(r?i.promote():i.relegate()||h.frame.postRender(()=>{const c=i.getStack();(!c||!c.members.length)&&this.safeToRemove()}))),null}componentDidUpdate(){const{projection:e}=this.props.visualElement;e&&(e.root.didUpdate(),queueMicrotask(()=>{!e.currentAnimation&&e.isLead()&&this.safeToRemove()}))}componentWillUnmount(){const{visualElement:e,layoutGroup:o,switchLayoutGroup:t}=this.props,{projection:s}=e;s&&(s.scheduleCheckAfterUnmount(),o&&o.group&&o.group.remove(s),t&&t.deregister&&t.deregister(s))}safeToRemove(){const{safeToRemove:e}=this.props;e&&e()}render(){return null}}function g(u){const[e,o]=d.usePresence(),t=a.useContext(p.LayoutGroupContext);return a.createElement(y,{...u,layoutGroup:t,switchLayoutGroup:a.useContext(l.SwitchLayoutGroupContext),isPresent:e,safeToRemove:o})}const v={borderRadius:{...n.correctBorderRadius,applyTo:["borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius"]},borderTopLeftRadius:n.correctBorderRadius,borderTopRightRadius:n.correctBorderRadius,borderBottomLeftRadius:n.correctBorderRadius,borderBottomRightRadius:n.correctBorderRadius,boxShadow:f.correctBoxShadow};exports.MeasureLayout=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),d=require("./lyra186.cjs"),p=require("./lyra175.cjs"),l=require("./lyra197.cjs"),m=require("./lyra337.cjs"),n=require("./lyra338.cjs"),f=require("./lyra339.cjs"),R=require("./lyra217.cjs"),h=require("./lyra216.cjs");class y extends a.Component{componentDidMount(){const{visualElement:e,layoutGroup:o,switchLayoutGroup:t,layoutId:s}=this.props,{projection:r}=e;R.addScaleCorrector(v),r&&(o.group&&o.group.add(r),t&&t.register&&s&&t.register(r),r.root.didUpdate(),r.addEventListener("animationComplete",()=>{this.safeToRemove()}),r.setOptions({...r.options,onExitComplete:()=>this.safeToRemove()})),m.globalProjectionState.hasEverUpdated=!0}getSnapshotBeforeUpdate(e){const{layoutDependency:o,visualElement:t,drag:s,isPresent:r}=this.props,i=t.projection;return i&&(i.isPresent=r,s||e.layoutDependency!==o||o===void 0?i.willUpdate():this.safeToRemove(),e.isPresent!==r&&(r?i.promote():i.relegate()||h.frame.postRender(()=>{const c=i.getStack();(!c||!c.members.length)&&this.safeToRemove()}))),null}componentDidUpdate(){const{projection:e}=this.props.visualElement;e&&(e.root.didUpdate(),queueMicrotask(()=>{!e.currentAnimation&&e.isLead()&&this.safeToRemove()}))}componentWillUnmount(){const{visualElement:e,layoutGroup:o,switchLayoutGroup:t}=this.props,{projection:s}=e;s&&(s.scheduleCheckAfterUnmount(),o&&o.group&&o.group.remove(s),t&&t.deregister&&t.deregister(s))}safeToRemove(){const{safeToRemove:e}=this.props;e&&e()}render(){return null}}function g(u){const[e,o]=d.usePresence(),t=a.useContext(p.LayoutGroupContext);return a.createElement(y,{...u,layoutGroup:t,switchLayoutGroup:a.useContext(l.SwitchLayoutGroupContext),isPresent:e,safeToRemove:o})}const v={borderRadius:{...n.correctBorderRadius,applyTo:["borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius"]},borderTopLeftRadius:n.correctBorderRadius,borderTopRightRadius:n.correctBorderRadius,borderBottomLeftRadius:n.correctBorderRadius,borderBottomRightRadius:n.correctBorderRadius,boxShadow:f.correctBoxShadow};exports.MeasureLayout=g;

package/dist/lyra294.js

@@ -2,9 +2,9 @@ import d, { useContext as p } from "react";
 import { usePresence as m } from "./lyra186.js";
 import { LayoutGroupContext as c } from "./lyra175.js";
 import { SwitchLayoutGroupContext as f } from "./lyra197.js";
-import { globalProjectionState as l } from "./lyra327.js";
-import { correctBorderRadius as n } from "./lyra328.js";
-import { correctBoxShadow as h } from "./lyra329.js";
+import { globalProjectionState as l } from "./lyra337.js";
+import { correctBorderRadius as n } from "./lyra338.js";
+import { correctBoxShadow as h } from "./lyra339.js";
 import { addScaleCorrector as R } from "./lyra217.js";
 import { frame as g } from "./lyra216.js";
 class y extends d.Component {

package/dist/lyra295.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra303.cjs"),n=require("./lyra304.cjs"),e={current:void 0},c=r.createProjectionNode({measureScroll:o=>({x:o.scrollLeft,y:o.scrollTop}),defaultParent:()=>{if(!e.current){const o=new n.DocumentProjectionNode({});o.mount(window),o.setOptions({layoutScroll:!0}),e.current=o}return e.current},resetTransform:(o,t)=>{o.style.transform=t!==void 0?t:"none"},checkIsScrollRoot:o=>window.getComputedStyle(o).position==="fixed"});exports.HTMLProjectionNode=c;exports.rootProjectionNode=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra304.cjs"),n=require("./lyra305.cjs"),e={current:void 0},c=r.createProjectionNode({measureScroll:o=>({x:o.scrollLeft,y:o.scrollTop}),defaultParent:()=>{if(!e.current){const o=new n.DocumentProjectionNode({});o.mount(window),o.setOptions({layoutScroll:!0}),e.current=o}return e.current},resetTransform:(o,t)=>{o.style.transform=t!==void 0?t:"none"},checkIsScrollRoot:o=>window.getComputedStyle(o).position==="fixed"});exports.HTMLProjectionNode=c;exports.rootProjectionNode=e;

package/dist/lyra295.js

@@ -1,5 +1,5 @@
-import { createProjectionNode as t } from "./lyra303.js";
-import { DocumentProjectionNode as n } from "./lyra304.js";
+import { createProjectionNode as t } from "./lyra304.js";
+import { DocumentProjectionNode as n } from "./lyra305.js";
 const e = {
   current: void 0
 }, i = t({

package/dist/lyra296.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra342.cjs"),u=require("./lyra234.cjs"),l=require("./lyra207.cjs"),a=require("./lyra338.cjs"),c=require("./lyra343.cjs"),d=require("./lyra317.cjs"),p=require("./lyra344.cjs"),m=require("./lyra345.cjs"),V=require("./lyra180.cjs");function n(i){return window.getComputedStyle(i)}class h extends m.DOMVisualElement{readValueFromInstance(t,e){if(l.transformProps.has(e)){const r=d.getDefaultValueType(e);return r&&r.default||0}else{const r=n(t),s=(u.isCSSVariableName(e)?r.getPropertyValue(e):r[e])||0;return typeof s=="string"?s.trim():s}}measureInstanceViewportBox(t,{transformPagePoint:e}){return p.measureViewportBox(t,e)}build(t,e,r,s){o.buildHTMLStyles(t,e,r,s.transformTemplate)}scrapeMotionValuesFromProps(t,e){return a.scrapeMotionValuesFromProps(t,e)}handleChildMotionValue(){this.childSubscription&&(this.childSubscription(),delete this.childSubscription);const{children:t}=this.props;V.isMotionValue(t)&&(this.childSubscription=t.on("change",e=>{this.current&&(this.current.textContent=`${e}`)}))}renderInstance(t,e,r,s){c.renderHTML(t,e,r,s)}}exports.HTMLVisualElement=h;exports.getComputedStyle=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra342.cjs"),u=require("./lyra234.cjs"),l=require("./lyra207.cjs"),a=require("./lyra333.cjs"),c=require("./lyra343.cjs"),d=require("./lyra317.cjs"),p=require("./lyra344.cjs"),m=require("./lyra345.cjs"),V=require("./lyra180.cjs");function n(i){return window.getComputedStyle(i)}class h extends m.DOMVisualElement{readValueFromInstance(t,e){if(l.transformProps.has(e)){const r=d.getDefaultValueType(e);return r&&r.default||0}else{const r=n(t),s=(u.isCSSVariableName(e)?r.getPropertyValue(e):r[e])||0;return typeof s=="string"?s.trim():s}}measureInstanceViewportBox(t,{transformPagePoint:e}){return p.measureViewportBox(t,e)}build(t,e,r,s){o.buildHTMLStyles(t,e,r,s.transformTemplate)}scrapeMotionValuesFromProps(t,e){return a.scrapeMotionValuesFromProps(t,e)}handleChildMotionValue(){this.childSubscription&&(this.childSubscription(),delete this.childSubscription);const{children:t}=this.props;V.isMotionValue(t)&&(this.childSubscription=t.on("change",e=>{this.current&&(this.current.textContent=`${e}`)}))}renderInstance(t,e,r,s){c.renderHTML(t,e,r,s)}}exports.HTMLVisualElement=h;exports.getComputedStyle=n;

package/dist/lyra296.js

@@ -1,7 +1,7 @@
 import { buildHTMLStyles as n } from "./lyra342.js";
 import { isCSSVariableName as s } from "./lyra234.js";
 import { transformProps as l } from "./lyra207.js";
-import { scrapeMotionValuesFromProps as m } from "./lyra338.js";
+import { scrapeMotionValuesFromProps as m } from "./lyra333.js";
 import { renderHTML as u } from "./lyra343.js";
 import { getDefaultValueType as a } from "./lyra317.js";
 import { measureViewportBox as p } from "./lyra344.js";

package/dist/lyra297.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./lyra334.cjs"),u=require("./lyra345.cjs"),o=require("./lyra336.cjs"),n=require("./lyra239.cjs"),i=require("./lyra346.cjs"),l=require("./lyra207.cjs"),c=require("./lyra333.cjs"),m=require("./lyra317.cjs"),V=require("./lyra200.cjs"),d=require("./lyra337.cjs");class g extends u.DOMVisualElement{constructor(){super(...arguments),this.isSVGTag=!1}getBaseTargetFromProps(r,e){return r[e]}readValueFromInstance(r,e){if(l.transformProps.has(e)){const t=m.getDefaultValueType(e);return t&&t.default||0}return e=i.camelCaseAttributes.has(e)?e:n.camelToDash(e),r.getAttribute(e)}measureInstanceViewportBox(){return V.createBox()}scrapeMotionValuesFromProps(r,e){return a.scrapeMotionValuesFromProps(r,e)}build(r,e,t,s){o.buildSVGAttrs(r,e,t,this.isSVGTag,s.transformTemplate)}renderInstance(r,e,t,s){c.renderSVG(r,e,t,s)}mount(r){this.isSVGTag=d.isSVGTag(r.tagName),super.mount(r)}}exports.SVGVisualElement=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./lyra329.cjs"),u=require("./lyra345.cjs"),o=require("./lyra331.cjs"),n=require("./lyra239.cjs"),i=require("./lyra346.cjs"),l=require("./lyra207.cjs"),c=require("./lyra328.cjs"),m=require("./lyra317.cjs"),V=require("./lyra200.cjs"),d=require("./lyra332.cjs");class g extends u.DOMVisualElement{constructor(){super(...arguments),this.isSVGTag=!1}getBaseTargetFromProps(r,e){return r[e]}readValueFromInstance(r,e){if(l.transformProps.has(e)){const t=m.getDefaultValueType(e);return t&&t.default||0}return e=i.camelCaseAttributes.has(e)?e:n.camelToDash(e),r.getAttribute(e)}measureInstanceViewportBox(){return V.createBox()}scrapeMotionValuesFromProps(r,e){return a.scrapeMotionValuesFromProps(r,e)}build(r,e,t,s){o.buildSVGAttrs(r,e,t,this.isSVGTag,s.transformTemplate)}renderInstance(r,e,t,s){c.renderSVG(r,e,t,s)}mount(r){this.isSVGTag=d.isSVGTag(r.tagName),super.mount(r)}}exports.SVGVisualElement=g;

package/dist/lyra297.js

@@ -1,13 +1,13 @@
-import { scrapeMotionValuesFromProps as s } from "./lyra334.js";
+import { scrapeMotionValuesFromProps as s } from "./lyra329.js";
 import { DOMVisualElement as a } from "./lyra345.js";
-import { buildSVGAttrs as m } from "./lyra336.js";
+import { buildSVGAttrs as m } from "./lyra331.js";
 import { camelToDash as i } from "./lyra239.js";
 import { camelCaseAttributes as u } from "./lyra346.js";
 import { transformProps as n } from "./lyra207.js";
-import { renderSVG as p } from "./lyra333.js";
+import { renderSVG as p } from "./lyra328.js";
 import { getDefaultValueType as l } from "./lyra317.js";
 import { createBox as f } from "./lyra200.js";
-import { isSVGTag as V } from "./lyra337.js";
+import { isSVGTag as V } from "./lyra332.js";
 class A extends a {
   constructor() {
     super(...arguments), this.isSVGTag = !1;

package/dist/lyra3.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra63.cjs");require("./lyra68.cjs");const o=t.cva(["outline-none"],{variants:{isFocusVisible:{true:["ring-2","ring-primary-1","z-10","rounded-base"],false:["border-b last:border-b-0 border-solid border-[--accordion-divider-color]"]}}}),e=t.cva(["flex","items-center","justify-between","gap-4","w-full","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("./lyra60.cjs");require("./lyra66.cjs");const o=t.cva(["outline-none"],{variants:{isFocusVisible:{true:["ring-2","ring-primary-1","z-10","rounded-base"],false:["border-b last:border-b-0 border-solid border-[--accordion-divider-color]"]}}}),e=t.cva(["flex","items-center","justify-between","gap-4","w-full","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 "./lyra63.js";
-import "./lyra68.js";
+import { cva as o } from "./lyra60.js";
+import "./lyra66.js";
 const e = o(["outline-none"], {
   variants: {
     isFocusVisible: {

package/dist/lyra30.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra54.cjs"),x=require("react"),o=require("./lyra53.cjs");require("./lyra2.cjs");const v=require("./lyra63.cjs");require("./lyra68.cjs");require("./lyra43.cjs");require("./lyra69.cjs");require("./lyra70.cjs");require("./lyra73.cjs");require("./lyra8.cjs");require("./lyra72.cjs");require("./lyra10.cjs");require("./lyra11.cjs");require("./lyra115.cjs");require("./lyra13.cjs");require("./lyra26.cjs");require("./lyra16.cjs");require("./lyra18.cjs");require("./lyra19.cjs");require("./lyra28.cjs");require("./lyra75.cjs");const a=require("./lyra31.cjs"),d=require("./lyra32.cjs");require("./lyra116.cjs");require("./lyra74.cjs");require("./lyra40.cjs");require("./lyra79.cjs");require("./lyra42.cjs");require("./lyra23.cjs");require("./lyra117.cjs");require("./lyra25.cjs");require("./lyra27.cjs");require("./lyra78.cjs");require("./lyra151.cjs");const g=require("./lyra47.cjs");require("./lyra49.cjs");require("./lyra58.cjs");const m=require("./lyra51.cjs"),h=({className:n,showPopoverInBottomDrawerOnSmallScreens:q=!1,screenWidthMobileBreakpoint:u=640,...e},r)=>{[e,r]=o.useContextProps(e,r,o.PopoverContext);const s=g.useIsMobileDevice(u),i=m.useTheme();return s&&q?t.jsxRuntimeExports.jsx(d.Dialog,{fullWidth:!0,position:"bottom",className:v.cx("max-h-[80vh] overflow-auto rounded-t-base",i,n),isDismissable:!0,ref:r,isOpen:e==null?void 0:e.isOpen,onOpenChange:e==null?void 0:e.onOpenChange,children:e.children}):t.jsxRuntimeExports.jsx("div",{className:i,children:t.jsxRuntimeExports.jsx(o.Popover,{...e,ref:r,offset:4,className:({isEntering:c,isExiting:l})=>a.popoverStyles({isEntering:c,isExiting:l,theme:i,className:n})})})},j=x.forwardRef(h),P=({initiallyOpen:n,children:q,onPress:u,...e})=>{const r=x.useRef(null),[s,i]=x.useState(n),c=l=>{u==null||u(l),i(!s)};return t.jsxRuntimeExports.jsx(o.ButtonContext.Provider,{value:{ref:r,onPress:c,...e},children:t.jsxRuntimeExports.jsx(o.PopoverContext.Provider,{value:{isOpen:s,onOpenChange:i,triggerRef:r},children:q})})};exports.Popover=j;exports.PopoverTrigger=P;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra54.cjs"),x=require("react"),o=require("./lyra53.cjs");require("./lyra2.cjs");const v=require("./lyra60.cjs");require("./lyra66.cjs");require("./lyra43.cjs");require("./lyra71.cjs");require("./lyra72.cjs");require("./lyra61.cjs");require("./lyra8.cjs");require("./lyra68.cjs");require("./lyra10.cjs");require("./lyra11.cjs");require("./lyra77.cjs");require("./lyra13.cjs");require("./lyra26.cjs");require("./lyra16.cjs");require("./lyra18.cjs");require("./lyra19.cjs");require("./lyra28.cjs");require("./lyra70.cjs");const a=require("./lyra31.cjs"),d=require("./lyra32.cjs");require("./lyra78.cjs");require("./lyra75.cjs");require("./lyra40.cjs");require("./lyra76.cjs");require("./lyra42.cjs");require("./lyra23.cjs");require("./lyra79.cjs");require("./lyra25.cjs");require("./lyra27.cjs");require("./lyra74.cjs");require("./lyra151.cjs");const g=require("./lyra47.cjs");require("./lyra49.cjs");require("./lyra58.cjs");const m=require("./lyra51.cjs"),h=({className:n,showPopoverInBottomDrawerOnSmallScreens:q=!1,screenWidthMobileBreakpoint:u=640,...e},r)=>{[e,r]=o.useContextProps(e,r,o.PopoverContext);const s=g.useIsMobileDevice(u),i=m.useTheme();return s&&q?t.jsxRuntimeExports.jsx(d.Dialog,{fullWidth:!0,position:"bottom",className:v.cx("max-h-[80vh] overflow-auto rounded-t-base",i,n),isDismissable:!0,ref:r,isOpen:e==null?void 0:e.isOpen,onOpenChange:e==null?void 0:e.onOpenChange,children:e.children}):t.jsxRuntimeExports.jsx("div",{className:i,children:t.jsxRuntimeExports.jsx(o.Popover,{...e,ref:r,offset:4,className:({isEntering:c,isExiting:l})=>a.popoverStyles({isEntering:c,isExiting:l,theme:i,className:n})})})},j=x.forwardRef(h),P=({initiallyOpen:n,children:q,onPress:u,...e})=>{const r=x.useRef(null),[s,i]=x.useState(n),c=l=>{u==null||u(l),i(!s)};return t.jsxRuntimeExports.jsx(o.ButtonContext.Provider,{value:{ref:r,onPress:c,...e},children:t.jsxRuntimeExports.jsx(o.PopoverContext.Provider,{value:{isOpen:s,onOpenChange:i,triggerRef:r},children:q})})};exports.Popover=j;exports.PopoverTrigger=P;

package/dist/lyra30.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra30.cjs","sources":["../src/components/overlays/popover/popover.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef, ReactNode, useRef, useState } from \"react\";\nimport {\n  ButtonContext,\n  Popover as AriaPopover,\n  PopoverContext,\n  PopoverProps as AriaPopoverProps,\n  PressEvent,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport { useTheme } from \"../../..\";\nimport { cx } from \"../../../utils/class-variance-authority\";\nimport { useIsMobileDevice } from \"../../../utils/hooks/use-is-mobile-device\";\nimport { Dialog } from \"../dialog\";\n\nimport { popoverStyles } from \"./popover.styles\";\n\nexport type PopoverProps = Omit<\n  AriaPopoverProps,\n  \"arrowBoundaryOffset\" | \"arrowSize\" | \"isNonModal\" | \"children\"\n> & {\n  children: ReactNode;\n  showPopoverInBottomDrawerOnSmallScreens?: boolean;\n  screenWidthMobileBreakpoint?: number;\n};\n\nconst _Popover = (\n  {\n    className,\n    showPopoverInBottomDrawerOnSmallScreens = false,\n    screenWidthMobileBreakpoint = 640,\n    ...props\n  }: PopoverProps,\n  ref: ForwardedRef<HTMLElement>,\n) => {\n  [props, ref] = useContextProps(props, ref, PopoverContext);\n  const isMobileDevice = useIsMobileDevice(screenWidthMobileBreakpoint);\n  const theme = useTheme();\n\n  if (isMobileDevice && showPopoverInBottomDrawerOnSmallScreens) {\n    return (\n      <Dialog\n        fullWidth\n        position=\"bottom\"\n        className={cx(\"max-h-[80vh] overflow-auto rounded-t-base\", theme, className)}\n        isDismissable\n        ref={ref as any}\n        isOpen={props?.isOpen}\n        onOpenChange={props?.onOpenChange}\n      >\n        {props.children}\n      </Dialog>\n    );\n  }\n\n  return (\n    <div className={theme}>\n      <AriaPopover\n        {...props}\n        ref={ref}\n        offset={4}\n        className={({ isEntering, isExiting }) =>\n          popoverStyles({\n            isEntering,\n            isExiting,\n            theme,\n            className,\n          })\n        }\n      />\n    </div>\n  );\n};\n\nexport const Popover = forwardRef(_Popover);\n\nexport type PopoverTriggerProps = {\n  onKeydown?: (event: React.KeyboardEvent) => void;\n  onKeyUp?: (event: React.KeyboardEvent) => void;\n  onPress?: (event: PressEvent) => void;\n  initiallyOpen?: boolean;\n  children: ReactNode;\n};\n\nexport const PopoverTrigger = ({\n  initiallyOpen,\n  children,\n  onPress,\n  ...buttonProps\n}: PopoverTriggerProps) => {\n  const triggerRef = useRef(null);\n  const [isOpen, setOpen] = useState(initiallyOpen);\n\n  const onPressTrigger = (e: PressEvent) => {\n    onPress?.(e);\n    setOpen(!isOpen);\n  };\n\n  return (\n    <ButtonContext.Provider value={{ ref: triggerRef, onPress: onPressTrigger, ...buttonProps }}>\n      <PopoverContext.Provider value={{ isOpen, onOpenChange: setOpen, triggerRef }}>\n        {children}\n      </PopoverContext.Provider>\n    </ButtonContext.Provider>\n  );\n};\n"],"names":["_Popover","className","showPopoverInBottomDrawerOnSmallScreens","screenWidthMobileBreakpoint","props","ref","useContextProps","PopoverContext","isMobileDevice","useIsMobileDevice","theme","useTheme","jsx","Dialog","cx","AriaPopover","isEntering","isExiting","popoverStyles","Popover","forwardRef","PopoverTrigger","initiallyOpen","children","onPress","buttonProps","triggerRef","useRef","isOpen","setOpen","useState","onPressTrigger","e","ButtonContext"],"mappings":"iiCA0BMA,EAAW,CACf,CACE,UAAAC,EACA,wCAAAC,EAA0C,GAC1C,4BAAAC,EAA8B,IAC9B,GAAGC,CACL,EACAC,IACG,CACH,CAACD,EAAOC,CAAG,EAAIC,EAAAA,gBAAgBF,EAAOC,EAAKE,EAAAA,cAAc,EACnD,MAAAC,EAAiBC,oBAAkBN,CAA2B,EAC9DO,EAAQC,EAAAA,WAEd,OAAIH,GAAkBN,EAElBU,EAAA,kBAAA,IAACC,EAAA,OAAA,CACC,UAAS,GACT,SAAS,SACT,UAAWC,EAAA,GAAG,4CAA6CJ,EAAOT,CAAS,EAC3E,cAAa,GACb,IAAAI,EACA,OAAQD,GAAA,YAAAA,EAAO,OACf,aAAcA,GAAA,YAAAA,EAAO,aAEpB,SAAMA,EAAA,QAAA,CAAA,EAMXQ,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAWF,EACd,SAAAE,EAAA,kBAAA,IAACG,EAAA,QAAA,CACE,GAAGX,EACJ,IAAAC,EACA,OAAQ,EACR,UAAW,CAAC,CAAE,WAAAW,EAAY,UAAAC,CAAA,IACxBC,EAAAA,cAAc,CACZ,WAAAF,EACA,UAAAC,EACA,MAAAP,EACA,UAAAT,CAAA,CACD,CAAA,CAGP,CAAA,CAAA,CAEJ,EAEakB,EAAUC,aAAWpB,CAAQ,EAU7BqB,EAAiB,CAAC,CAC7B,cAAAC,EACA,SAAAC,EACA,QAAAC,EACA,GAAGC,CACL,IAA2B,CACnB,MAAAC,EAAaC,SAAO,IAAI,EACxB,CAACC,EAAQC,CAAO,EAAIC,WAASR,CAAa,EAE1CS,EAAkBC,GAAkB,CACxCR,GAAA,MAAAA,EAAUQ,GACVH,EAAQ,CAACD,CAAM,CAAA,EAIf,OAAAhB,wBAACqB,EAAAA,cAAc,SAAd,CAAuB,MAAO,CAAE,IAAKP,EAAY,QAASK,EAAgB,GAAGN,CAAA,EAC5E,SAACb,EAAA,kBAAA,IAAAL,iBAAe,SAAf,CAAwB,MAAO,CAAE,OAAAqB,EAAQ,aAAcC,EAAS,WAAAH,CAC9D,EAAA,SAAAH,CACH,CAAA,CACF,CAAA,CAEJ"}
+{"version":3,"file":"lyra30.cjs","sources":["../src/components/overlays/popover/popover.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef, ReactNode, useRef, useState } from \"react\";\nimport {\n  ButtonContext,\n  Popover as AriaPopover,\n  PopoverContext,\n  PopoverProps as AriaPopoverProps,\n  PressEvent,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport { useTheme } from \"../../..\";\nimport { cx } from \"../../../utils/class-variance-authority\";\nimport { useIsMobileDevice } from \"../../../utils/hooks/use-is-mobile-device\";\nimport { Dialog } from \"../dialog\";\n\nimport { popoverStyles } from \"./popover.styles\";\n\nexport type PopoverProps = Omit<\n  AriaPopoverProps,\n  \"arrowBoundaryOffset\" | \"arrowSize\" | \"isNonModal\" | \"children\"\n> & {\n  children: ReactNode;\n  showPopoverInBottomDrawerOnSmallScreens?: boolean;\n  screenWidthMobileBreakpoint?: number;\n};\n\nconst _Popover = (\n  {\n    className,\n    showPopoverInBottomDrawerOnSmallScreens = false,\n    screenWidthMobileBreakpoint = 640,\n    ...props\n  }: PopoverProps,\n  ref: ForwardedRef<HTMLElement>,\n) => {\n  [props, ref] = useContextProps(props, ref, PopoverContext);\n  const isMobileDevice = useIsMobileDevice(screenWidthMobileBreakpoint);\n  const theme = useTheme();\n\n  if (isMobileDevice && showPopoverInBottomDrawerOnSmallScreens) {\n    return (\n      <Dialog\n        fullWidth\n        position=\"bottom\"\n        className={cx(\"max-h-[80vh] overflow-auto rounded-t-base\", theme, className)}\n        isDismissable\n        ref={ref as any}\n        isOpen={props?.isOpen}\n        onOpenChange={props?.onOpenChange}\n      >\n        {props.children}\n      </Dialog>\n    );\n  }\n\n  return (\n    <div className={theme}>\n      <AriaPopover\n        {...props}\n        ref={ref}\n        offset={4}\n        className={({ isEntering, isExiting }) =>\n          popoverStyles({\n            isEntering,\n            isExiting,\n            theme,\n            className,\n          })\n        }\n      />\n    </div>\n  );\n};\n\nexport const Popover = forwardRef(_Popover);\n\nexport type PopoverTriggerProps = {\n  onKeydown?: (event: React.KeyboardEvent) => void;\n  onKeyUp?: (event: React.KeyboardEvent) => void;\n  onPress?: (event: PressEvent) => void;\n  initiallyOpen?: boolean;\n  children: ReactNode;\n};\n\nexport const PopoverTrigger = ({\n  initiallyOpen,\n  children,\n  onPress,\n  ...buttonProps\n}: PopoverTriggerProps) => {\n  const triggerRef = useRef(null);\n  const [isOpen, setOpen] = useState(initiallyOpen);\n\n  const onPressTrigger = (e: PressEvent) => {\n    onPress?.(e);\n    setOpen(!isOpen);\n  };\n\n  return (\n    <ButtonContext.Provider value={{ ref: triggerRef, onPress: onPressTrigger, ...buttonProps }}>\n      <PopoverContext.Provider value={{ isOpen, onOpenChange: setOpen, triggerRef }}>\n        {children}\n      </PopoverContext.Provider>\n    </ButtonContext.Provider>\n  );\n};\n"],"names":["_Popover","className","showPopoverInBottomDrawerOnSmallScreens","screenWidthMobileBreakpoint","props","ref","useContextProps","PopoverContext","isMobileDevice","useIsMobileDevice","theme","useTheme","jsx","Dialog","cx","AriaPopover","isEntering","isExiting","popoverStyles","Popover","forwardRef","PopoverTrigger","initiallyOpen","children","onPress","buttonProps","triggerRef","useRef","isOpen","setOpen","useState","onPressTrigger","e","ButtonContext"],"mappings":"8hCA0BMA,EAAW,CACf,CACE,UAAAC,EACA,wCAAAC,EAA0C,GAC1C,4BAAAC,EAA8B,IAC9B,GAAGC,CACL,EACAC,IACG,CACH,CAACD,EAAOC,CAAG,EAAIC,EAAAA,gBAAgBF,EAAOC,EAAKE,EAAAA,cAAc,EACnD,MAAAC,EAAiBC,oBAAkBN,CAA2B,EAC9DO,EAAQC,EAAAA,WAEd,OAAIH,GAAkBN,EAElBU,EAAA,kBAAA,IAACC,EAAA,OAAA,CACC,UAAS,GACT,SAAS,SACT,UAAWC,EAAA,GAAG,4CAA6CJ,EAAOT,CAAS,EAC3E,cAAa,GACb,IAAAI,EACA,OAAQD,GAAA,YAAAA,EAAO,OACf,aAAcA,GAAA,YAAAA,EAAO,aAEpB,SAAMA,EAAA,QAAA,CAAA,EAMXQ,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAWF,EACd,SAAAE,EAAA,kBAAA,IAACG,EAAA,QAAA,CACE,GAAGX,EACJ,IAAAC,EACA,OAAQ,EACR,UAAW,CAAC,CAAE,WAAAW,EAAY,UAAAC,CAAA,IACxBC,EAAAA,cAAc,CACZ,WAAAF,EACA,UAAAC,EACA,MAAAP,EACA,UAAAT,CAAA,CACD,CAAA,CAGP,CAAA,CAAA,CAEJ,EAEakB,EAAUC,aAAWpB,CAAQ,EAU7BqB,EAAiB,CAAC,CAC7B,cAAAC,EACA,SAAAC,EACA,QAAAC,EACA,GAAGC,CACL,IAA2B,CACnB,MAAAC,EAAaC,SAAO,IAAI,EACxB,CAACC,EAAQC,CAAO,EAAIC,WAASR,CAAa,EAE1CS,EAAkBC,GAAkB,CACxCR,GAAA,MAAAA,EAAUQ,GACVH,EAAQ,CAACD,CAAM,CAAA,EAIf,OAAAhB,wBAACqB,EAAAA,cAAc,SAAd,CAAuB,MAAO,CAAE,IAAKP,EAAY,QAASK,EAAgB,GAAGN,CAAA,EAC5E,SAACb,EAAA,kBAAA,IAAAL,iBAAe,SAAf,CAAwB,MAAO,CAAE,OAAAqB,EAAQ,aAAcC,EAAS,WAAAH,CAC9D,EAAA,SAAAH,CACH,CAAA,CACF,CAAA,CAEJ"}

package/dist/lyra30.js

@@ -2,36 +2,36 @@ import { j as i } from "./lyra54.js";
 import { forwardRef as c, useRef as b, useState as l } from "react";
 import { useContextProps as d, Popover as u, ButtonContext as x, PopoverContext as f } from "./lyra53.js";
 import "./lyra2.js";
-import { cx as v } from "./lyra63.js";
-import "./lyra68.js";
+import { cx as v } from "./lyra60.js";
+import "./lyra66.js";
 import "./lyra43.js";
-import "./lyra69.js";
-import "./lyra70.js";
-import "./lyra73.js";
-import "./lyra8.js";
+import "./lyra71.js";
 import "./lyra72.js";
+import "./lyra61.js";
+import "./lyra8.js";
+import "./lyra68.js";
 import "./lyra10.js";
 import "./lyra11.js";
-import "./lyra115.js";
+import "./lyra77.js";
 import "./lyra13.js";
 import "./lyra26.js";
 import "./lyra16.js";
 import "./lyra18.js";
 import "./lyra19.js";
 import "./lyra28.js";
-import "./lyra75.js";
+import "./lyra70.js";
 import { popoverStyles as h } from "./lyra31.js";
 import { Dialog as $ } from "./lyra32.js";
-import "./lyra116.js";
-import "./lyra74.js";
+import "./lyra78.js";
+import "./lyra75.js";
 import "./lyra40.js";
-import "./lyra79.js";
+import "./lyra76.js";
 import "./lyra42.js";
 import "./lyra23.js";
-import "./lyra117.js";
+import "./lyra79.js";
 import "./lyra25.js";
 import "./lyra27.js";
-import "./lyra78.js";
+import "./lyra74.js";
 import "./lyra151.js";
 import { useIsMobileDevice as g } from "./lyra47.js";
 import "./lyra49.js";

package/dist/lyra300.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="";exports.default=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("./lyra177.cjs"),d=require("./lyra226.cjs"),b=require("./lyra303.cjs"),q=require("./lyra347.cjs"),M=require("./lyra348.cjs"),$=require("./lyra349.cjs"),y=require("./lyra350.cjs"),D=require("./lyra351.cjs"),f=require("./lyra352.cjs"),V=require("./lyra219.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/lyra300.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra300.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"lyra300.cjs","sources":["../node_modules/framer-motion/dist/es/animation/interfaces/motion-value.mjs"],"sourcesContent":["import { warning } from '../../utils/errors.mjs';\nimport { secondsToMilliseconds } from '../../utils/time-conversion.mjs';\nimport { instantAnimationState } from '../../utils/use-instant-transition-state.mjs';\nimport { createAcceleratedAnimation } from '../animators/waapi/create-accelerated-animation.mjs';\nimport { createInstantAnimation } from '../animators/instant.mjs';\nimport { getDefaultTransition } from '../utils/default-transitions.mjs';\nimport { isAnimatable } from '../utils/is-animatable.mjs';\nimport { getKeyframes } from '../utils/keyframes.mjs';\nimport { getValueTransition, isTransitionDefined } from '../utils/transitions.mjs';\nimport { animateValue } from '../animators/js/index.mjs';\n\nconst animateMotionValue = (valueName, value, target, transition = {}) => {\n    return (onComplete) => {\n        const valueTransition = getValueTransition(transition, valueName) || {};\n        /**\n         * Most transition values are currently completely overwritten by value-specific\n         * transitions. In the future it'd be nicer to blend these transitions. But for now\n         * delay actually does inherit from the root transition if not value-specific.\n         */\n        const delay = valueTransition.delay || transition.delay || 0;\n        /**\n         * Elapsed isn't a public transition option but can be passed through from\n         * optimized appear effects in milliseconds.\n         */\n        let { elapsed = 0 } = transition;\n        elapsed = elapsed - secondsToMilliseconds(delay);\n        const keyframes = getKeyframes(value, valueName, target, valueTransition);\n        /**\n         * Check if we're able to animate between the start and end keyframes,\n         * and throw a warning if we're attempting to animate between one that's\n         * animatable and another that isn't.\n         */\n        const originKeyframe = keyframes[0];\n        const targetKeyframe = keyframes[keyframes.length - 1];\n        const isOriginAnimatable = isAnimatable(valueName, originKeyframe);\n        const isTargetAnimatable = isAnimatable(valueName, targetKeyframe);\n        warning(isOriginAnimatable === isTargetAnimatable, `You are trying to animate ${valueName} from \"${originKeyframe}\" to \"${targetKeyframe}\". ${originKeyframe} is not an animatable value - to enable this animation set ${originKeyframe} to a value animatable to ${targetKeyframe} via the \\`style\\` property.`);\n        let options = {\n            keyframes,\n            velocity: value.getVelocity(),\n            ease: \"easeOut\",\n            ...valueTransition,\n            delay: -elapsed,\n            onUpdate: (v) => {\n                value.set(v);\n                valueTransition.onUpdate && valueTransition.onUpdate(v);\n            },\n            onComplete: () => {\n                onComplete();\n                valueTransition.onComplete && valueTransition.onComplete();\n            },\n        };\n        /**\n         * If there's no transition defined for this value, we can generate\n         * unqiue transition settings for this value.\n         */\n        if (!isTransitionDefined(valueTransition)) {\n            options = {\n                ...options,\n                ...getDefaultTransition(valueName, options),\n            };\n        }\n        /**\n         * Both WAAPI and our internal animation functions use durations\n         * as defined by milliseconds, while our external API defines them\n         * as seconds.\n         */\n        if (options.duration) {\n            options.duration = secondsToMilliseconds(options.duration);\n        }\n        if (options.repeatDelay) {\n            options.repeatDelay = secondsToMilliseconds(options.repeatDelay);\n        }\n        if (!isOriginAnimatable ||\n            !isTargetAnimatable ||\n            instantAnimationState.current ||\n            valueTransition.type === false) {\n            /**\n             * If we can't animate this value, or the global instant animation flag is set,\n             * or this is simply defined as an instant transition, return an instant transition.\n             */\n            return createInstantAnimation(instantAnimationState.current\n                ? { ...options, delay: 0 }\n                : options);\n        }\n        /**\n         * Animate via WAAPI if possible.\n         */\n        if (value.owner &&\n            value.owner.current instanceof HTMLElement &&\n            !value.owner.getProps().onUpdate) {\n            const acceleratedAnimation = createAcceleratedAnimation(value, valueName, options);\n            if (acceleratedAnimation)\n                return acceleratedAnimation;\n        }\n        /**\n         * If we didn't create an accelerated animation, create a JS animation\n         */\n        return animateValue(options);\n    };\n};\n\nexport { animateMotionValue };\n"],"names":["animateMotionValue","valueName","value","target","transition","onComplete","valueTransition","getValueTransition","delay","elapsed","secondsToMilliseconds","keyframes","getKeyframes","originKeyframe","targetKeyframe","isOriginAnimatable","isAnimatable","isTargetAnimatable","warning","options","v","isTransitionDefined","getDefaultTransition","instantAnimationState","createInstantAnimation","acceleratedAnimation","createAcceleratedAnimation","animateValue"],"mappings":"oWAWMA,EAAqB,CAACC,EAAWC,EAAOC,EAAQC,EAAa,CAAA,IACvDC,GAAe,CACnB,MAAMC,EAAkBC,EAAkB,mBAACH,EAAYH,CAAS,GAAK,CAAA,EAM/DO,EAAQF,EAAgB,OAASF,EAAW,OAAS,EAK3D,GAAI,CAAE,QAAAK,EAAU,CAAG,EAAGL,EACtBK,EAAUA,EAAUC,wBAAsBF,CAAK,EAC/C,MAAMG,EAAYC,EAAAA,aAAaV,EAAOD,EAAWE,EAAQG,CAAe,EAMlEO,EAAiBF,EAAU,CAAC,EAC5BG,EAAiBH,EAAUA,EAAU,OAAS,CAAC,EAC/CI,EAAqBC,EAAAA,aAAaf,EAAWY,CAAc,EAC3DI,EAAqBD,EAAAA,aAAaf,EAAWa,CAAc,EACjEI,EAAO,QAACH,IAAuBE,EAAoB,6BAA6BhB,CAAS,UAAUY,CAAc,SAASC,CAAc,MAAMD,CAAc,8DAA8DA,CAAc,6BAA6BC,CAAc,8BAA8B,EACjT,IAAIK,EAAU,CACtB,UAAYR,EACA,SAAUT,EAAM,YAAa,EAC7B,KAAM,UACN,GAAGI,EACH,MAAO,CAACG,EACR,SAAWW,GAAM,CACblB,EAAM,IAAIkB,CAAC,EACXd,EAAgB,UAAYA,EAAgB,SAASc,CAAC,CACzD,EACD,WAAY,IAAM,CACdf,IACAC,EAAgB,YAAcA,EAAgB,YACjD,CACb,EAsBQ,GAjBKe,EAAAA,oBAAoBf,CAAe,IACpCa,EAAU,CACN,GAAGA,EACH,GAAGG,EAAoB,qBAACrB,EAAWkB,CAAO,CAC1D,GAOYA,EAAQ,WACRA,EAAQ,SAAWT,EAAAA,sBAAsBS,EAAQ,QAAQ,GAEzDA,EAAQ,cACRA,EAAQ,YAAcT,EAAAA,sBAAsBS,EAAQ,WAAW,GAE/D,CAACJ,GACD,CAACE,GACDM,EAAAA,sBAAsB,SACtBjB,EAAgB,OAAS,GAKzB,OAAOkB,EAAAA,uBAEDL,CAAO,EAKjB,GAAIjB,EAAM,OACNA,EAAM,MAAM,mBAAmB,aAC/B,CAACA,EAAM,MAAM,SAAQ,EAAG,SAAU,CAClC,MAAMuB,EAAuBC,EAA0B,2BAACxB,EAAOD,EAAWkB,CAAO,EACjF,GAAIM,EACA,OAAOA,CACd,CAID,OAAOE,EAAAA,aAAaR,CAAO,CACnC","x_google_ignoreList":[0]}

package/dist/lyra300.js

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

package/dist/lyra300.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra300.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"lyra300.js","sources":["../node_modules/framer-motion/dist/es/animation/interfaces/motion-value.mjs"],"sourcesContent":["import { warning } from '../../utils/errors.mjs';\nimport { secondsToMilliseconds } from '../../utils/time-conversion.mjs';\nimport { instantAnimationState } from '../../utils/use-instant-transition-state.mjs';\nimport { createAcceleratedAnimation } from '../animators/waapi/create-accelerated-animation.mjs';\nimport { createInstantAnimation } from '../animators/instant.mjs';\nimport { getDefaultTransition } from '../utils/default-transitions.mjs';\nimport { isAnimatable } from '../utils/is-animatable.mjs';\nimport { getKeyframes } from '../utils/keyframes.mjs';\nimport { getValueTransition, isTransitionDefined } from '../utils/transitions.mjs';\nimport { animateValue } from '../animators/js/index.mjs';\n\nconst animateMotionValue = (valueName, value, target, transition = {}) => {\n    return (onComplete) => {\n        const valueTransition = getValueTransition(transition, valueName) || {};\n        /**\n         * Most transition values are currently completely overwritten by value-specific\n         * transitions. In the future it'd be nicer to blend these transitions. But for now\n         * delay actually does inherit from the root transition if not value-specific.\n         */\n        const delay = valueTransition.delay || transition.delay || 0;\n        /**\n         * Elapsed isn't a public transition option but can be passed through from\n         * optimized appear effects in milliseconds.\n         */\n        let { elapsed = 0 } = transition;\n        elapsed = elapsed - secondsToMilliseconds(delay);\n        const keyframes = getKeyframes(value, valueName, target, valueTransition);\n        /**\n         * Check if we're able to animate between the start and end keyframes,\n         * and throw a warning if we're attempting to animate between one that's\n         * animatable and another that isn't.\n         */\n        const originKeyframe = keyframes[0];\n        const targetKeyframe = keyframes[keyframes.length - 1];\n        const isOriginAnimatable = isAnimatable(valueName, originKeyframe);\n        const isTargetAnimatable = isAnimatable(valueName, targetKeyframe);\n        warning(isOriginAnimatable === isTargetAnimatable, `You are trying to animate ${valueName} from \"${originKeyframe}\" to \"${targetKeyframe}\". ${originKeyframe} is not an animatable value - to enable this animation set ${originKeyframe} to a value animatable to ${targetKeyframe} via the \\`style\\` property.`);\n        let options = {\n            keyframes,\n            velocity: value.getVelocity(),\n            ease: \"easeOut\",\n            ...valueTransition,\n            delay: -elapsed,\n            onUpdate: (v) => {\n                value.set(v);\n                valueTransition.onUpdate && valueTransition.onUpdate(v);\n            },\n            onComplete: () => {\n                onComplete();\n                valueTransition.onComplete && valueTransition.onComplete();\n            },\n        };\n        /**\n         * If there's no transition defined for this value, we can generate\n         * unqiue transition settings for this value.\n         */\n        if (!isTransitionDefined(valueTransition)) {\n            options = {\n                ...options,\n                ...getDefaultTransition(valueName, options),\n            };\n        }\n        /**\n         * Both WAAPI and our internal animation functions use durations\n         * as defined by milliseconds, while our external API defines them\n         * as seconds.\n         */\n        if (options.duration) {\n            options.duration = secondsToMilliseconds(options.duration);\n        }\n        if (options.repeatDelay) {\n            options.repeatDelay = secondsToMilliseconds(options.repeatDelay);\n        }\n        if (!isOriginAnimatable ||\n            !isTargetAnimatable ||\n            instantAnimationState.current ||\n            valueTransition.type === false) {\n            /**\n             * If we can't animate this value, or the global instant animation flag is set,\n             * or this is simply defined as an instant transition, return an instant transition.\n             */\n            return createInstantAnimation(instantAnimationState.current\n                ? { ...options, delay: 0 }\n                : options);\n        }\n        /**\n         * Animate via WAAPI if possible.\n         */\n        if (value.owner &&\n            value.owner.current instanceof HTMLElement &&\n            !value.owner.getProps().onUpdate) {\n            const acceleratedAnimation = createAcceleratedAnimation(value, valueName, options);\n            if (acceleratedAnimation)\n                return acceleratedAnimation;\n        }\n        /**\n         * If we didn't create an accelerated animation, create a JS animation\n         */\n        return animateValue(options);\n    };\n};\n\nexport { animateMotionValue };\n"],"names":["animateMotionValue","valueName","value","target","transition","onComplete","valueTransition","getValueTransition","delay","elapsed","secondsToMilliseconds","keyframes","getKeyframes","originKeyframe","targetKeyframe","isOriginAnimatable","isAnimatable","isTargetAnimatable","warning","options","v","isTransitionDefined","getDefaultTransition","instantAnimationState","createInstantAnimation","acceleratedAnimation","createAcceleratedAnimation","animateValue"],"mappings":";;;;;;;;;;AAWK,MAACA,IAAqB,CAACC,GAAWC,GAAOC,GAAQC,IAAa,CAAA,MACxD,CAACC,MAAe;AACnB,QAAMC,IAAkBC,EAAmBH,GAAYH,CAAS,KAAK,CAAA,GAM/DO,IAAQF,EAAgB,SAASF,EAAW,SAAS;AAK3D,MAAI,EAAE,SAAAK,IAAU,EAAG,IAAGL;AACtB,EAAAK,IAAUA,IAAUC,EAAsBF,CAAK;AAC/C,QAAMG,IAAYC,EAAaV,GAAOD,GAAWE,GAAQG,CAAe,GAMlEO,IAAiBF,EAAU,CAAC,GAC5BG,IAAiBH,EAAUA,EAAU,SAAS,CAAC,GAC/CI,IAAqBC,EAAaf,GAAWY,CAAc,GAC3DI,IAAqBD,EAAaf,GAAWa,CAAc;AACjE,EAAAI,EAAQH,MAAuBE,GAAoB,6BAA6BhB,CAAS,UAAUY,CAAc,SAASC,CAAc,MAAMD,CAAc,8DAA8DA,CAAc,6BAA6BC,CAAc,8BAA8B;AACjT,MAAIK,IAAU;AAAA,IACV,WAAAR;AAAA,IACA,UAAUT,EAAM,YAAa;AAAA,IAC7B,MAAM;AAAA,IACN,GAAGI;AAAA,IACH,OAAO,CAACG;AAAA,IACR,UAAU,CAACW,MAAM;AACb,MAAAlB,EAAM,IAAIkB,CAAC,GACXd,EAAgB,YAAYA,EAAgB,SAASc,CAAC;AAAA,IACzD;AAAA,IACD,YAAY,MAAM;AACd,MAAAf,KACAC,EAAgB,cAAcA,EAAgB;IACjD;AAAA,EACb;AAsBQ,MAjBKe,EAAoBf,CAAe,MACpCa,IAAU;AAAA,IACN,GAAGA;AAAA,IACH,GAAGG,EAAqBrB,GAAWkB,CAAO;AAAA,EAC1D,IAOYA,EAAQ,aACRA,EAAQ,WAAWT,EAAsBS,EAAQ,QAAQ,IAEzDA,EAAQ,gBACRA,EAAQ,cAAcT,EAAsBS,EAAQ,WAAW,IAE/D,CAACJ,KACD,CAACE,KACDM,EAAsB,WACtBjB,EAAgB,SAAS;AAKzB,WAAOkB,EAEDL,CAAO;AAKjB,MAAIjB,EAAM,SACNA,EAAM,MAAM,mBAAmB,eAC/B,CAACA,EAAM,MAAM,SAAQ,EAAG,UAAU;AAClC,UAAMuB,IAAuBC,EAA2BxB,GAAOD,GAAWkB,CAAO;AACjF,QAAIM;AACA,aAAOA;AAAA,EACd;AAID,SAAOE,EAAaR,CAAO;AACnC;","x_google_ignoreList":[0]}

package/dist/lyra301.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("./lyra177.cjs"),d=require("./lyra226.cjs"),b=require("./lyra305.cjs"),q=require("./lyra347.cjs"),M=require("./lyra348.cjs"),$=require("./lyra349.cjs"),y=require("./lyra350.cjs"),D=require("./lyra351.cjs"),f=require("./lyra352.cjs"),V=require("./lyra219.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.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="";exports.default=e;

package/dist/lyra301.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra301.cjs","sources":["../node_modules/framer-motion/dist/es/animation/interfaces/motion-value.mjs"],"sourcesContent":["import { warning } from '../../utils/errors.mjs';\nimport { secondsToMilliseconds } from '../../utils/time-conversion.mjs';\nimport { instantAnimationState } from '../../utils/use-instant-transition-state.mjs';\nimport { createAcceleratedAnimation } from '../animators/waapi/create-accelerated-animation.mjs';\nimport { createInstantAnimation } from '../animators/instant.mjs';\nimport { getDefaultTransition } from '../utils/default-transitions.mjs';\nimport { isAnimatable } from '../utils/is-animatable.mjs';\nimport { getKeyframes } from '../utils/keyframes.mjs';\nimport { getValueTransition, isTransitionDefined } from '../utils/transitions.mjs';\nimport { animateValue } from '../animators/js/index.mjs';\n\nconst animateMotionValue = (valueName, value, target, transition = {}) => {\n    return (onComplete) => {\n        const valueTransition = getValueTransition(transition, valueName) || {};\n        /**\n         * Most transition values are currently completely overwritten by value-specific\n         * transitions. In the future it'd be nicer to blend these transitions. But for now\n         * delay actually does inherit from the root transition if not value-specific.\n         */\n        const delay = valueTransition.delay || transition.delay || 0;\n        /**\n         * Elapsed isn't a public transition option but can be passed through from\n         * optimized appear effects in milliseconds.\n         */\n        let { elapsed = 0 } = transition;\n        elapsed = elapsed - secondsToMilliseconds(delay);\n        const keyframes = getKeyframes(value, valueName, target, valueTransition);\n        /**\n         * Check if we're able to animate between the start and end keyframes,\n         * and throw a warning if we're attempting to animate between one that's\n         * animatable and another that isn't.\n         */\n        const originKeyframe = keyframes[0];\n        const targetKeyframe = keyframes[keyframes.length - 1];\n        const isOriginAnimatable = isAnimatable(valueName, originKeyframe);\n        const isTargetAnimatable = isAnimatable(valueName, targetKeyframe);\n        warning(isOriginAnimatable === isTargetAnimatable, `You are trying to animate ${valueName} from \"${originKeyframe}\" to \"${targetKeyframe}\". ${originKeyframe} is not an animatable value - to enable this animation set ${originKeyframe} to a value animatable to ${targetKeyframe} via the \\`style\\` property.`);\n        let options = {\n            keyframes,\n            velocity: value.getVelocity(),\n            ease: \"easeOut\",\n            ...valueTransition,\n            delay: -elapsed,\n            onUpdate: (v) => {\n                value.set(v);\n                valueTransition.onUpdate && valueTransition.onUpdate(v);\n            },\n            onComplete: () => {\n                onComplete();\n                valueTransition.onComplete && valueTransition.onComplete();\n            },\n        };\n        /**\n         * If there's no transition defined for this value, we can generate\n         * unqiue transition settings for this value.\n         */\n        if (!isTransitionDefined(valueTransition)) {\n            options = {\n                ...options,\n                ...getDefaultTransition(valueName, options),\n            };\n        }\n        /**\n         * Both WAAPI and our internal animation functions use durations\n         * as defined by milliseconds, while our external API defines them\n         * as seconds.\n         */\n        if (options.duration) {\n            options.duration = secondsToMilliseconds(options.duration);\n        }\n        if (options.repeatDelay) {\n            options.repeatDelay = secondsToMilliseconds(options.repeatDelay);\n        }\n        if (!isOriginAnimatable ||\n            !isTargetAnimatable ||\n            instantAnimationState.current ||\n            valueTransition.type === false) {\n            /**\n             * If we can't animate this value, or the global instant animation flag is set,\n             * or this is simply defined as an instant transition, return an instant transition.\n             */\n            return createInstantAnimation(instantAnimationState.current\n                ? { ...options, delay: 0 }\n                : options);\n        }\n        /**\n         * Animate via WAAPI if possible.\n         */\n        if (value.owner &&\n            value.owner.current instanceof HTMLElement &&\n            !value.owner.getProps().onUpdate) {\n            const acceleratedAnimation = createAcceleratedAnimation(value, valueName, options);\n            if (acceleratedAnimation)\n                return acceleratedAnimation;\n        }\n        /**\n         * If we didn't create an accelerated animation, create a JS animation\n         */\n        return animateValue(options);\n    };\n};\n\nexport { animateMotionValue };\n"],"names":["animateMotionValue","valueName","value","target","transition","onComplete","valueTransition","getValueTransition","delay","elapsed","secondsToMilliseconds","keyframes","getKeyframes","originKeyframe","targetKeyframe","isOriginAnimatable","isAnimatable","isTargetAnimatable","warning","options","v","isTransitionDefined","getDefaultTransition","instantAnimationState","createInstantAnimation","acceleratedAnimation","createAcceleratedAnimation","animateValue"],"mappings":"oWAWMA,EAAqB,CAACC,EAAWC,EAAOC,EAAQC,EAAa,CAAA,IACvDC,GAAe,CACnB,MAAMC,EAAkBC,EAAkB,mBAACH,EAAYH,CAAS,GAAK,CAAA,EAM/DO,EAAQF,EAAgB,OAASF,EAAW,OAAS,EAK3D,GAAI,CAAE,QAAAK,EAAU,CAAG,EAAGL,EACtBK,EAAUA,EAAUC,wBAAsBF,CAAK,EAC/C,MAAMG,EAAYC,EAAAA,aAAaV,EAAOD,EAAWE,EAAQG,CAAe,EAMlEO,EAAiBF,EAAU,CAAC,EAC5BG,EAAiBH,EAAUA,EAAU,OAAS,CAAC,EAC/CI,EAAqBC,EAAAA,aAAaf,EAAWY,CAAc,EAC3DI,EAAqBD,EAAAA,aAAaf,EAAWa,CAAc,EACjEI,EAAO,QAACH,IAAuBE,EAAoB,6BAA6BhB,CAAS,UAAUY,CAAc,SAASC,CAAc,MAAMD,CAAc,8DAA8DA,CAAc,6BAA6BC,CAAc,8BAA8B,EACjT,IAAIK,EAAU,CACtB,UAAYR,EACA,SAAUT,EAAM,YAAa,EAC7B,KAAM,UACN,GAAGI,EACH,MAAO,CAACG,EACR,SAAWW,GAAM,CACblB,EAAM,IAAIkB,CAAC,EACXd,EAAgB,UAAYA,EAAgB,SAASc,CAAC,CACzD,EACD,WAAY,IAAM,CACdf,IACAC,EAAgB,YAAcA,EAAgB,YACjD,CACb,EAsBQ,GAjBKe,EAAAA,oBAAoBf,CAAe,IACpCa,EAAU,CACN,GAAGA,EACH,GAAGG,EAAoB,qBAACrB,EAAWkB,CAAO,CAC1D,GAOYA,EAAQ,WACRA,EAAQ,SAAWT,EAAAA,sBAAsBS,EAAQ,QAAQ,GAEzDA,EAAQ,cACRA,EAAQ,YAAcT,EAAAA,sBAAsBS,EAAQ,WAAW,GAE/D,CAACJ,GACD,CAACE,GACDM,EAAAA,sBAAsB,SACtBjB,EAAgB,OAAS,GAKzB,OAAOkB,EAAAA,uBAEDL,CAAO,EAKjB,GAAIjB,EAAM,OACNA,EAAM,MAAM,mBAAmB,aAC/B,CAACA,EAAM,MAAM,SAAQ,EAAG,SAAU,CAClC,MAAMuB,EAAuBC,EAA0B,2BAACxB,EAAOD,EAAWkB,CAAO,EACjF,GAAIM,EACA,OAAOA,CACd,CAID,OAAOE,EAAAA,aAAaR,CAAO,CACnC","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra301.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/lyra301.js

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

package/dist/lyra301.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra301.js","sources":["../node_modules/framer-motion/dist/es/animation/interfaces/motion-value.mjs"],"sourcesContent":["import { warning } from '../../utils/errors.mjs';\nimport { secondsToMilliseconds } from '../../utils/time-conversion.mjs';\nimport { instantAnimationState } from '../../utils/use-instant-transition-state.mjs';\nimport { createAcceleratedAnimation } from '../animators/waapi/create-accelerated-animation.mjs';\nimport { createInstantAnimation } from '../animators/instant.mjs';\nimport { getDefaultTransition } from '../utils/default-transitions.mjs';\nimport { isAnimatable } from '../utils/is-animatable.mjs';\nimport { getKeyframes } from '../utils/keyframes.mjs';\nimport { getValueTransition, isTransitionDefined } from '../utils/transitions.mjs';\nimport { animateValue } from '../animators/js/index.mjs';\n\nconst animateMotionValue = (valueName, value, target, transition = {}) => {\n    return (onComplete) => {\n        const valueTransition = getValueTransition(transition, valueName) || {};\n        /**\n         * Most transition values are currently completely overwritten by value-specific\n         * transitions. In the future it'd be nicer to blend these transitions. But for now\n         * delay actually does inherit from the root transition if not value-specific.\n         */\n        const delay = valueTransition.delay || transition.delay || 0;\n        /**\n         * Elapsed isn't a public transition option but can be passed through from\n         * optimized appear effects in milliseconds.\n         */\n        let { elapsed = 0 } = transition;\n        elapsed = elapsed - secondsToMilliseconds(delay);\n        const keyframes = getKeyframes(value, valueName, target, valueTransition);\n        /**\n         * Check if we're able to animate between the start and end keyframes,\n         * and throw a warning if we're attempting to animate between one that's\n         * animatable and another that isn't.\n         */\n        const originKeyframe = keyframes[0];\n        const targetKeyframe = keyframes[keyframes.length - 1];\n        const isOriginAnimatable = isAnimatable(valueName, originKeyframe);\n        const isTargetAnimatable = isAnimatable(valueName, targetKeyframe);\n        warning(isOriginAnimatable === isTargetAnimatable, `You are trying to animate ${valueName} from \"${originKeyframe}\" to \"${targetKeyframe}\". ${originKeyframe} is not an animatable value - to enable this animation set ${originKeyframe} to a value animatable to ${targetKeyframe} via the \\`style\\` property.`);\n        let options = {\n            keyframes,\n            velocity: value.getVelocity(),\n            ease: \"easeOut\",\n            ...valueTransition,\n            delay: -elapsed,\n            onUpdate: (v) => {\n                value.set(v);\n                valueTransition.onUpdate && valueTransition.onUpdate(v);\n            },\n            onComplete: () => {\n                onComplete();\n                valueTransition.onComplete && valueTransition.onComplete();\n            },\n        };\n        /**\n         * If there's no transition defined for this value, we can generate\n         * unqiue transition settings for this value.\n         */\n        if (!isTransitionDefined(valueTransition)) {\n            options = {\n                ...options,\n                ...getDefaultTransition(valueName, options),\n            };\n        }\n        /**\n         * Both WAAPI and our internal animation functions use durations\n         * as defined by milliseconds, while our external API defines them\n         * as seconds.\n         */\n        if (options.duration) {\n            options.duration = secondsToMilliseconds(options.duration);\n        }\n        if (options.repeatDelay) {\n            options.repeatDelay = secondsToMilliseconds(options.repeatDelay);\n        }\n        if (!isOriginAnimatable ||\n            !isTargetAnimatable ||\n            instantAnimationState.current ||\n            valueTransition.type === false) {\n            /**\n             * If we can't animate this value, or the global instant animation flag is set,\n             * or this is simply defined as an instant transition, return an instant transition.\n             */\n            return createInstantAnimation(instantAnimationState.current\n                ? { ...options, delay: 0 }\n                : options);\n        }\n        /**\n         * Animate via WAAPI if possible.\n         */\n        if (value.owner &&\n            value.owner.current instanceof HTMLElement &&\n            !value.owner.getProps().onUpdate) {\n            const acceleratedAnimation = createAcceleratedAnimation(value, valueName, options);\n            if (acceleratedAnimation)\n                return acceleratedAnimation;\n        }\n        /**\n         * If we didn't create an accelerated animation, create a JS animation\n         */\n        return animateValue(options);\n    };\n};\n\nexport { animateMotionValue };\n"],"names":["animateMotionValue","valueName","value","target","transition","onComplete","valueTransition","getValueTransition","delay","elapsed","secondsToMilliseconds","keyframes","getKeyframes","originKeyframe","targetKeyframe","isOriginAnimatable","isAnimatable","isTargetAnimatable","warning","options","v","isTransitionDefined","getDefaultTransition","instantAnimationState","createInstantAnimation","acceleratedAnimation","createAcceleratedAnimation","animateValue"],"mappings":";;;;;;;;;;AAWK,MAACA,IAAqB,CAACC,GAAWC,GAAOC,GAAQC,IAAa,CAAA,MACxD,CAACC,MAAe;AACnB,QAAMC,IAAkBC,EAAmBH,GAAYH,CAAS,KAAK,CAAA,GAM/DO,IAAQF,EAAgB,SAASF,EAAW,SAAS;AAK3D,MAAI,EAAE,SAAAK,IAAU,EAAG,IAAGL;AACtB,EAAAK,IAAUA,IAAUC,EAAsBF,CAAK;AAC/C,QAAMG,IAAYC,EAAaV,GAAOD,GAAWE,GAAQG,CAAe,GAMlEO,IAAiBF,EAAU,CAAC,GAC5BG,IAAiBH,EAAUA,EAAU,SAAS,CAAC,GAC/CI,IAAqBC,EAAaf,GAAWY,CAAc,GAC3DI,IAAqBD,EAAaf,GAAWa,CAAc;AACjE,EAAAI,EAAQH,MAAuBE,GAAoB,6BAA6BhB,CAAS,UAAUY,CAAc,SAASC,CAAc,MAAMD,CAAc,8DAA8DA,CAAc,6BAA6BC,CAAc,8BAA8B;AACjT,MAAIK,IAAU;AAAA,IACV,WAAAR;AAAA,IACA,UAAUT,EAAM,YAAa;AAAA,IAC7B,MAAM;AAAA,IACN,GAAGI;AAAA,IACH,OAAO,CAACG;AAAA,IACR,UAAU,CAACW,MAAM;AACb,MAAAlB,EAAM,IAAIkB,CAAC,GACXd,EAAgB,YAAYA,EAAgB,SAASc,CAAC;AAAA,IACzD;AAAA,IACD,YAAY,MAAM;AACd,MAAAf,KACAC,EAAgB,cAAcA,EAAgB;IACjD;AAAA,EACb;AAsBQ,MAjBKe,EAAoBf,CAAe,MACpCa,IAAU;AAAA,IACN,GAAGA;AAAA,IACH,GAAGG,EAAqBrB,GAAWkB,CAAO;AAAA,EAC1D,IAOYA,EAAQ,aACRA,EAAQ,WAAWT,EAAsBS,EAAQ,QAAQ,IAEzDA,EAAQ,gBACRA,EAAQ,cAAcT,EAAsBS,EAAQ,WAAW,IAE/D,CAACJ,KACD,CAACE,KACDM,EAAsB,WACtBjB,EAAgB,SAAS;AAKzB,WAAOkB,EAEDL,CAAO;AAKjB,MAAIjB,EAAM,SACNA,EAAM,MAAM,mBAAmB,eAC/B,CAACA,EAAM,MAAM,SAAQ,EAAG,UAAU;AAClC,UAAMuB,IAAuBC,EAA2BxB,GAAOD,GAAWkB,CAAO;AACjF,QAAIM;AACA,aAAOA;AAAA,EACd;AAID,SAAOE,EAAaR,CAAO;AACnC;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra301.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/lyra303.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Y=require("./lyra204.cjs"),J=require("./lyra353.cjs"),g=require("./lyra354.cjs"),v=require("./lyra355.cjs"),p=require("./lyra268.cjs"),q=require("./lyra356.cjs"),u=require("./lyra200.cjs"),K=require("./lyra352.cjs"),S=require("./lyra357.cjs"),Q=require("./lyra358.cjs"),I=require("./lyra217.cjs"),b=require("./lyra359.cjs"),O=require("./lyra360.cjs"),D=require("./lyra361.cjs"),tt=require("./lyra242.cjs"),E=require("./lyra178.cjs"),F=require("./lyra327.cjs"),et=require("./lyra256.cjs"),L=require("./lyra246.cjs"),it=require("./lyra362.cjs"),st=require("./lyra363.cjs"),at=require("./lyra313.cjs"),ot=require("./lyra225.cjs"),f=require("./lyra216.cjs"),rt=require("./lyra235.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 t={current:!1};exports.instantAnimationState=t;