@new-black/lyra 0.1.16 → 0.1.17

package/dist/lyra181.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra181.cjs","sources":["../node_modules/framer-motion/dist/es/value/utils/resolve-motion-value.mjs"],"sourcesContent":["import { isCustomValue } from '../../utils/resolve-value.mjs';\nimport { isMotionValue } from './is-motion-value.mjs';\n\n/**\n * If the provided value is a MotionValue, this returns the actual value, otherwise just the value itself\n *\n * TODO: Remove and move to library\n */\nfunction resolveMotionValue(value) {\n    const unwrappedValue = isMotionValue(value) ? value.get() : value;\n    return isCustomValue(unwrappedValue)\n        ? unwrappedValue.toValue()\n        : unwrappedValue;\n}\n\nexport { resolveMotionValue };\n"],"names":["resolveMotionValue","value","unwrappedValue","isMotionValue","isCustomValue"],"mappings":"4IAQA,SAASA,EAAmBC,EAAO,CAC/B,MAAMC,EAAiBC,EAAAA,cAAcF,CAAK,EAAIA,EAAM,IAAK,EAAGA,EAC5D,OAAOG,EAAAA,cAAcF,CAAc,EAC7BA,EAAe,QAAS,EACxBA,CACV","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra181.cjs","sources":["../node_modules/framer-motion/dist/es/components/AnimatePresence/use-presence.mjs"],"sourcesContent":["import { useContext, useId, useEffect } from 'react';\nimport { PresenceContext } from '../../context/PresenceContext.mjs';\n\n/**\n * When a component is the child of `AnimatePresence`, it can use `usePresence`\n * to access information about whether it's still present in the React tree.\n *\n * ```jsx\n * import { usePresence } from \"framer-motion\"\n *\n * export const Component = () => {\n *   const [isPresent, safeToRemove] = usePresence()\n *\n *   useEffect(() => {\n *     !isPresent && setTimeout(safeToRemove, 1000)\n *   }, [isPresent])\n *\n *   return <div />\n * }\n * ```\n *\n * If `isPresent` is `false`, it means that a component has been removed the tree, but\n * `AnimatePresence` won't really remove it until `safeToRemove` has been called.\n *\n * @public\n */\nfunction usePresence() {\n    const context = useContext(PresenceContext);\n    if (context === null)\n        return [true, null];\n    const { isPresent, onExitComplete, register } = context;\n    // It's safe to call the following hooks conditionally (after an early return) because the context will always\n    // either be null or non-null for the lifespan of the component.\n    const id = useId();\n    useEffect(() => register(id), []);\n    const safeToRemove = () => onExitComplete && onExitComplete(id);\n    return !isPresent && onExitComplete ? [false, safeToRemove] : [true];\n}\n/**\n * Similar to `usePresence`, except `useIsPresent` simply returns whether or not the component is present.\n * There is no `safeToRemove` function.\n *\n * ```jsx\n * import { useIsPresent } from \"framer-motion\"\n *\n * export const Component = () => {\n *   const isPresent = useIsPresent()\n *\n *   useEffect(() => {\n *     !isPresent && console.log(\"I've been removed!\")\n *   }, [isPresent])\n *\n *   return <div />\n * }\n * ```\n *\n * @public\n */\nfunction useIsPresent() {\n    return isPresent(useContext(PresenceContext));\n}\nfunction isPresent(context) {\n    return context === null ? true : context.isPresent;\n}\n\nexport { isPresent, useIsPresent, usePresence };\n"],"names":["usePresence","context","useContext","PresenceContext","isPresent","onExitComplete","register","id","useId","useEffect"],"mappings":"oIA0BA,SAASA,GAAc,CACnB,MAAMC,EAAUC,aAAWC,EAAAA,eAAe,EAC1C,GAAIF,IAAY,KACZ,MAAO,CAAC,GAAM,IAAI,EACtB,KAAM,CAAE,UAAAG,EAAW,eAAAC,EAAgB,SAAAC,CAAQ,EAAKL,EAG1CM,EAAKC,EAAAA,QACXC,OAAAA,EAAAA,UAAU,IAAMH,EAASC,CAAE,EAAG,CAAE,CAAA,EAEzB,CAACH,GAAaC,EAAiB,CAAC,GADlB,IAAMA,GAAkBA,EAAeE,CAAE,CACJ,EAAI,CAAC,EAAI,CACvE","x_google_ignoreList":[0]}

package/dist/lyra181.js

@@ -1,9 +1,12 @@
-import { isCustomValue as e } from "./lyra182.js";
-import { isMotionValue as r } from "./lyra183.js";
-function u(o) {
-  const t = r(o) ? o.get() : o;
-  return e(t) ? t.toValue() : t;
+import { useContext as s, useId as u, useEffect as c } from "react";
+import { PresenceContext as f } from "./lyra182.js";
+function x() {
+  const t = s(f);
+  if (t === null)
+    return [!0, null];
+  const { isPresent: n, onExitComplete: e, register: r } = t, o = u();
+  return c(() => r(o), []), !n && e ? [!1, () => e && e(o)] : [!0];
 }
 export {
-  u as resolveMotionValue
+  x as usePresence
 };

package/dist/lyra181.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra181.js","sources":["../node_modules/framer-motion/dist/es/value/utils/resolve-motion-value.mjs"],"sourcesContent":["import { isCustomValue } from '../../utils/resolve-value.mjs';\nimport { isMotionValue } from './is-motion-value.mjs';\n\n/**\n * If the provided value is a MotionValue, this returns the actual value, otherwise just the value itself\n *\n * TODO: Remove and move to library\n */\nfunction resolveMotionValue(value) {\n    const unwrappedValue = isMotionValue(value) ? value.get() : value;\n    return isCustomValue(unwrappedValue)\n        ? unwrappedValue.toValue()\n        : unwrappedValue;\n}\n\nexport { resolveMotionValue };\n"],"names":["resolveMotionValue","value","unwrappedValue","isMotionValue","isCustomValue"],"mappings":";;AAQA,SAASA,EAAmBC,GAAO;AAC/B,QAAMC,IAAiBC,EAAcF,CAAK,IAAIA,EAAM,IAAK,IAAGA;AAC5D,SAAOG,EAAcF,CAAc,IAC7BA,EAAe,QAAS,IACxBA;AACV;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra181.js","sources":["../node_modules/framer-motion/dist/es/components/AnimatePresence/use-presence.mjs"],"sourcesContent":["import { useContext, useId, useEffect } from 'react';\nimport { PresenceContext } from '../../context/PresenceContext.mjs';\n\n/**\n * When a component is the child of `AnimatePresence`, it can use `usePresence`\n * to access information about whether it's still present in the React tree.\n *\n * ```jsx\n * import { usePresence } from \"framer-motion\"\n *\n * export const Component = () => {\n *   const [isPresent, safeToRemove] = usePresence()\n *\n *   useEffect(() => {\n *     !isPresent && setTimeout(safeToRemove, 1000)\n *   }, [isPresent])\n *\n *   return <div />\n * }\n * ```\n *\n * If `isPresent` is `false`, it means that a component has been removed the tree, but\n * `AnimatePresence` won't really remove it until `safeToRemove` has been called.\n *\n * @public\n */\nfunction usePresence() {\n    const context = useContext(PresenceContext);\n    if (context === null)\n        return [true, null];\n    const { isPresent, onExitComplete, register } = context;\n    // It's safe to call the following hooks conditionally (after an early return) because the context will always\n    // either be null or non-null for the lifespan of the component.\n    const id = useId();\n    useEffect(() => register(id), []);\n    const safeToRemove = () => onExitComplete && onExitComplete(id);\n    return !isPresent && onExitComplete ? [false, safeToRemove] : [true];\n}\n/**\n * Similar to `usePresence`, except `useIsPresent` simply returns whether or not the component is present.\n * There is no `safeToRemove` function.\n *\n * ```jsx\n * import { useIsPresent } from \"framer-motion\"\n *\n * export const Component = () => {\n *   const isPresent = useIsPresent()\n *\n *   useEffect(() => {\n *     !isPresent && console.log(\"I've been removed!\")\n *   }, [isPresent])\n *\n *   return <div />\n * }\n * ```\n *\n * @public\n */\nfunction useIsPresent() {\n    return isPresent(useContext(PresenceContext));\n}\nfunction isPresent(context) {\n    return context === null ? true : context.isPresent;\n}\n\nexport { isPresent, useIsPresent, usePresence };\n"],"names":["usePresence","context","useContext","PresenceContext","isPresent","onExitComplete","register","id","useId","useEffect"],"mappings":";;AA0BA,SAASA,IAAc;AACnB,QAAMC,IAAUC,EAAWC,CAAe;AAC1C,MAAIF,MAAY;AACZ,WAAO,CAAC,IAAM,IAAI;AACtB,QAAM,EAAE,WAAAG,GAAW,gBAAAC,GAAgB,UAAAC,EAAQ,IAAKL,GAG1CM,IAAKC;AACX,SAAAC,EAAU,MAAMH,EAASC,CAAE,GAAG,CAAE,CAAA,GAEzB,CAACH,KAAaC,IAAiB,CAAC,IADlB,MAAMA,KAAkBA,EAAeE,CAAE,CACJ,IAAI,CAAC,EAAI;AACvE;","x_google_ignoreList":[0]}

package/dist/lyra182.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra302.cjs"),r=e=>!!(e&&typeof e=="object"&&e.mix&&e.toValue),s=e=>t.isKeyframesTarget(e)?e[e.length-1]||0:e;exports.isCustomValue=r;exports.resolveFinalValueInKeyframes=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=e.createContext(null);exports.PresenceContext=t;

package/dist/lyra182.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra182.cjs","sources":["../node_modules/framer-motion/dist/es/utils/resolve-value.mjs"],"sourcesContent":["import { isKeyframesTarget } from '../animation/utils/is-keyframes-target.mjs';\n\nconst isCustomValue = (v) => {\n    return Boolean(v && typeof v === \"object\" && v.mix && v.toValue);\n};\nconst resolveFinalValueInKeyframes = (v) => {\n    // TODO maybe throw if v.length - 1 is placeholder token?\n    return isKeyframesTarget(v) ? v[v.length - 1] || 0 : v;\n};\n\nexport { isCustomValue, resolveFinalValueInKeyframes };\n"],"names":["isCustomValue","v","resolveFinalValueInKeyframes","isKeyframesTarget"],"mappings":"iHAEMA,EAAiBC,GACZ,GAAQA,GAAK,OAAOA,GAAM,UAAYA,EAAE,KAAOA,EAAE,SAEtDC,EAAgCD,GAE3BE,EAAiB,kBAACF,CAAC,EAAIA,EAAEA,EAAE,OAAS,CAAC,GAAK,EAAIA","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra182.cjs","sources":["../node_modules/framer-motion/dist/es/context/PresenceContext.mjs"],"sourcesContent":["import { createContext } from 'react';\n\n/**\n * @public\n */\nconst PresenceContext = createContext(null);\n\nexport { PresenceContext };\n"],"names":["PresenceContext","createContext"],"mappings":"yGAKMA,EAAkBC,EAAa,cAAC,IAAI","x_google_ignoreList":[0]}

package/dist/lyra182.js

@@ -1,6 +1,5 @@
-import { isKeyframesTarget as o } from "./lyra302.js";
-const r = (e) => !!(e && typeof e == "object" && e.mix && e.toValue), a = (e) => o(e) ? e[e.length - 1] || 0 : e;
+import { createContext as e } from "react";
+const o = e(null);
 export {
-  r as isCustomValue,
-  a as resolveFinalValueInKeyframes
+  o as PresenceContext
 };

package/dist/lyra182.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra182.js","sources":["../node_modules/framer-motion/dist/es/utils/resolve-value.mjs"],"sourcesContent":["import { isKeyframesTarget } from '../animation/utils/is-keyframes-target.mjs';\n\nconst isCustomValue = (v) => {\n    return Boolean(v && typeof v === \"object\" && v.mix && v.toValue);\n};\nconst resolveFinalValueInKeyframes = (v) => {\n    // TODO maybe throw if v.length - 1 is placeholder token?\n    return isKeyframesTarget(v) ? v[v.length - 1] || 0 : v;\n};\n\nexport { isCustomValue, resolveFinalValueInKeyframes };\n"],"names":["isCustomValue","v","resolveFinalValueInKeyframes","isKeyframesTarget"],"mappings":";AAEK,MAACA,IAAgB,CAACC,MACZ,GAAQA,KAAK,OAAOA,KAAM,YAAYA,EAAE,OAAOA,EAAE,UAEtDC,IAA+B,CAACD,MAE3BE,EAAkBF,CAAC,IAAIA,EAAEA,EAAE,SAAS,CAAC,KAAK,IAAIA;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra182.js","sources":["../node_modules/framer-motion/dist/es/context/PresenceContext.mjs"],"sourcesContent":["import { createContext } from 'react';\n\n/**\n * @public\n */\nconst PresenceContext = createContext(null);\n\nexport { PresenceContext };\n"],"names":["PresenceContext","createContext"],"mappings":";AAKK,MAACA,IAAkBC,EAAc,IAAI;","x_google_ignoreList":[0]}

package/dist/lyra183.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=o=>!!(o&&o.getVelocity);exports.isMotionValue=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),E=require("./lyra184.cjs"),v=require("./lyra185.cjs"),M=require("./lyra186.cjs"),g=require("./lyra187.cjs"),b=require("./lyra188.cjs"),S=require("./lyra189.cjs"),L=require("./lyra190.cjs"),G=require("./lyra170.cjs"),p=require("./lyra191.cjs"),w=require("./lyra192.cjs"),O=require("./lyra193.cjs");function j(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const i=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,i.get?i:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const C=j(r);function P({preloadedFeatures:e,createVisualElement:t,useRender:n,useVisualState:i,Component:c}){e&&S.loadFeatures(e);function d(u,x){let a;const s={...r.useContext(E.MotionConfigContext),...u,layoutId:R(u)},{isStatic:l}=s,o=b.useCreateMotionContext(u),f=i(u,l);if(!l&&L.isBrowser){o.visualElement=M.useVisualElement(c,f,s,t);const y=r.useContext(w.SwitchLayoutGroupContext),q=r.useContext(p.LazyContext).strict;o.visualElement&&(a=o.visualElement.loadFeatures(s,q,e,y))}return C.createElement(v.MotionContext.Provider,{value:o},a&&o.visualElement?C.createElement(a,{visualElement:o.visualElement,...s}):null,n(c,u,g.useMotionRef(f,o.visualElement,x),f,l,o.visualElement))}const m=r.forwardRef(d);return m[O.motionComponentSymbol]=c,m}function R({layoutId:e}){const t=r.useContext(G.LayoutGroupContext).id;return t&&e!==void 0?t+"-"+e:e}exports.createMotionComponent=P;

package/dist/lyra183.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra183.cjs","sources":["../node_modules/framer-motion/dist/es/value/utils/is-motion-value.mjs"],"sourcesContent":["const isMotionValue = (value) => Boolean(value && value.getVelocity);\n\nexport { isMotionValue };\n"],"names":["isMotionValue","value"],"mappings":"gFAAK,MAACA,EAAiBC,GAAU,GAAQA,GAASA,EAAM","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra183.cjs","sources":["../node_modules/framer-motion/dist/es/motion/index.mjs"],"sourcesContent":["import * as React from 'react';\nimport { forwardRef, useContext } from 'react';\nimport { MotionConfigContext } from '../context/MotionConfigContext.mjs';\nimport { MotionContext } from '../context/MotionContext/index.mjs';\nimport { useVisualElement } from './utils/use-visual-element.mjs';\nimport { useMotionRef } from './utils/use-motion-ref.mjs';\nimport { useCreateMotionContext } from '../context/MotionContext/create.mjs';\nimport { loadFeatures } from './features/load-features.mjs';\nimport { isBrowser } from '../utils/is-browser.mjs';\nimport { LayoutGroupContext } from '../context/LayoutGroupContext.mjs';\nimport { LazyContext } from '../context/LazyContext.mjs';\nimport { SwitchLayoutGroupContext } from '../context/SwitchLayoutGroupContext.mjs';\nimport { motionComponentSymbol } from './utils/symbol.mjs';\n\n/**\n * Create a `motion` component.\n *\n * This function accepts a Component argument, which can be either a string (ie \"div\"\n * for `motion.div`), or an actual React component.\n *\n * Alongside this is a config option which provides a way of rendering the provided\n * component \"offline\", or outside the React render cycle.\n */\nfunction createMotionComponent({ preloadedFeatures, createVisualElement, useRender, useVisualState, Component, }) {\n    preloadedFeatures && loadFeatures(preloadedFeatures);\n    function MotionComponent(props, externalRef) {\n        /**\n         * If we need to measure the element we load this functionality in a\n         * separate class component in order to gain access to getSnapshotBeforeUpdate.\n         */\n        let MeasureLayout;\n        const configAndProps = {\n            ...useContext(MotionConfigContext),\n            ...props,\n            layoutId: useLayoutId(props),\n        };\n        const { isStatic } = configAndProps;\n        const context = useCreateMotionContext(props);\n        const visualState = useVisualState(props, isStatic);\n        if (!isStatic && isBrowser) {\n            /**\n             * Create a VisualElement for this component. A VisualElement provides a common\n             * interface to renderer-specific APIs (ie DOM/Three.js etc) as well as\n             * providing a way of rendering to these APIs outside of the React render loop\n             * for more performant animations and interactions\n             */\n            context.visualElement = useVisualElement(Component, visualState, configAndProps, createVisualElement);\n            /**\n             * Load Motion gesture and animation features. These are rendered as renderless\n             * components so each feature can optionally make use of React lifecycle methods.\n             */\n            const initialLayoutGroupConfig = useContext(SwitchLayoutGroupContext);\n            const isStrict = useContext(LazyContext).strict;\n            if (context.visualElement) {\n                MeasureLayout = context.visualElement.loadFeatures(\n                // Note: Pass the full new combined props to correctly re-render dynamic feature components.\n                configAndProps, isStrict, preloadedFeatures, initialLayoutGroupConfig);\n            }\n        }\n        /**\n         * The mount order and hierarchy is specific to ensure our element ref\n         * is hydrated by the time features fire their effects.\n         */\n        return (React.createElement(MotionContext.Provider, { value: context },\n            MeasureLayout && context.visualElement ? (React.createElement(MeasureLayout, { visualElement: context.visualElement, ...configAndProps })) : null,\n            useRender(Component, props, useMotionRef(visualState, context.visualElement, externalRef), visualState, isStatic, context.visualElement)));\n    }\n    const ForwardRefComponent = forwardRef(MotionComponent);\n    ForwardRefComponent[motionComponentSymbol] = Component;\n    return ForwardRefComponent;\n}\nfunction useLayoutId({ layoutId }) {\n    const layoutGroupId = useContext(LayoutGroupContext).id;\n    return layoutGroupId && layoutId !== undefined\n        ? layoutGroupId + \"-\" + layoutId\n        : layoutId;\n}\n\nexport { createMotionComponent };\n"],"names":["createMotionComponent","preloadedFeatures","createVisualElement","useRender","useVisualState","Component","loadFeatures","MotionComponent","props","externalRef","MeasureLayout","configAndProps","useContext","MotionConfigContext","useLayoutId","isStatic","context","useCreateMotionContext","visualState","isBrowser","useVisualElement","initialLayoutGroupConfig","SwitchLayoutGroupContext","isStrict","LazyContext","React","MotionContext","useMotionRef","ForwardRefComponent","forwardRef","motionComponentSymbol","layoutId","layoutGroupId","LayoutGroupContext"],"mappings":"4qBAuBA,SAASA,EAAsB,CAAE,kBAAAC,EAAmB,oBAAAC,EAAqB,UAAAC,EAAW,eAAAC,EAAgB,UAAAC,GAAc,CAC9GJ,GAAqBK,EAAAA,aAAaL,CAAiB,EACnD,SAASM,EAAgBC,EAAOC,EAAa,CAKzC,IAAIC,EACJ,MAAMC,EAAiB,CACnB,GAAGC,EAAAA,WAAWC,EAAAA,mBAAmB,EACjC,GAAGL,EACH,SAAUM,EAAYN,CAAK,CACvC,EACc,CAAE,SAAAO,CAAU,EAAGJ,EACfK,EAAUC,yBAAuBT,CAAK,EACtCU,EAAcd,EAAeI,EAAOO,CAAQ,EAClD,GAAI,CAACA,GAAYI,YAAW,CAOxBH,EAAQ,cAAgBI,mBAAiBf,EAAWa,EAAaP,EAAgBT,CAAmB,EAKpG,MAAMmB,EAA2BT,aAAWU,EAAAA,wBAAwB,EAC9DC,EAAWX,EAAAA,WAAWY,EAAW,WAAA,EAAE,OACrCR,EAAQ,gBACRN,EAAgBM,EAAQ,cAAc,aAEtCL,EAAgBY,EAAUtB,EAAmBoB,CAAwB,EAE5E,CAKD,OAAQI,EAAM,cAAcC,EAAAA,cAAc,SAAU,CAAE,MAAOV,CAAS,EAClEN,GAAiBM,EAAQ,cAAiBS,EAAM,cAAcf,EAAe,CAAE,cAAeM,EAAQ,cAAe,GAAGL,CAAc,CAAE,EAAK,KAC7IR,EAAUE,EAAWG,EAAOmB,EAAAA,aAAaT,EAAaF,EAAQ,cAAeP,CAAW,EAAGS,EAAaH,EAAUC,EAAQ,aAAa,CAAC,CAC/I,CACD,MAAMY,EAAsBC,aAAWtB,CAAe,EACtD,OAAAqB,EAAoBE,EAAAA,qBAAqB,EAAIzB,EACtCuB,CACX,CACA,SAASd,EAAY,CAAE,SAAAiB,GAAY,CAC/B,MAAMC,EAAgBpB,EAAAA,WAAWqB,EAAkB,kBAAA,EAAE,GACrD,OAAOD,GAAiBD,IAAa,OAC/BC,EAAgB,IAAMD,EACtBA,CACV","x_google_ignoreList":[0]}

package/dist/lyra183.js

@@ -1,4 +1,50 @@
-const t = (o) => !!(o && o.getVelocity);
+import * as f from "react";
+import { forwardRef as d, useContext as r } from "react";
+import { MotionConfigContext as y } from "./lyra184.js";
+import { MotionContext as M } from "./lyra185.js";
+import { useVisualElement as L } from "./lyra186.js";
+import { useMotionRef as G } from "./lyra187.js";
+import { useCreateMotionContext as S } from "./lyra188.js";
+import { loadFeatures as w } from "./lyra189.js";
+import { isBrowser as g } from "./lyra190.js";
+import { LayoutGroupContext as R } from "./lyra170.js";
+import { LazyContext as P } from "./lyra191.js";
+import { SwitchLayoutGroupContext as $ } from "./lyra192.js";
+import { motionComponentSymbol as b } from "./lyra193.js";
+function K({ preloadedFeatures: o, createVisualElement: n, useRender: c, useVisualState: C, Component: m }) {
+  o && w(o);
+  function E(e, p) {
+    let u;
+    const i = {
+      ...r(y),
+      ...e,
+      layoutId: h(e)
+    }, { isStatic: a } = i, t = S(e), l = C(e, a);
+    if (!a && g) {
+      t.visualElement = L(m, l, i, n);
+      const v = r($), x = r(P).strict;
+      t.visualElement && (u = t.visualElement.loadFeatures(
+        // Note: Pass the full new combined props to correctly re-render dynamic feature components.
+        i,
+        x,
+        o,
+        v
+      ));
+    }
+    return f.createElement(
+      M.Provider,
+      { value: t },
+      u && t.visualElement ? f.createElement(u, { visualElement: t.visualElement, ...i }) : null,
+      c(m, e, G(l, t.visualElement, p), l, a, t.visualElement)
+    );
+  }
+  const s = d(E);
+  return s[b] = m, s;
+}
+function h({ layoutId: o }) {
+  const n = r(R).id;
+  return n && o !== void 0 ? n + "-" + o : o;
+}
 export {
-  t as isMotionValue
+  K as createMotionComponent
 };

package/dist/lyra183.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra183.js","sources":["../node_modules/framer-motion/dist/es/value/utils/is-motion-value.mjs"],"sourcesContent":["const isMotionValue = (value) => Boolean(value && value.getVelocity);\n\nexport { isMotionValue };\n"],"names":["isMotionValue","value"],"mappings":"AAAK,MAACA,IAAgB,CAACC,MAAU,GAAQA,KAASA,EAAM;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra183.js","sources":["../node_modules/framer-motion/dist/es/motion/index.mjs"],"sourcesContent":["import * as React from 'react';\nimport { forwardRef, useContext } from 'react';\nimport { MotionConfigContext } from '../context/MotionConfigContext.mjs';\nimport { MotionContext } from '../context/MotionContext/index.mjs';\nimport { useVisualElement } from './utils/use-visual-element.mjs';\nimport { useMotionRef } from './utils/use-motion-ref.mjs';\nimport { useCreateMotionContext } from '../context/MotionContext/create.mjs';\nimport { loadFeatures } from './features/load-features.mjs';\nimport { isBrowser } from '../utils/is-browser.mjs';\nimport { LayoutGroupContext } from '../context/LayoutGroupContext.mjs';\nimport { LazyContext } from '../context/LazyContext.mjs';\nimport { SwitchLayoutGroupContext } from '../context/SwitchLayoutGroupContext.mjs';\nimport { motionComponentSymbol } from './utils/symbol.mjs';\n\n/**\n * Create a `motion` component.\n *\n * This function accepts a Component argument, which can be either a string (ie \"div\"\n * for `motion.div`), or an actual React component.\n *\n * Alongside this is a config option which provides a way of rendering the provided\n * component \"offline\", or outside the React render cycle.\n */\nfunction createMotionComponent({ preloadedFeatures, createVisualElement, useRender, useVisualState, Component, }) {\n    preloadedFeatures && loadFeatures(preloadedFeatures);\n    function MotionComponent(props, externalRef) {\n        /**\n         * If we need to measure the element we load this functionality in a\n         * separate class component in order to gain access to getSnapshotBeforeUpdate.\n         */\n        let MeasureLayout;\n        const configAndProps = {\n            ...useContext(MotionConfigContext),\n            ...props,\n            layoutId: useLayoutId(props),\n        };\n        const { isStatic } = configAndProps;\n        const context = useCreateMotionContext(props);\n        const visualState = useVisualState(props, isStatic);\n        if (!isStatic && isBrowser) {\n            /**\n             * Create a VisualElement for this component. A VisualElement provides a common\n             * interface to renderer-specific APIs (ie DOM/Three.js etc) as well as\n             * providing a way of rendering to these APIs outside of the React render loop\n             * for more performant animations and interactions\n             */\n            context.visualElement = useVisualElement(Component, visualState, configAndProps, createVisualElement);\n            /**\n             * Load Motion gesture and animation features. These are rendered as renderless\n             * components so each feature can optionally make use of React lifecycle methods.\n             */\n            const initialLayoutGroupConfig = useContext(SwitchLayoutGroupContext);\n            const isStrict = useContext(LazyContext).strict;\n            if (context.visualElement) {\n                MeasureLayout = context.visualElement.loadFeatures(\n                // Note: Pass the full new combined props to correctly re-render dynamic feature components.\n                configAndProps, isStrict, preloadedFeatures, initialLayoutGroupConfig);\n            }\n        }\n        /**\n         * The mount order and hierarchy is specific to ensure our element ref\n         * is hydrated by the time features fire their effects.\n         */\n        return (React.createElement(MotionContext.Provider, { value: context },\n            MeasureLayout && context.visualElement ? (React.createElement(MeasureLayout, { visualElement: context.visualElement, ...configAndProps })) : null,\n            useRender(Component, props, useMotionRef(visualState, context.visualElement, externalRef), visualState, isStatic, context.visualElement)));\n    }\n    const ForwardRefComponent = forwardRef(MotionComponent);\n    ForwardRefComponent[motionComponentSymbol] = Component;\n    return ForwardRefComponent;\n}\nfunction useLayoutId({ layoutId }) {\n    const layoutGroupId = useContext(LayoutGroupContext).id;\n    return layoutGroupId && layoutId !== undefined\n        ? layoutGroupId + \"-\" + layoutId\n        : layoutId;\n}\n\nexport { createMotionComponent };\n"],"names":["createMotionComponent","preloadedFeatures","createVisualElement","useRender","useVisualState","Component","loadFeatures","MotionComponent","props","externalRef","MeasureLayout","configAndProps","useContext","MotionConfigContext","useLayoutId","isStatic","context","useCreateMotionContext","visualState","isBrowser","useVisualElement","initialLayoutGroupConfig","SwitchLayoutGroupContext","isStrict","LazyContext","React","MotionContext","useMotionRef","ForwardRefComponent","forwardRef","motionComponentSymbol","layoutId","layoutGroupId","LayoutGroupContext"],"mappings":";;;;;;;;;;;;;AAuBA,SAASA,EAAsB,EAAE,mBAAAC,GAAmB,qBAAAC,GAAqB,WAAAC,GAAW,gBAAAC,GAAgB,WAAAC,KAAc;AAC9G,EAAAJ,KAAqBK,EAAaL,CAAiB;AACnD,WAASM,EAAgBC,GAAOC,GAAa;AAKzC,QAAIC;AACJ,UAAMC,IAAiB;AAAA,MACnB,GAAGC,EAAWC,CAAmB;AAAA,MACjC,GAAGL;AAAA,MACH,UAAUM,EAAYN,CAAK;AAAA,IACvC,GACc,EAAE,UAAAO,EAAU,IAAGJ,GACfK,IAAUC,EAAuBT,CAAK,GACtCU,IAAcd,EAAeI,GAAOO,CAAQ;AAClD,QAAI,CAACA,KAAYI,GAAW;AAOxB,MAAAH,EAAQ,gBAAgBI,EAAiBf,GAAWa,GAAaP,GAAgBT,CAAmB;AAKpG,YAAMmB,IAA2BT,EAAWU,CAAwB,GAC9DC,IAAWX,EAAWY,CAAW,EAAE;AACzC,MAAIR,EAAQ,kBACRN,IAAgBM,EAAQ,cAAc;AAAA;AAAA,QAEtCL;AAAA,QAAgBY;AAAA,QAAUtB;AAAA,QAAmBoB;AAAA,MAAwB;AAAA,IAE5E;AAKD,WAAQI,EAAM;AAAA,MAAcC,EAAc;AAAA,MAAU,EAAE,OAAOV,EAAS;AAAA,MAClEN,KAAiBM,EAAQ,gBAAiBS,EAAM,cAAcf,GAAe,EAAE,eAAeM,EAAQ,eAAe,GAAGL,EAAc,CAAE,IAAK;AAAA,MAC7IR,EAAUE,GAAWG,GAAOmB,EAAaT,GAAaF,EAAQ,eAAeP,CAAW,GAAGS,GAAaH,GAAUC,EAAQ,aAAa;AAAA,IAAC;AAAA,EAC/I;AACD,QAAMY,IAAsBC,EAAWtB,CAAe;AACtD,SAAAqB,EAAoBE,CAAqB,IAAIzB,GACtCuB;AACX;AACA,SAASd,EAAY,EAAE,UAAAiB,KAAY;AAC/B,QAAMC,IAAgBpB,EAAWqB,CAAkB,EAAE;AACrD,SAAOD,KAAiBD,MAAa,SAC/BC,IAAgB,MAAMD,IACtBA;AACV;","x_google_ignoreList":[0]}

package/dist/lyra184.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra185.cjs"),l=require("./lyra186.cjs"),m=require("./lyra187.cjs");function c(e,a,r={}){e.notify("AnimationStart",a);let t;if(Array.isArray(a)){const n=a.map(s=>m.animateVariant(e,s,r));t=Promise.all(n)}else if(typeof a=="string")t=m.animateVariant(e,a,r);else{const n=typeof a=="function"?o.resolveVariant(e,a,r.custom):a;t=Promise.all(l.animateTarget(e,n,r))}return t.then(()=>e.notify("AnimationComplete",a))}exports.animateVisualElement=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),o=e.createContext({transformPagePoint:t=>t,isStatic:!1,reducedMotion:"never"});exports.MotionConfigContext=o;

package/dist/lyra184.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra184.cjs","sources":["../node_modules/framer-motion/dist/es/animation/interfaces/visual-element.mjs"],"sourcesContent":["import { resolveVariant } from '../../render/utils/resolve-dynamic-variants.mjs';\nimport { animateTarget } from './visual-element-target.mjs';\nimport { animateVariant } from './visual-element-variant.mjs';\n\nfunction animateVisualElement(visualElement, definition, options = {}) {\n    visualElement.notify(\"AnimationStart\", definition);\n    let animation;\n    if (Array.isArray(definition)) {\n        const animations = definition.map((variant) => animateVariant(visualElement, variant, options));\n        animation = Promise.all(animations);\n    }\n    else if (typeof definition === \"string\") {\n        animation = animateVariant(visualElement, definition, options);\n    }\n    else {\n        const resolvedDefinition = typeof definition === \"function\"\n            ? resolveVariant(visualElement, definition, options.custom)\n            : definition;\n        animation = Promise.all(animateTarget(visualElement, resolvedDefinition, options));\n    }\n    return animation.then(() => visualElement.notify(\"AnimationComplete\", definition));\n}\n\nexport { animateVisualElement };\n"],"names":["animateVisualElement","visualElement","definition","options","animation","animations","variant","animateVariant","resolvedDefinition","resolveVariant","animateTarget"],"mappings":"uKAIA,SAASA,EAAqBC,EAAeC,EAAYC,EAAU,CAAA,EAAI,CACnEF,EAAc,OAAO,iBAAkBC,CAAU,EACjD,IAAIE,EACJ,GAAI,MAAM,QAAQF,CAAU,EAAG,CAC3B,MAAMG,EAAaH,EAAW,IAAKI,GAAYC,EAAc,eAACN,EAAeK,EAASH,CAAO,CAAC,EAC9FC,EAAY,QAAQ,IAAIC,CAAU,CACrC,SACQ,OAAOH,GAAe,SAC3BE,EAAYG,EAAAA,eAAeN,EAAeC,EAAYC,CAAO,MAE5D,CACD,MAAMK,EAAqB,OAAON,GAAe,WAC3CO,EAAAA,eAAeR,EAAeC,EAAYC,EAAQ,MAAM,EACxDD,EACNE,EAAY,QAAQ,IAAIM,EAAAA,cAAcT,EAAeO,EAAoBL,CAAO,CAAC,CACpF,CACD,OAAOC,EAAU,KAAK,IAAMH,EAAc,OAAO,oBAAqBC,CAAU,CAAC,CACrF","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra184.cjs","sources":["../node_modules/framer-motion/dist/es/context/MotionConfigContext.mjs"],"sourcesContent":["import { createContext } from 'react';\n\n/**\n * @public\n */\nconst MotionConfigContext = createContext({\n    transformPagePoint: (p) => p,\n    isStatic: false,\n    reducedMotion: \"never\",\n});\n\nexport { MotionConfigContext };\n"],"names":["MotionConfigContext","createContext","p"],"mappings":"yGAKMA,EAAsBC,EAAAA,cAAc,CACtC,mBAAqBC,GAAMA,EAC3B,SAAU,GACV,cAAe,OACnB,CAAC","x_google_ignoreList":[0]}

package/dist/lyra184.js

@@ -1,20 +1,9 @@
-import { resolveVariant as c } from "./lyra185.js";
-import { animateTarget as p } from "./lyra186.js";
-import { animateVariant as e } from "./lyra187.js";
-function n(a, r, t = {}) {
-  a.notify("AnimationStart", r);
-  let m;
-  if (Array.isArray(r)) {
-    const o = r.map((y) => e(a, y, t));
-    m = Promise.all(o);
-  } else if (typeof r == "string")
-    m = e(a, r, t);
-  else {
-    const o = typeof r == "function" ? c(a, r, t.custom) : r;
-    m = Promise.all(p(a, o, t));
-  }
-  return m.then(() => a.notify("AnimationComplete", r));
-}
+import { createContext as o } from "react";
+const n = o({
+  transformPagePoint: (t) => t,
+  isStatic: !1,
+  reducedMotion: "never"
+});
 export {
-  n as animateVisualElement
+  n as MotionConfigContext
 };

package/dist/lyra184.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra184.js","sources":["../node_modules/framer-motion/dist/es/animation/interfaces/visual-element.mjs"],"sourcesContent":["import { resolveVariant } from '../../render/utils/resolve-dynamic-variants.mjs';\nimport { animateTarget } from './visual-element-target.mjs';\nimport { animateVariant } from './visual-element-variant.mjs';\n\nfunction animateVisualElement(visualElement, definition, options = {}) {\n    visualElement.notify(\"AnimationStart\", definition);\n    let animation;\n    if (Array.isArray(definition)) {\n        const animations = definition.map((variant) => animateVariant(visualElement, variant, options));\n        animation = Promise.all(animations);\n    }\n    else if (typeof definition === \"string\") {\n        animation = animateVariant(visualElement, definition, options);\n    }\n    else {\n        const resolvedDefinition = typeof definition === \"function\"\n            ? resolveVariant(visualElement, definition, options.custom)\n            : definition;\n        animation = Promise.all(animateTarget(visualElement, resolvedDefinition, options));\n    }\n    return animation.then(() => visualElement.notify(\"AnimationComplete\", definition));\n}\n\nexport { animateVisualElement };\n"],"names":["animateVisualElement","visualElement","definition","options","animation","animations","variant","animateVariant","resolvedDefinition","resolveVariant","animateTarget"],"mappings":";;;AAIA,SAASA,EAAqBC,GAAeC,GAAYC,IAAU,CAAA,GAAI;AACnE,EAAAF,EAAc,OAAO,kBAAkBC,CAAU;AACjD,MAAIE;AACJ,MAAI,MAAM,QAAQF,CAAU,GAAG;AAC3B,UAAMG,IAAaH,EAAW,IAAI,CAACI,MAAYC,EAAeN,GAAeK,GAASH,CAAO,CAAC;AAC9F,IAAAC,IAAY,QAAQ,IAAIC,CAAU;AAAA,EACrC,WACQ,OAAOH,KAAe;AAC3B,IAAAE,IAAYG,EAAeN,GAAeC,GAAYC,CAAO;AAAA,OAE5D;AACD,UAAMK,IAAqB,OAAON,KAAe,aAC3CO,EAAeR,GAAeC,GAAYC,EAAQ,MAAM,IACxDD;AACN,IAAAE,IAAY,QAAQ,IAAIM,EAAcT,GAAeO,GAAoBL,CAAO,CAAC;AAAA,EACpF;AACD,SAAOC,EAAU,KAAK,MAAMH,EAAc,OAAO,qBAAqBC,CAAU,CAAC;AACrF;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra184.js","sources":["../node_modules/framer-motion/dist/es/context/MotionConfigContext.mjs"],"sourcesContent":["import { createContext } from 'react';\n\n/**\n * @public\n */\nconst MotionConfigContext = createContext({\n    transformPagePoint: (p) => p,\n    isStatic: false,\n    reducedMotion: \"never\",\n});\n\nexport { MotionConfigContext };\n"],"names":["MotionConfigContext","createContext","p"],"mappings":";AAKK,MAACA,IAAsBC,EAAc;AAAA,EACtC,oBAAoB,CAACC,MAAMA;AAAA,EAC3B,UAAU;AAAA,EACV,eAAe;AACnB,CAAC;","x_google_ignoreList":[0]}

package/dist/lyra185.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./lyra214.cjs");function c(e){const r={};return e.values.forEach((t,o)=>r[o]=t.get()),r}function s(e){const r={};return e.values.forEach((t,o)=>r[o]=t.getVelocity()),r}function i(e,r,t){const o=e.getProps();return n.resolveVariantFromProps(o,r,t!==void 0?t:o.custom,c(e),s(e))}exports.resolveVariant=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),e=t.createContext({});exports.MotionContext=e;

package/dist/lyra185.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra185.cjs","sources":["../node_modules/framer-motion/dist/es/render/utils/resolve-dynamic-variants.mjs"],"sourcesContent":["import { resolveVariantFromProps } from './resolve-variants.mjs';\n\n/**\n * Creates an object containing the latest state of every MotionValue on a VisualElement\n */\nfunction getCurrent(visualElement) {\n    const current = {};\n    visualElement.values.forEach((value, key) => (current[key] = value.get()));\n    return current;\n}\n/**\n * Creates an object containing the latest velocity of every MotionValue on a VisualElement\n */\nfunction getVelocity(visualElement) {\n    const velocity = {};\n    visualElement.values.forEach((value, key) => (velocity[key] = value.getVelocity()));\n    return velocity;\n}\nfunction resolveVariant(visualElement, definition, custom) {\n    const props = visualElement.getProps();\n    return resolveVariantFromProps(props, definition, custom !== undefined ? custom : props.custom, getCurrent(visualElement), getVelocity(visualElement));\n}\n\nexport { resolveVariant };\n"],"names":["getCurrent","visualElement","current","value","key","getVelocity","velocity","resolveVariant","definition","custom","props","resolveVariantFromProps"],"mappings":"iHAKA,SAASA,EAAWC,EAAe,CAC/B,MAAMC,EAAU,CAAA,EAChB,OAAAD,EAAc,OAAO,QAAQ,CAACE,EAAOC,IAASF,EAAQE,CAAG,EAAID,EAAM,IAAG,CAAG,EAClED,CACX,CAIA,SAASG,EAAYJ,EAAe,CAChC,MAAMK,EAAW,CAAA,EACjB,OAAAL,EAAc,OAAO,QAAQ,CAACE,EAAOC,IAASE,EAASF,CAAG,EAAID,EAAM,YAAW,CAAG,EAC3EG,CACX,CACA,SAASC,EAAeN,EAAeO,EAAYC,EAAQ,CACvD,MAAMC,EAAQT,EAAc,WAC5B,OAAOU,EAAuB,wBAACD,EAAOF,EAAYC,IAAW,OAAYA,EAASC,EAAM,OAAQV,EAAWC,CAAa,EAAGI,EAAYJ,CAAa,CAAC,CACzJ","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra185.cjs","sources":["../node_modules/framer-motion/dist/es/context/MotionContext/index.mjs"],"sourcesContent":["import { createContext } from 'react';\n\nconst MotionContext = createContext({});\n\nexport { MotionContext };\n"],"names":["MotionContext","createContext"],"mappings":"yGAEMA,EAAgBC,EAAa,cAAC,CAAE,CAAA","x_google_ignoreList":[0]}

package/dist/lyra185.js

@@ -1,16 +1,5 @@
-import { resolveVariantFromProps as n } from "./lyra214.js";
-function c(r) {
-  const t = {};
-  return r.values.forEach((o, e) => t[e] = o.get()), t;
-}
-function u(r) {
-  const t = {};
-  return r.values.forEach((o, e) => t[e] = o.getVelocity()), t;
-}
-function s(r, t, o) {
-  const e = r.getProps();
-  return n(e, t, o !== void 0 ? o : e.custom, c(r), u(r));
-}
+import { createContext as t } from "react";
+const e = t({});
 export {
-  s as resolveVariant
+  e as MotionContext
 };

package/dist/lyra185.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra185.js","sources":["../node_modules/framer-motion/dist/es/render/utils/resolve-dynamic-variants.mjs"],"sourcesContent":["import { resolveVariantFromProps } from './resolve-variants.mjs';\n\n/**\n * Creates an object containing the latest state of every MotionValue on a VisualElement\n */\nfunction getCurrent(visualElement) {\n    const current = {};\n    visualElement.values.forEach((value, key) => (current[key] = value.get()));\n    return current;\n}\n/**\n * Creates an object containing the latest velocity of every MotionValue on a VisualElement\n */\nfunction getVelocity(visualElement) {\n    const velocity = {};\n    visualElement.values.forEach((value, key) => (velocity[key] = value.getVelocity()));\n    return velocity;\n}\nfunction resolveVariant(visualElement, definition, custom) {\n    const props = visualElement.getProps();\n    return resolveVariantFromProps(props, definition, custom !== undefined ? custom : props.custom, getCurrent(visualElement), getVelocity(visualElement));\n}\n\nexport { resolveVariant };\n"],"names":["getCurrent","visualElement","current","value","key","getVelocity","velocity","resolveVariant","definition","custom","props","resolveVariantFromProps"],"mappings":";AAKA,SAASA,EAAWC,GAAe;AAC/B,QAAMC,IAAU,CAAA;AAChB,SAAAD,EAAc,OAAO,QAAQ,CAACE,GAAOC,MAASF,EAAQE,CAAG,IAAID,EAAM,IAAG,CAAG,GAClED;AACX;AAIA,SAASG,EAAYJ,GAAe;AAChC,QAAMK,IAAW,CAAA;AACjB,SAAAL,EAAc,OAAO,QAAQ,CAACE,GAAOC,MAASE,EAASF,CAAG,IAAID,EAAM,YAAW,CAAG,GAC3EG;AACX;AACA,SAASC,EAAeN,GAAeO,GAAYC,GAAQ;AACvD,QAAMC,IAAQT,EAAc;AAC5B,SAAOU,EAAwBD,GAAOF,GAAYC,MAAW,SAAYA,IAASC,EAAM,QAAQV,EAAWC,CAAa,GAAGI,EAAYJ,CAAa,CAAC;AACzJ;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra185.js","sources":["../node_modules/framer-motion/dist/es/context/MotionContext/index.mjs"],"sourcesContent":["import { createContext } from 'react';\n\nconst MotionContext = createContext({});\n\nexport { MotionContext };\n"],"names":["MotionContext","createContext"],"mappings":";AAEK,MAACA,IAAgBC,EAAc,CAAE,CAAA;","x_google_ignoreList":[0]}

package/dist/lyra186.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("./lyra210.cjs"),A=require("./lyra241.cjs"),w=require("./lyra303.cjs"),S=require("./lyra209.cjs"),q=require("./lyra266.cjs"),P=require("./lyra219.cjs");function V({protectedKeys:t,needsAnimating:o},n){const i=t.hasOwnProperty(n)&&o[n]!==!0;return o[n]=!1,i}function b(t,o,{delay:n=0,transitionOverride:i,type:f}={}){let{transition:d=t.getDefaultTransition(),transitionEnd:r,...p}=t.makeTargetAnimatable(o);const s=t.getValue("willChange");i&&(d=i);const c=[],g=f&&t.animationState&&t.animationState.getState()[f];for(const a in p){const e=t.getValue(a),l=p[a];if(!e||l===void 0||g&&V(g,a))continue;const u={delay:n,elapsed:0,...d};if(window.HandoffAppearAnimations&&!e.hasAnimated){const h=t.getProps()[A.optimizedAppearDataAttribute];h&&(u.elapsed=window.HandoffAppearAnimations(h,a,e,P.frame),u.syncStart=!0)}e.start(w.animateMotionValue(a,e,l,t.shouldReduceMotion&&T.transformProps.has(a)?{type:!1}:u));const m=e.animation;S.isWillChangeMotionValue(s)&&(s.add(a),m.then(()=>s.remove(a))),c.push(m)}return r&&Promise.all(c).then(()=>{r&&q.setTarget(t,r)}),c}exports.animateTarget=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),C=require("./lyra182.cjs"),l=require("./lyra185.cjs"),m=require("./lyra126.cjs"),x=require("./lyra191.cjs"),p=require("./lyra184.cjs"),q=require("./lyra233.cjs");function g(s,u,r,n){const{visualElement:c}=t.useContext(l.MotionContext),f=t.useContext(x.LazyContext),o=t.useContext(C.PresenceContext),d=t.useContext(p.MotionConfigContext).reducedMotion,a=t.useRef();n=n||f.renderer,!a.current&&n&&(a.current=n(s,{visualState:u,parent:c,props:r,presenceContext:o,blockInitialAnimation:o?o.initial===!1:!1,reducedMotionConfig:d}));const e=a.current;t.useInsertionEffect(()=>{e&&e.update(r,o)});const i=t.useRef(!!r[q.optimizedAppearDataAttribute]);return m.useIsomorphicLayoutEffect(()=>{e&&(e.render(),i.current&&e.animationState&&e.animationState.animateChanges())}),t.useEffect(()=>{e&&(e.updateFeatures(),!i.current&&e.animationState&&e.animationState.animateChanges(),i.current&&(window.HandoffAppearAnimations=!1,i.current=!1))}),e}exports.useVisualElement=g;

package/dist/lyra186.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra186.cjs","sources":["../node_modules/framer-motion/dist/es/animation/interfaces/visual-element-target.mjs"],"sourcesContent":["import { transformProps } from '../../render/html/utils/transform.mjs';\nimport { optimizedAppearDataAttribute } from '../optimized-appear/data-id.mjs';\nimport { animateMotionValue } from './motion-value.mjs';\nimport { isWillChangeMotionValue } from '../../value/use-will-change/is.mjs';\nimport { setTarget } from '../../render/utils/setters.mjs';\nimport { frame } from '../../frameloop/frame.mjs';\n\n/**\n * Decide whether we should block this animation. Previously, we achieved this\n * just by checking whether the key was listed in protectedKeys, but this\n * posed problems if an animation was triggered by afterChildren and protectedKeys\n * had been set to true in the meantime.\n */\nfunction shouldBlockAnimation({ protectedKeys, needsAnimating }, key) {\n    const shouldBlock = protectedKeys.hasOwnProperty(key) && needsAnimating[key] !== true;\n    needsAnimating[key] = false;\n    return shouldBlock;\n}\nfunction animateTarget(visualElement, definition, { delay = 0, transitionOverride, type } = {}) {\n    let { transition = visualElement.getDefaultTransition(), transitionEnd, ...target } = visualElement.makeTargetAnimatable(definition);\n    const willChange = visualElement.getValue(\"willChange\");\n    if (transitionOverride)\n        transition = transitionOverride;\n    const animations = [];\n    const animationTypeState = type &&\n        visualElement.animationState &&\n        visualElement.animationState.getState()[type];\n    for (const key in target) {\n        const value = visualElement.getValue(key);\n        const valueTarget = target[key];\n        if (!value ||\n            valueTarget === undefined ||\n            (animationTypeState &&\n                shouldBlockAnimation(animationTypeState, key))) {\n            continue;\n        }\n        const valueTransition = {\n            delay,\n            elapsed: 0,\n            ...transition,\n        };\n        /**\n         * If this is the first time a value is being animated, check\n         * to see if we're handling off from an existing animation.\n         */\n        if (window.HandoffAppearAnimations && !value.hasAnimated) {\n            const appearId = visualElement.getProps()[optimizedAppearDataAttribute];\n            if (appearId) {\n                valueTransition.elapsed = window.HandoffAppearAnimations(appearId, key, value, frame);\n                valueTransition.syncStart = true;\n            }\n        }\n        value.start(animateMotionValue(key, value, valueTarget, visualElement.shouldReduceMotion && transformProps.has(key)\n            ? { type: false }\n            : valueTransition));\n        const animation = value.animation;\n        if (isWillChangeMotionValue(willChange)) {\n            willChange.add(key);\n            animation.then(() => willChange.remove(key));\n        }\n        animations.push(animation);\n    }\n    if (transitionEnd) {\n        Promise.all(animations).then(() => {\n            transitionEnd && setTarget(visualElement, transitionEnd);\n        });\n    }\n    return animations;\n}\n\nexport { animateTarget };\n"],"names":["shouldBlockAnimation","protectedKeys","needsAnimating","key","shouldBlock","animateTarget","visualElement","definition","delay","transitionOverride","type","transition","transitionEnd","target","willChange","animations","animationTypeState","value","valueTarget","valueTransition","appearId","optimizedAppearDataAttribute","frame","animateMotionValue","transformProps","animation","isWillChangeMotionValue","setTarget"],"mappings":"wPAaA,SAASA,EAAqB,CAAE,cAAAC,EAAe,eAAAC,CAAc,EAAIC,EAAK,CAClE,MAAMC,EAAcH,EAAc,eAAeE,CAAG,GAAKD,EAAeC,CAAG,IAAM,GACjF,OAAAD,EAAeC,CAAG,EAAI,GACfC,CACX,CACA,SAASC,EAAcC,EAAeC,EAAY,CAAE,MAAAC,EAAQ,EAAG,mBAAAC,EAAoB,KAAAC,CAAM,EAAG,GAAI,CAC5F,GAAI,CAAE,WAAAC,EAAaL,EAAc,uBAAwB,cAAAM,EAAe,GAAGC,GAAWP,EAAc,qBAAqBC,CAAU,EACnI,MAAMO,EAAaR,EAAc,SAAS,YAAY,EAClDG,IACAE,EAAaF,GACjB,MAAMM,EAAa,CAAA,EACbC,EAAqBN,GACvBJ,EAAc,gBACdA,EAAc,eAAe,SAAU,EAACI,CAAI,EAChD,UAAWP,KAAOU,EAAQ,CACtB,MAAMI,EAAQX,EAAc,SAASH,CAAG,EAClCe,EAAcL,EAAOV,CAAG,EAC9B,GAAI,CAACc,GACDC,IAAgB,QACfF,GACGhB,EAAqBgB,EAAoBb,CAAG,EAChD,SAEJ,MAAMgB,EAAkB,CACpB,MAAAX,EACA,QAAS,EACT,GAAGG,CACf,EAKQ,GAAI,OAAO,yBAA2B,CAACM,EAAM,YAAa,CACtD,MAAMG,EAAWd,EAAc,SAAU,EAACe,EAA4B,4BAAA,EAClED,IACAD,EAAgB,QAAU,OAAO,wBAAwBC,EAAUjB,EAAKc,EAAOK,EAAAA,KAAK,EACpFH,EAAgB,UAAY,GAEnC,CACDF,EAAM,MAAMM,qBAAmBpB,EAAKc,EAAOC,EAAaZ,EAAc,oBAAsBkB,iBAAe,IAAIrB,CAAG,EAC5G,CAAE,KAAM,EAAO,EACfgB,CAAe,CAAC,EACtB,MAAMM,EAAYR,EAAM,UACpBS,EAAAA,wBAAwBZ,CAAU,IAClCA,EAAW,IAAIX,CAAG,EAClBsB,EAAU,KAAK,IAAMX,EAAW,OAAOX,CAAG,CAAC,GAE/CY,EAAW,KAAKU,CAAS,CAC5B,CACD,OAAIb,GACA,QAAQ,IAAIG,CAAU,EAAE,KAAK,IAAM,CAC/BH,GAAiBe,EAAS,UAACrB,EAAeM,CAAa,CACnE,CAAS,EAEEG,CACX","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra186.cjs","sources":["../node_modules/framer-motion/dist/es/motion/utils/use-visual-element.mjs"],"sourcesContent":["import { useContext, useRef, useInsertionEffect, useEffect } from 'react';\nimport { PresenceContext } from '../../context/PresenceContext.mjs';\nimport { MotionContext } from '../../context/MotionContext/index.mjs';\nimport { useIsomorphicLayoutEffect } from '../../utils/use-isomorphic-effect.mjs';\nimport { LazyContext } from '../../context/LazyContext.mjs';\nimport { MotionConfigContext } from '../../context/MotionConfigContext.mjs';\nimport { optimizedAppearDataAttribute } from '../../animation/optimized-appear/data-id.mjs';\n\nfunction useVisualElement(Component, visualState, props, createVisualElement) {\n    const { visualElement: parent } = useContext(MotionContext);\n    const lazyContext = useContext(LazyContext);\n    const presenceContext = useContext(PresenceContext);\n    const reducedMotionConfig = useContext(MotionConfigContext).reducedMotion;\n    const visualElementRef = useRef();\n    /**\n     * If we haven't preloaded a renderer, check to see if we have one lazy-loaded\n     */\n    createVisualElement = createVisualElement || lazyContext.renderer;\n    if (!visualElementRef.current && createVisualElement) {\n        visualElementRef.current = createVisualElement(Component, {\n            visualState,\n            parent,\n            props,\n            presenceContext,\n            blockInitialAnimation: presenceContext\n                ? presenceContext.initial === false\n                : false,\n            reducedMotionConfig,\n        });\n    }\n    const visualElement = visualElementRef.current;\n    useInsertionEffect(() => {\n        visualElement && visualElement.update(props, presenceContext);\n    });\n    /**\n     * Cache this value as we want to know whether HandoffAppearAnimations\n     * was present on initial render - it will be deleted after this.\n     */\n    const wantsHandoff = useRef(Boolean(props[optimizedAppearDataAttribute]));\n    useIsomorphicLayoutEffect(() => {\n        if (!visualElement)\n            return;\n        visualElement.render();\n        /**\n         * Ideally this function would always run in a useEffect.\n         *\n         * However, if we have optimised appear animations to handoff from,\n         * it needs to happen synchronously to ensure there's no flash of\n         * incorrect styles in the event of a hydration error.\n         *\n         * So if we detect a situtation where optimised appear animations\n         * are running, we use useLayoutEffect to trigger animations.\n         */\n        if (wantsHandoff.current && visualElement.animationState) {\n            visualElement.animationState.animateChanges();\n        }\n    });\n    useEffect(() => {\n        if (!visualElement)\n            return;\n        visualElement.updateFeatures();\n        if (!wantsHandoff.current && visualElement.animationState) {\n            visualElement.animationState.animateChanges();\n        }\n        /**\n         * Once we've handed animations off, we can delete the global reference.\n         */\n        if (wantsHandoff.current) {\n            window.HandoffAppearAnimations = false;\n            wantsHandoff.current = false;\n        }\n    });\n    return visualElement;\n}\n\nexport { useVisualElement };\n"],"names":["useVisualElement","Component","visualState","props","createVisualElement","parent","useContext","MotionContext","lazyContext","LazyContext","presenceContext","PresenceContext","reducedMotionConfig","MotionConfigContext","visualElementRef","useRef","visualElement","useInsertionEffect","wantsHandoff","optimizedAppearDataAttribute","useIsomorphicLayoutEffect","useEffect"],"mappings":"2QAQA,SAASA,EAAiBC,EAAWC,EAAaC,EAAOC,EAAqB,CAC1E,KAAM,CAAE,cAAeC,CAAQ,EAAGC,EAAU,WAACC,EAAa,aAAA,EACpDC,EAAcF,aAAWG,EAAAA,WAAW,EACpCC,EAAkBJ,aAAWK,EAAAA,eAAe,EAC5CC,EAAsBN,EAAAA,WAAWO,EAAmB,mBAAA,EAAE,cACtDC,EAAmBC,EAAAA,SAIzBX,EAAsBA,GAAuBI,EAAY,SACrD,CAACM,EAAiB,SAAWV,IAC7BU,EAAiB,QAAUV,EAAoBH,EAAW,CACtD,YAAAC,EACA,OAAAG,EACA,MAAAF,EACA,gBAAAO,EACA,sBAAuBA,EACjBA,EAAgB,UAAY,GAC5B,GACN,oBAAAE,CACZ,CAAS,GAEL,MAAMI,EAAgBF,EAAiB,QACvCG,EAAAA,mBAAmB,IAAM,CACrBD,GAAiBA,EAAc,OAAOb,EAAOO,CAAe,CACpE,CAAK,EAKD,MAAMQ,EAAeH,EAAAA,OAAO,EAAQZ,EAAMgB,EAAAA,4BAA4B,CAAE,EACxEC,OAAAA,EAAAA,0BAA0B,IAAM,CACvBJ,IAELA,EAAc,OAAM,EAWhBE,EAAa,SAAWF,EAAc,gBACtCA,EAAc,eAAe,iBAEzC,CAAK,EACDK,EAAAA,UAAU,IAAM,CACPL,IAELA,EAAc,eAAc,EACxB,CAACE,EAAa,SAAWF,EAAc,gBACvCA,EAAc,eAAe,iBAK7BE,EAAa,UACb,OAAO,wBAA0B,GACjCA,EAAa,QAAU,IAEnC,CAAK,EACMF,CACX","x_google_ignoreList":[0]}

package/dist/lyra186.js

@@ -1,39 +1,31 @@
-import { transformProps as A } from "./lyra210.js";
-import { optimizedAppearDataAttribute as w } from "./lyra241.js";
-import { animateMotionValue as T } from "./lyra303.js";
-import { isWillChangeMotionValue as S } from "./lyra209.js";
-import { setTarget as P } from "./lyra266.js";
-import { frame as V } from "./lyra219.js";
-function C({ protectedKeys: t, needsAnimating: i }, n) {
-  const r = t.hasOwnProperty(n) && i[n] !== !0;
-  return i[n] = !1, r;
-}
-function H(t, i, { delay: n = 0, transitionOverride: r, type: m } = {}) {
-  let { transition: c = t.getDefaultTransition(), transitionEnd: e, ...d } = t.makeTargetAnimatable(i);
-  const s = t.getValue("willChange");
-  r && (c = r);
-  const f = [], u = m && t.animationState && t.animationState.getState()[m];
-  for (const o in d) {
-    const a = t.getValue(o), g = d[o];
-    if (!a || g === void 0 || u && C(u, o))
-      continue;
-    const p = {
-      delay: n,
-      elapsed: 0,
-      ...c
-    };
-    if (window.HandoffAppearAnimations && !a.hasAnimated) {
-      const l = t.getProps()[w];
-      l && (p.elapsed = window.HandoffAppearAnimations(l, o, a, V), p.syncStart = !0);
-    }
-    a.start(T(o, a, g, t.shouldReduceMotion && A.has(o) ? { type: !1 } : p));
-    const h = a.animation;
-    S(s) && (s.add(o), h.then(() => s.remove(o))), f.push(h);
-  }
-  return e && Promise.all(f).then(() => {
-    e && P(t, e);
-  }), f;
+import { useContext as i, useRef as f, useInsertionEffect as d, useEffect as l } from "react";
+import { PresenceContext as C } from "./lyra182.js";
+import { MotionContext as x } from "./lyra185.js";
+import { useIsomorphicLayoutEffect as A } from "./lyra126.js";
+import { LazyContext as g } from "./lyra191.js";
+import { MotionConfigContext as E } from "./lyra184.js";
+import { optimizedAppearDataAttribute as M } from "./lyra233.js";
+function b(m, s, r, e) {
+  const { visualElement: u } = i(x), c = i(g), n = i(C), p = i(E).reducedMotion, a = f();
+  e = e || c.renderer, !a.current && e && (a.current = e(m, {
+    visualState: s,
+    parent: u,
+    props: r,
+    presenceContext: n,
+    blockInitialAnimation: n ? n.initial === !1 : !1,
+    reducedMotionConfig: p
+  }));
+  const t = a.current;
+  d(() => {
+    t && t.update(r, n);
+  });
+  const o = f(!!r[M]);
+  return A(() => {
+    t && (t.render(), o.current && t.animationState && t.animationState.animateChanges());
+  }), l(() => {
+    t && (t.updateFeatures(), !o.current && t.animationState && t.animationState.animateChanges(), o.current && (window.HandoffAppearAnimations = !1, o.current = !1));
+  }), t;
 }
 export {
-  H as animateTarget
+  b as useVisualElement
 };

package/dist/lyra186.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra186.js","sources":["../node_modules/framer-motion/dist/es/animation/interfaces/visual-element-target.mjs"],"sourcesContent":["import { transformProps } from '../../render/html/utils/transform.mjs';\nimport { optimizedAppearDataAttribute } from '../optimized-appear/data-id.mjs';\nimport { animateMotionValue } from './motion-value.mjs';\nimport { isWillChangeMotionValue } from '../../value/use-will-change/is.mjs';\nimport { setTarget } from '../../render/utils/setters.mjs';\nimport { frame } from '../../frameloop/frame.mjs';\n\n/**\n * Decide whether we should block this animation. Previously, we achieved this\n * just by checking whether the key was listed in protectedKeys, but this\n * posed problems if an animation was triggered by afterChildren and protectedKeys\n * had been set to true in the meantime.\n */\nfunction shouldBlockAnimation({ protectedKeys, needsAnimating }, key) {\n    const shouldBlock = protectedKeys.hasOwnProperty(key) && needsAnimating[key] !== true;\n    needsAnimating[key] = false;\n    return shouldBlock;\n}\nfunction animateTarget(visualElement, definition, { delay = 0, transitionOverride, type } = {}) {\n    let { transition = visualElement.getDefaultTransition(), transitionEnd, ...target } = visualElement.makeTargetAnimatable(definition);\n    const willChange = visualElement.getValue(\"willChange\");\n    if (transitionOverride)\n        transition = transitionOverride;\n    const animations = [];\n    const animationTypeState = type &&\n        visualElement.animationState &&\n        visualElement.animationState.getState()[type];\n    for (const key in target) {\n        const value = visualElement.getValue(key);\n        const valueTarget = target[key];\n        if (!value ||\n            valueTarget === undefined ||\n            (animationTypeState &&\n                shouldBlockAnimation(animationTypeState, key))) {\n            continue;\n        }\n        const valueTransition = {\n            delay,\n            elapsed: 0,\n            ...transition,\n        };\n        /**\n         * If this is the first time a value is being animated, check\n         * to see if we're handling off from an existing animation.\n         */\n        if (window.HandoffAppearAnimations && !value.hasAnimated) {\n            const appearId = visualElement.getProps()[optimizedAppearDataAttribute];\n            if (appearId) {\n                valueTransition.elapsed = window.HandoffAppearAnimations(appearId, key, value, frame);\n                valueTransition.syncStart = true;\n            }\n        }\n        value.start(animateMotionValue(key, value, valueTarget, visualElement.shouldReduceMotion && transformProps.has(key)\n            ? { type: false }\n            : valueTransition));\n        const animation = value.animation;\n        if (isWillChangeMotionValue(willChange)) {\n            willChange.add(key);\n            animation.then(() => willChange.remove(key));\n        }\n        animations.push(animation);\n    }\n    if (transitionEnd) {\n        Promise.all(animations).then(() => {\n            transitionEnd && setTarget(visualElement, transitionEnd);\n        });\n    }\n    return animations;\n}\n\nexport { animateTarget };\n"],"names":["shouldBlockAnimation","protectedKeys","needsAnimating","key","shouldBlock","animateTarget","visualElement","definition","delay","transitionOverride","type","transition","transitionEnd","target","willChange","animations","animationTypeState","value","valueTarget","valueTransition","appearId","optimizedAppearDataAttribute","frame","animateMotionValue","transformProps","animation","isWillChangeMotionValue","setTarget"],"mappings":";;;;;;AAaA,SAASA,EAAqB,EAAE,eAAAC,GAAe,gBAAAC,EAAc,GAAIC,GAAK;AAClE,QAAMC,IAAcH,EAAc,eAAeE,CAAG,KAAKD,EAAeC,CAAG,MAAM;AACjF,SAAAD,EAAeC,CAAG,IAAI,IACfC;AACX;AACA,SAASC,EAAcC,GAAeC,GAAY,EAAE,OAAAC,IAAQ,GAAG,oBAAAC,GAAoB,MAAAC,EAAM,IAAG,IAAI;AAC5F,MAAI,EAAE,YAAAC,IAAaL,EAAc,wBAAwB,eAAAM,GAAe,GAAGC,MAAWP,EAAc,qBAAqBC,CAAU;AACnI,QAAMO,IAAaR,EAAc,SAAS,YAAY;AACtD,EAAIG,MACAE,IAAaF;AACjB,QAAMM,IAAa,CAAA,GACbC,IAAqBN,KACvBJ,EAAc,kBACdA,EAAc,eAAe,SAAU,EAACI,CAAI;AAChD,aAAWP,KAAOU,GAAQ;AACtB,UAAMI,IAAQX,EAAc,SAASH,CAAG,GAClCe,IAAcL,EAAOV,CAAG;AAC9B,QAAI,CAACc,KACDC,MAAgB,UACfF,KACGhB,EAAqBgB,GAAoBb,CAAG;AAChD;AAEJ,UAAMgB,IAAkB;AAAA,MACpB,OAAAX;AAAA,MACA,SAAS;AAAA,MACT,GAAGG;AAAA,IACf;AAKQ,QAAI,OAAO,2BAA2B,CAACM,EAAM,aAAa;AACtD,YAAMG,IAAWd,EAAc,SAAU,EAACe,CAA4B;AACtE,MAAID,MACAD,EAAgB,UAAU,OAAO,wBAAwBC,GAAUjB,GAAKc,GAAOK,CAAK,GACpFH,EAAgB,YAAY;AAAA,IAEnC;AACD,IAAAF,EAAM,MAAMM,EAAmBpB,GAAKc,GAAOC,GAAaZ,EAAc,sBAAsBkB,EAAe,IAAIrB,CAAG,IAC5G,EAAE,MAAM,GAAO,IACfgB,CAAe,CAAC;AACtB,UAAMM,IAAYR,EAAM;AACxB,IAAIS,EAAwBZ,CAAU,MAClCA,EAAW,IAAIX,CAAG,GAClBsB,EAAU,KAAK,MAAMX,EAAW,OAAOX,CAAG,CAAC,IAE/CY,EAAW,KAAKU,CAAS;AAAA,EAC5B;AACD,SAAIb,KACA,QAAQ,IAAIG,CAAU,EAAE,KAAK,MAAM;AAC/B,IAAAH,KAAiBe,EAAUrB,GAAeM,CAAa;AAAA,EACnE,CAAS,GAEEG;AACX;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra186.js","sources":["../node_modules/framer-motion/dist/es/motion/utils/use-visual-element.mjs"],"sourcesContent":["import { useContext, useRef, useInsertionEffect, useEffect } from 'react';\nimport { PresenceContext } from '../../context/PresenceContext.mjs';\nimport { MotionContext } from '../../context/MotionContext/index.mjs';\nimport { useIsomorphicLayoutEffect } from '../../utils/use-isomorphic-effect.mjs';\nimport { LazyContext } from '../../context/LazyContext.mjs';\nimport { MotionConfigContext } from '../../context/MotionConfigContext.mjs';\nimport { optimizedAppearDataAttribute } from '../../animation/optimized-appear/data-id.mjs';\n\nfunction useVisualElement(Component, visualState, props, createVisualElement) {\n    const { visualElement: parent } = useContext(MotionContext);\n    const lazyContext = useContext(LazyContext);\n    const presenceContext = useContext(PresenceContext);\n    const reducedMotionConfig = useContext(MotionConfigContext).reducedMotion;\n    const visualElementRef = useRef();\n    /**\n     * If we haven't preloaded a renderer, check to see if we have one lazy-loaded\n     */\n    createVisualElement = createVisualElement || lazyContext.renderer;\n    if (!visualElementRef.current && createVisualElement) {\n        visualElementRef.current = createVisualElement(Component, {\n            visualState,\n            parent,\n            props,\n            presenceContext,\n            blockInitialAnimation: presenceContext\n                ? presenceContext.initial === false\n                : false,\n            reducedMotionConfig,\n        });\n    }\n    const visualElement = visualElementRef.current;\n    useInsertionEffect(() => {\n        visualElement && visualElement.update(props, presenceContext);\n    });\n    /**\n     * Cache this value as we want to know whether HandoffAppearAnimations\n     * was present on initial render - it will be deleted after this.\n     */\n    const wantsHandoff = useRef(Boolean(props[optimizedAppearDataAttribute]));\n    useIsomorphicLayoutEffect(() => {\n        if (!visualElement)\n            return;\n        visualElement.render();\n        /**\n         * Ideally this function would always run in a useEffect.\n         *\n         * However, if we have optimised appear animations to handoff from,\n         * it needs to happen synchronously to ensure there's no flash of\n         * incorrect styles in the event of a hydration error.\n         *\n         * So if we detect a situtation where optimised appear animations\n         * are running, we use useLayoutEffect to trigger animations.\n         */\n        if (wantsHandoff.current && visualElement.animationState) {\n            visualElement.animationState.animateChanges();\n        }\n    });\n    useEffect(() => {\n        if (!visualElement)\n            return;\n        visualElement.updateFeatures();\n        if (!wantsHandoff.current && visualElement.animationState) {\n            visualElement.animationState.animateChanges();\n        }\n        /**\n         * Once we've handed animations off, we can delete the global reference.\n         */\n        if (wantsHandoff.current) {\n            window.HandoffAppearAnimations = false;\n            wantsHandoff.current = false;\n        }\n    });\n    return visualElement;\n}\n\nexport { useVisualElement };\n"],"names":["useVisualElement","Component","visualState","props","createVisualElement","parent","useContext","MotionContext","lazyContext","LazyContext","presenceContext","PresenceContext","reducedMotionConfig","MotionConfigContext","visualElementRef","useRef","visualElement","useInsertionEffect","wantsHandoff","optimizedAppearDataAttribute","useIsomorphicLayoutEffect","useEffect"],"mappings":";;;;;;;AAQA,SAASA,EAAiBC,GAAWC,GAAaC,GAAOC,GAAqB;AAC1E,QAAM,EAAE,eAAeC,EAAQ,IAAGC,EAAWC,CAAa,GACpDC,IAAcF,EAAWG,CAAW,GACpCC,IAAkBJ,EAAWK,CAAe,GAC5CC,IAAsBN,EAAWO,CAAmB,EAAE,eACtDC,IAAmBC;AAIzB,EAAAX,IAAsBA,KAAuBI,EAAY,UACrD,CAACM,EAAiB,WAAWV,MAC7BU,EAAiB,UAAUV,EAAoBH,GAAW;AAAA,IACtD,aAAAC;AAAA,IACA,QAAAG;AAAA,IACA,OAAAF;AAAA,IACA,iBAAAO;AAAA,IACA,uBAAuBA,IACjBA,EAAgB,YAAY,KAC5B;AAAA,IACN,qBAAAE;AAAA,EACZ,CAAS;AAEL,QAAMI,IAAgBF,EAAiB;AACvC,EAAAG,EAAmB,MAAM;AACrB,IAAAD,KAAiBA,EAAc,OAAOb,GAAOO,CAAe;AAAA,EACpE,CAAK;AAKD,QAAMQ,IAAeH,EAAO,EAAQZ,EAAMgB,CAA4B,CAAE;AACxE,SAAAC,EAA0B,MAAM;AAC5B,IAAKJ,MAELA,EAAc,OAAM,GAWhBE,EAAa,WAAWF,EAAc,kBACtCA,EAAc,eAAe;EAEzC,CAAK,GACDK,EAAU,MAAM;AACZ,IAAKL,MAELA,EAAc,eAAc,GACxB,CAACE,EAAa,WAAWF,EAAc,kBACvCA,EAAc,eAAe,kBAK7BE,EAAa,YACb,OAAO,0BAA0B,IACjCA,EAAa,UAAU;AAAA,EAEnC,CAAK,GACMF;AACX;","x_google_ignoreList":[0]}

package/dist/lyra187.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("./lyra185.cjs"),y=require("./lyra186.cjs");function m(r,t,n={}){const i=g.resolveVariant(r,t,n.custom);let{transition:o=r.getDefaultTransition()||{}}=i||{};n.transitionOverride&&(o=n.transitionOverride);const s=i?()=>Promise.all(y.animateTarget(r,i,n)):()=>Promise.resolve(),a=r.variantChildren&&r.variantChildren.size?(c=0)=>{const{delayChildren:e=0,staggerChildren:d,staggerDirection:u}=o;return h(r,t,e+c,d,u,n)}:()=>Promise.resolve(),{when:l}=o;if(l){const[c,e]=l==="beforeChildren"?[s,a]:[a,s];return c().then(()=>e())}else return Promise.all([s(),a(n.delay)])}function h(r,t,n=0,i=0,o=1,s){const a=[],l=(r.variantChildren.size-1)*i,c=o===1?(e=0)=>e*i:(e=0)=>l-e*i;return Array.from(r.variantChildren).sort(f).forEach((e,d)=>{e.notify("AnimationStart",t),a.push(m(e,t,{...s,delay:n+c(d)}).then(()=>e.notify("AnimationComplete",t)))}),Promise.all(a)}function f(r,t){return r.sortNodePosition(t)}exports.animateVariant=m;exports.sortByTreeOrder=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),c=require("./lyra196.cjs");function i(f,r,u){return t.useCallback(o=>{o&&f.mount&&f.mount(o),r&&(o?r.mount(o):r.unmount()),u&&(typeof u=="function"?u(o):c.isRefObject(u)&&(u.current=o))},[r])}exports.useMotionRef=i;

package/dist/lyra187.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra187.cjs","sources":["../node_modules/framer-motion/dist/es/animation/interfaces/visual-element-variant.mjs"],"sourcesContent":["import { resolveVariant } from '../../render/utils/resolve-dynamic-variants.mjs';\nimport { animateTarget } from './visual-element-target.mjs';\n\nfunction animateVariant(visualElement, variant, options = {}) {\n    const resolved = resolveVariant(visualElement, variant, options.custom);\n    let { transition = visualElement.getDefaultTransition() || {} } = resolved || {};\n    if (options.transitionOverride) {\n        transition = options.transitionOverride;\n    }\n    /**\n     * If we have a variant, create a callback that runs it as an animation.\n     * Otherwise, we resolve a Promise immediately for a composable no-op.\n     */\n    const getAnimation = resolved\n        ? () => Promise.all(animateTarget(visualElement, resolved, options))\n        : () => Promise.resolve();\n    /**\n     * If we have children, create a callback that runs all their animations.\n     * Otherwise, we resolve a Promise immediately for a composable no-op.\n     */\n    const getChildAnimations = visualElement.variantChildren && visualElement.variantChildren.size\n        ? (forwardDelay = 0) => {\n            const { delayChildren = 0, staggerChildren, staggerDirection, } = transition;\n            return animateChildren(visualElement, variant, delayChildren + forwardDelay, staggerChildren, staggerDirection, options);\n        }\n        : () => Promise.resolve();\n    /**\n     * If the transition explicitly defines a \"when\" option, we need to resolve either\n     * this animation or all children animations before playing the other.\n     */\n    const { when } = transition;\n    if (when) {\n        const [first, last] = when === \"beforeChildren\"\n            ? [getAnimation, getChildAnimations]\n            : [getChildAnimations, getAnimation];\n        return first().then(() => last());\n    }\n    else {\n        return Promise.all([getAnimation(), getChildAnimations(options.delay)]);\n    }\n}\nfunction animateChildren(visualElement, variant, delayChildren = 0, staggerChildren = 0, staggerDirection = 1, options) {\n    const animations = [];\n    const maxStaggerDuration = (visualElement.variantChildren.size - 1) * staggerChildren;\n    const generateStaggerDuration = staggerDirection === 1\n        ? (i = 0) => i * staggerChildren\n        : (i = 0) => maxStaggerDuration - i * staggerChildren;\n    Array.from(visualElement.variantChildren)\n        .sort(sortByTreeOrder)\n        .forEach((child, i) => {\n        child.notify(\"AnimationStart\", variant);\n        animations.push(animateVariant(child, variant, {\n            ...options,\n            delay: delayChildren + generateStaggerDuration(i),\n        }).then(() => child.notify(\"AnimationComplete\", variant)));\n    });\n    return Promise.all(animations);\n}\nfunction sortByTreeOrder(a, b) {\n    return a.sortNodePosition(b);\n}\n\nexport { animateVariant, sortByTreeOrder };\n"],"names":["animateVariant","visualElement","variant","options","resolved","resolveVariant","transition","getAnimation","animateTarget","getChildAnimations","forwardDelay","delayChildren","staggerChildren","staggerDirection","animateChildren","when","first","last","animations","maxStaggerDuration","generateStaggerDuration","i","sortByTreeOrder","child","a","b"],"mappings":"4IAGA,SAASA,EAAeC,EAAeC,EAASC,EAAU,CAAA,EAAI,CAC1D,MAAMC,EAAWC,EAAAA,eAAeJ,EAAeC,EAASC,EAAQ,MAAM,EACtE,GAAI,CAAE,WAAAG,EAAaL,EAAc,qBAAsB,GAAI,EAAI,EAAGG,GAAY,GAC1ED,EAAQ,qBACRG,EAAaH,EAAQ,oBAMzB,MAAMI,EAAeH,EACf,IAAM,QAAQ,IAAII,EAAAA,cAAcP,EAAeG,EAAUD,CAAO,CAAC,EACjE,IAAM,QAAQ,UAKdM,EAAqBR,EAAc,iBAAmBA,EAAc,gBAAgB,KACpF,CAACS,EAAe,IAAM,CACpB,KAAM,CAAE,cAAAC,EAAgB,EAAG,gBAAAC,EAAiB,iBAAAC,CAAgB,EAAMP,EAClE,OAAOQ,EAAgBb,EAAeC,EAASS,EAAgBD,EAAcE,EAAiBC,EAAkBV,CAAO,CAC1H,EACC,IAAM,QAAQ,UAKd,CAAE,KAAAY,CAAM,EAAGT,EACjB,GAAIS,EAAM,CACN,KAAM,CAACC,EAAOC,CAAI,EAAIF,IAAS,iBACzB,CAACR,EAAcE,CAAkB,EACjC,CAACA,EAAoBF,CAAY,EACvC,OAAOS,EAAK,EAAG,KAAK,IAAMC,EAAM,CAAA,CACnC,KAEG,QAAO,QAAQ,IAAI,CAACV,EAAY,EAAIE,EAAmBN,EAAQ,KAAK,CAAC,CAAC,CAE9E,CACA,SAASW,EAAgBb,EAAeC,EAASS,EAAgB,EAAGC,EAAkB,EAAGC,EAAmB,EAAGV,EAAS,CACpH,MAAMe,EAAa,CAAA,EACbC,GAAsBlB,EAAc,gBAAgB,KAAO,GAAKW,EAChEQ,EAA0BP,IAAqB,EAC/C,CAACQ,EAAI,IAAMA,EAAIT,EACf,CAACS,EAAI,IAAMF,EAAqBE,EAAIT,EAC1C,aAAM,KAAKX,EAAc,eAAe,EACnC,KAAKqB,CAAe,EACpB,QAAQ,CAACC,EAAOF,IAAM,CACvBE,EAAM,OAAO,iBAAkBrB,CAAO,EACtCgB,EAAW,KAAKlB,EAAeuB,EAAOrB,EAAS,CAC3C,GAAGC,EACH,MAAOQ,EAAgBS,EAAwBC,CAAC,CAC5D,CAAS,EAAE,KAAK,IAAME,EAAM,OAAO,oBAAqBrB,CAAO,CAAC,CAAC,CACjE,CAAK,EACM,QAAQ,IAAIgB,CAAU,CACjC,CACA,SAASI,EAAgBE,EAAGC,EAAG,CAC3B,OAAOD,EAAE,iBAAiBC,CAAC,CAC/B","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra187.cjs","sources":["../node_modules/framer-motion/dist/es/motion/utils/use-motion-ref.mjs"],"sourcesContent":["import { useCallback } from 'react';\nimport { isRefObject } from '../../utils/is-ref-object.mjs';\n\n/**\n * Creates a ref function that, when called, hydrates the provided\n * external ref and VisualElement.\n */\nfunction useMotionRef(visualState, visualElement, externalRef) {\n    return useCallback((instance) => {\n        instance && visualState.mount && visualState.mount(instance);\n        if (visualElement) {\n            instance\n                ? visualElement.mount(instance)\n                : visualElement.unmount();\n        }\n        if (externalRef) {\n            if (typeof externalRef === \"function\") {\n                externalRef(instance);\n            }\n            else if (isRefObject(externalRef)) {\n                externalRef.current = instance;\n            }\n        }\n    }, \n    /**\n     * Only pass a new ref callback to React if we've received a visual element\n     * factory. Otherwise we'll be mounting/remounting every time externalRef\n     * or other dependencies change.\n     */\n    [visualElement]);\n}\n\nexport { useMotionRef };\n"],"names":["useMotionRef","visualState","visualElement","externalRef","useCallback","instance","isRefObject"],"mappings":"oIAOA,SAASA,EAAaC,EAAaC,EAAeC,EAAa,CAC3D,OAAOC,EAAAA,YAAaC,GAAa,CAC7BA,GAAYJ,EAAY,OAASA,EAAY,MAAMI,CAAQ,EACvDH,IACAG,EACMH,EAAc,MAAMG,CAAQ,EAC5BH,EAAc,QAAO,GAE3BC,IACI,OAAOA,GAAgB,WACvBA,EAAYE,CAAQ,EAEfC,EAAAA,YAAYH,CAAW,IAC5BA,EAAY,QAAUE,GAGjC,EAMD,CAACH,CAAa,CAAC,CACnB","x_google_ignoreList":[0]}

package/dist/lyra187.js

@@ -1,32 +1,18 @@
-import { resolveVariant as l } from "./lyra185.js";
-import { animateTarget as h } from "./lyra186.js";
-function g(r, e, n = {}) {
-  const i = l(r, e, n.custom);
-  let { transition: a = r.getDefaultTransition() || {} } = i || {};
-  n.transitionOverride && (a = n.transitionOverride);
-  const s = i ? () => Promise.all(h(r, i, n)) : () => Promise.resolve(), o = r.variantChildren && r.variantChildren.size ? (m = 0) => {
-    const { delayChildren: t = 0, staggerChildren: c, staggerDirection: d } = a;
-    return C(r, e, t + m, c, d, n);
-  } : () => Promise.resolve(), { when: f } = a;
-  if (f) {
-    const [m, t] = f === "beforeChildren" ? [s, o] : [o, s];
-    return m().then(() => t());
-  } else
-    return Promise.all([s(), o(n.delay)]);
-}
-function C(r, e, n = 0, i = 0, a = 1, s) {
-  const o = [], f = (r.variantChildren.size - 1) * i, m = a === 1 ? (t = 0) => t * i : (t = 0) => f - t * i;
-  return Array.from(r.variantChildren).sort(u).forEach((t, c) => {
-    t.notify("AnimationStart", e), o.push(g(t, e, {
-      ...s,
-      delay: n + m(c)
-    }).then(() => t.notify("AnimationComplete", e)));
-  }), Promise.all(o);
-}
-function u(r, e) {
-  return r.sortNodePosition(e);
+import { useCallback as r } from "react";
+import { isRefObject as p } from "./lyra196.js";
+function j(m, u, f) {
+  return r(
+    (o) => {
+      o && m.mount && m.mount(o), u && (o ? u.mount(o) : u.unmount()), f && (typeof f == "function" ? f(o) : p(f) && (f.current = o));
+    },
+    /**
+     * Only pass a new ref callback to React if we've received a visual element
+     * factory. Otherwise we'll be mounting/remounting every time externalRef
+     * or other dependencies change.
+     */
+    [u]
+  );
 }
 export {
-  g as animateVariant,
-  u as sortByTreeOrder
+  j as useMotionRef
 };

package/dist/lyra187.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra187.js","sources":["../node_modules/framer-motion/dist/es/animation/interfaces/visual-element-variant.mjs"],"sourcesContent":["import { resolveVariant } from '../../render/utils/resolve-dynamic-variants.mjs';\nimport { animateTarget } from './visual-element-target.mjs';\n\nfunction animateVariant(visualElement, variant, options = {}) {\n    const resolved = resolveVariant(visualElement, variant, options.custom);\n    let { transition = visualElement.getDefaultTransition() || {} } = resolved || {};\n    if (options.transitionOverride) {\n        transition = options.transitionOverride;\n    }\n    /**\n     * If we have a variant, create a callback that runs it as an animation.\n     * Otherwise, we resolve a Promise immediately for a composable no-op.\n     */\n    const getAnimation = resolved\n        ? () => Promise.all(animateTarget(visualElement, resolved, options))\n        : () => Promise.resolve();\n    /**\n     * If we have children, create a callback that runs all their animations.\n     * Otherwise, we resolve a Promise immediately for a composable no-op.\n     */\n    const getChildAnimations = visualElement.variantChildren && visualElement.variantChildren.size\n        ? (forwardDelay = 0) => {\n            const { delayChildren = 0, staggerChildren, staggerDirection, } = transition;\n            return animateChildren(visualElement, variant, delayChildren + forwardDelay, staggerChildren, staggerDirection, options);\n        }\n        : () => Promise.resolve();\n    /**\n     * If the transition explicitly defines a \"when\" option, we need to resolve either\n     * this animation or all children animations before playing the other.\n     */\n    const { when } = transition;\n    if (when) {\n        const [first, last] = when === \"beforeChildren\"\n            ? [getAnimation, getChildAnimations]\n            : [getChildAnimations, getAnimation];\n        return first().then(() => last());\n    }\n    else {\n        return Promise.all([getAnimation(), getChildAnimations(options.delay)]);\n    }\n}\nfunction animateChildren(visualElement, variant, delayChildren = 0, staggerChildren = 0, staggerDirection = 1, options) {\n    const animations = [];\n    const maxStaggerDuration = (visualElement.variantChildren.size - 1) * staggerChildren;\n    const generateStaggerDuration = staggerDirection === 1\n        ? (i = 0) => i * staggerChildren\n        : (i = 0) => maxStaggerDuration - i * staggerChildren;\n    Array.from(visualElement.variantChildren)\n        .sort(sortByTreeOrder)\n        .forEach((child, i) => {\n        child.notify(\"AnimationStart\", variant);\n        animations.push(animateVariant(child, variant, {\n            ...options,\n            delay: delayChildren + generateStaggerDuration(i),\n        }).then(() => child.notify(\"AnimationComplete\", variant)));\n    });\n    return Promise.all(animations);\n}\nfunction sortByTreeOrder(a, b) {\n    return a.sortNodePosition(b);\n}\n\nexport { animateVariant, sortByTreeOrder };\n"],"names":["animateVariant","visualElement","variant","options","resolved","resolveVariant","transition","getAnimation","animateTarget","getChildAnimations","forwardDelay","delayChildren","staggerChildren","staggerDirection","animateChildren","when","first","last","animations","maxStaggerDuration","generateStaggerDuration","i","sortByTreeOrder","child","a","b"],"mappings":";;AAGA,SAASA,EAAeC,GAAeC,GAASC,IAAU,CAAA,GAAI;AAC1D,QAAMC,IAAWC,EAAeJ,GAAeC,GAASC,EAAQ,MAAM;AACtE,MAAI,EAAE,YAAAG,IAAaL,EAAc,qBAAsB,KAAI,GAAI,IAAGG,KAAY;AAC9E,EAAID,EAAQ,uBACRG,IAAaH,EAAQ;AAMzB,QAAMI,IAAeH,IACf,MAAM,QAAQ,IAAII,EAAcP,GAAeG,GAAUD,CAAO,CAAC,IACjE,MAAM,QAAQ,WAKdM,IAAqBR,EAAc,mBAAmBA,EAAc,gBAAgB,OACpF,CAACS,IAAe,MAAM;AACpB,UAAM,EAAE,eAAAC,IAAgB,GAAG,iBAAAC,GAAiB,kBAAAC,EAAgB,IAAMP;AAClE,WAAOQ,EAAgBb,GAAeC,GAASS,IAAgBD,GAAcE,GAAiBC,GAAkBV,CAAO;AAAA,EAC1H,IACC,MAAM,QAAQ,WAKd,EAAE,MAAAY,EAAM,IAAGT;AACjB,MAAIS,GAAM;AACN,UAAM,CAACC,GAAOC,CAAI,IAAIF,MAAS,mBACzB,CAACR,GAAcE,CAAkB,IACjC,CAACA,GAAoBF,CAAY;AACvC,WAAOS,EAAK,EAAG,KAAK,MAAMC,EAAM,CAAA;AAAA,EACnC;AAEG,WAAO,QAAQ,IAAI,CAACV,EAAY,GAAIE,EAAmBN,EAAQ,KAAK,CAAC,CAAC;AAE9E;AACA,SAASW,EAAgBb,GAAeC,GAASS,IAAgB,GAAGC,IAAkB,GAAGC,IAAmB,GAAGV,GAAS;AACpH,QAAMe,IAAa,CAAA,GACbC,KAAsBlB,EAAc,gBAAgB,OAAO,KAAKW,GAChEQ,IAA0BP,MAAqB,IAC/C,CAACQ,IAAI,MAAMA,IAAIT,IACf,CAACS,IAAI,MAAMF,IAAqBE,IAAIT;AAC1C,eAAM,KAAKX,EAAc,eAAe,EACnC,KAAKqB,CAAe,EACpB,QAAQ,CAACC,GAAOF,MAAM;AACvB,IAAAE,EAAM,OAAO,kBAAkBrB,CAAO,GACtCgB,EAAW,KAAKlB,EAAeuB,GAAOrB,GAAS;AAAA,MAC3C,GAAGC;AAAA,MACH,OAAOQ,IAAgBS,EAAwBC,CAAC;AAAA,IAC5D,CAAS,EAAE,KAAK,MAAME,EAAM,OAAO,qBAAqBrB,CAAO,CAAC,CAAC;AAAA,EACjE,CAAK,GACM,QAAQ,IAAIgB,CAAU;AACjC;AACA,SAASI,EAAgBE,GAAGC,GAAG;AAC3B,SAAOD,EAAE,iBAAiBC,CAAC;AAC/B;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra187.js","sources":["../node_modules/framer-motion/dist/es/motion/utils/use-motion-ref.mjs"],"sourcesContent":["import { useCallback } from 'react';\nimport { isRefObject } from '../../utils/is-ref-object.mjs';\n\n/**\n * Creates a ref function that, when called, hydrates the provided\n * external ref and VisualElement.\n */\nfunction useMotionRef(visualState, visualElement, externalRef) {\n    return useCallback((instance) => {\n        instance && visualState.mount && visualState.mount(instance);\n        if (visualElement) {\n            instance\n                ? visualElement.mount(instance)\n                : visualElement.unmount();\n        }\n        if (externalRef) {\n            if (typeof externalRef === \"function\") {\n                externalRef(instance);\n            }\n            else if (isRefObject(externalRef)) {\n                externalRef.current = instance;\n            }\n        }\n    }, \n    /**\n     * Only pass a new ref callback to React if we've received a visual element\n     * factory. Otherwise we'll be mounting/remounting every time externalRef\n     * or other dependencies change.\n     */\n    [visualElement]);\n}\n\nexport { useMotionRef };\n"],"names":["useMotionRef","visualState","visualElement","externalRef","useCallback","instance","isRefObject"],"mappings":";;AAOA,SAASA,EAAaC,GAAaC,GAAeC,GAAa;AAC3D,SAAOC;AAAA,IAAY,CAACC,MAAa;AAC7B,MAAAA,KAAYJ,EAAY,SAASA,EAAY,MAAMI,CAAQ,GACvDH,MACAG,IACMH,EAAc,MAAMG,CAAQ,IAC5BH,EAAc,QAAO,IAE3BC,MACI,OAAOA,KAAgB,aACvBA,EAAYE,CAAQ,IAEfC,EAAYH,CAAW,MAC5BA,EAAY,UAAUE;AAAA,IAGjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,CAACH,CAAa;AAAA,EAAC;AACnB;","x_google_ignoreList":[0]}

package/dist/lyra188.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=new Set(["animate","exit","variants","initial","style","values","variants","transition","transformTemplate","transformValues","custom","inherit","onLayoutAnimationStart","onLayoutAnimationComplete","onLayoutMeasure","onBeforeLayoutMeasure","onAnimationStart","onAnimationComplete","onUpdate","onDragStart","onDrag","onDragEnd","onMeasureDragConstraints","onDirectionLock","onDragTransitionEnd","_dragX","_dragY","onHoverStart","onHoverEnd","onViewportEnter","onViewportLeave","ignoreStrict","viewport"]);function n(t){return t.startsWith("while")||t.startsWith("drag")&&t!=="draggable"||t.startsWith("layout")||t.startsWith("onTap")||t.startsWith("onPan")||o.has(t)}exports.isValidMotionProp=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),o=require("./lyra185.cjs"),u=require("./lyra294.cjs");function a(e){const{initial:t,animate:n}=u.getCurrentTreeVariants(e,r.useContext(o.MotionContext));return r.useMemo(()=>({initial:t,animate:n}),[i(t),i(n)])}function i(e){return Array.isArray(e)?e.join(" "):e}exports.useCreateMotionContext=a;