@new-black/lyra 0.0.10 → 0.0.12

package/dist/lyra135.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("./lyra136.cjs"),f=require("./lyra113.cjs"),P=require("./lyra137.cjs"),T=require("./lyra138.cjs"),y=require("./lyra139.cjs"),V=require("./lyra140.cjs"),q=require("./lyra141.cjs"),F=require("./lyra142.cjs"),j=require("./lyra143.cjs"),m=require("./lyra116.cjs"),R=require("./lyra144.cjs"),v=require("./lyra145.cjs"),w=require("./lyra146.cjs"),E=require("./lyra147.cjs"),x=require("./lyra148.cjs"),N=require("./lyra149.cjs"),C=require("./lyra150.cjs"),b=require("./lyra151.cjs"),g=require("./lyra152.cjs"),S=Object.keys(C.featureDefinitions),L=S.length,M=["AnimationStart","AnimationComplete","Update","BeforeLayoutMeasure","LayoutMeasure","LayoutAnimationStart","LayoutAnimationComplete"],O=b.variantProps.length;class B{constructor({parent:t,props:e,presenceContext:i,reducedMotionConfig:s,visualState:n},h={}){this.current=null,this.children=new Set,this.isVariantNode=!1,this.isControllingVariants=!1,this.shouldReduceMotion=null,this.values=new Map,this.features={},this.valueSubscriptions=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=()=>p.frame.render(this.render,!1,!0);const{latestValues:u,renderState:r}=n;this.latestValues=u,this.baseTarget={...u},this.initialValues=e.initial?{...u}:{},this.renderState=r,this.parent=t,this.props=e,this.presenceContext=i,this.depth=t?t.depth+1:0,this.reducedMotionConfig=s,this.options=h,this.isControllingVariants=v.isControllingVariants(e),this.isVariantNode=v.isVariantNode(e),this.isVariantNode&&(this.variantChildren=new Set),this.manuallyAnimateOnMount=!!(t&&t.current);const{willChange:o,...d}=this.scrapeMotionValuesFromProps(e,{});for(const a in d){const l=d[a];u[a]!==void 0&&m.isMotionValue(l)&&(l.set(u[a],!1),j.isWillChangeMotionValue(o)&&o.add(a))}}scrapeMotionValuesFromProps(t,e){return{}}mount(t){this.current=t,g.visualElementStore.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)),V.hasReducedMotionListener.current||y.initPrefersReducedMotion(),this.shouldReduceMotion=this.reducedMotionConfig==="never"?!1:this.reducedMotionConfig==="always"?!0:V.prefersReducedMotion.current,process.env.NODE_ENV!=="production"&&N.warnOnce(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(){g.visualElementStore.delete(this.current),this.projection&&this.projection.unmount(),p.cancelFrame(this.notifyUpdate),p.cancelFrame(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=R.transformProps.has(t),s=e.on("change",h=>{this.latestValues[t]=h,this.props.onUpdate&&p.frame.update(this.notifyUpdate,!1,!0),i&&this.projection&&(this.projection.isTransformDirty=!0)}),n=e.on("renderRequest",this.scheduleRender);this.valueSubscriptions.set(t,()=>{s(),n()})}sortNodePosition(t){return!this.current||!this.sortInstanceNodePosition||this.type!==t.type?0:this.sortInstanceNodePosition(this.current,t.current)}loadFeatures({children:t,...e},i,s,n){let h,u;if(process.env.NODE_ENV!=="production"&&s&&i){const r="You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.";e.ignoreStrict?f.warning(!1,r):f.invariant(!1,r)}for(let r=0;r<L;r++){const o=S[r],{isEnabled:d,Feature:a,ProjectionNode:l,MeasureLayout:c}=C.featureDefinitions[o];l&&(h=l),d(e)&&(!this.features[o]&&a&&(this.features[o]=new a(this)),c&&(u=c))}if(!this.projection&&h){this.projection=new h(this.latestValues,this.parent&&this.parent.projection);const{layoutId:r,layout:o,drag:d,dragConstraints:a,layoutScroll:l,layoutRoot:c}=e;this.projection.setOptions({layoutId:r,layout:o,alwaysMeasureLayout:!!d||a&&T.isRefObject(a),visualElement:this,scheduleRender:()=>this.scheduleRender(),animationType:typeof o=="string"?o:"both",initialPromotionConfig:n,layoutScroll:l,layoutRoot:c})}return u}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)}measureViewportBox(){return this.current?this.measureInstanceViewportBox(this.current,this.props):P.createBox()}getStaticValue(t){return this.latestValues[t]}setStaticValue(t,e){this.latestValues[t]=e}makeTargetAnimatable(t,e=!0){return this.makeTargetAnimatableFromInstance(t,this.props,e)}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<M.length;i++){const s=M[i];this.propEventSubscriptions[s]&&(this.propEventSubscriptions[s](),delete this.propEventSubscriptions[s]);const n=t["on"+s];n&&(this.propEventSubscriptions[s]=this.on(s,n))}this.prevMotionValues=E.updateMotionValuesFromProps(this,this.scrapeMotionValuesFromProps(t,this.prevProps),this.prevMotionValues),this.handleChildMotionValue&&this.handleChildMotionValue()}getProps(){return this.props}getVariant(t){return this.props.variants?this.props.variants[t]:void 0}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<O;i++){const s=b.variantProps[i],n=this.props[s];(w.isVariantLabel(n)||n===!1)&&(e[s]=n)}return e}addVariantChild(t){const e=this.getClosestVariantNode();if(e)return e.variantChildren&&e.variantChildren.add(t),()=>e.variantChildren.delete(t)}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()}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)}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=F.motionValue(e,{owner:this}),this.addValue(t,i)),i}readValue(t){return this.latestValues[t]!==void 0||!this.current?this.latestValues[t]:this.readValueFromInstance(this.current,t,this.options)}setBaseTarget(t,e){this.baseTarget[t]=e}getBaseTarget(t){var e;const{initial:i}=this.props,s=typeof i=="string"||typeof i=="object"?(e=x.resolveVariantFromProps(this.props,i))===null||e===void 0?void 0:e[t]:void 0;if(i&&s!==void 0)return s;const n=this.getBaseTargetFromProps(this.props,t);return n!==void 0&&!m.isMotionValue(n)?n:this.initialValues[t]!==void 0&&s===void 0?void 0:this.baseTarget[t]}on(t,e){return this.events[t]||(this.events[t]=new q.SubscriptionManager),this.events[t].add(e)}notify(t,...e){this.events[t]&&this.events[t].notify(...e)}}exports.VisualElement=B;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./lyra127.cjs"),e=require("./lyra136.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/lyra135.js

