@new-black/lyra 0.0.6 → 0.0.8

package/dist/lyra116.cjs

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

package/dist/lyra116.js

@@ -1,6 +1,16 @@
-import { isKeyframesTarget as o } from "./lyra233.js";
-const r = (e) => !!(e && typeof e == "object" && e.mix && e.toValue), a = (e) => o(e) ? e[e.length - 1] || 0 : e;
+import { resolveVariantFromProps as n } from "./lyra146.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));
+}
 export {
-  r as isCustomValue,
-  a as resolveFinalValueInKeyframes
+  s as resolveVariant
 };

package/dist/lyra117.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 T=require("./lyra134.cjs"),A=require("./lyra142.cjs"),w=require("./lyra172.cjs"),q=require("./lyra234.cjs"),S=require("./lyra141.cjs"),P=require("./lyra198.cjs");function V({protectedKeys:t,needsAnimating:o},e){const i=t.hasOwnProperty(e)&&o[e]!==!0;return o[e]=!1,i}function b(t,o,{delay:e=0,transitionOverride:i,type:u}={}){let{transition:d=t.getDefaultTransition(),transitionEnd:r,...f}=t.makeTargetAnimatable(o);const s=t.getValue("willChange");i&&(d=i);const c=[],p=u&&t.animationState&&t.animationState.getState()[u];for(const a in f){const n=t.getValue(a),g=f[a];if(!n||g===void 0||p&&V(p,a))continue;const l={delay:e,elapsed:0,...d};if(window.HandoffAppearAnimations&&!n.hasAnimated){const h=t.getProps()[w.optimizedAppearDataAttribute];h&&(l.elapsed=window.HandoffAppearAnimations(h,a,n,T.frame))}n.start(q.animateMotionValue(a,n,g,t.shouldReduceMotion&&A.transformProps.has(a)?{type:!1}:l));const m=n.animation;S.isWillChangeMotionValue(s)&&(s.add(a),m.then(()=>s.remove(a))),c.push(m)}return r&&Promise.all(c).then(()=>{r&&P.setTarget(t,r)}),c}exports.animateTarget=b;

package/dist/lyra117.js

@@ -1,4 +1,35 @@
-const t = (o) => !!(o && o.getVelocity);
+import { frame as A } from "./lyra134.js";
+import { transformProps as w } from "./lyra142.js";
+import { optimizedAppearDataAttribute as T } from "./lyra172.js";
+import { animateMotionValue as P } from "./lyra234.js";
+import { isWillChangeMotionValue as S } from "./lyra141.js";
+import { setTarget as V } from "./lyra198.js";
+function C({ protectedKeys: t, needsAnimating: i }, n) {
+  const e = t.hasOwnProperty(n) && i[n] !== !0;
+  return i[n] = !1, e;
+}
+function x(t, i, { delay: n = 0, transitionOverride: e, type: p } = {}) {
+  let { transition: m = t.getDefaultTransition(), transitionEnd: r, ...c } = t.makeTargetAnimatable(i);
+  const f = t.getValue("willChange");
+  e && (m = e);
+  const s = [], d = p && t.animationState && t.animationState.getState()[p];
+  for (const o in c) {
+    const a = t.getValue(o), u = c[o];
+    if (!a || u === void 0 || d && C(d, o))
+      continue;
+    const g = { delay: n, elapsed: 0, ...m };
+    if (window.HandoffAppearAnimations && !a.hasAnimated) {
+      const l = t.getProps()[T];
+      l && (g.elapsed = window.HandoffAppearAnimations(l, o, a, A));
+    }
+    a.start(P(o, a, u, t.shouldReduceMotion && w.has(o) ? { type: !1 } : g));
+    const h = a.animation;
+    S(f) && (f.add(o), h.then(() => f.remove(o))), s.push(h);
+  }
+  return r && Promise.all(s).then(() => {
+    r && V(t, r);
+  }), s;
+}
 export {
-  t as isMotionValue
+  x as animateTarget
 };

