@new-black/lyra 0.1.0 → 0.1.1

package/dist/lyra162.js

@@ -1,41 +1,12 @@
-const n = /* @__PURE__ */ 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 o(t) {
-  return t.startsWith("while") || t.startsWith("drag") && t !== "draggable" || t.startsWith("layout") || t.startsWith("onTap") || t.startsWith("onPan") || n.has(t);
+import { useContext as s, useId as u, useEffect as c } from "react";
+import { PresenceContext as f } from "./lyra163.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 {
-  o as isValidMotionProp
+  x as usePresence
 };

package/dist/lyra162.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra162.js","sources":["../node_modules/framer-motion/dist/es/motion/utils/valid-prop.mjs"],"sourcesContent":["/**\n * A list of all valid MotionProps.\n *\n * @privateRemarks\n * This doesn't throw if a `MotionProp` name is missing - it should.\n */\nconst validMotionProps = new Set([\n    \"animate\",\n    \"exit\",\n    \"variants\",\n    \"initial\",\n    \"style\",\n    \"values\",\n    \"variants\",\n    \"transition\",\n    \"transformTemplate\",\n    \"transformValues\",\n    \"custom\",\n    \"inherit\",\n    \"onLayoutAnimationStart\",\n    \"onLayoutAnimationComplete\",\n    \"onLayoutMeasure\",\n    \"onBeforeLayoutMeasure\",\n    \"onAnimationStart\",\n    \"onAnimationComplete\",\n    \"onUpdate\",\n    \"onDragStart\",\n    \"onDrag\",\n    \"onDragEnd\",\n    \"onMeasureDragConstraints\",\n    \"onDirectionLock\",\n    \"onDragTransitionEnd\",\n    \"_dragX\",\n    \"_dragY\",\n    \"onHoverStart\",\n    \"onHoverEnd\",\n    \"onViewportEnter\",\n    \"onViewportLeave\",\n    \"ignoreStrict\",\n    \"viewport\",\n]);\n/**\n * Check whether a prop name is a valid `MotionProp` key.\n *\n * @param key - Name of the property to check\n * @returns `true` is key is a valid `MotionProp`.\n *\n * @public\n */\nfunction isValidMotionProp(key) {\n    return (key.startsWith(\"while\") ||\n        (key.startsWith(\"drag\") && key !== \"draggable\") ||\n        key.startsWith(\"layout\") ||\n        key.startsWith(\"onTap\") ||\n        key.startsWith(\"onPan\") ||\n        validMotionProps.has(key));\n}\n\nexport { isValidMotionProp };\n"],"names":["validMotionProps","isValidMotionProp","key"],"mappings":"AAMA,MAAMA,IAAmB,oBAAI,IAAI;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,CAAC;AASD,SAASC,EAAkBC,GAAK;AAC5B,SAAQA,EAAI,WAAW,OAAO,KACzBA,EAAI,WAAW,MAAM,KAAKA,MAAQ,eACnCA,EAAI,WAAW,QAAQ,KACvBA,EAAI,WAAW,OAAO,KACtBA,EAAI,WAAW,OAAO,KACtBF,EAAiB,IAAIE,CAAG;AAChC;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra162.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/lyra163.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),u=require("./lyra164.cjs");function c(){const n=t.useContext(u.PresenceContext);if(n===null)return[!0,null];const{isPresent:r,onExitComplete:e,register:o}=n,s=t.useId();return t.useEffect(()=>o(s),[]),!r&&e?[!1,()=>e&&e(s)]:[!0]}exports.usePresence=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=e.createContext(null);exports.PresenceContext=t;

package/dist/lyra163.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra163.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]}
+{"version":3,"file":"lyra163.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/lyra163.js

@@ -1,12 +1,5 @@
-import { useContext as s, useId as u, useEffect as c } from "react";
-import { PresenceContext as f } from "./lyra164.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];
-}
+import { createContext as e } from "react";
+const o = e(null);
 export {
-  x as usePresence
+  o as PresenceContext
 };

