@new-black/lyra 0.1.6 → 0.1.8

package/dist/lyra290.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function c(r,o,e){return e<0&&(e+=1),e>1&&(e-=1),e<1/6?r+(o-r)*6*e:e<1/2?o:e<2/3?r+(o-r)*(2/3-e)*6:r}function M({hue:r,saturation:o,lightness:e,alpha:l}){r/=360,o/=100,e/=100;let u=0,n=0,b=0;if(!o)u=n=b=e;else{const f=e<.5?e*(1+o):e+o-e*o,d=2*e-f;u=c(d,f,r+1/3),n=c(d,f,r),b=c(d,f,r-1/3)}return{red:Math.round(u*255),green:Math.round(n*255),blue:Math.round(b*255),alpha:l}}exports.hslaToRgba=M;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),d=require("./lyra180.cjs"),p=require("./lyra169.cjs"),l=require("./lyra191.cjs"),m=require("./lyra334.cjs"),n=require("./lyra335.cjs"),f=require("./lyra336.cjs"),R=require("./lyra211.cjs"),h=require("./lyra210.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/lyra290.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra290.cjs","sources":["../node_modules/framer-motion/dist/es/utils/hsla-to-rgba.mjs"],"sourcesContent":["// Adapted from https://gist.github.com/mjackson/5311256\nfunction hueToRgb(p, q, t) {\n    if (t < 0)\n        t += 1;\n    if (t > 1)\n        t -= 1;\n    if (t < 1 / 6)\n        return p + (q - p) * 6 * t;\n    if (t < 1 / 2)\n        return q;\n    if (t < 2 / 3)\n        return p + (q - p) * (2 / 3 - t) * 6;\n    return p;\n}\nfunction hslaToRgba({ hue, saturation, lightness, alpha }) {\n    hue /= 360;\n    saturation /= 100;\n    lightness /= 100;\n    let red = 0;\n    let green = 0;\n    let blue = 0;\n    if (!saturation) {\n        red = green = blue = lightness;\n    }\n    else {\n        const q = lightness < 0.5\n            ? lightness * (1 + saturation)\n            : lightness + saturation - lightness * saturation;\n        const p = 2 * lightness - q;\n        red = hueToRgb(p, q, hue + 1 / 3);\n        green = hueToRgb(p, q, hue);\n        blue = hueToRgb(p, q, hue - 1 / 3);\n    }\n    return {\n        red: Math.round(red * 255),\n        green: Math.round(green * 255),\n        blue: Math.round(blue * 255),\n        alpha,\n    };\n}\n\nexport { hslaToRgba };\n"],"names":["hueToRgb","p","q","t","hslaToRgba","hue","saturation","lightness","alpha","red","green","blue"],"mappings":"gFACA,SAASA,EAASC,EAAGC,EAAGC,EAAG,CAKvB,OAJIA,EAAI,IACJA,GAAK,GACLA,EAAI,IACJA,GAAK,GACLA,EAAI,EAAI,EACDF,GAAKC,EAAID,GAAK,EAAIE,EACzBA,EAAI,EAAI,EACDD,EACPC,EAAI,EAAI,EACDF,GAAKC,EAAID,IAAM,EAAI,EAAIE,GAAK,EAChCF,CACX,CACA,SAASG,EAAW,CAAE,IAAAC,EAAK,WAAAC,EAAY,UAAAC,EAAW,MAAAC,CAAK,EAAI,CACvDH,GAAO,IACPC,GAAc,IACdC,GAAa,IACb,IAAIE,EAAM,EACNC,EAAQ,EACRC,EAAO,EACX,GAAI,CAACL,EACDG,EAAMC,EAAQC,EAAOJ,MAEpB,CACD,MAAML,EAAIK,EAAY,GAChBA,GAAa,EAAID,GACjBC,EAAYD,EAAaC,EAAYD,EACrCL,EAAI,EAAIM,EAAYL,EAC1BO,EAAMT,EAASC,EAAGC,EAAGG,EAAM,EAAI,CAAC,EAChCK,EAAQV,EAASC,EAAGC,EAAGG,CAAG,EAC1BM,EAAOX,EAASC,EAAGC,EAAGG,EAAM,EAAI,CAAC,CACpC,CACD,MAAO,CACH,IAAK,KAAK,MAAMI,EAAM,GAAG,EACzB,MAAO,KAAK,MAAMC,EAAQ,GAAG,EAC7B,KAAM,KAAK,MAAMC,EAAO,GAAG,EAC3B,MAAAH,CACR,CACA","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra290.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/lyra290.js

@@ -1,22 +1,72 @@
-function c(e, f, r) {
-  return r < 0 && (r += 1), r > 1 && (r -= 1), r < 1 / 6 ? e + (f - e) * 6 * r : r < 1 / 2 ? f : r < 2 / 3 ? e + (f - e) * (2 / 3 - r) * 6 : e;
-}
-function R({ hue: e, saturation: f, lightness: r, alpha: M }) {
-  e /= 360, f /= 100, r /= 100;
-  let o = 0, u = 0, d = 0;
-  if (!f)
-    o = u = d = r;
-  else {
-    const n = r < 0.5 ? r * (1 + f) : r + f - r * f, b = 2 * r - n;
-    o = c(b, n, e + 1 / 3), u = c(b, n, e), d = c(b, n, e - 1 / 3);
+import d, { useContext as p } from "react";
+import { usePresence as m } from "./lyra180.js";
+import { LayoutGroupContext as c } from "./lyra169.js";
+import { SwitchLayoutGroupContext as f } from "./lyra191.js";
+import { globalProjectionState as l } from "./lyra334.js";
+import { correctBorderRadius as n } from "./lyra335.js";
+import { correctBoxShadow as h } from "./lyra336.js";
+import { addScaleCorrector as R } from "./lyra211.js";
+import { frame as g } from "./lyra210.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;
   }
-  return {
-    red: Math.round(o * 255),
-    green: Math.round(u * 255),
-    blue: Math.round(d * 255),
-    alpha: M
-  };
 }
+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 {
-  R as hslaToRgba
+  w as MeasureLayout
 };

package/dist/lyra290.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra290.js","sources":["../node_modules/framer-motion/dist/es/utils/hsla-to-rgba.mjs"],"sourcesContent":["// Adapted from https://gist.github.com/mjackson/5311256\nfunction hueToRgb(p, q, t) {\n    if (t < 0)\n        t += 1;\n    if (t > 1)\n        t -= 1;\n    if (t < 1 / 6)\n        return p + (q - p) * 6 * t;\n    if (t < 1 / 2)\n        return q;\n    if (t < 2 / 3)\n        return p + (q - p) * (2 / 3 - t) * 6;\n    return p;\n}\nfunction hslaToRgba({ hue, saturation, lightness, alpha }) {\n    hue /= 360;\n    saturation /= 100;\n    lightness /= 100;\n    let red = 0;\n    let green = 0;\n    let blue = 0;\n    if (!saturation) {\n        red = green = blue = lightness;\n    }\n    else {\n        const q = lightness < 0.5\n            ? lightness * (1 + saturation)\n            : lightness + saturation - lightness * saturation;\n        const p = 2 * lightness - q;\n        red = hueToRgb(p, q, hue + 1 / 3);\n        green = hueToRgb(p, q, hue);\n        blue = hueToRgb(p, q, hue - 1 / 3);\n    }\n    return {\n        red: Math.round(red * 255),\n        green: Math.round(green * 255),\n        blue: Math.round(blue * 255),\n        alpha,\n    };\n}\n\nexport { hslaToRgba };\n"],"names":["hueToRgb","p","q","t","hslaToRgba","hue","saturation","lightness","alpha","red","green","blue"],"mappings":"AACA,SAASA,EAASC,GAAGC,GAAGC,GAAG;AAKvB,SAJIA,IAAI,MACJA,KAAK,IACLA,IAAI,MACJA,KAAK,IACLA,IAAI,IAAI,IACDF,KAAKC,IAAID,KAAK,IAAIE,IACzBA,IAAI,IAAI,IACDD,IACPC,IAAI,IAAI,IACDF,KAAKC,IAAID,MAAM,IAAI,IAAIE,KAAK,IAChCF;AACX;AACA,SAASG,EAAW,EAAE,KAAAC,GAAK,YAAAC,GAAY,WAAAC,GAAW,OAAAC,EAAK,GAAI;AACvD,EAAAH,KAAO,KACPC,KAAc,KACdC,KAAa;AACb,MAAIE,IAAM,GACNC,IAAQ,GACRC,IAAO;AACX,MAAI,CAACL;AACD,IAAAG,IAAMC,IAAQC,IAAOJ;AAAA,OAEpB;AACD,UAAML,IAAIK,IAAY,MAChBA,KAAa,IAAID,KACjBC,IAAYD,IAAaC,IAAYD,GACrCL,IAAI,IAAIM,IAAYL;AAC1B,IAAAO,IAAMT,EAASC,GAAGC,GAAGG,IAAM,IAAI,CAAC,GAChCK,IAAQV,EAASC,GAAGC,GAAGG,CAAG,GAC1BM,IAAOX,EAASC,GAAGC,GAAGG,IAAM,IAAI,CAAC;AAAA,EACpC;AACD,SAAO;AAAA,IACH,KAAK,KAAK,MAAMI,IAAM,GAAG;AAAA,IACzB,OAAO,KAAK,MAAMC,IAAQ,GAAG;AAAA,IAC7B,MAAM,KAAK,MAAMC,IAAO,GAAG;AAAA,IAC3B,OAAAH;AAAA,EACR;AACA;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra290.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/lyra291.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("./lyra241.cjs"),k=require("./lyra274.cjs"),D=require("./lyra346.cjs"),j=require("./lyra179.cjs"),z=require("./lyra152.cjs"),R=require("./lyra184.cjs"),H=require("./lyra151.cjs"),G=[...R.variantPriorityOrder].reverse(),J=R.variantPriorityOrder.length;function N(e){return s=>Promise.all(s.map(({animation:c,options:y})=>H.animateVisualElement(e,c,y)))}function Q(e){let s=N(e);const c=U();let y=!0;const M=(i,u)=>{const l=z.resolveVariant(e,u);if(l){const{transition:p,transitionEnd:f,...a}=l;i={...i,...a,...f}}return i};function x(i){s=i(e)}function T(i,u){const l=e.getProps(),p=e.getVariantContext(!0)||{},f=[],a=new Set;let d={},S=1/0;for(let m=0;m<J;m++){const r=G[m],t=c[r],o=l[r]!==void 0?l[r]:p[r],V=j.isVariantLabel(o),P=r===u?t.isActive:null;P===!1&&(S=m);let g=o===p[r]&&o!==l[r]&&V;if(g&&y&&e.manuallyAnimateOnMount&&(g=!1),t.protectedKeys={...d},!t.isActive&&P===null||!o&&!t.prevProp||_.isAnimationControls(o)||typeof o=="boolean")continue;const q=L(t.prevProp,o);let w=q||r===u&&t.isActive&&!g&&V||m>S&&V;const I=Array.isArray(o)?o:[o];let h=I.reduce(M,{});P===!1&&(h={});const{prevResolvedValues:O={}}=t,F={...O,...h},C=n=>{w=!0,a.delete(n),t.needsAnimating[n]=!0};for(const n in F){const A=h[n],K=O[n];d.hasOwnProperty(n)||(A!==K?k.isKeyframesTarget(A)&&k.isKeyframesTarget(K)?!D.shallowCompare(A,K)||q?C(n):t.protectedKeys[n]=!0:A!==void 0?C(n):a.add(n):A!==void 0&&a.has(n)?C(n):t.protectedKeys[n]=!0)}t.prevProp=o,t.prevResolvedValues=h,t.isActive&&(d={...d,...h}),y&&e.blockInitialAnimation&&(w=!1),w&&!g&&f.push(...I.map(n=>({animation:n,options:{type:r,...i}})))}if(a.size){const m={};a.forEach(r=>{const t=e.getBaseTarget(r);t!==void 0&&(m[r]=t)}),f.push({animation:m})}let b=!!f.length;return y&&l.initial===!1&&!e.manuallyAnimateOnMount&&(b=!1),y=!1,b?s(f):Promise.resolve()}function B(i,u,l){var p;if(c[i].isActive===u)return Promise.resolve();(p=e.variantChildren)===null||p===void 0||p.forEach(a=>{var d;return(d=a.animationState)===null||d===void 0?void 0:d.setActive(i,u)}),c[i].isActive=u;const f=T(l,i);for(const a in c)c[a].protectedKeys={};return f}return{animateChanges:T,setActive:B,setAnimateFunction:x,getState:()=>c}}function L(e,s){return typeof s=="string"?s!==e:Array.isArray(s)?!D.shallowCompare(s,e):!1}function v(e=!1){return{isActive:e,protectedKeys:{},needsAnimating:{},prevResolvedValues:{}}}function U(){return{animate:v(!0),whileInView:v(),whileHover:v(),whileTap:v(),whileDrag:v(),whileFocus:v(),exit:v()}}exports.checkVariantsDidChange=L;exports.createAnimationState=Q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra299.cjs"),n=require("./lyra300.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/lyra291.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra291.cjs","sources":["../node_modules/framer-motion/dist/es/render/utils/animation-state.mjs"],"sourcesContent":["import { isAnimationControls } from '../../animation/utils/is-animation-controls.mjs';\nimport { isKeyframesTarget } from '../../animation/utils/is-keyframes-target.mjs';\nimport { shallowCompare } from '../../utils/shallow-compare.mjs';\nimport { isVariantLabel } from './is-variant-label.mjs';\nimport { resolveVariant } from './resolve-dynamic-variants.mjs';\nimport { variantPriorityOrder } from './variant-props.mjs';\nimport { animateVisualElement } from '../../animation/interfaces/visual-element.mjs';\n\nconst reversePriorityOrder = [...variantPriorityOrder].reverse();\nconst numAnimationTypes = variantPriorityOrder.length;\nfunction animateList(visualElement) {\n    return (animations) => Promise.all(animations.map(({ animation, options }) => animateVisualElement(visualElement, animation, options)));\n}\nfunction createAnimationState(visualElement) {\n    let animate = animateList(visualElement);\n    const state = createState();\n    let isInitialRender = true;\n    /**\n     * This function will be used to reduce the animation definitions for\n     * each active animation type into an object of resolved values for it.\n     */\n    const buildResolvedTypeValues = (acc, definition) => {\n        const resolved = resolveVariant(visualElement, definition);\n        if (resolved) {\n            const { transition, transitionEnd, ...target } = resolved;\n            acc = { ...acc, ...target, ...transitionEnd };\n        }\n        return acc;\n    };\n    /**\n     * This just allows us to inject mocked animation functions\n     * @internal\n     */\n    function setAnimateFunction(makeAnimator) {\n        animate = makeAnimator(visualElement);\n    }\n    /**\n     * When we receive new props, we need to:\n     * 1. Create a list of protected keys for each type. This is a directory of\n     *    value keys that are currently being \"handled\" by types of a higher priority\n     *    so that whenever an animation is played of a given type, these values are\n     *    protected from being animated.\n     * 2. Determine if an animation type needs animating.\n     * 3. Determine if any values have been removed from a type and figure out\n     *    what to animate those to.\n     */\n    function animateChanges(options, changedActiveType) {\n        const props = visualElement.getProps();\n        const context = visualElement.getVariantContext(true) || {};\n        /**\n         * A list of animations that we'll build into as we iterate through the animation\n         * types. This will get executed at the end of the function.\n         */\n        const animations = [];\n        /**\n         * Keep track of which values have been removed. Then, as we hit lower priority\n         * animation types, we can check if they contain removed values and animate to that.\n         */\n        const removedKeys = new Set();\n        /**\n         * A dictionary of all encountered keys. This is an object to let us build into and\n         * copy it without iteration. Each time we hit an animation type we set its protected\n         * keys - the keys its not allowed to animate - to the latest version of this object.\n         */\n        let encounteredKeys = {};\n        /**\n         * If a variant has been removed at a given index, and this component is controlling\n         * variant animations, we want to ensure lower-priority variants are forced to animate.\n         */\n        let removedVariantIndex = Infinity;\n        /**\n         * Iterate through all animation types in reverse priority order. For each, we want to\n         * detect which values it's handling and whether or not they've changed (and therefore\n         * need to be animated). If any values have been removed, we want to detect those in\n         * lower priority props and flag for animation.\n         */\n        for (let i = 0; i < numAnimationTypes; i++) {\n            const type = reversePriorityOrder[i];\n            const typeState = state[type];\n            const prop = props[type] !== undefined ? props[type] : context[type];\n            const propIsVariant = isVariantLabel(prop);\n            /**\n             * If this type has *just* changed isActive status, set activeDelta\n             * to that status. Otherwise set to null.\n             */\n            const activeDelta = type === changedActiveType ? typeState.isActive : null;\n            if (activeDelta === false)\n                removedVariantIndex = i;\n            /**\n             * If this prop is an inherited variant, rather than been set directly on the\n             * component itself, we want to make sure we allow the parent to trigger animations.\n             *\n             * TODO: Can probably change this to a !isControllingVariants check\n             */\n            let isInherited = prop === context[type] && prop !== props[type] && propIsVariant;\n            /**\n             *\n             */\n            if (isInherited &&\n                isInitialRender &&\n                visualElement.manuallyAnimateOnMount) {\n                isInherited = false;\n            }\n            /**\n             * Set all encountered keys so far as the protected keys for this type. This will\n             * be any key that has been animated or otherwise handled by active, higher-priortiy types.\n             */\n            typeState.protectedKeys = { ...encounteredKeys };\n            // Check if we can skip analysing this prop early\n            if (\n            // If it isn't active and hasn't *just* been set as inactive\n            (!typeState.isActive && activeDelta === null) ||\n                // If we didn't and don't have any defined prop for this animation type\n                (!prop && !typeState.prevProp) ||\n                // Or if the prop doesn't define an animation\n                isAnimationControls(prop) ||\n                typeof prop === \"boolean\") {\n                continue;\n            }\n            /**\n             * As we go look through the values defined on this type, if we detect\n             * a changed value or a value that was removed in a higher priority, we set\n             * this to true and add this prop to the animation list.\n             */\n            const variantDidChange = checkVariantsDidChange(typeState.prevProp, prop);\n            let shouldAnimateType = variantDidChange ||\n                // If we're making this variant active, we want to always make it active\n                (type === changedActiveType &&\n                    typeState.isActive &&\n                    !isInherited &&\n                    propIsVariant) ||\n                // If we removed a higher-priority variant (i is in reverse order)\n                (i > removedVariantIndex && propIsVariant);\n            /**\n             * As animations can be set as variant lists, variants or target objects, we\n             * coerce everything to an array if it isn't one already\n             */\n            const definitionList = Array.isArray(prop) ? prop : [prop];\n            /**\n             * Build an object of all the resolved values. We'll use this in the subsequent\n             * animateChanges calls to determine whether a value has changed.\n             */\n            let resolvedValues = definitionList.reduce(buildResolvedTypeValues, {});\n            if (activeDelta === false)\n                resolvedValues = {};\n            /**\n             * Now we need to loop through all the keys in the prev prop and this prop,\n             * and decide:\n             * 1. If the value has changed, and needs animating\n             * 2. If it has been removed, and needs adding to the removedKeys set\n             * 3. If it has been removed in a higher priority type and needs animating\n             * 4. If it hasn't been removed in a higher priority but hasn't changed, and\n             *    needs adding to the type's protectedKeys list.\n             */\n            const { prevResolvedValues = {} } = typeState;\n            const allKeys = {\n                ...prevResolvedValues,\n                ...resolvedValues,\n            };\n            const markToAnimate = (key) => {\n                shouldAnimateType = true;\n                removedKeys.delete(key);\n                typeState.needsAnimating[key] = true;\n            };\n            for (const key in allKeys) {\n                const next = resolvedValues[key];\n                const prev = prevResolvedValues[key];\n                // If we've already handled this we can just skip ahead\n                if (encounteredKeys.hasOwnProperty(key))\n                    continue;\n                /**\n                 * If the value has changed, we probably want to animate it.\n                 */\n                if (next !== prev) {\n                    /**\n                     * If both values are keyframes, we need to shallow compare them to\n                     * detect whether any value has changed. If it has, we animate it.\n                     */\n                    if (isKeyframesTarget(next) && isKeyframesTarget(prev)) {\n                        if (!shallowCompare(next, prev) || variantDidChange) {\n                            markToAnimate(key);\n                        }\n                        else {\n                            /**\n                             * If it hasn't changed, we want to ensure it doesn't animate by\n                             * adding it to the list of protected keys.\n                             */\n                            typeState.protectedKeys[key] = true;\n                        }\n                    }\n                    else if (next !== undefined) {\n                        // If next is defined and doesn't equal prev, it needs animating\n                        markToAnimate(key);\n                    }\n                    else {\n                        // If it's undefined, it's been removed.\n                        removedKeys.add(key);\n                    }\n                }\n                else if (next !== undefined && removedKeys.has(key)) {\n                    /**\n                     * If next hasn't changed and it isn't undefined, we want to check if it's\n                     * been removed by a higher priority\n                     */\n                    markToAnimate(key);\n                }\n                else {\n                    /**\n                     * If it hasn't changed, we add it to the list of protected values\n                     * to ensure it doesn't get animated.\n                     */\n                    typeState.protectedKeys[key] = true;\n                }\n            }\n            /**\n             * Update the typeState so next time animateChanges is called we can compare the\n             * latest prop and resolvedValues to these.\n             */\n            typeState.prevProp = prop;\n            typeState.prevResolvedValues = resolvedValues;\n            /**\n             *\n             */\n            if (typeState.isActive) {\n                encounteredKeys = { ...encounteredKeys, ...resolvedValues };\n            }\n            if (isInitialRender && visualElement.blockInitialAnimation) {\n                shouldAnimateType = false;\n            }\n            /**\n             * If this is an inherited prop we want to hard-block animations\n             * TODO: Test as this should probably still handle animations triggered\n             * by removed values?\n             */\n            if (shouldAnimateType && !isInherited) {\n                animations.push(...definitionList.map((animation) => ({\n                    animation: animation,\n                    options: { type, ...options },\n                })));\n            }\n        }\n        /**\n         * If there are some removed value that haven't been dealt with,\n         * we need to create a new animation that falls back either to the value\n         * defined in the style prop, or the last read value.\n         */\n        if (removedKeys.size) {\n            const fallbackAnimation = {};\n            removedKeys.forEach((key) => {\n                const fallbackTarget = visualElement.getBaseTarget(key);\n                if (fallbackTarget !== undefined) {\n                    fallbackAnimation[key] = fallbackTarget;\n                }\n            });\n            animations.push({ animation: fallbackAnimation });\n        }\n        let shouldAnimate = Boolean(animations.length);\n        if (isInitialRender &&\n            props.initial === false &&\n            !visualElement.manuallyAnimateOnMount) {\n            shouldAnimate = false;\n        }\n        isInitialRender = false;\n        return shouldAnimate ? animate(animations) : Promise.resolve();\n    }\n    /**\n     * Change whether a certain animation type is active.\n     */\n    function setActive(type, isActive, options) {\n        var _a;\n        // If the active state hasn't changed, we can safely do nothing here\n        if (state[type].isActive === isActive)\n            return Promise.resolve();\n        // Propagate active change to children\n        (_a = visualElement.variantChildren) === null || _a === void 0 ? void 0 : _a.forEach((child) => { var _a; return (_a = child.animationState) === null || _a === void 0 ? void 0 : _a.setActive(type, isActive); });\n        state[type].isActive = isActive;\n        const animations = animateChanges(options, type);\n        for (const key in state) {\n            state[key].protectedKeys = {};\n        }\n        return animations;\n    }\n    return {\n        animateChanges,\n        setActive,\n        setAnimateFunction,\n        getState: () => state,\n    };\n}\nfunction checkVariantsDidChange(prev, next) {\n    if (typeof next === \"string\") {\n        return next !== prev;\n    }\n    else if (Array.isArray(next)) {\n        return !shallowCompare(next, prev);\n    }\n    return false;\n}\nfunction createTypeState(isActive = false) {\n    return {\n        isActive,\n        protectedKeys: {},\n        needsAnimating: {},\n        prevResolvedValues: {},\n    };\n}\nfunction createState() {\n    return {\n        animate: createTypeState(true),\n        whileInView: createTypeState(),\n        whileHover: createTypeState(),\n        whileTap: createTypeState(),\n        whileDrag: createTypeState(),\n        whileFocus: createTypeState(),\n        exit: createTypeState(),\n    };\n}\n\nexport { checkVariantsDidChange, createAnimationState };\n"],"names":["reversePriorityOrder","variantPriorityOrder","numAnimationTypes","animateList","visualElement","animations","animation","options","animateVisualElement","createAnimationState","animate","state","createState","isInitialRender","buildResolvedTypeValues","acc","definition","resolved","resolveVariant","transition","transitionEnd","target","setAnimateFunction","makeAnimator","animateChanges","changedActiveType","props","context","removedKeys","encounteredKeys","removedVariantIndex","i","type","typeState","prop","propIsVariant","isVariantLabel","activeDelta","isInherited","isAnimationControls","variantDidChange","checkVariantsDidChange","shouldAnimateType","definitionList","resolvedValues","prevResolvedValues","allKeys","markToAnimate","key","next","prev","isKeyframesTarget","shallowCompare","fallbackAnimation","fallbackTarget","shouldAnimate","setActive","isActive","_a","child","createTypeState"],"mappings":"mRAQMA,EAAuB,CAAC,GAAGC,sBAAoB,EAAE,QAAO,EACxDC,EAAoBD,EAAoB,qBAAC,OAC/C,SAASE,EAAYC,EAAe,CAChC,OAAQC,GAAe,QAAQ,IAAIA,EAAW,IAAI,CAAC,CAAE,UAAAC,EAAW,QAAAC,CAAO,IAAOC,EAAAA,qBAAqBJ,EAAeE,EAAWC,CAAO,CAAC,CAAC,CAC1I,CACA,SAASE,EAAqBL,EAAe,CACzC,IAAIM,EAAUP,EAAYC,CAAa,EACvC,MAAMO,EAAQC,IACd,IAAIC,EAAkB,GAKtB,MAAMC,EAA0B,CAACC,EAAKC,IAAe,CACjD,MAAMC,EAAWC,EAAAA,eAAed,EAAeY,CAAU,EACzD,GAAIC,EAAU,CACV,KAAM,CAAE,WAAAE,EAAY,cAAAC,EAAe,GAAGC,CAAM,EAAKJ,EACjDF,EAAM,CAAE,GAAGA,EAAK,GAAGM,EAAQ,GAAGD,CAAa,CAC9C,CACD,OAAOL,CACf,EAKI,SAASO,EAAmBC,EAAc,CACtCb,EAAUa,EAAanB,CAAa,CACvC,CAWD,SAASoB,EAAejB,EAASkB,EAAmB,CAChD,MAAMC,EAAQtB,EAAc,WACtBuB,EAAUvB,EAAc,kBAAkB,EAAI,GAAK,CAAA,EAKnDC,EAAa,CAAA,EAKbuB,EAAc,IAAI,IAMxB,IAAIC,EAAkB,CAAA,EAKlBC,EAAsB,IAO1B,QAASC,EAAI,EAAGA,EAAI7B,EAAmB6B,IAAK,CACxC,MAAMC,EAAOhC,EAAqB+B,CAAC,EAC7BE,EAAYtB,EAAMqB,CAAI,EACtBE,EAAOR,EAAMM,CAAI,IAAM,OAAYN,EAAMM,CAAI,EAAIL,EAAQK,CAAI,EAC7DG,EAAgBC,iBAAeF,CAAI,EAKnCG,EAAcL,IAASP,EAAoBQ,EAAU,SAAW,KAClEI,IAAgB,KAChBP,EAAsBC,GAO1B,IAAIO,EAAcJ,IAASP,EAAQK,CAAI,GAAKE,IAASR,EAAMM,CAAI,GAAKG,EAepE,GAXIG,GACAzB,GACAT,EAAc,yBACdkC,EAAc,IAMlBL,EAAU,cAAgB,CAAE,GAAGJ,GAI9B,CAACI,EAAU,UAAYI,IAAgB,MAEnC,CAACH,GAAQ,CAACD,EAAU,UAErBM,EAAAA,oBAAoBL,CAAI,GACxB,OAAOA,GAAS,UAChB,SAOJ,MAAMM,EAAmBC,EAAuBR,EAAU,SAAUC,CAAI,EACxE,IAAIQ,EAAoBF,GAEnBR,IAASP,GACNQ,EAAU,UACV,CAACK,GACDH,GAEHJ,EAAID,GAAuBK,EAKhC,MAAMQ,EAAiB,MAAM,QAAQT,CAAI,EAAIA,EAAO,CAACA,CAAI,EAKzD,IAAIU,EAAiBD,EAAe,OAAO7B,EAAyB,CAAE,CAAA,EAClEuB,IAAgB,KAChBO,EAAiB,CAAA,GAUrB,KAAM,CAAE,mBAAAC,EAAqB,EAAI,EAAGZ,EAC9Ba,EAAU,CACZ,GAAGD,EACH,GAAGD,CACnB,EACkBG,EAAiBC,GAAQ,CAC3BN,EAAoB,GACpBd,EAAY,OAAOoB,CAAG,EACtBf,EAAU,eAAee,CAAG,EAAI,EAChD,EACY,UAAWA,KAAOF,EAAS,CACvB,MAAMG,EAAOL,EAAeI,CAAG,EACzBE,EAAOL,EAAmBG,CAAG,EAE/BnB,EAAgB,eAAemB,CAAG,IAKlCC,IAASC,EAKLC,EAAiB,kBAACF,CAAI,GAAKE,EAAiB,kBAACD,CAAI,EAC7C,CAACE,EAAAA,eAAeH,EAAMC,CAAI,GAAKV,EAC/BO,EAAcC,CAAG,EAOjBf,EAAU,cAAce,CAAG,EAAI,GAG9BC,IAAS,OAEdF,EAAcC,CAAG,EAIjBpB,EAAY,IAAIoB,CAAG,EAGlBC,IAAS,QAAarB,EAAY,IAAIoB,CAAG,EAK9CD,EAAcC,CAAG,EAOjBf,EAAU,cAAce,CAAG,EAAI,GAEtC,CAKDf,EAAU,SAAWC,EACrBD,EAAU,mBAAqBW,EAI3BX,EAAU,WACVJ,EAAkB,CAAE,GAAGA,EAAiB,GAAGe,CAAc,GAEzD/B,GAAmBT,EAAc,wBACjCsC,EAAoB,IAOpBA,GAAqB,CAACJ,GACtBjC,EAAW,KAAK,GAAGsC,EAAe,IAAKrC,IAAe,CAClD,UAAWA,EACX,QAAS,CAAE,KAAA0B,EAAM,GAAGzB,CAAS,CAChC,EAAC,CAAC,CAEV,CAMD,GAAIqB,EAAY,KAAM,CAClB,MAAMyB,EAAoB,CAAA,EAC1BzB,EAAY,QAASoB,GAAQ,CACzB,MAAMM,EAAiBlD,EAAc,cAAc4C,CAAG,EAClDM,IAAmB,SACnBD,EAAkBL,CAAG,EAAIM,EAE7C,CAAa,EACDjD,EAAW,KAAK,CAAE,UAAWgD,CAAmB,CAAA,CACnD,CACD,IAAIE,EAAgB,EAAQlD,EAAW,OACvC,OAAIQ,GACAa,EAAM,UAAY,IAClB,CAACtB,EAAc,yBACfmD,EAAgB,IAEpB1C,EAAkB,GACX0C,EAAgB7C,EAAQL,CAAU,EAAI,QAAQ,QAAO,CAC/D,CAID,SAASmD,EAAUxB,EAAMyB,EAAUlD,EAAS,CACxC,IAAImD,EAEJ,GAAI/C,EAAMqB,CAAI,EAAE,WAAayB,EACzB,OAAO,QAAQ,WAElBC,EAAKtD,EAAc,mBAAqB,MAAQsD,IAAO,QAAkBA,EAAG,QAASC,GAAU,CAAE,IAAID,EAAI,OAAQA,EAAKC,EAAM,kBAAoB,MAAQD,IAAO,OAAS,OAASA,EAAG,UAAU1B,EAAMyB,CAAQ,CAAI,CAAA,EACjN9C,EAAMqB,CAAI,EAAE,SAAWyB,EACvB,MAAMpD,EAAamB,EAAejB,EAASyB,CAAI,EAC/C,UAAWgB,KAAOrC,EACdA,EAAMqC,CAAG,EAAE,cAAgB,GAE/B,OAAO3C,CACV,CACD,MAAO,CACH,eAAAmB,EACA,UAAAgC,EACA,mBAAAlC,EACA,SAAU,IAAMX,CACxB,CACA,CACA,SAAS8B,EAAuBS,EAAMD,EAAM,CACxC,OAAI,OAAOA,GAAS,SACTA,IAASC,EAEX,MAAM,QAAQD,CAAI,EAChB,CAACG,EAAc,eAACH,EAAMC,CAAI,EAE9B,EACX,CACA,SAASU,EAAgBH,EAAW,GAAO,CACvC,MAAO,CACH,SAAAA,EACA,cAAe,CAAE,EACjB,eAAgB,CAAE,EAClB,mBAAoB,CAAE,CAC9B,CACA,CACA,SAAS7C,GAAc,CACnB,MAAO,CACH,QAASgD,EAAgB,EAAI,EAC7B,YAAaA,EAAiB,EAC9B,WAAYA,EAAiB,EAC7B,SAAUA,EAAiB,EAC3B,UAAWA,EAAiB,EAC5B,WAAYA,EAAiB,EAC7B,KAAMA,EAAiB,CAC/B,CACA","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra291.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]}

package/dist/lyra291.js

@@ -1,116 +1,25 @@
-import { isAnimationControls as _ } from "./lyra241.js";
-import { isKeyframesTarget as R } from "./lyra274.js";
-import { shallowCompare as D } from "./lyra346.js";
-import { isVariantLabel as z } from "./lyra179.js";
-import { resolveVariant as H } from "./lyra152.js";
-import { variantPriorityOrder as x } from "./lyra184.js";
-import { animateVisualElement as j } from "./lyra151.js";
-const q = [...x].reverse(), G = x.length;
-function J(e) {
-  return (s) => Promise.all(s.map(({ animation: f, options: y }) => j(e, f, y)));
-}
-function ee(e) {
-  let s = J(e);
-  const f = Q();
-  let y = !0;
-  const L = (i, c) => {
-    const l = H(e, c);
-    if (l) {
-      const { transition: p, transitionEnd: u, ...o } = l;
-      i = { ...i, ...o, ...u };
+import { createProjectionNode as t } from "./lyra299.js";
+import { DocumentProjectionNode as n } from "./lyra300.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 i;
-  };
-  function B(i) {
-    s = i(e);
-  }
-  function C(i, c) {
-    const l = e.getProps(), p = e.getVariantContext(!0) || {}, u = [], o = /* @__PURE__ */ new Set();
-    let d = {}, I = 1 / 0;
-    for (let m = 0; m < G; m++) {
-      const r = q[m], t = f[r], a = l[r] !== void 0 ? l[r] : p[r], V = z(a), P = r === c ? t.isActive : null;
-      P === !1 && (I = m);
-      let g = a === p[r] && a !== l[r] && V;
-      if (g && y && e.manuallyAnimateOnMount && (g = !1), t.protectedKeys = { ...d }, // If it isn't active and hasn't *just* been set as inactive
-      !t.isActive && P === null || // If we didn't and don't have any defined prop for this animation type
-      !a && !t.prevProp || // Or if the prop doesn't define an animation
-      _(a) || typeof a == "boolean")
-        continue;
-      const b = N(t.prevProp, a);
-      let w = b || // If we're making this variant active, we want to always make it active
-      r === c && t.isActive && !g && V || // If we removed a higher-priority variant (i is in reverse order)
-      m > I && V;
-      const k = Array.isArray(a) ? a : [a];
-      let A = k.reduce(L, {});
-      P === !1 && (A = {});
-      const { prevResolvedValues: O = {} } = t, M = {
-        ...O,
-        ...A
-      }, K = (n) => {
-        w = !0, o.delete(n), t.needsAnimating[n] = !0;
-      };
-      for (const n in M) {
-        const h = A[n], T = O[n];
-        d.hasOwnProperty(n) || (h !== T ? R(h) && R(T) ? !D(h, T) || b ? K(n) : t.protectedKeys[n] = !0 : h !== void 0 ? K(n) : o.add(n) : h !== void 0 && o.has(n) ? K(n) : t.protectedKeys[n] = !0);
-      }
-      t.prevProp = a, t.prevResolvedValues = A, t.isActive && (d = { ...d, ...A }), y && e.blockInitialAnimation && (w = !1), w && !g && u.push(...k.map((n) => ({
-        animation: n,
-        options: { type: r, ...i }
-      })));
-    }
-    if (o.size) {
-      const m = {};
-      o.forEach((r) => {
-        const t = e.getBaseTarget(r);
-        t !== void 0 && (m[r] = t);
-      }), u.push({ animation: m });
-    }
-    let S = !!u.length;
-    return y && l.initial === !1 && !e.manuallyAnimateOnMount && (S = !1), y = !1, S ? s(u) : Promise.resolve();
-  }
-  function F(i, c, l) {
-    var p;
-    if (f[i].isActive === c)
-      return Promise.resolve();
-    (p = e.variantChildren) === null || p === void 0 || p.forEach((o) => {
-      var d;
-      return (d = o.animationState) === null || d === void 0 ? void 0 : d.setActive(i, c);
-    }), f[i].isActive = c;
-    const u = C(l, i);
-    for (const o in f)
-      f[o].protectedKeys = {};
-    return u;
-  }
-  return {
-    animateChanges: C,
-    setActive: F,
-    setAnimateFunction: B,
-    getState: () => f
-  };
-}
-function N(e, s) {
-  return typeof s == "string" ? s !== e : Array.isArray(s) ? !D(s, e) : !1;
-}
-function v(e = !1) {
-  return {
-    isActive: e,
-    protectedKeys: {},
-    needsAnimating: {},
-    prevResolvedValues: {}
-  };
-}
-function Q() {
-  return {
-    animate: v(!0),
-    whileInView: v(),
-    whileHover: v(),
-    whileTap: v(),
-    whileDrag: v(),
-    whileFocus: v(),
-    exit: v()
-  };
-}
+    return e.current;
+  },
+  resetTransform: (o, r) => {
+    o.style.transform = r !== void 0 ? r : "none";
+  },
+  checkIsScrollRoot: (o) => window.getComputedStyle(o).position === "fixed"
+});
 export {
-  N as checkVariantsDidChange,
-  ee as createAnimationState
+  i as HTMLProjectionNode,
+  e as rootProjectionNode
 };