@@ -1,260 +1,13 @@
-import { frame as c, cancelFrame as f } from "./lyra136.js";
-import { warning as b, invariant as S } from "./lyra113.js";
-import { createBox as P } from "./lyra137.js";
-import { isRefObject as T } from "./lyra138.js";
-import { initPrefersReducedMotion as y } from "./lyra139.js";
-import { hasReducedMotionListener as F, prefersReducedMotion as R } from "./lyra140.js";
-import { SubscriptionManager as j } from "./lyra141.js";
-import { motionValue as w } from "./lyra142.js";
-import { isWillChangeMotionValue as N } from "./lyra143.js";
-import { isMotionValue as m } from "./lyra116.js";
-import { transformProps as E } from "./lyra144.js";
-import { isControllingVariants as x, isVariantNode as B } from "./lyra145.js";
-import { isVariantLabel as L } from "./lyra146.js";
-import { updateMotionValuesFromProps as I } from "./lyra147.js";
-import { resolveVariantFromProps as O } from "./lyra148.js";
-import { warnOnce as A } from "./lyra149.js";
-import { featureDefinitions as g } from "./lyra150.js";
-import { variantProps as M } from "./lyra151.js";
-import { visualElementStore as V } from "./lyra152.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);
-  }
+import { isBrowser as o } from "./lyra127.js";
+import { hasReducedMotionListener as i, prefersReducedMotion as t } from "./lyra136.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 {
-  ot as VisualElement
+  c as initPrefersReducedMotion
 };