package/dist/lyra163.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra163.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]}
+{"version":3,"file":"lyra163.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/lyra164.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=e.createContext(null);exports.PresenceContext=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),E=require("./lyra165.cjs"),v=require("./lyra166.cjs"),M=require("./lyra167.cjs"),g=require("./lyra168.cjs"),b=require("./lyra169.cjs"),S=require("./lyra170.cjs"),L=require("./lyra171.cjs"),G=require("./lyra150.cjs"),p=require("./lyra172.cjs"),w=require("./lyra173.cjs"),O=require("./lyra174.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/lyra164.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra164.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]}
+{"version":3,"file":"lyra164.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/lyra164.js

@@ -1,5 +1,50 @@
-import { createContext as e } from "react";
-const o = e(null);
+import * as f from "react";
+import { forwardRef as d, useContext as r } from "react";
+import { MotionConfigContext as y } from "./lyra165.js";
+import { MotionContext as M } from "./lyra166.js";
+import { useVisualElement as L } from "./lyra167.js";
+import { useMotionRef as G } from "./lyra168.js";
+import { useCreateMotionContext as S } from "./lyra169.js";
+import { loadFeatures as w } from "./lyra170.js";
+import { isBrowser as g } from "./lyra171.js";
+import { LayoutGroupContext as R } from "./lyra150.js";
+import { LazyContext as P } from "./lyra172.js";
+import { SwitchLayoutGroupContext as $ } from "./lyra173.js";
+import { motionComponentSymbol as b } from "./lyra174.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 {
-  o as PresenceContext
+  K as createMotionComponent
 };

package/dist/lyra164.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra164.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]}
+{"version":3,"file":"lyra164.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/lyra165.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),E=require("./lyra166.cjs"),v=require("./lyra167.cjs"),M=require("./lyra168.cjs"),g=require("./lyra169.cjs"),b=require("./lyra170.cjs"),S=require("./lyra171.cjs"),L=require("./lyra172.cjs"),G=require("./lyra151.cjs"),p=require("./lyra173.cjs"),w=require("./lyra174.cjs"),O=require("./lyra175.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;
+"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/lyra165.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra165.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]}
+{"version":3,"file":"lyra165.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/lyra165.js

@@ -1,50 +1,9 @@
-import * as f from "react";
-import { forwardRef as d, useContext as r } from "react";
-import { MotionConfigContext as y } from "./lyra166.js";
-import { MotionContext as M } from "./lyra167.js";
-import { useVisualElement as L } from "./lyra168.js";
-import { useMotionRef as G } from "./lyra169.js";
-import { useCreateMotionContext as S } from "./lyra170.js";
-import { loadFeatures as w } from "./lyra171.js";
-import { isBrowser as g } from "./lyra172.js";
-import { LayoutGroupContext as R } from "./lyra151.js";
-import { LazyContext as P } from "./lyra173.js";
-import { SwitchLayoutGroupContext as $ } from "./lyra174.js";
-import { motionComponentSymbol as b } from "./lyra175.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;
-}
+import { createContext as o } from "react";
+const n = o({
+  transformPagePoint: (t) => t,
+  isStatic: !1,
+  reducedMotion: "never"
+});
 export {
-  K as createMotionComponent
+  n as MotionConfigContext
 };

package/dist/lyra165.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra165.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]}
+{"version":3,"file":"lyra165.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/lyra166.cjs

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),e=t.createContext({});exports.MotionContext=e;

