@new-black/lyra 0.0.26 → 0.0.28

package/dist/lyra263.js

@@ -1,44 +1,73 @@
-import { Feature as m } from "./lyra289.js";
-import { observeIntersection as f } from "./lyra305.js";
-const w = {
-  some: 0,
-  all: 1
-};
-class v extends m {
+import { extractEventInfo as f } from "./lyra248.js";
+import { addDomEvent as p } from "./lyra247.js";
+import { addPointerEvent as m } from "./lyra246.js";
+import { Feature as L } from "./lyra290.js";
+import { pipe as P } from "./lyra219.js";
+import { isDragActive as E } from "./lyra245.js";
+import { isNodeOrChild as g } from "./lyra299.js";
+import { noop as u } from "./lyra207.js";
+import { frame as d } from "./lyra188.js";
+function v(l, e) {
+  if (!e)
+    return;
+  const s = new PointerEvent("pointer" + l);
+  e(s, f(s));
+}
+class K extends L {
   constructor() {
-    super(...arguments), this.hasEnteredView = !1, this.isInView = !1;
-  }
-  startObserver() {
-    this.unmount();
-    const { viewport: n = {} } = this.node.getProps(), { root: t, margin: r, amount: s = "some", once: h } = n, u = {
-      root: t ? t.current : void 0,
-      rootMargin: r,
-      threshold: typeof s == "number" ? s : w[s]
-    }, c = (i) => {
-      const { isIntersecting: e } = i;
-      if (this.isInView === e || (this.isInView = e, h && !e && this.hasEnteredView))
+    super(...arguments), this.removeStartListeners = u, this.removeEndListeners = u, this.removeAccessibleListeners = u, this.startPointerPress = (e, s) => {
+      if (this.removeEndListeners(), this.isPressing)
         return;
-      e && (this.hasEnteredView = !0), this.node.animationState && this.node.animationState.setActive("whileInView", e);
-      const { onViewportEnter: p, onViewportLeave: d } = this.node.getProps(), a = e ? p : d;
-      a && a(i);
+      const t = this.node.getProps(), i = m(window, "pointerup", (r, n) => {
+        if (!this.checkPressEnd())
+          return;
+        const { onTap: h, onTapCancel: c } = this.node.getProps();
+        d.update(() => {
+          g(this.node.current, r.target) ? h && h(r, n) : c && c(r, n);
+        });
+      }, { passive: !(t.onTap || t.onPointerUp) }), o = m(window, "pointercancel", (r, n) => this.cancelPress(r, n), { passive: !(t.onTapCancel || t.onPointerCancel) });
+      this.removeEndListeners = P(i, o), this.startPress(e, s);
+    }, this.startAccessiblePress = () => {
+      const e = (i) => {
+        if (i.key !== "Enter" || this.isPressing)
+          return;
+        const o = (r) => {
+          r.key !== "Enter" || !this.checkPressEnd() || v("up", (n, h) => {
+            const { onTap: c } = this.node.getProps();
+            c && d.update(() => c(n, h));
+          });
+        };
+        this.removeEndListeners(), this.removeEndListeners = p(this.node.current, "keyup", o), v("down", (r, n) => {
+          this.startPress(r, n);
+        });
+      }, s = p(this.node.current, "keydown", e), t = () => {
+        this.isPressing && v("cancel", (i, o) => this.cancelPress(i, o));
+      }, a = p(this.node.current, "blur", t);
+      this.removeAccessibleListeners = P(s, a);
     };
-    return f(this.node.current, u, c);
   }
-  mount() {
-    this.startObserver();
+  startPress(e, s) {
+    this.isPressing = !0;
+    const { onTapStart: t, whileTap: a } = this.node.getProps();
+    a && this.node.animationState && this.node.animationState.setActive("whileTap", !0), t && d.update(() => t(e, s));
   }
-  update() {
-    if (typeof IntersectionObserver > "u")
+  checkPressEnd() {
+    return this.removeEndListeners(), this.isPressing = !1, this.node.getProps().whileTap && this.node.animationState && this.node.animationState.setActive("whileTap", !1), !E();
+  }
+  cancelPress(e, s) {
+    if (!this.checkPressEnd())
       return;
-    const { props: n, prevProps: t } = this.node;
-    ["amount", "margin", "root"].some(l(n, t)) && this.startObserver();
+    const { onTapCancel: t } = this.node.getProps();
+    t && d.update(() => t(e, s));
+  }
+  mount() {
+    const e = this.node.getProps(), s = m(this.node.current, "pointerdown", this.startPointerPress, { passive: !(e.onTapStart || e.onPointerStart) }), t = p(this.node.current, "focus", this.startAccessiblePress);
+    this.removeStartListeners = P(s, t);
   }
   unmount() {
+    this.removeStartListeners(), this.removeEndListeners(), this.removeAccessibleListeners();
   }
 }
-function l({ viewport: o = {} }, { viewport: n = {} } = {}) {
-  return (t) => o[t] !== n[t];
-}
 export {
-  v as InViewFeature
+  K as PressGesture
 };

package/dist/lyra263.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lyra263.js","sources":["../node_modules/framer-motion/dist/es/gestures/press.mjs"],"sourcesContent":["import { extractEventInfo } from '../events/event-info.mjs';\nimport { addDomEvent } from '../events/add-dom-event.mjs';\nimport { addPointerEvent } from '../events/add-pointer-event.mjs';\nimport { Feature } from '../motion/features/Feature.mjs';\nimport { pipe } from '../utils/pipe.mjs';\nimport { isDragActive } from './drag/utils/lock.mjs';\nimport { isNodeOrChild } from './utils/is-node-or-child.mjs';\nimport { noop } from '../utils/noop.mjs';\nimport { frame } from '../frameloop/frame.mjs';\n\nfunction fireSyntheticPointerEvent(name, handler) {\n    if (!handler)\n        return;\n    const syntheticPointerEvent = new PointerEvent(\"pointer\" + name);\n    handler(syntheticPointerEvent, extractEventInfo(syntheticPointerEvent));\n}\nclass PressGesture extends Feature {\n    constructor() {\n        super(...arguments);\n        this.removeStartListeners = noop;\n        this.removeEndListeners = noop;\n        this.removeAccessibleListeners = noop;\n        this.startPointerPress = (startEvent, startInfo) => {\n            this.removeEndListeners();\n            if (this.isPressing)\n                return;\n            const props = this.node.getProps();\n            const endPointerPress = (endEvent, endInfo) => {\n                if (!this.checkPressEnd())\n                    return;\n                const { onTap, onTapCancel } = this.node.getProps();\n                frame.update(() => {\n                    /**\n                     * We only count this as a tap gesture if the event.target is the same\n                     * as, or a child of, this component's element\n                     */\n                    !isNodeOrChild(this.node.current, endEvent.target)\n                        ? onTapCancel && onTapCancel(endEvent, endInfo)\n                        : onTap && onTap(endEvent, endInfo);\n                });\n            };\n            const removePointerUpListener = addPointerEvent(window, \"pointerup\", endPointerPress, { passive: !(props.onTap || props[\"onPointerUp\"]) });\n            const removePointerCancelListener = addPointerEvent(window, \"pointercancel\", (cancelEvent, cancelInfo) => this.cancelPress(cancelEvent, cancelInfo), { passive: !(props.onTapCancel || props[\"onPointerCancel\"]) });\n            this.removeEndListeners = pipe(removePointerUpListener, removePointerCancelListener);\n            this.startPress(startEvent, startInfo);\n        };\n        this.startAccessiblePress = () => {\n            const handleKeydown = (keydownEvent) => {\n                if (keydownEvent.key !== \"Enter\" || this.isPressing)\n                    return;\n                const handleKeyup = (keyupEvent) => {\n                    if (keyupEvent.key !== \"Enter\" || !this.checkPressEnd())\n                        return;\n                    fireSyntheticPointerEvent(\"up\", (event, info) => {\n                        const { onTap } = this.node.getProps();\n                        if (onTap) {\n                            frame.update(() => onTap(event, info));\n                        }\n                    });\n                };\n                this.removeEndListeners();\n                this.removeEndListeners = addDomEvent(this.node.current, \"keyup\", handleKeyup);\n                fireSyntheticPointerEvent(\"down\", (event, info) => {\n                    this.startPress(event, info);\n                });\n            };\n            const removeKeydownListener = addDomEvent(this.node.current, \"keydown\", handleKeydown);\n            const handleBlur = () => {\n                if (!this.isPressing)\n                    return;\n                fireSyntheticPointerEvent(\"cancel\", (cancelEvent, cancelInfo) => this.cancelPress(cancelEvent, cancelInfo));\n            };\n            const removeBlurListener = addDomEvent(this.node.current, \"blur\", handleBlur);\n            this.removeAccessibleListeners = pipe(removeKeydownListener, removeBlurListener);\n        };\n    }\n    startPress(event, info) {\n        this.isPressing = true;\n        const { onTapStart, whileTap } = this.node.getProps();\n        /**\n         * Ensure we trigger animations before firing event callback\n         */\n        if (whileTap && this.node.animationState) {\n            this.node.animationState.setActive(\"whileTap\", true);\n        }\n        if (onTapStart) {\n            frame.update(() => onTapStart(event, info));\n        }\n    }\n    checkPressEnd() {\n        this.removeEndListeners();\n        this.isPressing = false;\n        const props = this.node.getProps();\n        if (props.whileTap && this.node.animationState) {\n            this.node.animationState.setActive(\"whileTap\", false);\n        }\n        return !isDragActive();\n    }\n    cancelPress(event, info) {\n        if (!this.checkPressEnd())\n            return;\n        const { onTapCancel } = this.node.getProps();\n        if (onTapCancel) {\n            frame.update(() => onTapCancel(event, info));\n        }\n    }\n    mount() {\n        const props = this.node.getProps();\n        const removePointerListener = addPointerEvent(this.node.current, \"pointerdown\", this.startPointerPress, { passive: !(props.onTapStart || props[\"onPointerStart\"]) });\n        const removeFocusListener = addDomEvent(this.node.current, \"focus\", this.startAccessiblePress);\n        this.removeStartListeners = pipe(removePointerListener, removeFocusListener);\n    }\n    unmount() {\n        this.removeStartListeners();\n        this.removeEndListeners();\n        this.removeAccessibleListeners();\n    }\n}\n\nexport { PressGesture };\n"],"names":["fireSyntheticPointerEvent","name","handler","syntheticPointerEvent","extractEventInfo","PressGesture","Feature","noop","startEvent","startInfo","props","removePointerUpListener","addPointerEvent","endEvent","endInfo","onTap","onTapCancel","frame","isNodeOrChild","removePointerCancelListener","cancelEvent","cancelInfo","pipe","handleKeydown","keydownEvent","handleKeyup","keyupEvent","event","info","addDomEvent","removeKeydownListener","handleBlur","removeBlurListener","onTapStart","whileTap","isDragActive","removePointerListener","removeFocusListener"],"mappings":";;;;;;;;;AAUA,SAASA,EAA0BC,GAAMC,GAAS;AAC9C,MAAI,CAACA;AACD;AACJ,QAAMC,IAAwB,IAAI,aAAa,YAAYF,CAAI;AAC/D,EAAAC,EAAQC,GAAuBC,EAAiBD,CAAqB,CAAC;AAC1E;AACA,MAAME,UAAqBC,EAAQ;AAAA,EAC/B,cAAc;AACV,UAAM,GAAG,SAAS,GAClB,KAAK,uBAAuBC,GAC5B,KAAK,qBAAqBA,GAC1B,KAAK,4BAA4BA,GACjC,KAAK,oBAAoB,CAACC,GAAYC,MAAc;AAEhD,UADA,KAAK,mBAAkB,GACnB,KAAK;AACL;AACJ,YAAMC,IAAQ,KAAK,KAAK,SAAQ,GAe1BC,IAA0BC,EAAgB,QAAQ,aAdhC,CAACC,GAAUC,MAAY;AAC3C,YAAI,CAAC,KAAK,cAAe;AACrB;AACJ,cAAM,EAAE,OAAAC,GAAO,aAAAC,EAAW,IAAK,KAAK,KAAK;AACzC,QAAAC,EAAM,OAAO,MAAM;AAKf,UAACC,EAAc,KAAK,KAAK,SAASL,EAAS,MAAM,IAE3CE,KAASA,EAAMF,GAAUC,CAAO,IADhCE,KAAeA,EAAYH,GAAUC,CAAO;AAAA,QAEtE,CAAiB;AAAA,MACjB,GACkG,EAAE,SAAS,EAAEJ,EAAM,SAASA,EAAM,aAAiB,CAAA,GACnIS,IAA8BP,EAAgB,QAAQ,iBAAiB,CAACQ,GAAaC,MAAe,KAAK,YAAYD,GAAaC,CAAU,GAAG,EAAE,SAAS,EAAEX,EAAM,eAAeA,EAAM,iBAAmB,CAAE;AAClN,WAAK,qBAAqBY,EAAKX,GAAyBQ,CAA2B,GACnF,KAAK,WAAWX,GAAYC,CAAS;AAAA,IACjD,GACQ,KAAK,uBAAuB,MAAM;AAC9B,YAAMc,IAAgB,CAACC,MAAiB;AACpC,YAAIA,EAAa,QAAQ,WAAW,KAAK;AACrC;AACJ,cAAMC,IAAc,CAACC,MAAe;AAChC,UAAIA,EAAW,QAAQ,WAAW,CAAC,KAAK,cAAe,KAEvD1B,EAA0B,MAAM,CAAC2B,GAAOC,MAAS;AAC7C,kBAAM,EAAE,OAAAb,EAAO,IAAG,KAAK,KAAK,SAAQ;AACpC,YAAIA,KACAE,EAAM,OAAO,MAAMF,EAAMY,GAAOC,CAAI,CAAC;AAAA,UAEjE,CAAqB;AAAA,QACrB;AACgB,aAAK,mBAAkB,GACvB,KAAK,qBAAqBC,EAAY,KAAK,KAAK,SAAS,SAASJ,CAAW,GAC7EzB,EAA0B,QAAQ,CAAC2B,GAAOC,MAAS;AAC/C,eAAK,WAAWD,GAAOC,CAAI;AAAA,QAC/C,CAAiB;AAAA,MACjB,GACkBE,IAAwBD,EAAY,KAAK,KAAK,SAAS,WAAWN,CAAa,GAC/EQ,IAAa,MAAM;AACrB,QAAK,KAAK,cAEV/B,EAA0B,UAAU,CAACoB,GAAaC,MAAe,KAAK,YAAYD,GAAaC,CAAU,CAAC;AAAA,MAC1H,GACkBW,IAAqBH,EAAY,KAAK,KAAK,SAAS,QAAQE,CAAU;AAC5E,WAAK,4BAA4BT,EAAKQ,GAAuBE,CAAkB;AAAA,IAC3F;AAAA,EACK;AAAA,EACD,WAAWL,GAAOC,GAAM;AACpB,SAAK,aAAa;AAClB,UAAM,EAAE,YAAAK,GAAY,UAAAC,EAAQ,IAAK,KAAK,KAAK;AAI3C,IAAIA,KAAY,KAAK,KAAK,kBACtB,KAAK,KAAK,eAAe,UAAU,YAAY,EAAI,GAEnDD,KACAhB,EAAM,OAAO,MAAMgB,EAAWN,GAAOC,CAAI,CAAC;AAAA,EAEjD;AAAA,EACD,gBAAgB;AACZ,gBAAK,mBAAkB,GACvB,KAAK,aAAa,IACJ,KAAK,KAAK,SAAQ,EACtB,YAAY,KAAK,KAAK,kBAC5B,KAAK,KAAK,eAAe,UAAU,YAAY,EAAK,GAEjD,CAACO,EAAY;AAAA,EACvB;AAAA,EACD,YAAYR,GAAOC,GAAM;AACrB,QAAI,CAAC,KAAK,cAAe;AACrB;AACJ,UAAM,EAAE,aAAAZ,EAAa,IAAG,KAAK,KAAK,SAAQ;AAC1C,IAAIA,KACAC,EAAM,OAAO,MAAMD,EAAYW,GAAOC,CAAI,CAAC;AAAA,EAElD;AAAA,EACD,QAAQ;AACJ,UAAMlB,IAAQ,KAAK,KAAK,SAAQ,GAC1B0B,IAAwBxB,EAAgB,KAAK,KAAK,SAAS,eAAe,KAAK,mBAAmB,EAAE,SAAS,EAAEF,EAAM,cAAcA,EAAM,gBAAkB,CAAE,GAC7J2B,IAAsBR,EAAY,KAAK,KAAK,SAAS,SAAS,KAAK,oBAAoB;AAC7F,SAAK,uBAAuBP,EAAKc,GAAuBC,CAAmB;AAAA,EAC9E;AAAA,EACD,UAAU;AACN,SAAK,qBAAoB,GACzB,KAAK,mBAAkB,GACvB,KAAK,0BAAyB;AAAA,EACjC;AACL;","x_google_ignoreList":[0]}

package/dist/lyra264.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra289.cjs"),o=require("./lyra209.cjs"),s=require("./lyra306.cjs");class t extends r.Feature{constructor(e){super(e),this.removeGroupControls=o.noop,this.removeListeners=o.noop,this.controls=new s.VisualElementDragControls(e)}mount(){const{dragControls:e}=this.node.getProps();e&&(this.removeGroupControls=e.subscribe(this.controls)),this.removeListeners=this.controls.addListeners()||o.noop}unmount(){this.removeGroupControls(),this.removeListeners()}}exports.DragGesture=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./lyra290.cjs"),w=require("./lyra300.cjs"),f={some:0,all:1};class l extends m.Feature{constructor(){super(...arguments),this.hasEnteredView=!1,this.isInView=!1}startObserver(){this.unmount();const{viewport:n={}}=this.node.getProps(),{root:e,margin:o,amount:s="some",once:u}=n,h={root:e?e.current:void 0,rootMargin:o,threshold:typeof s=="number"?s:f[s]},c=i=>{const{isIntersecting:t}=i;if(this.isInView===t||(this.isInView=t,u&&!t&&this.hasEnteredView))return;t&&(this.hasEnteredView=!0),this.node.animationState&&this.node.animationState.setActive("whileInView",t);const{onViewportEnter:d,onViewportLeave:p}=this.node.getProps(),a=t?d:p;a&&a(i)};return w.observeIntersection(this.node.current,h,c)}mount(){this.startObserver()}update(){if(typeof IntersectionObserver>"u")return;const{props:n,prevProps:e}=this.node;["amount","margin","root"].some(g(n,e))&&this.startObserver()}unmount(){}}function g({viewport:r={}},{viewport:n={}}={}){return e=>r[e]!==n[e]}exports.InViewFeature=l;

package/dist/lyra264.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"lyra264.cjs","sources":["../node_modules/framer-motion/dist/es/motion/features/viewport/index.mjs"],"sourcesContent":["import { Feature } from '../Feature.mjs';\nimport { observeIntersection } from './observers.mjs';\n\nconst thresholdNames = {\n    some: 0,\n    all: 1,\n};\nclass InViewFeature extends Feature {\n    constructor() {\n        super(...arguments);\n        this.hasEnteredView = false;\n        this.isInView = false;\n    }\n    startObserver() {\n        this.unmount();\n        const { viewport = {} } = this.node.getProps();\n        const { root, margin: rootMargin, amount = \"some\", once } = viewport;\n        const options = {\n            root: root ? root.current : undefined,\n            rootMargin,\n            threshold: typeof amount === \"number\" ? amount : thresholdNames[amount],\n        };\n        const onIntersectionUpdate = (entry) => {\n            const { isIntersecting } = entry;\n            /**\n             * If there's been no change in the viewport state, early return.\n             */\n            if (this.isInView === isIntersecting)\n                return;\n            this.isInView = isIntersecting;\n            /**\n             * Handle hasEnteredView. If this is only meant to run once, and\n             * element isn't visible, early return. Otherwise set hasEnteredView to true.\n             */\n            if (once && !isIntersecting && this.hasEnteredView) {\n                return;\n            }\n            else if (isIntersecting) {\n                this.hasEnteredView = true;\n            }\n            if (this.node.animationState) {\n                this.node.animationState.setActive(\"whileInView\", isIntersecting);\n            }\n            /**\n             * Use the latest committed props rather than the ones in scope\n             * when this observer is created\n             */\n            const { onViewportEnter, onViewportLeave } = this.node.getProps();\n            const callback = isIntersecting ? onViewportEnter : onViewportLeave;\n            callback && callback(entry);\n        };\n        return observeIntersection(this.node.current, options, onIntersectionUpdate);\n    }\n    mount() {\n        this.startObserver();\n    }\n    update() {\n        if (typeof IntersectionObserver === \"undefined\")\n            return;\n        const { props, prevProps } = this.node;\n        const hasOptionsChanged = [\"amount\", \"margin\", \"root\"].some(hasViewportOptionChanged(props, prevProps));\n        if (hasOptionsChanged) {\n            this.startObserver();\n        }\n    }\n    unmount() { }\n}\nfunction hasViewportOptionChanged({ viewport = {} }, { viewport: prevViewport = {} } = {}) {\n    return (name) => viewport[name] !== prevViewport[name];\n}\n\nexport { InViewFeature };\n"],"names":["thresholdNames","InViewFeature","Feature","viewport","root","rootMargin","amount","once","options","onIntersectionUpdate","entry","isIntersecting","onViewportEnter","onViewportLeave","callback","observeIntersection","props","prevProps","hasViewportOptionChanged","prevViewport","name"],"mappings":"4IAGMA,EAAiB,CACnB,KAAM,EACN,IAAK,CACT,EACA,MAAMC,UAAsBC,EAAAA,OAAQ,CAChC,aAAc,CACV,MAAM,GAAG,SAAS,EAClB,KAAK,eAAiB,GACtB,KAAK,SAAW,EACnB,CACD,eAAgB,CACZ,KAAK,QAAO,EACZ,KAAM,CAAE,SAAAC,EAAW,CAAE,CAAA,EAAK,KAAK,KAAK,WAC9B,CAAE,KAAAC,EAAM,OAAQC,EAAY,OAAAC,EAAS,OAAQ,KAAAC,CAAM,EAAGJ,EACtDK,EAAU,CACZ,KAAMJ,EAAOA,EAAK,QAAU,OAC5B,WAAAC,EACA,UAAW,OAAOC,GAAW,SAAWA,EAASN,EAAeM,CAAM,CAClF,EACcG,EAAwBC,GAAU,CACpC,KAAM,CAAE,eAAAC,CAAgB,EAAGD,EAW3B,GAPI,KAAK,WAAaC,IAEtB,KAAK,SAAWA,EAKZJ,GAAQ,CAACI,GAAkB,KAAK,gBAChC,OAEKA,IACL,KAAK,eAAiB,IAEtB,KAAK,KAAK,gBACV,KAAK,KAAK,eAAe,UAAU,cAAeA,CAAc,EAMpE,KAAM,CAAE,gBAAAC,EAAiB,gBAAAC,CAAe,EAAK,KAAK,KAAK,WACjDC,EAAWH,EAAiBC,EAAkBC,EACpDC,GAAYA,EAASJ,CAAK,CACtC,EACQ,OAAOK,EAAAA,oBAAoB,KAAK,KAAK,QAASP,EAASC,CAAoB,CAC9E,CACD,OAAQ,CACJ,KAAK,cAAa,CACrB,CACD,QAAS,CACL,GAAI,OAAO,qBAAyB,IAChC,OACJ,KAAM,CAAE,MAAAO,EAAO,UAAAC,GAAc,KAAK,KACR,CAAC,SAAU,SAAU,MAAM,EAAE,KAAKC,EAAyBF,EAAOC,CAAS,CAAC,GAElG,KAAK,cAAa,CAEzB,CACD,SAAU,CAAG,CACjB,CACA,SAASC,EAAyB,CAAE,SAAAf,EAAW,EAAI,EAAE,CAAE,SAAUgB,EAAe,EAAI,EAAG,GAAI,CACvF,OAAQC,GAASjB,EAASiB,CAAI,IAAMD,EAAaC,CAAI,CACzD","x_google_ignoreList":[0]}

package/dist/lyra264.js

@@ -1,18 +1,44 @@
-import { Feature as s } from "./lyra289.js";
-import { noop as r } from "./lyra209.js";
-import { VisualElementDragControls as t } from "./lyra306.js";
-class u extends s {
-  constructor(o) {
-    super(o), this.removeGroupControls = r, this.removeListeners = r, this.controls = new t(o);
+import { Feature as m } from "./lyra290.js";
+import { observeIntersection as f } from "./lyra300.js";
+const w = {
+  some: 0,
+  all: 1
+};
+class v extends m {
+  constructor() {
+    super(...arguments), this.hasEnteredView = !1, this.isInView = !1;
+  }
+  startObserver() {
+    this.unmount();
+    const { viewport: n = {} } = this.node.getProps(), { root: t, margin: r, amount: s = "some", once: h } = n, u = {
+      root: t ? t.current : void 0,
+      rootMargin: r,
+      threshold: typeof s == "number" ? s : w[s]
+    }, c = (i) => {
+      const { isIntersecting: e } = i;
+      if (this.isInView === e || (this.isInView = e, h && !e && this.hasEnteredView))
+        return;
+      e && (this.hasEnteredView = !0), this.node.animationState && this.node.animationState.setActive("whileInView", e);
+      const { onViewportEnter: p, onViewportLeave: d } = this.node.getProps(), a = e ? p : d;
+      a && a(i);
+    };
+    return f(this.node.current, u, c);
   }
   mount() {
-    const { dragControls: o } = this.node.getProps();
-    o && (this.removeGroupControls = o.subscribe(this.controls)), this.removeListeners = this.controls.addListeners() || r;
+    this.startObserver();
+  }
+  update() {
+    if (typeof IntersectionObserver > "u")
+      return;
+    const { props: n, prevProps: t } = this.node;
+    ["amount", "margin", "root"].some(l(n, t)) && this.startObserver();
   }
   unmount() {
-    this.removeGroupControls(), this.removeListeners();
   }
 }
+function l({ viewport: o = {} }, { viewport: n = {} } = {}) {
+  return (t) => o[t] !== n[t];
+}
 export {
-  u as DragGesture
+  v as InViewFeature
 };

package/dist/lyra264.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lyra264.js","sources":["../node_modules/framer-motion/dist/es/motion/features/viewport/index.mjs"],"sourcesContent":["import { Feature } from '../Feature.mjs';\nimport { observeIntersection } from './observers.mjs';\n\nconst thresholdNames = {\n    some: 0,\n    all: 1,\n};\nclass InViewFeature extends Feature {\n    constructor() {\n        super(...arguments);\n        this.hasEnteredView = false;\n        this.isInView = false;\n    }\n    startObserver() {\n        this.unmount();\n        const { viewport = {} } = this.node.getProps();\n        const { root, margin: rootMargin, amount = \"some\", once } = viewport;\n        const options = {\n            root: root ? root.current : undefined,\n            rootMargin,\n            threshold: typeof amount === \"number\" ? amount : thresholdNames[amount],\n        };\n        const onIntersectionUpdate = (entry) => {\n            const { isIntersecting } = entry;\n            /**\n             * If there's been no change in the viewport state, early return.\n             */\n            if (this.isInView === isIntersecting)\n                return;\n            this.isInView = isIntersecting;\n            /**\n             * Handle hasEnteredView. If this is only meant to run once, and\n             * element isn't visible, early return. Otherwise set hasEnteredView to true.\n             */\n            if (once && !isIntersecting && this.hasEnteredView) {\n                return;\n            }\n            else if (isIntersecting) {\n                this.hasEnteredView = true;\n            }\n            if (this.node.animationState) {\n                this.node.animationState.setActive(\"whileInView\", isIntersecting);\n            }\n            /**\n             * Use the latest committed props rather than the ones in scope\n             * when this observer is created\n             */\n            const { onViewportEnter, onViewportLeave } = this.node.getProps();\n            const callback = isIntersecting ? onViewportEnter : onViewportLeave;\n            callback && callback(entry);\n        };\n        return observeIntersection(this.node.current, options, onIntersectionUpdate);\n    }\n    mount() {\n        this.startObserver();\n    }\n    update() {\n        if (typeof IntersectionObserver === \"undefined\")\n            return;\n        const { props, prevProps } = this.node;\n        const hasOptionsChanged = [\"amount\", \"margin\", \"root\"].some(hasViewportOptionChanged(props, prevProps));\n        if (hasOptionsChanged) {\n            this.startObserver();\n        }\n    }\n    unmount() { }\n}\nfunction hasViewportOptionChanged({ viewport = {} }, { viewport: prevViewport = {} } = {}) {\n    return (name) => viewport[name] !== prevViewport[name];\n}\n\nexport { InViewFeature };\n"],"names":["thresholdNames","InViewFeature","Feature","viewport","root","rootMargin","amount","once","options","onIntersectionUpdate","entry","isIntersecting","onViewportEnter","onViewportLeave","callback","observeIntersection","props","prevProps","hasViewportOptionChanged","prevViewport","name"],"mappings":";;AAGA,MAAMA,IAAiB;AAAA,EACnB,MAAM;AAAA,EACN,KAAK;AACT;AACA,MAAMC,UAAsBC,EAAQ;AAAA,EAChC,cAAc;AACV,UAAM,GAAG,SAAS,GAClB,KAAK,iBAAiB,IACtB,KAAK,WAAW;AAAA,EACnB;AAAA,EACD,gBAAgB;AACZ,SAAK,QAAO;AACZ,UAAM,EAAE,UAAAC,IAAW,CAAE,EAAA,IAAK,KAAK,KAAK,YAC9B,EAAE,MAAAC,GAAM,QAAQC,GAAY,QAAAC,IAAS,QAAQ,MAAAC,EAAM,IAAGJ,GACtDK,IAAU;AAAA,MACZ,MAAMJ,IAAOA,EAAK,UAAU;AAAA,MAC5B,YAAAC;AAAA,MACA,WAAW,OAAOC,KAAW,WAAWA,IAASN,EAAeM,CAAM;AAAA,IAClF,GACcG,IAAuB,CAACC,MAAU;AACpC,YAAM,EAAE,gBAAAC,EAAgB,IAAGD;AAW3B,UAPI,KAAK,aAAaC,MAEtB,KAAK,WAAWA,GAKZJ,KAAQ,CAACI,KAAkB,KAAK;AAChC;AAEC,MAAIA,MACL,KAAK,iBAAiB,KAEtB,KAAK,KAAK,kBACV,KAAK,KAAK,eAAe,UAAU,eAAeA,CAAc;AAMpE,YAAM,EAAE,iBAAAC,GAAiB,iBAAAC,EAAe,IAAK,KAAK,KAAK,YACjDC,IAAWH,IAAiBC,IAAkBC;AACpD,MAAAC,KAAYA,EAASJ,CAAK;AAAA,IACtC;AACQ,WAAOK,EAAoB,KAAK,KAAK,SAASP,GAASC,CAAoB;AAAA,EAC9E;AAAA,EACD,QAAQ;AACJ,SAAK,cAAa;AAAA,EACrB;AAAA,EACD,SAAS;AACL,QAAI,OAAO,uBAAyB;AAChC;AACJ,UAAM,EAAE,OAAAO,GAAO,WAAAC,MAAc,KAAK;AAElC,IAD0B,CAAC,UAAU,UAAU,MAAM,EAAE,KAAKC,EAAyBF,GAAOC,CAAS,CAAC,KAElG,KAAK,cAAa;AAAA,EAEzB;AAAA,EACD,UAAU;AAAA,EAAG;AACjB;AACA,SAASC,EAAyB,EAAE,UAAAf,IAAW,GAAI,GAAE,EAAE,UAAUgB,IAAe,GAAI,IAAG,IAAI;AACvF,SAAO,CAACC,MAASjB,EAASiB,CAAI,MAAMD,EAAaC,CAAI;AACzD;","x_google_ignoreList":[0]}

package/dist/lyra265.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("./lyra307.cjs"),d=require("./lyra248.cjs"),c=require("./lyra289.cjs"),h=require("./lyra209.cjs"),r=require("./lyra190.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 r=require("./lyra290.cjs"),o=require("./lyra207.cjs"),s=require("./lyra301.cjs");class t extends r.Feature{constructor(e){super(e),this.removeGroupControls=o.noop,this.removeListeners=o.noop,this.controls=new s.VisualElementDragControls(e)}mount(){const{dragControls:e}=this.node.getProps();e&&(this.removeGroupControls=e.subscribe(this.controls)),this.removeListeners=this.controls.addListeners()||o.noop}unmount(){this.removeGroupControls(),this.removeListeners()}}exports.DragGesture=t;

package/dist/lyra265.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"lyra265.cjs","sources":["../node_modules/framer-motion/dist/es/gestures/drag/index.mjs"],"sourcesContent":["import { Feature } from '../../motion/features/Feature.mjs';\nimport { noop } from '../../utils/noop.mjs';\nimport { VisualElementDragControls } from './VisualElementDragControls.mjs';\n\nclass DragGesture extends Feature {\n    constructor(node) {\n        super(node);\n        this.removeGroupControls = noop;\n        this.removeListeners = noop;\n        this.controls = new VisualElementDragControls(node);\n    }\n    mount() {\n        // If we've been provided a DragControls for manual control over the drag gesture,\n        // subscribe this component to it on mount.\n        const { dragControls } = this.node.getProps();\n        if (dragControls) {\n            this.removeGroupControls = dragControls.subscribe(this.controls);\n        }\n        this.removeListeners = this.controls.addListeners() || noop;\n    }\n    unmount() {\n        this.removeGroupControls();\n        this.removeListeners();\n    }\n}\n\nexport { DragGesture };\n"],"names":["DragGesture","Feature","node","noop","VisualElementDragControls","dragControls"],"mappings":"uKAIA,MAAMA,UAAoBC,EAAAA,OAAQ,CAC9B,YAAYC,EAAM,CACd,MAAMA,CAAI,EACV,KAAK,oBAAsBC,OAC3B,KAAK,gBAAkBA,OACvB,KAAK,SAAW,IAAIC,EAAyB,0BAACF,CAAI,CACrD,CACD,OAAQ,CAGJ,KAAM,CAAE,aAAAG,CAAc,EAAG,KAAK,KAAK,SAAQ,EACvCA,IACA,KAAK,oBAAsBA,EAAa,UAAU,KAAK,QAAQ,GAEnE,KAAK,gBAAkB,KAAK,SAAS,aAAY,GAAMF,EAAAA,IAC1D,CACD,SAAU,CACN,KAAK,oBAAmB,EACxB,KAAK,gBAAe,CACvB,CACL","x_google_ignoreList":[0]}

package/dist/lyra265.js

@@ -1,39 +1,18 @@
-import { PanSession as d } from "./lyra307.js";
-import { addPointerEvent as m } from "./lyra248.js";
-import { Feature as h } from "./lyra289.js";
-import { noop as p } from "./lyra209.js";
-import { frame as r } from "./lyra190.js";
-const s = (e) => (n, t) => {
-  e && r.update(() => e(n, t));
-};
-class l extends h {
-  constructor() {
-    super(...arguments), this.removePointerDownListener = p;
-  }
-  onPointerDown(n) {
-    this.session = new d(n, this.createPanHandlers(), { transformPagePoint: this.node.getTransformPagePoint() });
-  }
-  createPanHandlers() {
-    const { onPanSessionStart: n, onPanStart: t, onPan: i, onPanEnd: o } = this.node.getProps();
-    return {
-      onSessionStart: s(n),
-      onStart: s(t),
-      onMove: i,
-      onEnd: (a, P) => {
-        delete this.session, o && r.update(() => o(a, P));
-      }
-    };
+import { Feature as s } from "./lyra290.js";
+import { noop as r } from "./lyra207.js";
+import { VisualElementDragControls as t } from "./lyra301.js";
+class u extends s {
+  constructor(o) {
+    super(o), this.removeGroupControls = r, this.removeListeners = r, this.controls = new t(o);
   }
   mount() {
-    this.removePointerDownListener = m(this.node.current, "pointerdown", (n) => this.onPointerDown(n));
-  }
-  update() {
-    this.session && this.session.updateHandlers(this.createPanHandlers());
+    const { dragControls: o } = this.node.getProps();
+    o && (this.removeGroupControls = o.subscribe(this.controls)), this.removeListeners = this.controls.addListeners() || r;
   }
   unmount() {
-    this.removePointerDownListener(), this.session && this.session.end();
+    this.removeGroupControls(), this.removeListeners();
   }
 }
 export {
-  l as PanGesture
+  u as DragGesture
 };

package/dist/lyra265.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lyra265.js","sources":["../node_modules/framer-motion/dist/es/gestures/drag/index.mjs"],"sourcesContent":["import { Feature } from '../../motion/features/Feature.mjs';\nimport { noop } from '../../utils/noop.mjs';\nimport { VisualElementDragControls } from './VisualElementDragControls.mjs';\n\nclass DragGesture extends Feature {\n    constructor(node) {\n        super(node);\n        this.removeGroupControls = noop;\n        this.removeListeners = noop;\n        this.controls = new VisualElementDragControls(node);\n    }\n    mount() {\n        // If we've been provided a DragControls for manual control over the drag gesture,\n        // subscribe this component to it on mount.\n        const { dragControls } = this.node.getProps();\n        if (dragControls) {\n            this.removeGroupControls = dragControls.subscribe(this.controls);\n        }\n        this.removeListeners = this.controls.addListeners() || noop;\n    }\n    unmount() {\n        this.removeGroupControls();\n        this.removeListeners();\n    }\n}\n\nexport { DragGesture };\n"],"names":["DragGesture","Feature","node","noop","VisualElementDragControls","dragControls"],"mappings":";;;AAIA,MAAMA,UAAoBC,EAAQ;AAAA,EAC9B,YAAYC,GAAM;AACd,UAAMA,CAAI,GACV,KAAK,sBAAsBC,GAC3B,KAAK,kBAAkBA,GACvB,KAAK,WAAW,IAAIC,EAA0BF,CAAI;AAAA,EACrD;AAAA,EACD,QAAQ;AAGJ,UAAM,EAAE,cAAAG,EAAc,IAAG,KAAK,KAAK,SAAQ;AAC3C,IAAIA,MACA,KAAK,sBAAsBA,EAAa,UAAU,KAAK,QAAQ,IAEnE,KAAK,kBAAkB,KAAK,SAAS,aAAY,KAAMF;AAAA,EAC1D;AAAA,EACD,UAAU;AACN,SAAK,oBAAmB,GACxB,KAAK,gBAAe;AAAA,EACvB;AACL;","x_google_ignoreList":[0]}

package/dist/lyra266.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),d=require("./lyra160.cjs"),p=require("./lyra148.cjs"),l=require("./lyra171.cjs"),m=require("./lyra308.cjs"),n=require("./lyra309.cjs"),f=require("./lyra310.cjs"),R=require("./lyra191.cjs"),h=require("./lyra190.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 P=require("./lyra302.cjs"),d=require("./lyra246.cjs"),c=require("./lyra290.cjs"),h=require("./lyra207.cjs"),r=require("./lyra188.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/lyra266.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"lyra266.cjs","sources":["../node_modules/framer-motion/dist/es/gestures/pan/index.mjs"],"sourcesContent":["import { PanSession } from './PanSession.mjs';\nimport { addPointerEvent } from '../../events/add-pointer-event.mjs';\nimport { Feature } from '../../motion/features/Feature.mjs';\nimport { noop } from '../../utils/noop.mjs';\nimport { frame } from '../../frameloop/frame.mjs';\n\nconst asyncHandler = (handler) => (event, info) => {\n    if (handler) {\n        frame.update(() => handler(event, info));\n    }\n};\nclass PanGesture extends Feature {\n    constructor() {\n        super(...arguments);\n        this.removePointerDownListener = noop;\n    }\n    onPointerDown(pointerDownEvent) {\n        this.session = new PanSession(pointerDownEvent, this.createPanHandlers(), { transformPagePoint: this.node.getTransformPagePoint() });\n    }\n    createPanHandlers() {\n        const { onPanSessionStart, onPanStart, onPan, onPanEnd } = this.node.getProps();\n        return {\n            onSessionStart: asyncHandler(onPanSessionStart),\n            onStart: asyncHandler(onPanStart),\n            onMove: onPan,\n            onEnd: (event, info) => {\n                delete this.session;\n                if (onPanEnd) {\n                    frame.update(() => onPanEnd(event, info));\n                }\n            },\n        };\n    }\n    mount() {\n        this.removePointerDownListener = addPointerEvent(this.node.current, \"pointerdown\", (event) => this.onPointerDown(event));\n    }\n    update() {\n        this.session && this.session.updateHandlers(this.createPanHandlers());\n    }\n    unmount() {\n        this.removePointerDownListener();\n        this.session && this.session.end();\n    }\n}\n\nexport { PanGesture };\n"],"names":["asyncHandler","handler","event","info","frame","PanGesture","Feature","noop","pointerDownEvent","PanSession","onPanSessionStart","onPanStart","onPan","onPanEnd","addPointerEvent"],"mappings":"6NAMMA,EAAgBC,GAAY,CAACC,EAAOC,IAAS,CAC3CF,GACAG,EAAK,MAAC,OAAO,IAAMH,EAAQC,EAAOC,CAAI,CAAC,CAE/C,EACA,MAAME,UAAmBC,EAAAA,OAAQ,CAC7B,aAAc,CACV,MAAM,GAAG,SAAS,EAClB,KAAK,0BAA4BC,MACpC,CACD,cAAcC,EAAkB,CAC5B,KAAK,QAAU,IAAIC,aAAWD,EAAkB,KAAK,oBAAqB,CAAE,mBAAoB,KAAK,KAAK,sBAAqB,CAAI,CAAA,CACtI,CACD,mBAAoB,CAChB,KAAM,CAAE,kBAAAE,EAAmB,WAAAC,EAAY,MAAAC,EAAO,SAAAC,CAAQ,EAAK,KAAK,KAAK,WACrE,MAAO,CACH,eAAgBb,EAAaU,CAAiB,EAC9C,QAASV,EAAaW,CAAU,EAChC,OAAQC,EACR,MAAO,CAACV,EAAOC,IAAS,CACpB,OAAO,KAAK,QACRU,GACAT,EAAK,MAAC,OAAO,IAAMS,EAASX,EAAOC,CAAI,CAAC,CAE/C,CACb,CACK,CACD,OAAQ,CACJ,KAAK,0BAA4BW,EAAAA,gBAAgB,KAAK,KAAK,QAAS,cAAgBZ,GAAU,KAAK,cAAcA,CAAK,CAAC,CAC1H,CACD,QAAS,CACL,KAAK,SAAW,KAAK,QAAQ,eAAe,KAAK,kBAAiB,CAAE,CACvE,CACD,SAAU,CACN,KAAK,0BAAyB,EAC9B,KAAK,SAAW,KAAK,QAAQ,IAAG,CACnC,CACL","x_google_ignoreList":[0]}

package/dist/lyra266.js

@@ -1,72 +1,39 @@
-import d, { useContext as p } from "react";
-import { usePresence as m } from "./lyra160.js";
-import { LayoutGroupContext as c } from "./lyra148.js";
-import { SwitchLayoutGroupContext as f } from "./lyra171.js";
-import { globalProjectionState as l } from "./lyra308.js";
-import { correctBorderRadius as n } from "./lyra309.js";
-import { correctBoxShadow as h } from "./lyra310.js";
-import { addScaleCorrector as R } from "./lyra191.js";
-import { frame as g } from "./lyra190.js";
-class y extends d.Component {
-  /**
-   * This only mounts projection nodes for components that
-   * need measuring, we might want to do it for all components
-   * in order to incorporate transforms
-   */
-  componentDidMount() {
-    const { visualElement: e, layoutGroup: o, switchLayoutGroup: t, layoutId: i } = this.props, { projection: r } = e;
-    R(v), r && (o.group && o.group.add(r), t && t.register && i && t.register(r), r.root.didUpdate(), r.addEventListener("animationComplete", () => {
-      this.safeToRemove();
-    }), r.setOptions({
-      ...r.options,
-      onExitComplete: () => this.safeToRemove()
-    })), l.hasEverUpdated = !0;
+import { PanSession as d } from "./lyra302.js";
+import { addPointerEvent as m } from "./lyra246.js";
+import { Feature as h } from "./lyra290.js";
+import { noop as p } from "./lyra207.js";
+import { frame as r } from "./lyra188.js";
+const s = (e) => (n, t) => {
+  e && r.update(() => e(n, t));
+};
+class l extends h {
+  constructor() {
+    super(...arguments), this.removePointerDownListener = p;
   }
-  getSnapshotBeforeUpdate(e) {
-    const { layoutDependency: o, visualElement: t, drag: i, isPresent: r } = this.props, s = t.projection;
-    return s && (s.isPresent = r, i || e.layoutDependency !== o || o === void 0 ? s.willUpdate() : this.safeToRemove(), e.isPresent !== r && (r ? s.promote() : s.relegate() || g.postRender(() => {
-      const u = s.getStack();
-      (!u || !u.members.length) && this.safeToRemove();
-    }))), null;
+  onPointerDown(n) {
+    this.session = new d(n, this.createPanHandlers(), { transformPagePoint: this.node.getTransformPagePoint() });
   }
-  componentDidUpdate() {
-    const { projection: e } = this.props.visualElement;
-    e && (e.root.didUpdate(), queueMicrotask(() => {
-      !e.currentAnimation && e.isLead() && this.safeToRemove();
-    }));
+  createPanHandlers() {
+    const { onPanSessionStart: n, onPanStart: t, onPan: i, onPanEnd: o } = this.node.getProps();
+    return {
+      onSessionStart: s(n),
+      onStart: s(t),
+      onMove: i,
+      onEnd: (a, P) => {
+        delete this.session, o && r.update(() => o(a, P));
+      }
+    };
   }
-  componentWillUnmount() {
-    const { visualElement: e, layoutGroup: o, switchLayoutGroup: t } = this.props, { projection: i } = e;
-    i && (i.scheduleCheckAfterUnmount(), o && o.group && o.group.remove(i), t && t.deregister && t.deregister(i));
+  mount() {
+    this.removePointerDownListener = m(this.node.current, "pointerdown", (n) => this.onPointerDown(n));
   }
-  safeToRemove() {
-    const { safeToRemove: e } = this.props;
-    e && e();
+  update() {
+    this.session && this.session.updateHandlers(this.createPanHandlers());
   }
-  render() {
-    return null;
+  unmount() {
+    this.removePointerDownListener(), this.session && this.session.end();
   }
 }
-function w(a) {
-  const [e, o] = m(), t = p(c);
-  return d.createElement(y, { ...a, layoutGroup: t, switchLayoutGroup: p(f), isPresent: e, safeToRemove: o });
-}
-const v = {
-  borderRadius: {
-    ...n,
-    applyTo: [
-      "borderTopLeftRadius",
-      "borderTopRightRadius",
-      "borderBottomLeftRadius",
-      "borderBottomRightRadius"
-    ]
-  },
-  borderTopLeftRadius: n,
-  borderTopRightRadius: n,
-  borderBottomLeftRadius: n,
-  borderBottomRightRadius: n,
-  boxShadow: h
-};
 export {
-  w as MeasureLayout
+  l as PanGesture
 };

package/dist/lyra266.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lyra266.js","sources":["../node_modules/framer-motion/dist/es/gestures/pan/index.mjs"],"sourcesContent":["import { PanSession } from './PanSession.mjs';\nimport { addPointerEvent } from '../../events/add-pointer-event.mjs';\nimport { Feature } from '../../motion/features/Feature.mjs';\nimport { noop } from '../../utils/noop.mjs';\nimport { frame } from '../../frameloop/frame.mjs';\n\nconst asyncHandler = (handler) => (event, info) => {\n    if (handler) {\n        frame.update(() => handler(event, info));\n    }\n};\nclass PanGesture extends Feature {\n    constructor() {\n        super(...arguments);\n        this.removePointerDownListener = noop;\n    }\n    onPointerDown(pointerDownEvent) {\n        this.session = new PanSession(pointerDownEvent, this.createPanHandlers(), { transformPagePoint: this.node.getTransformPagePoint() });\n    }\n    createPanHandlers() {\n        const { onPanSessionStart, onPanStart, onPan, onPanEnd } = this.node.getProps();\n        return {\n            onSessionStart: asyncHandler(onPanSessionStart),\n            onStart: asyncHandler(onPanStart),\n            onMove: onPan,\n            onEnd: (event, info) => {\n                delete this.session;\n                if (onPanEnd) {\n                    frame.update(() => onPanEnd(event, info));\n                }\n            },\n        };\n    }\n    mount() {\n        this.removePointerDownListener = addPointerEvent(this.node.current, \"pointerdown\", (event) => this.onPointerDown(event));\n    }\n    update() {\n        this.session && this.session.updateHandlers(this.createPanHandlers());\n    }\n    unmount() {\n        this.removePointerDownListener();\n        this.session && this.session.end();\n    }\n}\n\nexport { PanGesture };\n"],"names":["asyncHandler","handler","event","info","frame","PanGesture","Feature","noop","pointerDownEvent","PanSession","onPanSessionStart","onPanStart","onPan","onPanEnd","addPointerEvent"],"mappings":";;;;;AAMA,MAAMA,IAAe,CAACC,MAAY,CAACC,GAAOC,MAAS;AAC/C,EAAIF,KACAG,EAAM,OAAO,MAAMH,EAAQC,GAAOC,CAAI,CAAC;AAE/C;AACA,MAAME,UAAmBC,EAAQ;AAAA,EAC7B,cAAc;AACV,UAAM,GAAG,SAAS,GAClB,KAAK,4BAA4BC;AAAA,EACpC;AAAA,EACD,cAAcC,GAAkB;AAC5B,SAAK,UAAU,IAAIC,EAAWD,GAAkB,KAAK,qBAAqB,EAAE,oBAAoB,KAAK,KAAK,sBAAqB,EAAI,CAAA;AAAA,EACtI;AAAA,EACD,oBAAoB;AAChB,UAAM,EAAE,mBAAAE,GAAmB,YAAAC,GAAY,OAAAC,GAAO,UAAAC,EAAQ,IAAK,KAAK,KAAK;AACrE,WAAO;AAAA,MACH,gBAAgBb,EAAaU,CAAiB;AAAA,MAC9C,SAASV,EAAaW,CAAU;AAAA,MAChC,QAAQC;AAAA,MACR,OAAO,CAACV,GAAOC,MAAS;AACpB,eAAO,KAAK,SACRU,KACAT,EAAM,OAAO,MAAMS,EAASX,GAAOC,CAAI,CAAC;AAAA,MAE/C;AAAA,IACb;AAAA,EACK;AAAA,EACD,QAAQ;AACJ,SAAK,4BAA4BW,EAAgB,KAAK,KAAK,SAAS,eAAe,CAACZ,MAAU,KAAK,cAAcA,CAAK,CAAC;AAAA,EAC1H;AAAA,EACD,SAAS;AACL,SAAK,WAAW,KAAK,QAAQ,eAAe,KAAK,kBAAiB,CAAE;AAAA,EACvE;AAAA,EACD,UAAU;AACN,SAAK,0BAAyB,GAC9B,KAAK,WAAW,KAAK,QAAQ,IAAG;AAAA,EACnC;AACL;","x_google_ignoreList":[0]}

package/dist/lyra267.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra276.cjs"),n=require("./lyra277.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 a=require("react"),d=require("./lyra158.cjs"),p=require("./lyra146.cjs"),l=require("./lyra169.cjs"),m=require("./lyra303.cjs"),n=require("./lyra304.cjs"),f=require("./lyra305.cjs"),R=require("./lyra189.cjs"),h=require("./lyra188.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/lyra267.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"lyra267.cjs","sources":["../node_modules/framer-motion/dist/es/motion/features/layout/MeasureLayout.mjs"],"sourcesContent":["import React__default, { useContext } from 'react';\nimport { usePresence } from '../../../components/AnimatePresence/use-presence.mjs';\nimport { LayoutGroupContext } from '../../../context/LayoutGroupContext.mjs';\nimport { SwitchLayoutGroupContext } from '../../../context/SwitchLayoutGroupContext.mjs';\nimport { globalProjectionState } from '../../../projection/node/state.mjs';\nimport { correctBorderRadius } from '../../../projection/styles/scale-border-radius.mjs';\nimport { correctBoxShadow } from '../../../projection/styles/scale-box-shadow.mjs';\nimport { addScaleCorrector } from '../../../projection/styles/scale-correction.mjs';\nimport { frame } from '../../../frameloop/frame.mjs';\n\nclass MeasureLayoutWithContext extends React__default.Component {\n    /**\n     * This only mounts projection nodes for components that\n     * need measuring, we might want to do it for all components\n     * in order to incorporate transforms\n     */\n    componentDidMount() {\n        const { visualElement, layoutGroup, switchLayoutGroup, layoutId } = this.props;\n        const { projection } = visualElement;\n        addScaleCorrector(defaultScaleCorrectors);\n        if (projection) {\n            if (layoutGroup.group)\n                layoutGroup.group.add(projection);\n            if (switchLayoutGroup && switchLayoutGroup.register && layoutId) {\n                switchLayoutGroup.register(projection);\n            }\n            projection.root.didUpdate();\n            projection.addEventListener(\"animationComplete\", () => {\n                this.safeToRemove();\n            });\n            projection.setOptions({\n                ...projection.options,\n                onExitComplete: () => this.safeToRemove(),\n            });\n        }\n        globalProjectionState.hasEverUpdated = true;\n    }\n    getSnapshotBeforeUpdate(prevProps) {\n        const { layoutDependency, visualElement, drag, isPresent } = this.props;\n        const projection = visualElement.projection;\n        if (!projection)\n            return null;\n        /**\n         * TODO: We use this data in relegate to determine whether to\n         * promote a previous element. There's no guarantee its presence data\n         * will have updated by this point - if a bug like this arises it will\n         * have to be that we markForRelegation and then find a new lead some other way,\n         * perhaps in didUpdate\n         */\n        projection.isPresent = isPresent;\n        if (drag ||\n            prevProps.layoutDependency !== layoutDependency ||\n            layoutDependency === undefined) {\n            projection.willUpdate();\n        }\n        else {\n            this.safeToRemove();\n        }\n        if (prevProps.isPresent !== isPresent) {\n            if (isPresent) {\n                projection.promote();\n            }\n            else if (!projection.relegate()) {\n                /**\n                 * If there's another stack member taking over from this one,\n                 * it's in charge of the exit animation and therefore should\n                 * be in charge of the safe to remove. Otherwise we call it here.\n                 */\n                frame.postRender(() => {\n                    const stack = projection.getStack();\n                    if (!stack || !stack.members.length) {\n                        this.safeToRemove();\n                    }\n                });\n            }\n        }\n        return null;\n    }\n    componentDidUpdate() {\n        const { projection } = this.props.visualElement;\n        if (projection) {\n            projection.root.didUpdate();\n            queueMicrotask(() => {\n                if (!projection.currentAnimation && projection.isLead()) {\n                    this.safeToRemove();\n                }\n            });\n        }\n    }\n    componentWillUnmount() {\n        const { visualElement, layoutGroup, switchLayoutGroup: promoteContext, } = this.props;\n        const { projection } = visualElement;\n        if (projection) {\n            projection.scheduleCheckAfterUnmount();\n            if (layoutGroup && layoutGroup.group)\n                layoutGroup.group.remove(projection);\n            if (promoteContext && promoteContext.deregister)\n                promoteContext.deregister(projection);\n        }\n    }\n    safeToRemove() {\n        const { safeToRemove } = this.props;\n        safeToRemove && safeToRemove();\n    }\n    render() {\n        return null;\n    }\n}\nfunction MeasureLayout(props) {\n    const [isPresent, safeToRemove] = usePresence();\n    const layoutGroup = useContext(LayoutGroupContext);\n    return (React__default.createElement(MeasureLayoutWithContext, { ...props, layoutGroup: layoutGroup, switchLayoutGroup: useContext(SwitchLayoutGroupContext), isPresent: isPresent, safeToRemove: safeToRemove }));\n}\nconst defaultScaleCorrectors = {\n    borderRadius: {\n        ...correctBorderRadius,\n        applyTo: [\n            \"borderTopLeftRadius\",\n            \"borderTopRightRadius\",\n            \"borderBottomLeftRadius\",\n            \"borderBottomRightRadius\",\n        ],\n    },\n    borderTopLeftRadius: correctBorderRadius,\n    borderTopRightRadius: correctBorderRadius,\n    borderBottomLeftRadius: correctBorderRadius,\n    borderBottomRightRadius: correctBorderRadius,\n    boxShadow: correctBoxShadow,\n};\n\nexport { MeasureLayout };\n"],"names":["MeasureLayoutWithContext","React__default","visualElement","layoutGroup","switchLayoutGroup","layoutId","projection","addScaleCorrector","defaultScaleCorrectors","globalProjectionState","prevProps","layoutDependency","drag","isPresent","frame","stack","promoteContext","safeToRemove","MeasureLayout","props","usePresence","useContext","LayoutGroupContext","SwitchLayoutGroupContext","correctBorderRadius","correctBoxShadow"],"mappings":"iUAUA,MAAMA,UAAiCC,EAAe,SAAU,CAM5D,mBAAoB,CAChB,KAAM,CAAE,cAAAC,EAAe,YAAAC,EAAa,kBAAAC,EAAmB,SAAAC,CAAU,EAAG,KAAK,MACnE,CAAE,WAAAC,CAAY,EAAGJ,EACvBK,EAAiB,kBAACC,CAAsB,EACpCF,IACIH,EAAY,OACZA,EAAY,MAAM,IAAIG,CAAU,EAChCF,GAAqBA,EAAkB,UAAYC,GACnDD,EAAkB,SAASE,CAAU,EAEzCA,EAAW,KAAK,YAChBA,EAAW,iBAAiB,oBAAqB,IAAM,CACnD,KAAK,aAAY,CACjC,CAAa,EACDA,EAAW,WAAW,CAClB,GAAGA,EAAW,QACd,eAAgB,IAAM,KAAK,aAAc,CACzD,CAAa,GAELG,EAAqB,sBAAC,eAAiB,EAC1C,CACD,wBAAwBC,EAAW,CAC/B,KAAM,CAAE,iBAAAC,EAAkB,cAAAT,EAAe,KAAAU,EAAM,UAAAC,CAAW,EAAG,KAAK,MAC5DP,EAAaJ,EAAc,WACjC,OAAKI,IASLA,EAAW,UAAYO,EACnBD,GACAF,EAAU,mBAAqBC,GAC/BA,IAAqB,OACrBL,EAAW,WAAU,EAGrB,KAAK,aAAY,EAEjBI,EAAU,YAAcG,IACpBA,EACAP,EAAW,QAAO,EAEZA,EAAW,YAMjBQ,EAAK,MAAC,WAAW,IAAM,CACnB,MAAMC,EAAQT,EAAW,YACrB,CAACS,GAAS,CAACA,EAAM,QAAQ,SACzB,KAAK,aAAY,CAEzC,CAAiB,IAGF,IACV,CACD,oBAAqB,CACjB,KAAM,CAAE,WAAAT,CAAY,EAAG,KAAK,MAAM,cAC9BA,IACAA,EAAW,KAAK,YAChB,eAAe,IAAM,CACb,CAACA,EAAW,kBAAoBA,EAAW,OAAM,GACjD,KAAK,aAAY,CAErC,CAAa,EAER,CACD,sBAAuB,CACnB,KAAM,CAAE,cAAAJ,EAAe,YAAAC,EAAa,kBAAmBa,CAAiB,EAAG,KAAK,MAC1E,CAAE,WAAAV,CAAY,EAAGJ,EACnBI,IACAA,EAAW,0BAAyB,EAChCH,GAAeA,EAAY,OAC3BA,EAAY,MAAM,OAAOG,CAAU,EACnCU,GAAkBA,EAAe,YACjCA,EAAe,WAAWV,CAAU,EAE/C,CACD,cAAe,CACX,KAAM,CAAE,aAAAW,CAAY,EAAK,KAAK,MAC9BA,GAAgBA,EAAY,CAC/B,CACD,QAAS,CACL,OAAO,IACV,CACL,CACA,SAASC,EAAcC,EAAO,CAC1B,KAAM,CAACN,EAAWI,CAAY,EAAIG,EAAW,YAAA,EACvCjB,EAAckB,aAAWC,EAAAA,kBAAkB,EACjD,OAAQrB,EAAe,cAAcD,EAA0B,CAAE,GAAGmB,EAAO,YAAahB,EAAa,kBAAmBkB,EAAU,WAACE,EAAwB,wBAAA,EAAG,UAAWV,EAAW,aAAcI,CAAY,CAAE,CACpN,CACA,MAAMT,EAAyB,CAC3B,aAAc,CACV,GAAGgB,EAAmB,oBACtB,QAAS,CACL,sBACA,uBACA,yBACA,yBACH,CACJ,EACD,oBAAqBA,EAAmB,oBACxC,qBAAsBA,EAAmB,oBACzC,uBAAwBA,EAAmB,oBAC3C,wBAAyBA,EAAmB,oBAC5C,UAAWC,EAAgB,gBAC/B","x_google_ignoreList":[0]}

package/dist/lyra267.js

@@ -1,25 +1,72 @@
-import { createProjectionNode as t } from "./lyra276.js";
-import { DocumentProjectionNode as n } from "./lyra277.js";
-const e = {
-  current: void 0
-}, i = t({
-  measureScroll: (o) => ({
-    x: o.scrollLeft,
-    y: o.scrollTop
-  }),
-  defaultParent: () => {
-    if (!e.current) {
-      const o = new n({});
-      o.mount(window), o.setOptions({ layoutScroll: !0 }), e.current = o;
-    }
-    return e.current;
+import d, { useContext as p } from "react";
+import { usePresence as m } from "./lyra158.js";
+import { LayoutGroupContext as c } from "./lyra146.js";
+import { SwitchLayoutGroupContext as f } from "./lyra169.js";
+import { globalProjectionState as l } from "./lyra303.js";
+import { correctBorderRadius as n } from "./lyra304.js";
+import { correctBoxShadow as h } from "./lyra305.js";
+import { addScaleCorrector as R } from "./lyra189.js";
+import { frame as g } from "./lyra188.js";
+class y extends d.Component {
+  /**
+   * This only mounts projection nodes for components that
+   * need measuring, we might want to do it for all components
+   * in order to incorporate transforms
+   */
+  componentDidMount() {
+    const { visualElement: e, layoutGroup: o, switchLayoutGroup: t, layoutId: i } = this.props, { projection: r } = e;
+    R(v), r && (o.group && o.group.add(r), t && t.register && i && t.register(r), r.root.didUpdate(), r.addEventListener("animationComplete", () => {
+      this.safeToRemove();
+    }), r.setOptions({
+      ...r.options,
+      onExitComplete: () => this.safeToRemove()
+    })), l.hasEverUpdated = !0;
+  }
+  getSnapshotBeforeUpdate(e) {
+    const { layoutDependency: o, visualElement: t, drag: i, isPresent: r } = this.props, s = t.projection;
+    return s && (s.isPresent = r, i || e.layoutDependency !== o || o === void 0 ? s.willUpdate() : this.safeToRemove(), e.isPresent !== r && (r ? s.promote() : s.relegate() || g.postRender(() => {
+      const u = s.getStack();
+      (!u || !u.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: i } = e;
+    i && (i.scheduleCheckAfterUnmount(), o && o.group && o.group.remove(i), t && t.deregister && t.deregister(i));
+  }
+  safeToRemove() {
+    const { safeToRemove: e } = this.props;
+    e && e();
+  }
+  render() {
+    return null;
+  }
+}
+function w(a) {
+  const [e, o] = m(), t = p(c);
+  return d.createElement(y, { ...a, layoutGroup: t, switchLayoutGroup: p(f), isPresent: e, safeToRemove: o });
+}
+const v = {
+  borderRadius: {
+    ...n,
+    applyTo: [
+      "borderTopLeftRadius",
+      "borderTopRightRadius",
+      "borderBottomLeftRadius",
+      "borderBottomRightRadius"
+    ]
   },
-  resetTransform: (o, r) => {
-    o.style.transform = r !== void 0 ? r : "none";
-  },
-  checkIsScrollRoot: (o) => window.getComputedStyle(o).position === "fixed"
-});
+  borderTopLeftRadius: n,
+  borderTopRightRadius: n,
+  borderBottomLeftRadius: n,
+  borderBottomRightRadius: n,
+  boxShadow: h
+};
 export {
-  i as HTMLProjectionNode,
-  e as rootProjectionNode
+  w as MeasureLayout
 };

package/dist/lyra267.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lyra267.js","sources":["../node_modules/framer-motion/dist/es/motion/features/layout/MeasureLayout.mjs"],"sourcesContent":["import React__default, { useContext } from 'react';\nimport { usePresence } from '../../../components/AnimatePresence/use-presence.mjs';\nimport { LayoutGroupContext } from '../../../context/LayoutGroupContext.mjs';\nimport { SwitchLayoutGroupContext } from '../../../context/SwitchLayoutGroupContext.mjs';\nimport { globalProjectionState } from '../../../projection/node/state.mjs';\nimport { correctBorderRadius } from '../../../projection/styles/scale-border-radius.mjs';\nimport { correctBoxShadow } from '../../../projection/styles/scale-box-shadow.mjs';\nimport { addScaleCorrector } from '../../../projection/styles/scale-correction.mjs';\nimport { frame } from '../../../frameloop/frame.mjs';\n\nclass MeasureLayoutWithContext extends React__default.Component {\n    /**\n     * This only mounts projection nodes for components that\n     * need measuring, we might want to do it for all components\n     * in order to incorporate transforms\n     */\n    componentDidMount() {\n        const { visualElement, layoutGroup, switchLayoutGroup, layoutId } = this.props;\n        const { projection } = visualElement;\n        addScaleCorrector(defaultScaleCorrectors);\n        if (projection) {\n            if (layoutGroup.group)\n                layoutGroup.group.add(projection);\n            if (switchLayoutGroup && switchLayoutGroup.register && layoutId) {\n                switchLayoutGroup.register(projection);\n            }\n            projection.root.didUpdate();\n            projection.addEventListener(\"animationComplete\", () => {\n                this.safeToRemove();\n            });\n            projection.setOptions({\n                ...projection.options,\n                onExitComplete: () => this.safeToRemove(),\n            });\n        }\n        globalProjectionState.hasEverUpdated = true;\n    }\n    getSnapshotBeforeUpdate(prevProps) {\n        const { layoutDependency, visualElement, drag, isPresent } = this.props;\n        const projection = visualElement.projection;\n        if (!projection)\n            return null;\n        /**\n         * TODO: We use this data in relegate to determine whether to\n         * promote a previous element. There's no guarantee its presence data\n         * will have updated by this point - if a bug like this arises it will\n         * have to be that we markForRelegation and then find a new lead some other way,\n         * perhaps in didUpdate\n         */\n        projection.isPresent = isPresent;\n        if (drag ||\n            prevProps.layoutDependency !== layoutDependency ||\n            layoutDependency === undefined) {\n            projection.willUpdate();\n        }\n        else {\n            this.safeToRemove();\n        }\n        if (prevProps.isPresent !== isPresent) {\n            if (isPresent) {\n                projection.promote();\n            }\n            else if (!projection.relegate()) {\n                /**\n                 * If there's another stack member taking over from this one,\n                 * it's in charge of the exit animation and therefore should\n                 * be in charge of the safe to remove. Otherwise we call it here.\n                 */\n                frame.postRender(() => {\n                    const stack = projection.getStack();\n                    if (!stack || !stack.members.length) {\n                        this.safeToRemove();\n                    }\n                });\n            }\n        }\n        return null;\n    }\n    componentDidUpdate() {\n        const { projection } = this.props.visualElement;\n        if (projection) {\n            projection.root.didUpdate();\n            queueMicrotask(() => {\n                if (!projection.currentAnimation && projection.isLead()) {\n                    this.safeToRemove();\n                }\n            });\n        }\n    }\n    componentWillUnmount() {\n        const { visualElement, layoutGroup, switchLayoutGroup: promoteContext, } = this.props;\n        const { projection } = visualElement;\n        if (projection) {\n            projection.scheduleCheckAfterUnmount();\n            if (layoutGroup && layoutGroup.group)\n                layoutGroup.group.remove(projection);\n            if (promoteContext && promoteContext.deregister)\n                promoteContext.deregister(projection);\n        }\n    }\n    safeToRemove() {\n        const { safeToRemove } = this.props;\n        safeToRemove && safeToRemove();\n    }\n    render() {\n        return null;\n    }\n}\nfunction MeasureLayout(props) {\n    const [isPresent, safeToRemove] = usePresence();\n    const layoutGroup = useContext(LayoutGroupContext);\n    return (React__default.createElement(MeasureLayoutWithContext, { ...props, layoutGroup: layoutGroup, switchLayoutGroup: useContext(SwitchLayoutGroupContext), isPresent: isPresent, safeToRemove: safeToRemove }));\n}\nconst defaultScaleCorrectors = {\n    borderRadius: {\n        ...correctBorderRadius,\n        applyTo: [\n            \"borderTopLeftRadius\",\n            \"borderTopRightRadius\",\n            \"borderBottomLeftRadius\",\n            \"borderBottomRightRadius\",\n        ],\n    },\n    borderTopLeftRadius: correctBorderRadius,\n    borderTopRightRadius: correctBorderRadius,\n    borderBottomLeftRadius: correctBorderRadius,\n    borderBottomRightRadius: correctBorderRadius,\n    boxShadow: correctBoxShadow,\n};\n\nexport { MeasureLayout };\n"],"names":["MeasureLayoutWithContext","React__default","visualElement","layoutGroup","switchLayoutGroup","layoutId","projection","addScaleCorrector","defaultScaleCorrectors","globalProjectionState","prevProps","layoutDependency","drag","isPresent","frame","stack","promoteContext","safeToRemove","MeasureLayout","props","usePresence","useContext","LayoutGroupContext","SwitchLayoutGroupContext","correctBorderRadius","correctBoxShadow"],"mappings":";;;;;;;;;AAUA,MAAMA,UAAiCC,EAAe,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAM5D,oBAAoB;AAChB,UAAM,EAAE,eAAAC,GAAe,aAAAC,GAAa,mBAAAC,GAAmB,UAAAC,EAAU,IAAG,KAAK,OACnE,EAAE,YAAAC,EAAY,IAAGJ;AACvB,IAAAK,EAAkBC,CAAsB,GACpCF,MACIH,EAAY,SACZA,EAAY,MAAM,IAAIG,CAAU,GAChCF,KAAqBA,EAAkB,YAAYC,KACnDD,EAAkB,SAASE,CAAU,GAEzCA,EAAW,KAAK,aAChBA,EAAW,iBAAiB,qBAAqB,MAAM;AACnD,WAAK,aAAY;AAAA,IACjC,CAAa,GACDA,EAAW,WAAW;AAAA,MAClB,GAAGA,EAAW;AAAA,MACd,gBAAgB,MAAM,KAAK,aAAc;AAAA,IACzD,CAAa,IAELG,EAAsB,iBAAiB;AAAA,EAC1C;AAAA,EACD,wBAAwBC,GAAW;AAC/B,UAAM,EAAE,kBAAAC,GAAkB,eAAAT,GAAe,MAAAU,GAAM,WAAAC,EAAW,IAAG,KAAK,OAC5DP,IAAaJ,EAAc;AACjC,WAAKI,MASLA,EAAW,YAAYO,GACnBD,KACAF,EAAU,qBAAqBC,KAC/BA,MAAqB,SACrBL,EAAW,WAAU,IAGrB,KAAK,aAAY,GAEjBI,EAAU,cAAcG,MACpBA,IACAP,EAAW,QAAO,IAEZA,EAAW,cAMjBQ,EAAM,WAAW,MAAM;AACnB,YAAMC,IAAQT,EAAW;AACzB,OAAI,CAACS,KAAS,CAACA,EAAM,QAAQ,WACzB,KAAK,aAAY;AAAA,IAEzC,CAAiB,KAGF;AAAA,EACV;AAAA,EACD,qBAAqB;AACjB,UAAM,EAAE,YAAAT,EAAY,IAAG,KAAK,MAAM;AAClC,IAAIA,MACAA,EAAW,KAAK,aAChB,eAAe,MAAM;AACjB,MAAI,CAACA,EAAW,oBAAoBA,EAAW,OAAM,KACjD,KAAK,aAAY;AAAA,IAErC,CAAa;AAAA,EAER;AAAA,EACD,uBAAuB;AACnB,UAAM,EAAE,eAAAJ,GAAe,aAAAC,GAAa,mBAAmBa,EAAiB,IAAG,KAAK,OAC1E,EAAE,YAAAV,EAAY,IAAGJ;AACvB,IAAII,MACAA,EAAW,0BAAyB,GAChCH,KAAeA,EAAY,SAC3BA,EAAY,MAAM,OAAOG,CAAU,GACnCU,KAAkBA,EAAe,cACjCA,EAAe,WAAWV,CAAU;AAAA,EAE/C;AAAA,EACD,eAAe;AACX,UAAM,EAAE,cAAAW,EAAY,IAAK,KAAK;AAC9B,IAAAA,KAAgBA,EAAY;AAAA,EAC/B;AAAA,EACD,SAAS;AACL,WAAO;AAAA,EACV;AACL;AACA,SAASC,EAAcC,GAAO;AAC1B,QAAM,CAACN,GAAWI,CAAY,IAAIG,EAAW,GACvCjB,IAAckB,EAAWC,CAAkB;AACjD,SAAQrB,EAAe,cAAcD,GAA0B,EAAE,GAAGmB,GAAO,aAAahB,GAAa,mBAAmBkB,EAAWE,CAAwB,GAAG,WAAWV,GAAW,cAAcI,EAAY,CAAE;AACpN;AACA,MAAMT,IAAyB;AAAA,EAC3B,cAAc;AAAA,IACV,GAAGgB;AAAA,IACH,SAAS;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACH;AAAA,EACJ;AAAA,EACD,qBAAqBA;AAAA,EACrB,sBAAsBA;AAAA,EACtB,wBAAwBA;AAAA,EACxB,yBAAyBA;AAAA,EACzB,WAAWC;AACf;","x_google_ignoreList":[0]}

package/dist/lyra268.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra311.cjs"),u=require("./lyra208.cjs"),l=require("./lyra181.cjs"),a=require("./lyra302.cjs"),c=require("./lyra312.cjs"),d=require("./lyra291.cjs"),p=require("./lyra313.cjs"),m=require("./lyra314.cjs"),V=require("./lyra154.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 r=require("./lyra277.cjs"),n=require("./lyra278.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/lyra268.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"lyra268.cjs","sources":["../node_modules/framer-motion/dist/es/projection/node/HTMLProjectionNode.mjs"],"sourcesContent":["import { createProjectionNode } from './create-projection-node.mjs';\nimport { DocumentProjectionNode } from './DocumentProjectionNode.mjs';\n\nconst rootProjectionNode = {\n    current: undefined,\n};\nconst HTMLProjectionNode = createProjectionNode({\n    measureScroll: (instance) => ({\n        x: instance.scrollLeft,\n        y: instance.scrollTop,\n    }),\n    defaultParent: () => {\n        if (!rootProjectionNode.current) {\n            const documentNode = new DocumentProjectionNode({});\n            documentNode.mount(window);\n            documentNode.setOptions({ layoutScroll: true });\n            rootProjectionNode.current = documentNode;\n        }\n        return rootProjectionNode.current;\n    },\n    resetTransform: (instance, value) => {\n        instance.style.transform = value !== undefined ? value : \"none\";\n    },\n    checkIsScrollRoot: (instance) => Boolean(window.getComputedStyle(instance).position === \"fixed\"),\n});\n\nexport { HTMLProjectionNode, rootProjectionNode };\n"],"names":["rootProjectionNode","HTMLProjectionNode","createProjectionNode","instance","documentNode","DocumentProjectionNode","value"],"mappings":"4IAGMA,EAAqB,CACvB,QAAS,MACb,EACMC,EAAqBC,EAAAA,qBAAqB,CAC5C,cAAgBC,IAAc,CAC1B,EAAGA,EAAS,WACZ,EAAGA,EAAS,SACpB,GACI,cAAe,IAAM,CACjB,GAAI,CAACH,EAAmB,QAAS,CAC7B,MAAMI,EAAe,IAAIC,yBAAuB,CAAA,CAAE,EAClDD,EAAa,MAAM,MAAM,EACzBA,EAAa,WAAW,CAAE,aAAc,EAAM,CAAA,EAC9CJ,EAAmB,QAAUI,CAChC,CACD,OAAOJ,EAAmB,OAC7B,EACD,eAAgB,CAACG,EAAUG,IAAU,CACjCH,EAAS,MAAM,UAAYG,IAAU,OAAYA,EAAQ,MAC5D,EACD,kBAAoBH,GAAqB,OAAO,iBAAiBA,CAAQ,EAAE,WAAa,OAC5F,CAAC","x_google_ignoreList":[0]}