@new-black/lyra 0.0.18 → 0.0.19

package/dist/lyra150.js

@@ -1,35 +1,260 @@
-import { frame as A } from "./lyra167.js";
-import { transformProps as w } from "./lyra175.js";
-import { optimizedAppearDataAttribute as T } from "./lyra205.js";
-import { animateMotionValue as P } from "./lyra263.js";
-import { isWillChangeMotionValue as S } from "./lyra174.js";
-import { setTarget as V } from "./lyra231.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 { frame as c, cancelFrame as f } from "./lyra151.js";
+import { warning as b, invariant as S } from "./lyra128.js";
+import { createBox as P } from "./lyra152.js";
+import { isRefObject as T } from "./lyra153.js";
+import { initPrefersReducedMotion as y } from "./lyra154.js";
+import { hasReducedMotionListener as F, prefersReducedMotion as R } from "./lyra155.js";
+import { SubscriptionManager as j } from "./lyra156.js";
+import { motionValue as w } from "./lyra157.js";
+import { isWillChangeMotionValue as N } from "./lyra158.js";
+import { isMotionValue as m } from "./lyra131.js";
+import { transformProps as E } from "./lyra159.js";
+import { isControllingVariants as x, isVariantNode as B } from "./lyra160.js";
+import { isVariantLabel as L } from "./lyra161.js";
+import { updateMotionValuesFromProps as I } from "./lyra162.js";
+import { resolveVariantFromProps as O } from "./lyra163.js";
+import { warnOnce as A } from "./lyra164.js";
+import { featureDefinitions as g } from "./lyra165.js";
+import { variantProps as M } from "./lyra166.js";
+import { visualElementStore as V } from "./lyra167.js";
+const C = Object.keys(g), U = C.length, v = [
+  "AnimationStart",
+  "AnimationComplete",
+  "Update",
+  "BeforeLayoutMeasure",
+  "LayoutMeasure",
+  "LayoutAnimationStart",
+  "LayoutAnimationComplete"
+], D = M.length;
+class ot {
+  constructor({ parent: t, props: e, presenceContext: i, reducedMotionConfig: s, visualState: r }, u = {}) {
+    this.current = null, this.children = /* @__PURE__ */ new Set(), this.isVariantNode = !1, this.isControllingVariants = !1, this.shouldReduceMotion = null, this.values = /* @__PURE__ */ new Map(), this.features = {}, this.valueSubscriptions = /* @__PURE__ */ new Map(), this.prevMotionValues = {}, this.events = {}, this.propEventSubscriptions = {}, this.notifyUpdate = () => this.notify("Update", this.latestValues), this.render = () => {
+      this.current && (this.triggerBuild(), this.renderInstance(this.current, this.renderState, this.props.style, this.projection));
+    }, this.scheduleRender = () => c.render(this.render, !1, !0);
+    const { latestValues: h, renderState: n } = r;
+    this.latestValues = h, this.baseTarget = { ...h }, this.initialValues = e.initial ? { ...h } : {}, this.renderState = n, this.parent = t, this.props = e, this.presenceContext = i, this.depth = t ? t.depth + 1 : 0, this.reducedMotionConfig = s, this.options = u, this.isControllingVariants = x(e), this.isVariantNode = B(e), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(t && t.current);
+    const { willChange: o, ...p } = this.scrapeMotionValuesFromProps(e, {});
+    for (const a in p) {
+      const l = p[a];
+      h[a] !== void 0 && m(l) && (l.set(h[a], !1), N(o) && o.add(a));
+    }
+  }
+  /**
+   * This method takes React props and returns found MotionValues. For example, HTML
+   * MotionValues will be found within the style prop, whereas for Three.js within attribute arrays.
+   *
+   * This isn't an abstract method as it needs calling in the constructor, but it is
+   * intended to be one.
+   */
+  scrapeMotionValuesFromProps(t, e) {
+    return {};
+  }
+  mount(t) {
+    this.current = t, V.set(t, this), this.projection && !this.projection.instance && this.projection.mount(t), this.parent && this.isVariantNode && !this.isControllingVariants && (this.removeFromVariantTree = this.parent.addVariantChild(this)), this.values.forEach((e, i) => this.bindToMotionValue(i, e)), F.current || y(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : R.current, process.env.NODE_ENV !== "production" && A(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected."), this.parent && this.parent.children.add(this), this.update(this.props, this.presenceContext);
+  }
+  unmount() {
+    V.delete(this.current), this.projection && this.projection.unmount(), f(this.notifyUpdate), f(this.render), this.valueSubscriptions.forEach((t) => t()), this.removeFromVariantTree && this.removeFromVariantTree(), this.parent && this.parent.children.delete(this);
+    for (const t in this.events)
+      this.events[t].clear();
+    for (const t in this.features)
+      this.features[t].unmount();
+    this.current = null;
+  }
+  bindToMotionValue(t, e) {
+    const i = E.has(t), s = e.on("change", (u) => {
+      this.latestValues[t] = u, this.props.onUpdate && c.update(this.notifyUpdate, !1, !0), i && this.projection && (this.projection.isTransformDirty = !0);
+    }), r = e.on("renderRequest", this.scheduleRender);
+    this.valueSubscriptions.set(t, () => {
+      s(), r();
+    });
+  }
+  sortNodePosition(t) {
+    return !this.current || !this.sortInstanceNodePosition || this.type !== t.type ? 0 : this.sortInstanceNodePosition(this.current, t.current);
+  }
+  loadFeatures({ children: t, ...e }, i, s, r) {
+    let u, h;
+    if (process.env.NODE_ENV !== "production" && s && i) {
+      const n = "You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.";
+      e.ignoreStrict ? b(!1, n) : S(!1, n);
+    }
+    for (let n = 0; n < U; n++) {
+      const o = C[n], { isEnabled: p, Feature: a, ProjectionNode: l, MeasureLayout: d } = g[o];
+      l && (u = l), p(e) && (!this.features[o] && a && (this.features[o] = new a(this)), d && (h = d));
+    }
+    if (!this.projection && u) {
+      this.projection = new u(this.latestValues, this.parent && this.parent.projection);
+      const { layoutId: n, layout: o, drag: p, dragConstraints: a, layoutScroll: l, layoutRoot: d } = e;
+      this.projection.setOptions({
+        layoutId: n,
+        layout: o,
+        alwaysMeasureLayout: !!p || a && T(a),
+        visualElement: this,
+        scheduleRender: () => this.scheduleRender(),
+        /**
+         * TODO: Update options in an effect. This could be tricky as it'll be too late
+         * to update by the time layout animations run.
+         * We also need to fix this safeToRemove by linking it up to the one returned by usePresence,
+         * ensuring it gets called if there's no potential layout animations.
+         *
+         */
+        animationType: typeof o == "string" ? o : "both",
+        initialPromotionConfig: r,
+        layoutScroll: l,
+        layoutRoot: d
+      });
+    }
+    return h;
+  }
+  updateFeatures() {
+    for (const t in this.features) {
+      const e = this.features[t];
+      e.isMounted ? e.update() : (e.mount(), e.isMounted = !0);
+    }
+  }
+  triggerBuild() {
+    this.build(this.renderState, this.latestValues, this.options, this.props);
+  }
+  /**
+   * Measure the current viewport box with or without transforms.
+   * Only measures axis-aligned boxes, rotate and skew must be manually
+   * removed with a re-render to work.
+   */
+  measureViewportBox() {
+    return this.current ? this.measureInstanceViewportBox(this.current, this.props) : P();
+  }
+  getStaticValue(t) {
+    return this.latestValues[t];
+  }
+  setStaticValue(t, e) {
+    this.latestValues[t] = e;
+  }
+  /**
+   * Make a target animatable by Popmotion. For instance, if we're
+   * trying to animate width from 100px to 100vw we need to measure 100vw
+   * in pixels to determine what we really need to animate to. This is also
+   * pluggable to support Framer's custom value types like Color,
+   * and CSS variables.
+   */
+  makeTargetAnimatable(t, e = !0) {
+    return this.makeTargetAnimatableFromInstance(t, this.props, e);
+  }
+  /**
+   * Update the provided props. Ensure any newly-added motion values are
+   * added to our map, old ones removed, and listeners updated.
+   */
+  update(t, e) {
+    (t.transformTemplate || this.props.transformTemplate) && this.scheduleRender(), this.prevProps = this.props, this.props = t, this.prevPresenceContext = this.presenceContext, this.presenceContext = e;
+    for (let i = 0; i < v.length; i++) {
+      const s = v[i];
+      this.propEventSubscriptions[s] && (this.propEventSubscriptions[s](), delete this.propEventSubscriptions[s]);
+      const r = t["on" + s];
+      r && (this.propEventSubscriptions[s] = this.on(s, r));
+    }
+    this.prevMotionValues = I(this, this.scrapeMotionValuesFromProps(t, this.prevProps), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
+  }
+  getProps() {
+    return this.props;
+  }
+  /**
+   * Returns the variant definition with a given name.
+   */
+  getVariant(t) {
+    return this.props.variants ? this.props.variants[t] : void 0;
+  }
+  /**
+   * Returns the defined default transition on this component.
+   */
+  getDefaultTransition() {
+    return this.props.transition;
+  }
+  getTransformPagePoint() {
+    return this.props.transformPagePoint;
+  }
+  getClosestVariantNode() {
+    return this.isVariantNode ? this : this.parent ? this.parent.getClosestVariantNode() : void 0;
+  }
+  getVariantContext(t = !1) {
+    if (t)
+      return this.parent ? this.parent.getVariantContext() : void 0;
+    if (!this.isControllingVariants) {
+      const i = this.parent ? this.parent.getVariantContext() || {} : {};
+      return this.props.initial !== void 0 && (i.initial = this.props.initial), i;
+    }
+    const e = {};
+    for (let i = 0; i < D; i++) {
+      const s = M[i], r = this.props[s];
+      (L(r) || r === !1) && (e[s] = r);
+    }
+    return e;
+  }
+  /**
+   * Add a child visual element to our set of children.
+   */
+  addVariantChild(t) {
+    const e = this.getClosestVariantNode();
+    if (e)
+      return e.variantChildren && e.variantChildren.add(t), () => e.variantChildren.delete(t);
+  }
+  /**
+   * Add a motion value and bind it to this visual element.
+   */
+  addValue(t, e) {
+    e !== this.values.get(t) && (this.removeValue(t), this.bindToMotionValue(t, e)), this.values.set(t, e), this.latestValues[t] = e.get();
+  }
+  /**
+   * Remove a motion value and unbind any active subscriptions.
+   */
+  removeValue(t) {
+    this.values.delete(t);
+    const e = this.valueSubscriptions.get(t);
+    e && (e(), this.valueSubscriptions.delete(t)), delete this.latestValues[t], this.removeValueFromRenderState(t, this.renderState);
+  }
+  /**
+   * Check whether we have a motion value for this key
+   */
+  hasValue(t) {
+    return this.values.has(t);
+  }
+  getValue(t, e) {
+    if (this.props.values && this.props.values[t])
+      return this.props.values[t];
+    let i = this.values.get(t);
+    return i === void 0 && e !== void 0 && (i = w(e, { owner: this }), this.addValue(t, i)), i;
+  }
+  /**
+   * If we're trying to animate to a previously unencountered value,
+   * we need to check for it in our state and as a last resort read it
+   * directly from the instance (which might have performance implications).
+   */
+  readValue(t) {
+    return this.latestValues[t] !== void 0 || !this.current ? this.latestValues[t] : this.readValueFromInstance(this.current, t, this.options);
+  }
+  /**
+   * Set the base target to later animate back to. This is currently
+   * only hydrated on creation and when we first read a value.
+   */
+  setBaseTarget(t, e) {
+    this.baseTarget[t] = e;
+  }
+  /**
+   * Find the base target for a value thats been removed from all animation
+   * props.
+   */
+  getBaseTarget(t) {
+    var e;
+    const { initial: i } = this.props, s = typeof i == "string" || typeof i == "object" ? (e = O(this.props, i)) === null || e === void 0 ? void 0 : e[t] : void 0;
+    if (i && s !== void 0)
+      return s;
+    const r = this.getBaseTargetFromProps(this.props, t);
+    return r !== void 0 && !m(r) ? r : this.initialValues[t] !== void 0 && s === void 0 ? void 0 : this.baseTarget[t];
+  }
+  on(t, e) {
+    return this.events[t] || (this.events[t] = new j()), this.events[t].add(e);
+  }
+  notify(t, ...e) {
+    this.events[t] && this.events[t].notify(...e);
+  }
 }
 export {
-  x as animateTarget
+  ot as VisualElement
 };

package/dist/lyra151.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("./lyra149.cjs"),y=require("./lyra150.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 l=require("./lyra212.cjs"),r=require("./lyra196.cjs"),p=40;let c=!0,a=!1;const s=["read","update","preRender","render","postRender"],n=s.reduce((e,t)=>(e[t]=l.createRenderStep(()=>a=!0),e),{}),d=e=>n[e].process(r.frameData),o=e=>{a=!1,r.frameData.delta=c?1e3/60:Math.max(Math.min(e-r.frameData.timestamp,p),1),r.frameData.timestamp=e,r.frameData.isProcessing=!0,s.forEach(d),r.frameData.isProcessing=!1,a&&(c=!1,requestAnimationFrame(o))},D=()=>{a=!0,c=!0,r.frameData.isProcessing||requestAnimationFrame(o)},F=s.reduce((e,t)=>{const f=n[t];return e[t]=(m,u=!1,i=!1)=>(a||D(),f.schedule(m,u,i)),e},{});function g(e){s.forEach(t=>n[t].cancel(e))}exports.cancelFrame=g;exports.frame=F;exports.steps=n;exports.stepsOrder=s;

package/dist/lyra151.js

@@ -1,32 +1,27 @@
-import { resolveVariant as l } from "./lyra149.js";
-import { animateTarget as h } from "./lyra150.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 { createRenderStep as f } from "./lyra212.js";
+import { frameData as r } from "./lyra196.js";
+const l = 40;
+let n = !0, s = !1;
+const a = [
+  "read",
+  "update",
+  "preRender",
+  "render",
+  "postRender"
+], o = a.reduce((e, t) => (e[t] = f(() => s = !0), e), {}), d = (e) => o[e].process(r), c = (e) => {
+  s = !1, r.delta = n ? 1e3 / 60 : Math.max(Math.min(e - r.timestamp, l), 1), r.timestamp = e, r.isProcessing = !0, a.forEach(d), r.isProcessing = !1, s && (n = !1, requestAnimationFrame(c));
+}, h = () => {
+  s = !0, n = !0, r.isProcessing || requestAnimationFrame(c);
+}, E = a.reduce((e, t) => {
+  const i = o[t];
+  return e[t] = (m, p = !1, u = !1) => (s || h(), i.schedule(m, p, u)), e;
+}, {});
+function g(e) {
+  a.forEach((t) => o[t].cancel(e));
 }
 export {
-  g as animateVariant,
-  u as sortByTreeOrder
+  g as cancelFrame,
+  E as frame,
+  o as steps,
+  a as stepsOrder
 };

package/dist/lyra152.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 e=()=>({translate:0,scale:1,origin:0,originPoint:0}),a=()=>({x:e(),y:e()}),t=()=>({min:0,max:0}),c=()=>({x:t(),y:t()});exports.createAxis=t;exports.createAxisDelta=e;exports.createBox=c;exports.createDelta=a;

package/dist/lyra152.js

@@ -1,41 +1,18 @@
-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);
-}
+const t = () => ({
+  translate: 0,
+  scale: 1,
+  origin: 0,
+  originPoint: 0
+}), a = () => ({
+  x: t(),
+  y: t()
+}), e = () => ({ min: 0, max: 0 }), c = () => ({
+  x: e(),
+  y: e()
+});
 export {
-  o as isValidMotionProp
+  e as createAxis,
+  t as createAxisDelta,
+  c as createBox,
+  a as createDelta
 };

package/dist/lyra153.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),u=require("./lyra154.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"});function t(e){return typeof e=="object"&&Object.prototype.hasOwnProperty.call(e,"current")}exports.isRefObject=t;