package/dist/lyra166.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra166.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]}
+{"version":3,"file":"lyra166.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/lyra166.js

@@ -1,9 +1,5 @@
-import { createContext as o } from "react";
-const n = o({
-  transformPagePoint: (t) => t,
-  isStatic: !1,
-  reducedMotion: "never"
-});
+import { createContext as t } from "react";
+const e = t({});
 export {
-  n as MotionConfigContext
+  e as MotionContext
 };

package/dist/lyra166.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra166.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]}
+{"version":3,"file":"lyra166.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/lyra167.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),e=t.createContext({});exports.MotionContext=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),d=require("./lyra163.cjs"),x=require("./lyra166.cjs"),r=require("./lyra151.cjs"),l=require("./lyra172.cjs"),m=require("./lyra165.cjs");function E(u,c,i,n){const{visualElement:a}=t.useContext(x.MotionContext),f=t.useContext(l.LazyContext),o=t.useContext(d.PresenceContext),C=t.useContext(m.MotionConfigContext).reducedMotion,s=t.useRef();n=n||f.renderer,!s.current&&n&&(s.current=n(u,{visualState:c,parent:a,props:i,presenceContext:o,blockInitialAnimation:o?o.initial===!1:!1,reducedMotionConfig:C}));const e=s.current;return t.useInsertionEffect(()=>{e&&e.update(i,o)}),r.useIsomorphicLayoutEffect(()=>{e&&e.render()}),t.useEffect(()=>{e&&e.updateFeatures()}),(window.HandoffAppearAnimations?r.useIsomorphicLayoutEffect:t.useEffect)(()=>{e&&e.animationState&&e.animationState.animateChanges()}),e}exports.useVisualElement=E;

package/dist/lyra167.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra167.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]}
+{"version":3,"file":"lyra167.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';\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    useIsomorphicLayoutEffect(() => {\n        visualElement && visualElement.render();\n    });\n    useEffect(() => {\n        visualElement && visualElement.updateFeatures();\n    });\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    const useAnimateChangesEffect = window.HandoffAppearAnimations\n        ? useIsomorphicLayoutEffect\n        : useEffect;\n    useAnimateChangesEffect(() => {\n        if (visualElement && visualElement.animationState) {\n            visualElement.animationState.animateChanges();\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","useIsomorphicLayoutEffect","useEffect"],"mappings":"gPAOA,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,OAAAA,EAAAA,mBAAmB,IAAM,CACrBD,GAAiBA,EAAc,OAAOb,EAAOO,CAAe,CACpE,CAAK,EACDQ,EAAAA,0BAA0B,IAAM,CAC5BF,GAAiBA,EAAc,QACvC,CAAK,EACDG,EAAAA,UAAU,IAAM,CACZH,GAAiBA,EAAc,gBACvC,CAAK,GAW+B,OAAO,wBACjCE,EAAyB,0BACzBC,aACkB,IAAM,CACtBH,GAAiBA,EAAc,gBAC/BA,EAAc,eAAe,gBAEzC,CAAK,EACMA,CACX","x_google_ignoreList":[0]}

package/dist/lyra167.js

@@ -1,5 +1,30 @@
-import { createContext as t } from "react";
-const e = t({});
+import { useContext as o, useRef as C, useInsertionEffect as d, useEffect as f } from "react";
+import { PresenceContext as l } from "./lyra163.js";
+import { MotionContext as x } from "./lyra166.js";
+import { useIsomorphicLayoutEffect as a } from "./lyra151.js";
+import { LazyContext as E } from "./lyra172.js";
+import { MotionConfigContext as g } from "./lyra165.js";
+function z(s, m, r, e) {
+  const { visualElement: u } = o(x), c = o(E), n = o(l), p = o(g).reducedMotion, i = C();
+  e = e || c.renderer, !i.current && e && (i.current = e(s, {
+    visualState: m,
+    parent: u,
+    props: r,
+    presenceContext: n,
+    blockInitialAnimation: n ? n.initial === !1 : !1,
+    reducedMotionConfig: p
+  }));
+  const t = i.current;
+  return d(() => {
+    t && t.update(r, n);
+  }), a(() => {
+    t && t.render();
+  }), f(() => {
+    t && t.updateFeatures();
+  }), (window.HandoffAppearAnimations ? a : f)(() => {
+    t && t.animationState && t.animationState.animateChanges();
+  }), t;
+}
 export {
-  e as MotionContext
+  z as useVisualElement
 };

package/dist/lyra167.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra167.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]}
+{"version":3,"file":"lyra167.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';\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    useIsomorphicLayoutEffect(() => {\n        visualElement && visualElement.render();\n    });\n    useEffect(() => {\n        visualElement && visualElement.updateFeatures();\n    });\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    const useAnimateChangesEffect = window.HandoffAppearAnimations\n        ? useIsomorphicLayoutEffect\n        : useEffect;\n    useAnimateChangesEffect(() => {\n        if (visualElement && visualElement.animationState) {\n            visualElement.animationState.animateChanges();\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","useIsomorphicLayoutEffect","useEffect"],"mappings":";;;;;;AAOA,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,SAAAG,EAAmB,MAAM;AACrB,IAAAD,KAAiBA,EAAc,OAAOb,GAAOO,CAAe;AAAA,EACpE,CAAK,GACDQ,EAA0B,MAAM;AAC5B,IAAAF,KAAiBA,EAAc;EACvC,CAAK,GACDG,EAAU,MAAM;AACZ,IAAAH,KAAiBA,EAAc;EACvC,CAAK,IAW+B,OAAO,0BACjCE,IACAC,GACkB,MAAM;AAC1B,IAAIH,KAAiBA,EAAc,kBAC/BA,EAAc,eAAe;EAEzC,CAAK,GACMA;AACX;","x_google_ignoreList":[0]}