package/dist/lyra118.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra119.cjs"),l=require("./lyra120.cjs"),m=require("./lyra121.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 g=require("./lyra116.cjs"),y=require("./lyra117.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;

package/dist/lyra118.js

@@ -1,20 +1,32 @@
-import { resolveVariant as c } from "./lyra119.js";
-import { animateTarget as p } from "./lyra120.js";
-import { animateVariant as e } from "./lyra121.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 { resolveVariant as l } from "./lyra116.js";
+import { animateTarget as h } from "./lyra117.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);
 }
 export {
-  n as animateVisualElement
+  g as animateVariant,
+  u as sortByTreeOrder
 };

package/dist/lyra119.cjs

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

package/dist/lyra119.js

@@ -1,16 +1,41 @@
-import { resolveVariantFromProps as n } from "./lyra149.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));
+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);
 }
 export {
-  s as resolveVariant
+  o as isValidMotionProp
 };

package/dist/lyra12.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra27.cjs"),t=require("./lyra46.cjs"),s=require("./lyra13.cjs"),u=({className:i,children:o,...n})=>e.jsxRuntimeExports.jsx(t.Popover,{...n,offset:4,isNonModal:!0,className:({isEntering:r,isExiting:p})=>s.popoverStyles({isEntering:r,isExiting:p}),children:r=>e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx(t.Dialog,{className:s.popoverDialogStyles({className:i}),children:typeof o=="function"?o(r):o})})}),l=t.DialogTrigger;exports.Popover=u;exports.PopoverTrigger=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra27.cjs"),t=require("./lyra34.cjs"),s=require("./lyra13.cjs"),u=({className:i,children:o,...n})=>e.jsxRuntimeExports.jsx(t.Popover,{...n,offset:4,isNonModal:!0,className:({isEntering:r,isExiting:p})=>s.popoverStyles({isEntering:r,isExiting:p}),children:r=>e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx(t.Dialog,{className:s.popoverDialogStyles({className:i}),children:typeof o=="function"?o(r):o})})}),l=t.DialogTrigger;exports.Popover=u;exports.PopoverTrigger=l;

package/dist/lyra12.js

@@ -1,5 +1,5 @@
 import { j as o } from "./lyra27.js";