package/dist/lyra153.js

@@ -1,12 +1,6 @@
-import { useContext as s, useId as u, useEffect as c } from "react";
-import { PresenceContext as f } from "./lyra154.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];
+function e(t) {
+  return typeof t == "object" && Object.prototype.hasOwnProperty.call(t, "current");
 }
 export {
-  x as usePresence
+  e as isRefObject
 };

package/dist/lyra154.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 i=require("./lyra146.cjs"),e=require("./lyra155.cjs");function o(){if(e.hasReducedMotionListener.current=!0,!!i.isBrowser)if(window.matchMedia){const r=window.matchMedia("(prefers-reduced-motion)"),t=()=>e.prefersReducedMotion.current=r.matches;r.addListener(t),t()}else e.prefersReducedMotion.current=!1}exports.initPrefersReducedMotion=o;

package/dist/lyra154.js

@@ -1,5 +1,13 @@
-import { createContext as e } from "react";
-const o = e(null);
+import { isBrowser as o } from "./lyra146.js";
+import { hasReducedMotionListener as i, prefersReducedMotion as t } from "./lyra155.js";
+function c() {
+  if (i.current = !0, !!o)
+    if (window.matchMedia) {
+      const e = window.matchMedia("(prefers-reduced-motion)"), r = () => t.current = e.matches;
+      e.addListener(r), r();
+    } else
+      t.current = !1;
+}
 export {
-  o as PresenceContext
+  c as initPrefersReducedMotion
 };