package/dist/lyra291.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra291.js","sources":["../node_modules/framer-motion/dist/es/render/utils/animation-state.mjs"],"sourcesContent":["import { isAnimationControls } from '../../animation/utils/is-animation-controls.mjs';\nimport { isKeyframesTarget } from '../../animation/utils/is-keyframes-target.mjs';\nimport { shallowCompare } from '../../utils/shallow-compare.mjs';\nimport { isVariantLabel } from './is-variant-label.mjs';\nimport { resolveVariant } from './resolve-dynamic-variants.mjs';\nimport { variantPriorityOrder } from './variant-props.mjs';\nimport { animateVisualElement } from '../../animation/interfaces/visual-element.mjs';\n\nconst reversePriorityOrder = [...variantPriorityOrder].reverse();\nconst numAnimationTypes = variantPriorityOrder.length;\nfunction animateList(visualElement) {\n    return (animations) => Promise.all(animations.map(({ animation, options }) => animateVisualElement(visualElement, animation, options)));\n}\nfunction createAnimationState(visualElement) {\n    let animate = animateList(visualElement);\n    const state = createState();\n    let isInitialRender = true;\n    /**\n     * This function will be used to reduce the animation definitions for\n     * each active animation type into an object of resolved values for it.\n     */\n    const buildResolvedTypeValues = (acc, definition) => {\n        const resolved = resolveVariant(visualElement, definition);\n        if (resolved) {\n            const { transition, transitionEnd, ...target } = resolved;\n            acc = { ...acc, ...target, ...transitionEnd };\n        }\n        return acc;\n    };\n    /**\n     * This just allows us to inject mocked animation functions\n     * @internal\n     */\n    function setAnimateFunction(makeAnimator) {\n        animate = makeAnimator(visualElement);\n    }\n    /**\n     * When we receive new props, we need to:\n     * 1. Create a list of protected keys for each type. This is a directory of\n     *    value keys that are currently being \"handled\" by types of a higher priority\n     *    so that whenever an animation is played of a given type, these values are\n     *    protected from being animated.\n     * 2. Determine if an animation type needs animating.\n     * 3. Determine if any values have been removed from a type and figure out\n     *    what to animate those to.\n     */\n    function animateChanges(options, changedActiveType) {\n        const props = visualElement.getProps();\n        const context = visualElement.getVariantContext(true) || {};\n        /**\n         * A list of animations that we'll build into as we iterate through the animation\n         * types. This will get executed at the end of the function.\n         */\n        const animations = [];\n        /**\n         * Keep track of which values have been removed. Then, as we hit lower priority\n         * animation types, we can check if they contain removed values and animate to that.\n         */\n        const removedKeys = new Set();\n        /**\n         * A dictionary of all encountered keys. This is an object to let us build into and\n         * copy it without iteration. Each time we hit an animation type we set its protected\n         * keys - the keys its not allowed to animate - to the latest version of this object.\n         */\n        let encounteredKeys = {};\n        /**\n         * If a variant has been removed at a given index, and this component is controlling\n         * variant animations, we want to ensure lower-priority variants are forced to animate.\n         */\n        let removedVariantIndex = Infinity;\n        /**\n         * Iterate through all animation types in reverse priority order. For each, we want to\n         * detect which values it's handling and whether or not they've changed (and therefore\n         * need to be animated). If any values have been removed, we want to detect those in\n         * lower priority props and flag for animation.\n         */\n        for (let i = 0; i < numAnimationTypes; i++) {\n            const type = reversePriorityOrder[i];\n            const typeState = state[type];\n            const prop = props[type] !== undefined ? props[type] : context[type];\n            const propIsVariant = isVariantLabel(prop);\n            /**\n             * If this type has *just* changed isActive status, set activeDelta\n             * to that status. Otherwise set to null.\n             */\n            const activeDelta = type === changedActiveType ? typeState.isActive : null;\n            if (activeDelta === false)\n                removedVariantIndex = i;\n            /**\n             * If this prop is an inherited variant, rather than been set directly on the\n             * component itself, we want to make sure we allow the parent to trigger animations.\n             *\n             * TODO: Can probably change this to a !isControllingVariants check\n             */\n            let isInherited = prop === context[type] && prop !== props[type] && propIsVariant;\n            /**\n             *\n             */\n            if (isInherited &&\n                isInitialRender &&\n                visualElement.manuallyAnimateOnMount) {\n                isInherited = false;\n            }\n            /**\n             * Set all encountered keys so far as the protected keys for this type. This will\n             * be any key that has been animated or otherwise handled by active, higher-priortiy types.\n             */\n            typeState.protectedKeys = { ...encounteredKeys };\n            // Check if we can skip analysing this prop early\n            if (\n            // If it isn't active and hasn't *just* been set as inactive\n            (!typeState.isActive && activeDelta === null) ||\n                // If we didn't and don't have any defined prop for this animation type\n                (!prop && !typeState.prevProp) ||\n                // Or if the prop doesn't define an animation\n                isAnimationControls(prop) ||\n                typeof prop === \"boolean\") {\n                continue;\n            }\n            /**\n             * As we go look through the values defined on this type, if we detect\n             * a changed value or a value that was removed in a higher priority, we set\n             * this to true and add this prop to the animation list.\n             */\n            const variantDidChange = checkVariantsDidChange(typeState.prevProp, prop);\n            let shouldAnimateType = variantDidChange ||\n                // If we're making this variant active, we want to always make it active\n                (type === changedActiveType &&\n                    typeState.isActive &&\n                    !isInherited &&\n                    propIsVariant) ||\n                // If we removed a higher-priority variant (i is in reverse order)\n                (i > removedVariantIndex && propIsVariant);\n            /**\n             * As animations can be set as variant lists, variants or target objects, we\n             * coerce everything to an array if it isn't one already\n             */\n            const definitionList = Array.isArray(prop) ? prop : [prop];\n            /**\n             * Build an object of all the resolved values. We'll use this in the subsequent\n             * animateChanges calls to determine whether a value has changed.\n             */\n            let resolvedValues = definitionList.reduce(buildResolvedTypeValues, {});\n            if (activeDelta === false)\n                resolvedValues = {};\n            /**\n             * Now we need to loop through all the keys in the prev prop and this prop,\n             * and decide:\n             * 1. If the value has changed, and needs animating\n             * 2. If it has been removed, and needs adding to the removedKeys set\n             * 3. If it has been removed in a higher priority type and needs animating\n             * 4. If it hasn't been removed in a higher priority but hasn't changed, and\n             *    needs adding to the type's protectedKeys list.\n             */\n            const { prevResolvedValues = {} } = typeState;\n            const allKeys = {\n                ...prevResolvedValues,\n                ...resolvedValues,\n            };\n            const markToAnimate = (key) => {\n                shouldAnimateType = true;\n                removedKeys.delete(key);\n                typeState.needsAnimating[key] = true;\n            };\n            for (const key in allKeys) {\n                const next = resolvedValues[key];\n                const prev = prevResolvedValues[key];\n                // If we've already handled this we can just skip ahead\n                if (encounteredKeys.hasOwnProperty(key))\n                    continue;\n                /**\n                 * If the value has changed, we probably want to animate it.\n                 */\n                if (next !== prev) {\n                    /**\n                     * If both values are keyframes, we need to shallow compare them to\n                     * detect whether any value has changed. If it has, we animate it.\n                     */\n                    if (isKeyframesTarget(next) && isKeyframesTarget(prev)) {\n                        if (!shallowCompare(next, prev) || variantDidChange) {\n                            markToAnimate(key);\n                        }\n                        else {\n                            /**\n                             * If it hasn't changed, we want to ensure it doesn't animate by\n                             * adding it to the list of protected keys.\n                             */\n                            typeState.protectedKeys[key] = true;\n                        }\n                    }\n                    else if (next !== undefined) {\n                        // If next is defined and doesn't equal prev, it needs animating\n                        markToAnimate(key);\n                    }\n                    else {\n                        // If it's undefined, it's been removed.\n                        removedKeys.add(key);\n                    }\n                }\n                else if (next !== undefined && removedKeys.has(key)) {\n                    /**\n                     * If next hasn't changed and it isn't undefined, we want to check if it's\n                     * been removed by a higher priority\n                     */\n                    markToAnimate(key);\n                }\n                else {\n                    /**\n                     * If it hasn't changed, we add it to the list of protected values\n                     * to ensure it doesn't get animated.\n                     */\n                    typeState.protectedKeys[key] = true;\n                }\n            }\n            /**\n             * Update the typeState so next time animateChanges is called we can compare the\n             * latest prop and resolvedValues to these.\n             */\n            typeState.prevProp = prop;\n            typeState.prevResolvedValues = resolvedValues;\n            /**\n             *\n             */\n            if (typeState.isActive) {\n                encounteredKeys = { ...encounteredKeys, ...resolvedValues };\n            }\n            if (isInitialRender && visualElement.blockInitialAnimation) {\n                shouldAnimateType = false;\n            }\n            /**\n             * If this is an inherited prop we want to hard-block animations\n             * TODO: Test as this should probably still handle animations triggered\n             * by removed values?\n             */\n            if (shouldAnimateType && !isInherited) {\n                animations.push(...definitionList.map((animation) => ({\n                    animation: animation,\n                    options: { type, ...options },\n                })));\n            }\n        }\n        /**\n         * If there are some removed value that haven't been dealt with,\n         * we need to create a new animation that falls back either to the value\n         * defined in the style prop, or the last read value.\n         */\n        if (removedKeys.size) {\n            const fallbackAnimation = {};\n            removedKeys.forEach((key) => {\n                const fallbackTarget = visualElement.getBaseTarget(key);\n                if (fallbackTarget !== undefined) {\n                    fallbackAnimation[key] = fallbackTarget;\n                }\n            });\n            animations.push({ animation: fallbackAnimation });\n        }\n        let shouldAnimate = Boolean(animations.length);\n        if (isInitialRender &&\n            props.initial === false &&\n            !visualElement.manuallyAnimateOnMount) {\n            shouldAnimate = false;\n        }\n        isInitialRender = false;\n        return shouldAnimate ? animate(animations) : Promise.resolve();\n    }\n    /**\n     * Change whether a certain animation type is active.\n     */\n    function setActive(type, isActive, options) {\n        var _a;\n        // If the active state hasn't changed, we can safely do nothing here\n        if (state[type].isActive === isActive)\n            return Promise.resolve();\n        // Propagate active change to children\n        (_a = visualElement.variantChildren) === null || _a === void 0 ? void 0 : _a.forEach((child) => { var _a; return (_a = child.animationState) === null || _a === void 0 ? void 0 : _a.setActive(type, isActive); });\n        state[type].isActive = isActive;\n        const animations = animateChanges(options, type);\n        for (const key in state) {\n            state[key].protectedKeys = {};\n        }\n        return animations;\n    }\n    return {\n        animateChanges,\n        setActive,\n        setAnimateFunction,\n        getState: () => state,\n    };\n}\nfunction checkVariantsDidChange(prev, next) {\n    if (typeof next === \"string\") {\n        return next !== prev;\n    }\n    else if (Array.isArray(next)) {\n        return !shallowCompare(next, prev);\n    }\n    return false;\n}\nfunction createTypeState(isActive = false) {\n    return {\n        isActive,\n        protectedKeys: {},\n        needsAnimating: {},\n        prevResolvedValues: {},\n    };\n}\nfunction createState() {\n    return {\n        animate: createTypeState(true),\n        whileInView: createTypeState(),\n        whileHover: createTypeState(),\n        whileTap: createTypeState(),\n        whileDrag: createTypeState(),\n        whileFocus: createTypeState(),\n        exit: createTypeState(),\n    };\n}\n\nexport { checkVariantsDidChange, createAnimationState };\n"],"names":["reversePriorityOrder","variantPriorityOrder","numAnimationTypes","animateList","visualElement","animations","animation","options","animateVisualElement","createAnimationState","animate","state","createState","isInitialRender","buildResolvedTypeValues","acc","definition","resolved","resolveVariant","transition","transitionEnd","target","setAnimateFunction","makeAnimator","animateChanges","changedActiveType","props","context","removedKeys","encounteredKeys","removedVariantIndex","i","type","typeState","prop","propIsVariant","isVariantLabel","activeDelta","isInherited","isAnimationControls","variantDidChange","checkVariantsDidChange","shouldAnimateType","definitionList","resolvedValues","prevResolvedValues","allKeys","markToAnimate","key","next","prev","isKeyframesTarget","shallowCompare","fallbackAnimation","fallbackTarget","shouldAnimate","setActive","isActive","_a","child","createTypeState"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra291.js","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":";;AAGK,MAACA,IAAqB;AAAA,EACvB,SAAS;AACb,GACMC,IAAqBC,EAAqB;AAAA,EAC5C,eAAe,CAACC,OAAc;AAAA,IAC1B,GAAGA,EAAS;AAAA,IACZ,GAAGA,EAAS;AAAA,EACpB;AAAA,EACI,eAAe,MAAM;AACjB,QAAI,CAACH,EAAmB,SAAS;AAC7B,YAAMI,IAAe,IAAIC,EAAuB,CAAA,CAAE;AAClD,MAAAD,EAAa,MAAM,MAAM,GACzBA,EAAa,WAAW,EAAE,cAAc,GAAM,CAAA,GAC9CJ,EAAmB,UAAUI;AAAA,IAChC;AACD,WAAOJ,EAAmB;AAAA,EAC7B;AAAA,EACD,gBAAgB,CAACG,GAAUG,MAAU;AACjC,IAAAH,EAAS,MAAM,YAAYG,MAAU,SAAYA,IAAQ;AAAA,EAC5D;AAAA,EACD,mBAAmB,CAACH,MAAqB,OAAO,iBAAiBA,CAAQ,EAAE,aAAa;AAC5F,CAAC;","x_google_ignoreList":[0]}

package/dist/lyra292.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class t{constructor(e){this.isMounted=!1,this.node=e}update(){}}exports.Feature=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra339.cjs"),u=require("./lyra228.cjs"),l=require("./lyra201.cjs"),a=require("./lyra330.cjs"),c=require("./lyra340.cjs"),d=require("./lyra315.cjs"),p=require("./lyra341.cjs"),m=require("./lyra342.cjs"),V=require("./lyra174.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/lyra292.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra292.cjs","sources":["../node_modules/framer-motion/dist/es/motion/features/Feature.mjs"],"sourcesContent":["class Feature {\n    constructor(node) {\n        this.isMounted = false;\n        this.node = node;\n    }\n    update() { }\n}\n\nexport { Feature };\n"],"names":["Feature","node"],"mappings":"gFAAA,MAAMA,CAAQ,CACV,YAAYC,EAAM,CACd,KAAK,UAAY,GACjB,KAAK,KAAOA,CACf,CACD,QAAS,CAAG,CAChB","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra292.cjs","sources":["../node_modules/framer-motion/dist/es/render/html/HTMLVisualElement.mjs"],"sourcesContent":["import { buildHTMLStyles } from './utils/build-styles.mjs';\nimport { isCSSVariableName } from '../dom/utils/is-css-variable.mjs';\nimport { transformProps } from './utils/transform.mjs';\nimport { scrapeMotionValuesFromProps } from './utils/scrape-motion-values.mjs';\nimport { renderHTML } from './utils/render.mjs';\nimport { getDefaultValueType } from '../dom/value-types/defaults.mjs';\nimport { measureViewportBox } from '../../projection/utils/measure.mjs';\nimport { DOMVisualElement } from '../dom/DOMVisualElement.mjs';\nimport { isMotionValue } from '../../value/utils/is-motion-value.mjs';\n\nfunction getComputedStyle(element) {\n    return window.getComputedStyle(element);\n}\nclass HTMLVisualElement extends DOMVisualElement {\n    readValueFromInstance(instance, key) {\n        if (transformProps.has(key)) {\n            const defaultType = getDefaultValueType(key);\n            return defaultType ? defaultType.default || 0 : 0;\n        }\n        else {\n            const computedStyle = getComputedStyle(instance);\n            const value = (isCSSVariableName(key)\n                ? computedStyle.getPropertyValue(key)\n                : computedStyle[key]) || 0;\n            return typeof value === \"string\" ? value.trim() : value;\n        }\n    }\n    measureInstanceViewportBox(instance, { transformPagePoint }) {\n        return measureViewportBox(instance, transformPagePoint);\n    }\n    build(renderState, latestValues, options, props) {\n        buildHTMLStyles(renderState, latestValues, options, props.transformTemplate);\n    }\n    scrapeMotionValuesFromProps(props, prevProps) {\n        return scrapeMotionValuesFromProps(props, prevProps);\n    }\n    handleChildMotionValue() {\n        if (this.childSubscription) {\n            this.childSubscription();\n            delete this.childSubscription;\n        }\n        const { children } = this.props;\n        if (isMotionValue(children)) {\n            this.childSubscription = children.on(\"change\", (latest) => {\n                if (this.current)\n                    this.current.textContent = `${latest}`;\n            });\n        }\n    }\n    renderInstance(instance, renderState, styleProp, projection) {\n        renderHTML(instance, renderState, styleProp, projection);\n    }\n}\n\nexport { HTMLVisualElement, getComputedStyle };\n"],"names":["getComputedStyle","element","HTMLVisualElement","DOMVisualElement","instance","key","transformProps","defaultType","getDefaultValueType","computedStyle","value","isCSSVariableName","transformPagePoint","measureViewportBox","renderState","latestValues","options","props","buildHTMLStyles","prevProps","scrapeMotionValuesFromProps","children","isMotionValue","latest","styleProp","projection","renderHTML"],"mappings":"yUAUA,SAASA,EAAiBC,EAAS,CAC/B,OAAO,OAAO,iBAAiBA,CAAO,CAC1C,CACA,MAAMC,UAA0BC,EAAAA,gBAAiB,CAC7C,sBAAsBC,EAAUC,EAAK,CACjC,GAAIC,EAAc,eAAC,IAAID,CAAG,EAAG,CACzB,MAAME,EAAcC,sBAAoBH,CAAG,EAC3C,OAAOE,GAAcA,EAAY,SAAW,CAC/C,KACI,CACD,MAAME,EAAgBT,EAAiBI,CAAQ,EACzCM,GAASC,EAAiB,kBAACN,CAAG,EAC9BI,EAAc,iBAAiBJ,CAAG,EAClCI,EAAcJ,CAAG,IAAM,EAC7B,OAAO,OAAOK,GAAU,SAAWA,EAAM,KAAI,EAAKA,CACrD,CACJ,CACD,2BAA2BN,EAAU,CAAE,mBAAAQ,GAAsB,CACzD,OAAOC,EAAkB,mBAACT,EAAUQ,CAAkB,CACzD,CACD,MAAME,EAAaC,EAAcC,EAASC,EAAO,CAC7CC,EAAe,gBAACJ,EAAaC,EAAcC,EAASC,EAAM,iBAAiB,CAC9E,CACD,4BAA4BA,EAAOE,EAAW,CAC1C,OAAOC,EAA2B,4BAACH,EAAOE,CAAS,CACtD,CACD,wBAAyB,CACjB,KAAK,oBACL,KAAK,kBAAiB,EACtB,OAAO,KAAK,mBAEhB,KAAM,CAAE,SAAAE,CAAQ,EAAK,KAAK,MACtBC,EAAAA,cAAcD,CAAQ,IACtB,KAAK,kBAAoBA,EAAS,GAAG,SAAWE,GAAW,CACnD,KAAK,UACL,KAAK,QAAQ,YAAc,GAAGA,CAAM,GACxD,CAAa,EAER,CACD,eAAenB,EAAUU,EAAaU,EAAWC,EAAY,CACzDC,EAAAA,WAAWtB,EAAUU,EAAaU,EAAWC,CAAU,CAC1D,CACL","x_google_ignoreList":[0]}

package/dist/lyra292.js

@@ -1,10 +1,46 @@
-class s {
-  constructor(t) {
-    this.isMounted = !1, this.node = t;
+import { buildHTMLStyles as n } from "./lyra339.js";
+import { isCSSVariableName as s } from "./lyra228.js";
+import { transformProps as l } from "./lyra201.js";
+import { scrapeMotionValuesFromProps as m } from "./lyra330.js";
+import { renderHTML as u } from "./lyra340.js";
+import { getDefaultValueType as a } from "./lyra315.js";
+import { measureViewportBox as p } from "./lyra341.js";
+import { DOMVisualElement as c } from "./lyra342.js";
+import { isMotionValue as d } from "./lyra174.js";
+function f(i) {
+  return window.getComputedStyle(i);
+}
+class w extends c {
+  readValueFromInstance(e, t) {
+    if (l.has(t)) {
+      const r = a(t);
+      return r && r.default || 0;
+    } else {
+      const r = f(e), o = (s(t) ? r.getPropertyValue(t) : r[t]) || 0;
+      return typeof o == "string" ? o.trim() : o;
+    }
+  }
+  measureInstanceViewportBox(e, { transformPagePoint: t }) {
+    return p(e, t);
+  }
+  build(e, t, r, o) {
+    n(e, t, r, o.transformTemplate);
+  }
+  scrapeMotionValuesFromProps(e, t) {
+    return m(e, t);
+  }
+  handleChildMotionValue() {
+    this.childSubscription && (this.childSubscription(), delete this.childSubscription);
+    const { children: e } = this.props;
+    d(e) && (this.childSubscription = e.on("change", (t) => {
+      this.current && (this.current.textContent = `${t}`);
+    }));
   }
-  update() {
+  renderInstance(e, t, r, o) {
+    u(e, t, r, o);
   }
 }
 export {
-  s as Feature
+  w as HTMLVisualElement,
+  f as getComputedStyle
 };

package/dist/lyra292.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra292.js","sources":["../node_modules/framer-motion/dist/es/motion/features/Feature.mjs"],"sourcesContent":["class Feature {\n    constructor(node) {\n        this.isMounted = false;\n        this.node = node;\n    }\n    update() { }\n}\n\nexport { Feature };\n"],"names":["Feature","node"],"mappings":"AAAA,MAAMA,EAAQ;AAAA,EACV,YAAYC,GAAM;AACd,SAAK,YAAY,IACjB,KAAK,OAAOA;AAAA,EACf;AAAA,EACD,SAAS;AAAA,EAAG;AAChB;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra292.js","sources":["../node_modules/framer-motion/dist/es/render/html/HTMLVisualElement.mjs"],"sourcesContent":["import { buildHTMLStyles } from './utils/build-styles.mjs';\nimport { isCSSVariableName } from '../dom/utils/is-css-variable.mjs';\nimport { transformProps } from './utils/transform.mjs';\nimport { scrapeMotionValuesFromProps } from './utils/scrape-motion-values.mjs';\nimport { renderHTML } from './utils/render.mjs';\nimport { getDefaultValueType } from '../dom/value-types/defaults.mjs';\nimport { measureViewportBox } from '../../projection/utils/measure.mjs';\nimport { DOMVisualElement } from '../dom/DOMVisualElement.mjs';\nimport { isMotionValue } from '../../value/utils/is-motion-value.mjs';\n\nfunction getComputedStyle(element) {\n    return window.getComputedStyle(element);\n}\nclass HTMLVisualElement extends DOMVisualElement {\n    readValueFromInstance(instance, key) {\n        if (transformProps.has(key)) {\n            const defaultType = getDefaultValueType(key);\n            return defaultType ? defaultType.default || 0 : 0;\n        }\n        else {\n            const computedStyle = getComputedStyle(instance);\n            const value = (isCSSVariableName(key)\n                ? computedStyle.getPropertyValue(key)\n                : computedStyle[key]) || 0;\n            return typeof value === \"string\" ? value.trim() : value;\n        }\n    }\n    measureInstanceViewportBox(instance, { transformPagePoint }) {\n        return measureViewportBox(instance, transformPagePoint);\n    }\n    build(renderState, latestValues, options, props) {\n        buildHTMLStyles(renderState, latestValues, options, props.transformTemplate);\n    }\n    scrapeMotionValuesFromProps(props, prevProps) {\n        return scrapeMotionValuesFromProps(props, prevProps);\n    }\n    handleChildMotionValue() {\n        if (this.childSubscription) {\n            this.childSubscription();\n            delete this.childSubscription;\n        }\n        const { children } = this.props;\n        if (isMotionValue(children)) {\n            this.childSubscription = children.on(\"change\", (latest) => {\n                if (this.current)\n                    this.current.textContent = `${latest}`;\n            });\n        }\n    }\n    renderInstance(instance, renderState, styleProp, projection) {\n        renderHTML(instance, renderState, styleProp, projection);\n    }\n}\n\nexport { HTMLVisualElement, getComputedStyle };\n"],"names":["getComputedStyle","element","HTMLVisualElement","DOMVisualElement","instance","key","transformProps","defaultType","getDefaultValueType","computedStyle","value","isCSSVariableName","transformPagePoint","measureViewportBox","renderState","latestValues","options","props","buildHTMLStyles","prevProps","scrapeMotionValuesFromProps","children","isMotionValue","latest","styleProp","projection","renderHTML"],"mappings":";;;;;;;;;AAUA,SAASA,EAAiBC,GAAS;AAC/B,SAAO,OAAO,iBAAiBA,CAAO;AAC1C;AACA,MAAMC,UAA0BC,EAAiB;AAAA,EAC7C,sBAAsBC,GAAUC,GAAK;AACjC,QAAIC,EAAe,IAAID,CAAG,GAAG;AACzB,YAAME,IAAcC,EAAoBH,CAAG;AAC3C,aAAOE,KAAcA,EAAY,WAAW;AAAA,IAC/C,OACI;AACD,YAAME,IAAgBT,EAAiBI,CAAQ,GACzCM,KAASC,EAAkBN,CAAG,IAC9BI,EAAc,iBAAiBJ,CAAG,IAClCI,EAAcJ,CAAG,MAAM;AAC7B,aAAO,OAAOK,KAAU,WAAWA,EAAM,KAAI,IAAKA;AAAA,IACrD;AAAA,EACJ;AAAA,EACD,2BAA2BN,GAAU,EAAE,oBAAAQ,KAAsB;AACzD,WAAOC,EAAmBT,GAAUQ,CAAkB;AAAA,EACzD;AAAA,EACD,MAAME,GAAaC,GAAcC,GAASC,GAAO;AAC7C,IAAAC,EAAgBJ,GAAaC,GAAcC,GAASC,EAAM,iBAAiB;AAAA,EAC9E;AAAA,EACD,4BAA4BA,GAAOE,GAAW;AAC1C,WAAOC,EAA4BH,GAAOE,CAAS;AAAA,EACtD;AAAA,EACD,yBAAyB;AACrB,IAAI,KAAK,sBACL,KAAK,kBAAiB,GACtB,OAAO,KAAK;AAEhB,UAAM,EAAE,UAAAE,EAAQ,IAAK,KAAK;AAC1B,IAAIC,EAAcD,CAAQ,MACtB,KAAK,oBAAoBA,EAAS,GAAG,UAAU,CAACE,MAAW;AACvD,MAAI,KAAK,YACL,KAAK,QAAQ,cAAc,GAAGA,CAAM;AAAA,IACxD,CAAa;AAAA,EAER;AAAA,EACD,eAAenB,GAAUU,GAAaU,GAAWC,GAAY;AACzD,IAAAC,EAAWtB,GAAUU,GAAaU,GAAWC,CAAU;AAAA,EAC1D;AACL;","x_google_ignoreList":[0]}

package/dist/lyra293.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./lyra203.cjs"),s=require("./lyra199.cjs"),c=new Set(["brightness","contrast","saturate","opacity"]);function u(t){const[e,n]=t.slice(0,-1).split("(");if(e==="drop-shadow")return t;const[r]=n.match(s.floatRegex)||[];if(!r)return t;const o=n.replace(r,"");let a=c.has(e)?1:0;return r!==n&&(a*=100),e+"("+a+o+")"}const l=/([a-z-]*)\(.*?\)/g,f={...i.complex,getAnimatableNone:t=>{const e=t.match(l);return e?e.map(u).join(" "):t}};exports.filter=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./lyra326.cjs"),u=require("./lyra342.cjs"),o=require("./lyra328.cjs"),n=require("./lyra233.cjs"),i=require("./lyra343.cjs"),l=require("./lyra201.cjs"),c=require("./lyra325.cjs"),m=require("./lyra315.cjs"),V=require("./lyra194.cjs"),d=require("./lyra329.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/lyra293.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra293.cjs","sources":["../node_modules/framer-motion/dist/es/value/types/complex/filter.mjs"],"sourcesContent":["import { complex } from './index.mjs';\nimport { floatRegex } from '../utils.mjs';\n\n/**\n * Properties that should default to 1 or 100%\n */\nconst maxDefaults = new Set([\"brightness\", \"contrast\", \"saturate\", \"opacity\"]);\nfunction applyDefaultFilter(v) {\n    const [name, value] = v.slice(0, -1).split(\"(\");\n    if (name === \"drop-shadow\")\n        return v;\n    const [number] = value.match(floatRegex) || [];\n    if (!number)\n        return v;\n    const unit = value.replace(number, \"\");\n    let defaultValue = maxDefaults.has(name) ? 1 : 0;\n    if (number !== value)\n        defaultValue *= 100;\n    return name + \"(\" + defaultValue + unit + \")\";\n}\nconst functionRegex = /([a-z-]*)\\(.*?\\)/g;\nconst filter = {\n    ...complex,\n    getAnimatableNone: (v) => {\n        const functions = v.match(functionRegex);\n        return functions ? functions.map(applyDefaultFilter).join(\" \") : v;\n    },\n};\n\nexport { filter };\n"],"names":["maxDefaults","applyDefaultFilter","v","name","value","number","floatRegex","unit","defaultValue","functionRegex","filter","complex","functions"],"mappings":"4IAMMA,EAAc,IAAI,IAAI,CAAC,aAAc,WAAY,WAAY,SAAS,CAAC,EAC7E,SAASC,EAAmBC,EAAG,CAC3B,KAAM,CAACC,EAAMC,CAAK,EAAIF,EAAE,MAAM,EAAG,EAAE,EAAE,MAAM,GAAG,EAC9C,GAAIC,IAAS,cACT,OAAOD,EACX,KAAM,CAACG,CAAM,EAAID,EAAM,MAAME,EAAAA,UAAU,GAAK,GAC5C,GAAI,CAACD,EACD,OAAOH,EACX,MAAMK,EAAOH,EAAM,QAAQC,EAAQ,EAAE,EACrC,IAAIG,EAAeR,EAAY,IAAIG,CAAI,EAAI,EAAI,EAC/C,OAAIE,IAAWD,IACXI,GAAgB,KACbL,EAAO,IAAMK,EAAeD,EAAO,GAC9C,CACA,MAAME,EAAgB,oBAChBC,EAAS,CACX,GAAGC,EAAO,QACV,kBAAoBT,GAAM,CACtB,MAAMU,EAAYV,EAAE,MAAMO,CAAa,EACvC,OAAOG,EAAYA,EAAU,IAAIX,CAAkB,EAAE,KAAK,GAAG,EAAIC,CACpE,CACL","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra293.cjs","sources":["../node_modules/framer-motion/dist/es/render/svg/SVGVisualElement.mjs"],"sourcesContent":["import { scrapeMotionValuesFromProps } from './utils/scrape-motion-values.mjs';\nimport { DOMVisualElement } from '../dom/DOMVisualElement.mjs';\nimport { buildSVGAttrs } from './utils/build-attrs.mjs';\nimport { camelToDash } from '../dom/utils/camel-to-dash.mjs';\nimport { camelCaseAttributes } from './utils/camel-case-attrs.mjs';\nimport { transformProps } from '../html/utils/transform.mjs';\nimport { renderSVG } from './utils/render.mjs';\nimport { getDefaultValueType } from '../dom/value-types/defaults.mjs';\nimport { createBox } from '../../projection/geometry/models.mjs';\nimport { isSVGTag } from './utils/is-svg-tag.mjs';\n\nclass SVGVisualElement extends DOMVisualElement {\n    constructor() {\n        super(...arguments);\n        this.isSVGTag = false;\n    }\n    getBaseTargetFromProps(props, key) {\n        return props[key];\n    }\n    readValueFromInstance(instance, key) {\n        if (transformProps.has(key)) {\n            const defaultType = getDefaultValueType(key);\n            return defaultType ? defaultType.default || 0 : 0;\n        }\n        key = !camelCaseAttributes.has(key) ? camelToDash(key) : key;\n        return instance.getAttribute(key);\n    }\n    measureInstanceViewportBox() {\n        return createBox();\n    }\n    scrapeMotionValuesFromProps(props, prevProps) {\n        return scrapeMotionValuesFromProps(props, prevProps);\n    }\n    build(renderState, latestValues, options, props) {\n        buildSVGAttrs(renderState, latestValues, options, this.isSVGTag, props.transformTemplate);\n    }\n    renderInstance(instance, renderState, styleProp, projection) {\n        renderSVG(instance, renderState, styleProp, projection);\n    }\n    mount(instance) {\n        this.isSVGTag = isSVGTag(instance.tagName);\n        super.mount(instance);\n    }\n}\n\nexport { SVGVisualElement };\n"],"names":["SVGVisualElement","DOMVisualElement","props","key","instance","transformProps","defaultType","getDefaultValueType","camelCaseAttributes","camelToDash","createBox","prevProps","scrapeMotionValuesFromProps","renderState","latestValues","options","buildSVGAttrs","styleProp","projection","renderSVG","isSVGTag"],"mappings":"oWAWA,MAAMA,UAAyBC,EAAAA,gBAAiB,CAC5C,aAAc,CACV,MAAM,GAAG,SAAS,EAClB,KAAK,SAAW,EACnB,CACD,uBAAuBC,EAAOC,EAAK,CAC/B,OAAOD,EAAMC,CAAG,CACnB,CACD,sBAAsBC,EAAUD,EAAK,CACjC,GAAIE,EAAc,eAAC,IAAIF,CAAG,EAAG,CACzB,MAAMG,EAAcC,sBAAoBJ,CAAG,EAC3C,OAAOG,GAAcA,EAAY,SAAW,CAC/C,CACD,OAAAH,EAAOK,EAAmB,oBAAC,IAAIL,CAAG,EAAuBA,EAAnBM,cAAYN,CAAG,EAC9CC,EAAS,aAAaD,CAAG,CACnC,CACD,4BAA6B,CACzB,OAAOO,EAAS,UAAA,CACnB,CACD,4BAA4BR,EAAOS,EAAW,CAC1C,OAAOC,EAA2B,4BAACV,EAAOS,CAAS,CACtD,CACD,MAAME,EAAaC,EAAcC,EAASb,EAAO,CAC7Cc,gBAAcH,EAAaC,EAAcC,EAAS,KAAK,SAAUb,EAAM,iBAAiB,CAC3F,CACD,eAAeE,EAAUS,EAAaI,EAAWC,EAAY,CACzDC,EAAAA,UAAUf,EAAUS,EAAaI,EAAWC,CAAU,CACzD,CACD,MAAMd,EAAU,CACZ,KAAK,SAAWgB,EAAAA,SAAShB,EAAS,OAAO,EACzC,MAAM,MAAMA,CAAQ,CACvB,CACL","x_google_ignoreList":[0]}