package/dist/lyra168.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),d=require("./lyra164.cjs"),x=require("./lyra167.cjs"),r=require("./lyra152.cjs"),l=require("./lyra173.cjs"),m=require("./lyra166.cjs");function E(u,c,i,n){const{visualElement:a}=t.useContext(x.MotionContext),f=t.useContext(l.LazyContext),o=t.useContext(d.PresenceContext),C=t.useContext(m.MotionConfigContext).reducedMotion,s=t.useRef();n=n||f.renderer,!s.current&&n&&(s.current=n(u,{visualState:c,parent:a,props:i,presenceContext:o,blockInitialAnimation:o?o.initial===!1:!1,reducedMotionConfig:C}));const e=s.current;return t.useInsertionEffect(()=>{e&&e.update(i,o)}),r.useIsomorphicLayoutEffect(()=>{e&&e.render()}),t.useEffect(()=>{e&&e.updateFeatures()}),(window.HandoffAppearAnimations?r.useIsomorphicLayoutEffect:t.useEffect)(()=>{e&&e.animationState&&e.animationState.animateChanges()}),e}exports.useVisualElement=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),c=require("./lyra177.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/lyra168.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra168.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';\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    useIsomorphicLayoutEffect(() => {\n        visualElement && visualElement.render();\n    });\n    useEffect(() => {\n        visualElement && visualElement.updateFeatures();\n    });\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    const useAnimateChangesEffect = window.HandoffAppearAnimations\n        ? useIsomorphicLayoutEffect\n        : useEffect;\n    useAnimateChangesEffect(() => {\n        if (visualElement && visualElement.animationState) {\n            visualElement.animationState.animateChanges();\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","useIsomorphicLayoutEffect","useEffect"],"mappings":"gPAOA,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,OAAAA,EAAAA,mBAAmB,IAAM,CACrBD,GAAiBA,EAAc,OAAOb,EAAOO,CAAe,CACpE,CAAK,EACDQ,EAAAA,0BAA0B,IAAM,CAC5BF,GAAiBA,EAAc,QACvC,CAAK,EACDG,EAAAA,UAAU,IAAM,CACZH,GAAiBA,EAAc,gBACvC,CAAK,GAW+B,OAAO,wBACjCE,EAAyB,0BACzBC,aACkB,IAAM,CACtBH,GAAiBA,EAAc,gBAC/BA,EAAc,eAAe,gBAEzC,CAAK,EACMA,CACX","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra168.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/lyra168.js

@@ -1,30 +1,18 @@
-import { useContext as o, useRef as C, useInsertionEffect as d, useEffect as f } from "react";
-import { PresenceContext as l } from "./lyra164.js";
-import { MotionContext as x } from "./lyra167.js";
-import { useIsomorphicLayoutEffect as a } from "./lyra152.js";
-import { LazyContext as E } from "./lyra173.js";
-import { MotionConfigContext as g } from "./lyra166.js";
-function z(s, m, r, e) {
-  const { visualElement: u } = o(x), c = o(E), n = o(l), p = o(g).reducedMotion, i = C();
-  e = e || c.renderer, !i.current && e && (i.current = e(s, {
-    visualState: m,
-    parent: u,
-    props: r,
-    presenceContext: n,
-    blockInitialAnimation: n ? n.initial === !1 : !1,
-    reducedMotionConfig: p
-  }));
-  const t = i.current;
-  return d(() => {
-    t && t.update(r, n);
-  }), a(() => {
-    t && t.render();
-  }), f(() => {
-    t && t.updateFeatures();
-  }), (window.HandoffAppearAnimations ? a : f)(() => {
-    t && t.animationState && t.animationState.animateChanges();
-  }), t;
+import { useCallback as r } from "react";
+import { isRefObject as p } from "./lyra177.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 {
-  z as useVisualElement
+  j as useMotionRef
 };