package/dist/lyra136.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./lyra197.cjs"),r=require("./lyra181.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={current:null},t={current:!1};exports.hasReducedMotionListener=t;exports.prefersReducedMotion=e;

package/dist/lyra136.js

@@ -1,27 +1,5 @@
-import { createRenderStep as f } from "./lyra197.js";
-import { frameData as r } from "./lyra181.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));
-}
+const e = { current: null }, n = { current: !1 };
 export {
-  g as cancelFrame,
-  E as frame,
-  o as steps,
-  a as stepsOrder
+  n as hasReducedMotionListener,
+  e as prefersReducedMotion
 };

package/dist/lyra137.cjs

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

@@ -1,18 +1,29 @@
-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()
-});
+import { addUniqueItem as e, removeItem as u } from "./lyra175.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 {
-  e as createAxis,
-  t as createAxisDelta,
-  c as createBox,
-  a as createDelta
+  h as SubscriptionManager
 };

package/dist/lyra138.cjs

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./lyra177.cjs"),n=require("./lyra132.cjs"),l=require("./lyra137.cjs"),f=require("./lyra178.cjs"),u=require("./lyra145.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;

package/dist/lyra138.js

@@ -1,6 +1,203 @@
-function e(t) {
-  return typeof t == "object" && Object.prototype.hasOwnProperty.call(t, "current");
+import { frameData as o } from "./lyra177.js";
+import { frame as n } from "./lyra132.js";
+import { SubscriptionManager as c } from "./lyra137.js";
+import { velocityPerSecond as f } from "./lyra178.js";
+import { warnOnce as l } from "./lyra145.js";
+const p = (s) => !isNaN(parseFloat(s));
+class v {
+  /**
+   * @param init - The initiating value
+   * @param config - Optional configuration options
+   *
+   * -  `transformer`: A function to transform incoming values with.
+   *
+   * @internal
+   */
+  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: r, timestamp: a } = o;
+      this.lastUpdated !== a && (this.timeDelta = r, this.lastUpdated = a, n.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.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 = p(this.current), this.owner = e.owner;
+  }
+  /**
+   * Adds a function that will be notified when the `MotionValue` is updated.
+   *
+   * It returns a function that, when called, will cancel the subscription.
+   *
+   * When calling `onChange` inside a React component, it should be wrapped with the
+   * `useEffect` hook. As it returns an unsubscribe function, this should be returned
+   * from the `useEffect` function to ensure you don't add duplicate subscribers..
+   *
+   * ```jsx
+   * export const MyComponent = () => {
+   *   const x = useMotionValue(0)
+   *   const y = useMotionValue(0)
+   *   const opacity = useMotionValue(1)
+   *
+   *   useEffect(() => {
+   *     function updateOpacity() {
+   *       const maxXY = Math.max(x.get(), y.get())
+   *       const newOpacity = transform(maxXY, [0, 100], [1, 0])
+   *       opacity.set(newOpacity)
+   *     }
+   *
+   *     const unsubscribeX = x.on("change", updateOpacity)
+   *     const unsubscribeY = y.on("change", updateOpacity)
+   *
+   *     return () => {
+   *       unsubscribeX()
+   *       unsubscribeY()
+   *     }
+   *   }, [])
+   *
+   *   return <motion.div style={{ x }} />
+   * }
+   * ```
+   *
+   * @param subscriber - A function that receives the latest value.
+   * @returns A function that, when called, will cancel this subscription.
+   *
+   * @deprecated
+   */
+  onChange(t) {
+    return process.env.NODE_ENV !== "production" && l(!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 c());
+    const i = this.events[t].add(e);
+    return t === "change" ? () => {
+      i(), n.read(() => {
+        this.events.change.getSize() || this.stop();
+      });
+    } : i;
+  }
+  clearListeners() {
+    for (const t in this.events)
+      this.events[t].clear();
+  }
+  /**
+   * Attaches a passive effect to the `MotionValue`.
+   *
+   * @internal
+   */
+  attach(t, e) {
+    this.passiveEffect = t, this.stopPassiveEffect = e;
+  }
+  /**
+   * Sets the state of the `MotionValue`.
+   *
+   * @remarks
+   *
+   * ```jsx
+   * const x = useMotionValue(0)
+   * x.set(10)
+   * ```
+   *
+   * @param latest - Latest value to set.
+   * @param render - Whether to notify render subscribers. Defaults to `true`
+   *
+   * @public
+   */
+  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;
+  }
+  /**
+   * Set the state of the `MotionValue`, stopping any active animations,
+   * effects, and resets velocity to `0`.
+   */
+  jump(t) {
+    this.updateAndNotify(t), this.prev = t, this.stop(), this.stopPassiveEffect && this.stopPassiveEffect();
+  }
+  /**
+   * Returns the latest state of `MotionValue`
+   *
+   * @returns - The latest state of `MotionValue`
+   *
+   * @public
+   */
+  get() {
+    return this.current;
+  }
+  /**
+   * @public
+   */
+  getPrevious() {
+    return this.prev;
+  }
+  /**
+   * Returns the latest velocity of `MotionValue`
+   *
+   * @returns - The latest velocity of `MotionValue`. Returns `0` if the state is non-numerical.
+   *
+   * @public
+   */
+  getVelocity() {
+    return this.canTrackVelocity ? (
+      // These casts could be avoided if parseFloat would be typed better
+      f(parseFloat(this.current) - parseFloat(this.prev), this.timeDelta)
+    ) : 0;
+  }
+  /**
+   * Registers a new animation to control this `MotionValue`. Only one
+   * animation can drive a `MotionValue` at one time.
+   *
+   * ```jsx
+   * value.start()
+   * ```
+   *
+   * @param animation - A function that starts the provided animation
+   *
+   * @internal
+   */
+  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 the currently active animation.
+   *
+   * @public
+   */
+  stop() {
+    this.animation && (this.animation.stop(), this.events.animationCancel && this.events.animationCancel.notify()), this.clearAnimation();
+  }
+  /**
+   * Returns `true` if this value is currently animating.
+   *
+   * @public
+   */
+  isAnimating() {
+    return !!this.animation;
+  }
+  clearAnimation() {
+    delete this.animation;
+  }
+  /**
+   * Destroy and clean up subscribers to this `MotionValue`.
+   *
+   * The `MotionValue` hooks like `useMotionValue` and `useTransform` automatically
+   * handle the lifecycle of the returned `MotionValue`, so this method is only necessary if you've manually
+   * created a `MotionValue` via the `motionValue` function.
+   *
+   * @public
+   */
+  destroy() {
+    this.clearListeners(), this.stop(), this.stopPassiveEffect && this.stopPassiveEffect();
+  }
+}
+function C(s, t) {
+  return new v(s, t);
 }
 export {
-  e as isRefObject
+  v as MotionValue,
+  C as motionValue
 };