package/dist/lyra155.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),E=require("./lyra156.cjs"),v=require("./lyra157.cjs"),M=require("./lyra158.cjs"),g=require("./lyra159.cjs"),b=require("./lyra160.cjs"),S=require("./lyra161.cjs"),L=require("./lyra162.cjs"),G=require("./lyra141.cjs"),p=require("./lyra163.cjs"),w=require("./lyra164.cjs"),O=require("./lyra165.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={current:null},t={current:!1};exports.hasReducedMotionListener=t;exports.prefersReducedMotion=e;

package/dist/lyra155.js

@@ -1,50 +1,5 @@
-import * as f from "react";
-import { forwardRef as d, useContext as r } from "react";
-import { MotionConfigContext as y } from "./lyra156.js";
-import { MotionContext as M } from "./lyra157.js";
-import { useVisualElement as L } from "./lyra158.js";
-import { useMotionRef as G } from "./lyra159.js";
-import { useCreateMotionContext as S } from "./lyra160.js";
-import { loadFeatures as w } from "./lyra161.js";
-import { isBrowser as g } from "./lyra162.js";
-import { LayoutGroupContext as R } from "./lyra141.js";
-import { LazyContext as P } from "./lyra163.js";
-import { SwitchLayoutGroupContext as $ } from "./lyra164.js";
-import { motionComponentSymbol as b } from "./lyra165.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;
-}
+const e = { current: null }, n = { current: !1 };
 export {
-  K as createMotionComponent
+  n as hasReducedMotionListener,
+  e as prefersReducedMotion
 };