package/dist/lyra168.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra168.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';\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    useIsomorphicLayoutEffect(() => {\n        visualElement && visualElement.render();\n    });\n    useEffect(() => {\n        visualElement && visualElement.updateFeatures();\n    });\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    const useAnimateChangesEffect = window.HandoffAppearAnimations\n        ? useIsomorphicLayoutEffect\n        : useEffect;\n    useAnimateChangesEffect(() => {\n        if (visualElement && visualElement.animationState) {\n            visualElement.animationState.animateChanges();\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","useIsomorphicLayoutEffect","useEffect"],"mappings":";;;;;;AAOA,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,SAAAG,EAAmB,MAAM;AACrB,IAAAD,KAAiBA,EAAc,OAAOb,GAAOO,CAAe;AAAA,EACpE,CAAK,GACDQ,EAA0B,MAAM;AAC5B,IAAAF,KAAiBA,EAAc;EACvC,CAAK,GACDG,EAAU,MAAM;AACZ,IAAAH,KAAiBA,EAAc;EACvC,CAAK,IAW+B,OAAO,0BACjCE,IACAC,GACkB,MAAM;AAC1B,IAAIH,KAAiBA,EAAc,kBAC/BA,EAAc,eAAe;EAEzC,CAAK,GACMA;AACX;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra168.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/lyra169.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),c=require("./lyra178.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),o=require("./lyra166.cjs"),u=require("./lyra280.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;

package/dist/lyra169.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra169.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]}
+{"version":3,"file":"lyra169.cjs","sources":["../node_modules/framer-motion/dist/es/context/MotionContext/create.mjs"],"sourcesContent":["import { useContext, useMemo } from 'react';\nimport { MotionContext } from './index.mjs';\nimport { getCurrentTreeVariants } from './utils.mjs';\n\nfunction useCreateMotionContext(props) {\n    const { initial, animate } = getCurrentTreeVariants(props, useContext(MotionContext));\n    return useMemo(() => ({ initial, animate }), [variantLabelsAsDependency(initial), variantLabelsAsDependency(animate)]);\n}\nfunction variantLabelsAsDependency(prop) {\n    return Array.isArray(prop) ? prop.join(\" \") : prop;\n}\n\nexport { useCreateMotionContext };\n"],"names":["useCreateMotionContext","props","initial","animate","getCurrentTreeVariants","useContext","MotionContext","useMemo","variantLabelsAsDependency","prop"],"mappings":"+JAIA,SAASA,EAAuBC,EAAO,CACnC,KAAM,CAAE,QAAAC,EAAS,QAAAC,GAAYC,EAAAA,uBAAuBH,EAAOI,EAAU,WAACC,EAAa,aAAA,CAAC,EACpF,OAAOC,UAAQ,KAAO,CAAE,QAAAL,EAAS,QAAAC,CAAO,GAAK,CAACK,EAA0BN,CAAO,EAAGM,EAA0BL,CAAO,CAAC,CAAC,CACzH,CACA,SAASK,EAA0BC,EAAM,CACrC,OAAO,MAAM,QAAQA,CAAI,EAAIA,EAAK,KAAK,GAAG,EAAIA,CAClD","x_google_ignoreList":[0]}

package/dist/lyra169.js

@@ -1,18 +1,13 @@
-import { useCallback as r } from "react";
-import { isRefObject as p } from "./lyra178.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]
-  );
+import { useContext as o, useMemo as i } from "react";
+import { MotionContext as a } from "./lyra166.js";
+import { getCurrentTreeVariants as m } from "./lyra280.js";
+function C(t) {
+  const { initial: e, animate: n } = m(t, o(a));
+  return i(() => ({ initial: e, animate: n }), [r(e), r(n)]);
+}
+function r(t) {
+  return Array.isArray(t) ? t.join(" ") : t;
 }
 export {
-  j as useMotionRef
+  C as useCreateMotionContext
 };