-import { Popover as a, Dialog as f, DialogTrigger as i } from "./lyra46.js";
+import { Popover as a, Dialog as f, DialogTrigger as i } from "./lyra34.js";
 import { popoverStyles as c, popoverDialogStyles as m } from "./lyra13.js";
 const $ = ({
   className: s,

package/dist/lyra120.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("./lyra137.cjs"),A=require("./lyra145.cjs"),w=require("./lyra175.cjs"),q=require("./lyra234.cjs"),S=require("./lyra144.cjs"),P=require("./lyra201.cjs");function V({protectedKeys:t,needsAnimating:o},e){const i=t.hasOwnProperty(e)&&o[e]!==!0;return o[e]=!1,i}function b(t,o,{delay:e=0,transitionOverride:i,type:u}={}){let{transition:d=t.getDefaultTransition(),transitionEnd:r,...f}=t.makeTargetAnimatable(o);const s=t.getValue("willChange");i&&(d=i);const c=[],p=u&&t.animationState&&t.animationState.getState()[u];for(const a in f){const n=t.getValue(a),g=f[a];if(!n||g===void 0||p&&V(p,a))continue;const l={delay:e,elapsed:0,...d};if(window.HandoffAppearAnimations&&!n.hasAnimated){const h=t.getProps()[w.optimizedAppearDataAttribute];h&&(l.elapsed=window.HandoffAppearAnimations(h,a,n,T.frame))}n.start(q.animateMotionValue(a,n,g,t.shouldReduceMotion&&A.transformProps.has(a)?{type:!1}:l));const m=n.animation;S.isWillChangeMotionValue(s)&&(s.add(a),m.then(()=>s.remove(a))),c.push(m)}return r&&Promise.all(c).then(()=>{r&&P.setTarget(t,r)}),c}exports.animateTarget=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),u=require("./lyra121.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;

package/dist/lyra120.js

@@ -1,35 +1,12 @@
-import { frame as A } from "./lyra137.js";
-import { transformProps as w } from "./lyra145.js";
-import { optimizedAppearDataAttribute as T } from "./lyra175.js";
-import { animateMotionValue as P } from "./lyra234.js";
-import { isWillChangeMotionValue as S } from "./lyra144.js";
-import { setTarget as V } from "./lyra201.js";
-function C({ protectedKeys: t, needsAnimating: i }, n) {
-  const e = t.hasOwnProperty(n) && i[n] !== !0;
-  return i[n] = !1, e;
-}
-function x(t, i, { delay: n = 0, transitionOverride: e, type: p } = {}) {
-  let { transition: m = t.getDefaultTransition(), transitionEnd: r, ...c } = t.makeTargetAnimatable(i);
-  const f = t.getValue("willChange");
-  e && (m = e);
-  const s = [], d = p && t.animationState && t.animationState.getState()[p];
-  for (const o in c) {
-    const a = t.getValue(o), u = c[o];
-    if (!a || u === void 0 || d && C(d, o))
-      continue;
-    const g = { delay: n, elapsed: 0, ...m };
-    if (window.HandoffAppearAnimations && !a.hasAnimated) {
-      const l = t.getProps()[T];
-      l && (g.elapsed = window.HandoffAppearAnimations(l, o, a, A));
-    }
-    a.start(P(o, a, u, t.shouldReduceMotion && w.has(o) ? { type: !1 } : g));
-    const h = a.animation;
-    S(f) && (f.add(o), h.then(() => f.remove(o))), s.push(h);
-  }
-  return r && Promise.all(s).then(() => {
-    r && V(t, r);
-  }), s;
+import { useContext as s, useId as u, useEffect as c } from "react";
+import { PresenceContext as f } from "./lyra121.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 {
-  x as animateTarget
+  x as usePresence
 };

package/dist/lyra121.cjs

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

package/dist/lyra121.js

@@ -1,32 +1,5 @@
-import { resolveVariant as l } from "./lyra119.js";
-import { animateTarget as h } from "./lyra120.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 { createContext as e } from "react";
+const o = e(null);
 export {
-  g as animateVariant,
-  u as sortByTreeOrder
+  o as PresenceContext
 };

package/dist/lyra122.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"),E=require("./lyra123.cjs"),v=require("./lyra124.cjs"),M=require("./lyra125.cjs"),g=require("./lyra126.cjs"),b=require("./lyra127.cjs"),S=require("./lyra128.cjs"),L=require("./lyra129.cjs"),G=require("./lyra108.cjs"),p=require("./lyra130.cjs"),w=require("./lyra131.cjs"),O=require("./lyra132.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/lyra122.js

@@ -1,41 +1,50 @@
-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 * as f from "react";
+import { forwardRef as d, useContext as r } from "react";
+import { MotionConfigContext as y } from "./lyra123.js";
+import { MotionContext as M } from "./lyra124.js";
+import { useVisualElement as L } from "./lyra125.js";
+import { useMotionRef as G } from "./lyra126.js";
+import { useCreateMotionContext as S } from "./lyra127.js";
+import { loadFeatures as w } from "./lyra128.js";
+import { isBrowser as g } from "./lyra129.js";
+import { LayoutGroupContext as R } from "./lyra108.js";
+import { LazyContext as P } from "./lyra130.js";
+import { SwitchLayoutGroupContext as $ } from "./lyra131.js";
+import { motionComponentSymbol as b } from "./lyra132.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 isValidMotionProp
+  K as createMotionComponent
 };

package/dist/lyra123.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),u=require("./lyra124.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"),o=e.createContext({transformPagePoint:t=>t,isStatic:!1,reducedMotion:"never"});exports.MotionConfigContext=o;

package/dist/lyra123.js