package/dist/lyra156.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 o=require("./lyra194.cjs");class u{constructor(){this.subscriptions=[]}add(s){return o.addUniqueItem(this.subscriptions,s),()=>o.removeItem(this.subscriptions,s)}notify(s,r,e){const t=this.subscriptions.length;if(t)if(t===1)this.subscriptions[0](s,r,e);else for(let i=0;i<t;i++){const n=this.subscriptions[i];n&&n(s,r,e)}}getSize(){return this.subscriptions.length}clear(){this.subscriptions.length=0}}exports.SubscriptionManager=u;

package/dist/lyra156.js

@@ -1,9 +1,29 @@
-import { createContext as o } from "react";
-const n = o({
-  transformPagePoint: (t) => t,
-  isStatic: !1,
-  reducedMotion: "never"
-});
+import { addUniqueItem as e, removeItem as u } from "./lyra194.js";
+class h {
+  constructor() {
+    this.subscriptions = [];
+  }
+  add(s) {
+    return e(this.subscriptions, s), () => u(this.subscriptions, s);
+  }
+  notify(s, r, n) {
+    const i = this.subscriptions.length;
+    if (i)
+      if (i === 1)
+        this.subscriptions[0](s, r, n);
+      else
+        for (let t = 0; t < i; t++) {
+          const o = this.subscriptions[t];
+          o && o(s, r, n);
+        }
+  }
+  getSize() {
+    return this.subscriptions.length;
+  }
+  clear() {
+    this.subscriptions.length = 0;
+  }
+}
 export {
-  n as MotionConfigContext
+  h as SubscriptionManager
 };