package/dist/lyra139.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./lyra131.cjs"),e=require("./lyra140.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra112.cjs");function i(e){return!!(o.isMotionValue(e)&&e.add)}exports.isWillChangeMotionValue=i;

package/dist/lyra139.js

@@ -1,13 +1,7 @@
-import { isBrowser as o } from "./lyra131.js";
-import { hasReducedMotionListener as i, prefersReducedMotion as t } from "./lyra140.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;
+import { isMotionValue as i } from "./lyra112.js";
+function t(o) {
+  return !!(i(o) && o.add);
 }
 export {
-  c as initPrefersReducedMotion
+  t as isWillChangeMotionValue
 };

package/dist/lyra14.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra29.cjs"),t=require("./lyra36.cjs"),s=require("./lyra15.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("./lyra29.cjs"),t=require("./lyra49.cjs"),s=require("./lyra15.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/lyra14.js

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

package/dist/lyra140.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={current:null},t={current:!1};exports.hasReducedMotionListener=t;exports.prefersReducedMotion=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=["transformPerspective","x","y","z","translateX","translateY","translateZ","scale","scaleX","scaleY","rotate","rotateX","rotateY","rotateZ","skew","skewX","skewY"],t=new Set(r);exports.transformPropOrder=r;exports.transformProps=t;