@@ -1,12 +1,9 @@
-import { useContext as s, useId as u, useEffect as c } from "react";
-import { PresenceContext as f } from "./lyra124.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 o } from "react";
+const n = o({
+  transformPagePoint: (t) => t,
+  isStatic: !1,
+  reducedMotion: "never"
+});
 export {
-  x as usePresence
+  n as MotionConfigContext
 };

package/dist/lyra124.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 t=require("react"),e=t.createContext({});exports.MotionContext=e;

package/dist/lyra124.js

@@ -1,5 +1,5 @@
-import { createContext as e } from "react";
-const o = e(null);
+import { createContext as t } from "react";
+const e = t({});
 export {
-  o as PresenceContext
+  e as MotionContext
 };

package/dist/lyra125.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),E=require("./lyra126.cjs"),v=require("./lyra127.cjs"),M=require("./lyra128.cjs"),g=require("./lyra129.cjs"),b=require("./lyra130.cjs"),S=require("./lyra131.cjs"),L=require("./lyra132.cjs"),G=require("./lyra111.cjs"),p=require("./lyra133.cjs"),w=require("./lyra134.cjs"),O=require("./lyra135.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 t=require("react"),d=require("./lyra121.cjs"),x=require("./lyra124.cjs"),r=require("./lyra109.cjs"),l=require("./lyra130.cjs"),m=require("./lyra123.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/lyra125.js

@@ -1,50 +1,30 @@
-import * as f from "react";
-import { forwardRef as d, useContext as r } from "react";
-import { MotionConfigContext as y } from "./lyra126.js";
-import { MotionContext as M } from "./lyra127.js";
-import { useVisualElement as L } from "./lyra128.js";
-import { useMotionRef as G } from "./lyra129.js";
-import { useCreateMotionContext as S } from "./lyra130.js";
-import { loadFeatures as w } from "./lyra131.js";
-import { isBrowser as g } from "./lyra132.js";
-import { LayoutGroupContext as R } from "./lyra111.js";
-import { LazyContext as P } from "./lyra133.js";
-import { SwitchLayoutGroupContext as $ } from "./lyra134.js";
-import { motionComponentSymbol as b } from "./lyra135.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 { useContext as o, useRef as C, useInsertionEffect as d, useEffect as f } from "react";
+import { PresenceContext as l } from "./lyra121.js";
+import { MotionContext as x } from "./lyra124.js";
+import { useIsomorphicLayoutEffect as a } from "./lyra109.js";
+import { LazyContext as E } from "./lyra130.js";
+import { MotionConfigContext as g } from "./lyra123.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 {
-  K as createMotionComponent
+  z as useVisualElement
 };

package/dist/lyra126.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"),c=require("./lyra136.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/lyra126.js

@@ -1,9 +1,18 @@
-import { createContext as o } from "react";
-const n = o({
-  transformPagePoint: (t) => t,
-  isStatic: !1,
-  reducedMotion: "never"
-});
+import { useCallback as r } from "react";
+import { isRefObject as p } from "./lyra136.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 {
-  n as MotionConfigContext
+  j as useMotionRef
 };

package/dist/lyra127.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 r=require("react"),o=require("./lyra124.cjs"),u=require("./lyra235.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/lyra127.js

@@ -1,5 +1,13 @@
-import { createContext as t } from "react";
-const e = t({});
+import { useContext as o, useMemo as i } from "react";
+import { MotionContext as a } from "./lyra124.js";
+import { getCurrentTreeVariants as m } from "./lyra235.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 {
-  e as MotionContext
+  C as useCreateMotionContext
 };

package/dist/lyra128.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),d=require("./lyra124.cjs"),x=require("./lyra127.cjs"),r=require("./lyra112.cjs"),l=require("./lyra133.cjs"),m=require("./lyra126.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("./lyra148.cjs");function n(i){for(const e in i)t.featureDefinitions[e]={...t.featureDefinitions[e],...i[e]}}exports.loadFeatures=n;