package/dist/lyra157.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 c=require("./lyra196.cjs"),n=require("./lyra151.cjs"),l=require("./lyra156.cjs"),f=require("./lyra197.cjs"),u=require("./lyra164.cjs"),v=s=>!isNaN(parseFloat(s));class r{constructor(t,e={}){this.version="10.12.16",this.timeDelta=0,this.lastUpdated=0,this.canTrackVelocity=!1,this.events={},this.updateAndNotify=(i,h=!0)=>{this.prev=this.current,this.current=i;const{delta:o,timestamp:a}=c.frameData;this.lastUpdated!==a&&(this.timeDelta=o,this.lastUpdated=a,n.frame.postRender(this.scheduleVelocityCheck)),this.prev!==this.current&&this.events.change&&this.events.change.notify(this.current),this.events.velocityChange&&this.events.velocityChange.notify(this.getVelocity()),h&&this.events.renderRequest&&this.events.renderRequest.notify(this.current)},this.scheduleVelocityCheck=()=>n.frame.postRender(this.velocityCheck),this.velocityCheck=({timestamp:i})=>{i!==this.lastUpdated&&(this.prev=this.current,this.events.velocityChange&&this.events.velocityChange.notify(this.getVelocity()))},this.hasAnimated=!1,this.prev=this.current=t,this.canTrackVelocity=v(this.current),this.owner=e.owner}onChange(t){return process.env.NODE_ENV!=="production"&&u.warnOnce(!1,'value.onChange(callback) is deprecated. Switch to value.on("change", callback).'),this.on("change",t)}on(t,e){this.events[t]||(this.events[t]=new l.SubscriptionManager);const i=this.events[t].add(e);return t==="change"?()=>{i(),n.frame.read(()=>{this.events.change.getSize()||this.stop()})}:i}clearListeners(){for(const t in this.events)this.events[t].clear()}attach(t,e){this.passiveEffect=t,this.stopPassiveEffect=e}set(t,e=!0){!e||!this.passiveEffect?this.updateAndNotify(t,e):this.passiveEffect(t,this.updateAndNotify)}setWithVelocity(t,e,i){this.set(e),this.prev=t,this.timeDelta=i}jump(t){this.updateAndNotify(t),this.prev=t,this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}get(){return this.current}getPrevious(){return this.prev}getVelocity(){return this.canTrackVelocity?f.velocityPerSecond(parseFloat(this.current)-parseFloat(this.prev),this.timeDelta):0}start(t){return this.stop(),new Promise(e=>{this.hasAnimated=!0,this.animation=t(e),this.events.animationStart&&this.events.animationStart.notify()}).then(()=>{this.events.animationComplete&&this.events.animationComplete.notify(),this.clearAnimation()})}stop(){this.animation&&(this.animation.stop(),this.events.animationCancel&&this.events.animationCancel.notify()),this.clearAnimation()}isAnimating(){return!!this.animation}clearAnimation(){delete this.animation}destroy(){this.clearListeners(),this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}}function p(s,t){return new r(s,t)}exports.MotionValue=r;exports.motionValue=p;