@new-black/lyra 0.0.18 → 0.0.22

package/dist/lyra251.js

@@ -1,26 +1,46 @@
-import { addPointerEvent as p } from "./lyra242.js";
-import { pipe as u } from "./lyra215.js";
-import { isDragActive as f } from "./lyra241.js";
-import { Feature as c } from "./lyra278.js";
-import { frame as v } from "./lyra167.js";
-function a(t, e) {
-  const i = "pointer" + (e ? "enter" : "leave"), r = "onHover" + (e ? "Start" : "End"), m = (n, s) => {
-    if (n.type === "touch" || f())
-      return;
-    const o = t.getProps();
-    t.animationState && o.whileHover && t.animationState.setActive("whileHover", e), o[r] && v.update(() => o[r](n, s));
-  };
-  return p(t.current, i, m, {
-    passive: !t.getProps()[r]
-  });
+import { buildHTMLStyles as n } from "./lyra297.js";
+import { isCSSVariableName as s } from "./lyra188.js";
+import { transformProps as l } from "./lyra162.js";
+import { scrapeMotionValuesFromProps as m } from "./lyra288.js";
+import { renderHTML as u } from "./lyra298.js";
+import { getDefaultValueType as a } from "./lyra273.js";
+import { measureViewportBox as p } from "./lyra299.js";
+import { DOMVisualElement as c } from "./lyra300.js";
+import { isMotionValue as d } from "./lyra134.js";
+function f(i) {
+  return window.getComputedStyle(i);
 }
-class g extends c {
-  mount() {
-    this.unmount = u(a(this.node, !0), a(this.node, !1));
+class w extends c {
+  readValueFromInstance(e, t) {
+    if (l.has(t)) {
+      const r = a(t);
+      return r && r.default || 0;
+    } else {
+      const r = f(e), o = (s(t) ? r.getPropertyValue(t) : r[t]) || 0;
+      return typeof o == "string" ? o.trim() : o;
+    }
   }
-  unmount() {
+  measureInstanceViewportBox(e, { transformPagePoint: t }) {
+    return p(e, t);
+  }
+  build(e, t, r, o) {
+    n(e, t, r, o.transformTemplate);
+  }
+  scrapeMotionValuesFromProps(e, t) {
+    return m(e, t);
+  }
+  handleChildMotionValue() {
+    this.childSubscription && (this.childSubscription(), delete this.childSubscription);
+    const { children: e } = this.props;
+    d(e) && (this.childSubscription = e.on("change", (t) => {
+      this.current && (this.current.textContent = `${t}`);
+    }));
+  }
+  renderInstance(e, t, r, o) {
+    u(e, t, r, o);
   }
 }
 export {
-  g as HoverGesture
+  w as HTMLVisualElement,
+  f as getComputedStyle
 };

package/dist/lyra252.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra243.cjs"),s=require("./lyra278.cjs"),i=require("./lyra215.cjs");class n extends s.Feature{constructor(){super(...arguments),this.isActive=!1}onFocus(){let t=!1;try{t=this.node.current.matches(":focus-visible")}catch{t=!0}!t||!this.node.animationState||(this.node.animationState.setActive("whileFocus",!0),this.isActive=!0)}onBlur(){!this.isActive||!this.node.animationState||(this.node.animationState.setActive("whileFocus",!1),this.isActive=!1)}mount(){this.unmount=i.pipe(e.addDomEvent(this.node.current,"focus",()=>this.onFocus()),e.addDomEvent(this.node.current,"blur",()=>this.onBlur()))}unmount(){}}exports.FocusGesture=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./lyra284.cjs"),u=require("./lyra300.cjs"),o=require("./lyra286.cjs"),n=require("./lyra193.cjs"),i=require("./lyra301.cjs"),l=require("./lyra162.cjs"),c=require("./lyra283.cjs"),m=require("./lyra273.cjs"),V=require("./lyra155.cjs"),d=require("./lyra287.cjs");class g extends u.DOMVisualElement{constructor(){super(...arguments),this.isSVGTag=!1}getBaseTargetFromProps(r,e){return r[e]}readValueFromInstance(r,e){if(l.transformProps.has(e)){const t=m.getDefaultValueType(e);return t&&t.default||0}return e=i.camelCaseAttributes.has(e)?e:n.camelToDash(e),r.getAttribute(e)}measureInstanceViewportBox(){return V.createBox()}scrapeMotionValuesFromProps(r,e){return a.scrapeMotionValuesFromProps(r,e)}build(r,e,t,s){o.buildSVGAttrs(r,e,t,this.isSVGTag,s.transformTemplate)}renderInstance(r,e,t,s){c.renderSVG(r,e,t,s)}mount(r){this.isSVGTag=d.isSVGTag(r.tagName),super.mount(r)}}exports.SVGVisualElement=g;

package/dist/lyra252.js

@@ -1,28 +1,43 @@
-import { addDomEvent as e } from "./lyra243.js";
-import { Feature as i } from "./lyra278.js";
-import { pipe as s } from "./lyra215.js";
-class a extends i {
+import { scrapeMotionValuesFromProps as s } from "./lyra284.js";
+import { DOMVisualElement as a } from "./lyra300.js";
+import { buildSVGAttrs as m } from "./lyra286.js";
+import { camelToDash as i } from "./lyra193.js";
+import { camelCaseAttributes as u } from "./lyra301.js";
+import { transformProps as n } from "./lyra162.js";
+import { renderSVG as p } from "./lyra283.js";
+import { getDefaultValueType as l } from "./lyra273.js";
+import { createBox as f } from "./lyra155.js";
+import { isSVGTag as V } from "./lyra287.js";
+class A extends a {
   constructor() {
-    super(...arguments), this.isActive = !1;
-  }
-  onFocus() {
-    let t = !1;
-    try {
-      t = this.node.current.matches(":focus-visible");
-    } catch {
-      t = !0;
+    super(...arguments), this.isSVGTag = !1;
+  }
+  getBaseTargetFromProps(t, r) {
+    return t[r];
+  }
+  readValueFromInstance(t, r) {
+    if (n.has(r)) {
+      const e = l(r);
+      return e && e.default || 0;
     }
-    !t || !this.node.animationState || (this.node.animationState.setActive("whileFocus", !0), this.isActive = !0);
+    return r = u.has(r) ? r : i(r), t.getAttribute(r);
+  }
+  measureInstanceViewportBox() {
+    return f();
+  }
+  scrapeMotionValuesFromProps(t, r) {
+    return s(t, r);
   }
-  onBlur() {
-    !this.isActive || !this.node.animationState || (this.node.animationState.setActive("whileFocus", !1), this.isActive = !1);
+  build(t, r, e, o) {
+    m(t, r, e, this.isSVGTag, o.transformTemplate);
   }
-  mount() {
-    this.unmount = s(e(this.node.current, "focus", () => this.onFocus()), e(this.node.current, "blur", () => this.onBlur()));
+  renderInstance(t, r, e, o) {
+    p(t, r, e, o);
   }
-  unmount() {
+  mount(t) {
+    this.isSVGTag = V(t.tagName), super.mount(t);
   }
 }
 export {
-  a as FocusGesture
+  A as SVGVisualElement
 };

package/dist/lyra253.cjs

@@ -1 +1,9 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("./lyra244.cjs"),h=require("./lyra243.cjs"),u=require("./lyra242.cjs"),f=require("./lyra278.cjs"),P=require("./lyra215.cjs"),L=require("./lyra241.cjs"),g=require("./lyra283.cjs"),v=require("./lyra202.cjs"),p=require("./lyra167.cjs");function m(l,e){if(!e)return;const s=new PointerEvent("pointer"+l);e(s,E.extractEventInfo(s))}class w extends f.Feature{constructor(){super(...arguments),this.removeStartListeners=v.noop,this.removeEndListeners=v.noop,this.removeAccessibleListeners=v.noop,this.startPointerPress=(e,s)=>{if(this.removeEndListeners(),this.isPressing)return;const t=this.node.getProps(),i=(n,r)=>{if(!this.checkPressEnd())return;const{onTap:d,onTapCancel:a}=this.node.getProps();p.frame.update(()=>{g.isNodeOrChild(this.node.current,n.target)?d&&d(n,r):a&&a(n,r)})},o=u.addPointerEvent(window,"pointerup",i,{passive:!(t.onTap||t.onPointerUp)}),c=u.addPointerEvent(window,"pointercancel",(n,r)=>this.cancelPress(n,r),{passive:!(t.onTapCancel||t.onPointerCancel)});this.removeEndListeners=P.pipe(o,c),this.startPress(e,s)},this.startAccessiblePress=()=>{const e=o=>{if(o.key!=="Enter"||this.isPressing)return;const c=n=>{n.key!=="Enter"||!this.checkPressEnd()||m("up",(r,d)=>{const{onTap:a}=this.node.getProps();a&&p.frame.update(()=>a(r,d))})};this.removeEndListeners(),this.removeEndListeners=h.addDomEvent(this.node.current,"keyup",c),m("down",(n,r)=>{this.startPress(n,r)})},s=h.addDomEvent(this.node.current,"keydown",e),t=()=>{this.isPressing&&m("cancel",(o,c)=>this.cancelPress(o,c))},i=h.addDomEvent(this.node.current,"blur",t);this.removeAccessibleListeners=P.pipe(s,i)}}startPress(e,s){this.isPressing=!0;const{onTapStart:t,whileTap:i}=this.node.getProps();i&&this.node.animationState&&this.node.animationState.setActive("whileTap",!0),t&&p.frame.update(()=>t(e,s))}checkPressEnd(){return this.removeEndListeners(),this.isPressing=!1,this.node.getProps().whileTap&&this.node.animationState&&this.node.animationState.setActive("whileTap",!1),!L.isDragActive()}cancelPress(e,s){if(!this.checkPressEnd())return;const{onTapCancel:t}=this.node.getProps();t&&p.frame.update(()=>t(e,s))}mount(){const e=this.node.getProps(),s=u.addPointerEvent(this.node.current,"pointerdown",this.startPointerPress,{passive:!(e.onTapStart||e.onPointerStart)}),t=h.addDomEvent(this.node.current,"focus",this.startAccessiblePress);this.removeStartListeners=P.pipe(s,t)}unmount(){this.removeStartListeners(),this.removeEndListeners(),this.removeAccessibleListeners()}}exports.PressGesture=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react");function u(o){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const e in o)if(e!=="default"){const t=Object.getOwnPropertyDescriptor(o,e);Object.defineProperty(n,e,t.get?t:{enumerable:!0,get:()=>o[e]})}}return n.default=o,Object.freeze(n)}const s=u(r);class a extends s.Component{getSnapshotBeforeUpdate(n){const e=this.props.childRef.current;if(e&&n.isPresent&&!this.props.isPresent){const t=this.props.sizeRef.current;t.height=e.offsetHeight||0,t.width=e.offsetWidth||0,t.top=e.offsetTop,t.left=e.offsetLeft}return null}componentDidUpdate(){}render(){return this.props.children}}function h({children:o,isPresent:n}){const e=r.useId(),t=r.useRef(null),c=r.useRef({width:0,height:0,top:0,left:0});return r.useInsertionEffect(()=>{const{width:p,height:d,top:l,left:f}=c.current;if(n||!t.current||!p||!d)return;t.current.dataset.motionPopId=e;const i=document.createElement("style");return document.head.appendChild(i),i.sheet&&i.sheet.insertRule(`
+          [data-motion-pop-id="${e}"] {
+            position: absolute !important;
+            width: ${p}px !important;
+            height: ${d}px !important;
+            top: ${l}px !important;
+            left: ${f}px !important;
+          }
+        `),()=>{document.head.removeChild(i)}},[n]),s.createElement(a,{isPresent:n,childRef:t,sizeRef:c},s.cloneElement(o,{ref:t}))}exports.PopChild=h;

package/dist/lyra253.js

@@ -1,73 +1,49 @@
-import { extractEventInfo as f } from "./lyra244.js";
-import { addDomEvent as p } from "./lyra243.js";
-import { addPointerEvent as m } from "./lyra242.js";
-import { Feature as L } from "./lyra278.js";
-import { pipe as P } from "./lyra215.js";
-import { isDragActive as E } from "./lyra241.js";
-import { isNodeOrChild as g } from "./lyra283.js";
-import { noop as u } from "./lyra202.js";
-import { frame as d } from "./lyra167.js";
-function v(l, e) {
-  if (!e)
-    return;
-  const s = new PointerEvent("pointer" + l);
-  e(s, f(s));
-}
-class K extends L {
-  constructor() {
-    super(...arguments), this.removeStartListeners = u, this.removeEndListeners = u, this.removeAccessibleListeners = u, this.startPointerPress = (e, s) => {
-      if (this.removeEndListeners(), this.isPressing)
-        return;
-      const t = this.node.getProps(), i = m(window, "pointerup", (r, n) => {
-        if (!this.checkPressEnd())
-          return;
-        const { onTap: h, onTapCancel: c } = this.node.getProps();
-        d.update(() => {
-          g(this.node.current, r.target) ? h && h(r, n) : c && c(r, n);
-        });
-      }, { passive: !(t.onTap || t.onPointerUp) }), o = m(window, "pointercancel", (r, n) => this.cancelPress(r, n), { passive: !(t.onTapCancel || t.onPointerCancel) });
-      this.removeEndListeners = P(i, o), this.startPress(e, s);
-    }, this.startAccessiblePress = () => {
-      const e = (i) => {
-        if (i.key !== "Enter" || this.isPressing)
-          return;
-        const o = (r) => {
-          r.key !== "Enter" || !this.checkPressEnd() || v("up", (n, h) => {
-            const { onTap: c } = this.node.getProps();
-            c && d.update(() => c(n, h));
-          });
-        };
-        this.removeEndListeners(), this.removeEndListeners = p(this.node.current, "keyup", o), v("down", (r, n) => {
-          this.startPress(r, n);
-        });
-      }, s = p(this.node.current, "keydown", e), t = () => {
-        this.isPressing && v("cancel", (i, o) => this.cancelPress(i, o));
-      }, a = p(this.node.current, "blur", t);
-      this.removeAccessibleListeners = P(s, a);
-    };
+import * as r from "react";
+import { useId as l, useRef as h, useInsertionEffect as a } from "react";
+class u extends r.Component {
+  getSnapshotBeforeUpdate(o) {
+    const e = this.props.childRef.current;
+    if (e && o.isPresent && !this.props.isPresent) {
+      const t = this.props.sizeRef.current;
+      t.height = e.offsetHeight || 0, t.width = e.offsetWidth || 0, t.top = e.offsetTop, t.left = e.offsetLeft;
+    }
+    return null;
   }
-  startPress(e, s) {
-    this.isPressing = !0;
-    const { onTapStart: t, whileTap: a } = this.node.getProps();
-    a && this.node.animationState && this.node.animationState.setActive("whileTap", !0), t && d.update(() => t(e, s));
+  /**
+   * Required with getSnapshotBeforeUpdate to stop React complaining.
+   */
+  componentDidUpdate() {
   }
-  checkPressEnd() {
-    return this.removeEndListeners(), this.isPressing = !1, this.node.getProps().whileTap && this.node.animationState && this.node.animationState.setActive("whileTap", !1), !E();
+  render() {
+    return this.props.children;
   }
-  cancelPress(e, s) {
-    if (!this.checkPressEnd())
+}
+function $({ children: i, isPresent: o }) {
+  const e = l(), t = h(null), s = h({
+    width: 0,
+    height: 0,
+    top: 0,
+    left: 0
+  });
+  return a(() => {
+    const { width: p, height: d, top: f, left: c } = s.current;
+    if (o || !t.current || !p || !d)
       return;
-    const { onTapCancel: t } = this.node.getProps();
-    t && d.update(() => t(e, s));
-  }
-  mount() {
-    const e = this.node.getProps(), s = m(this.node.current, "pointerdown", this.startPointerPress, { passive: !(e.onTapStart || e.onPointerStart) }), t = p(this.node.current, "focus", this.startAccessiblePress);
-    this.removeStartListeners = P(s, t);
-  }
-  unmount() {
-    this.removeStartListeners(), this.removeEndListeners(), this.removeAccessibleListeners();
-  }
+    t.current.dataset.motionPopId = e;
+    const n = document.createElement("style");
+    return document.head.appendChild(n), n.sheet && n.sheet.insertRule(`
+          [data-motion-pop-id="${e}"] {
+            position: absolute !important;
+            width: ${p}px !important;
+            height: ${d}px !important;
+            top: ${f}px !important;
+            left: ${c}px !important;
+          }
+        `), () => {
+      document.head.removeChild(n);
+    };
+  }, [o]), r.createElement(u, { isPresent: o, childRef: t, sizeRef: s }, r.cloneElement(i, { ref: t }));
 }
 export {
-  K as PressGesture
+  $ as PopChild
 };

package/dist/lyra254.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./lyra278.cjs"),w=require("./lyra284.cjs"),f={some:0,all:1};class l extends m.Feature{constructor(){super(...arguments),this.hasEnteredView=!1,this.isInView=!1}startObserver(){this.unmount();const{viewport:n={}}=this.node.getProps(),{root:e,margin:o,amount:s="some",once:u}=n,h={root:e?e.current:void 0,rootMargin:o,threshold:typeof s=="number"?s:f[s]},c=i=>{const{isIntersecting:t}=i;if(this.isInView===t||(this.isInView=t,u&&!t&&this.hasEnteredView))return;t&&(this.hasEnteredView=!0),this.node.animationState&&this.node.animationState.setActive("whileInView",t);const{onViewportEnter:d,onViewportLeave:p}=this.node.getProps(),a=t?d:p;a&&a(i)};return w.observeIntersection(this.node.current,h,c)}mount(){this.startObserver()}update(){if(typeof IntersectionObserver>"u")return;const{props:n,prevProps:e}=this.node;["amount","margin","root"].some(g(n,e))&&this.startObserver()}unmount(){}}function g({viewport:r={}},{viewport:n={}}={}){return e=>r[e]!==n[e]}exports.InViewFeature=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=e=>Array.isArray(e);exports.isKeyframesTarget=r;

package/dist/lyra254.js

@@ -1,44 +1,4 @@
-import { Feature as m } from "./lyra278.js";
-import { observeIntersection as f } from "./lyra284.js";
-const w = {
-  some: 0,
-  all: 1
-};
-class v extends m {
-  constructor() {
-    super(...arguments), this.hasEnteredView = !1, this.isInView = !1;
-  }
-  startObserver() {
-    this.unmount();
-    const { viewport: n = {} } = this.node.getProps(), { root: t, margin: r, amount: s = "some", once: h } = n, u = {
-      root: t ? t.current : void 0,
-      rootMargin: r,
-      threshold: typeof s == "number" ? s : w[s]
-    }, c = (i) => {
-      const { isIntersecting: e } = i;
-      if (this.isInView === e || (this.isInView = e, h && !e && this.hasEnteredView))
-        return;
-      e && (this.hasEnteredView = !0), this.node.animationState && this.node.animationState.setActive("whileInView", e);
-      const { onViewportEnter: p, onViewportLeave: d } = this.node.getProps(), a = e ? p : d;
-      a && a(i);
-    };
-    return f(this.node.current, u, c);
-  }
-  mount() {
-    this.startObserver();
-  }
-  update() {
-    if (typeof IntersectionObserver > "u")
-      return;
-    const { props: n, prevProps: t } = this.node;
-    ["amount", "margin", "root"].some(l(n, t)) && this.startObserver();
-  }
-  unmount() {
-  }
-}
-function l({ viewport: o = {} }, { viewport: n = {} } = {}) {
-  return (t) => o[t] !== n[t];
-}
+const e = (r) => Array.isArray(r);
 export {
-  v as InViewFeature
+  e as isKeyframesTarget
 };

package/dist/lyra255.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra278.cjs"),o=require("./lyra202.cjs"),s=require("./lyra295.cjs");class t extends r.Feature{constructor(e){super(e),this.removeGroupControls=o.noop,this.removeListeners=o.noop,this.controls=new s.VisualElementDragControls(e)}mount(){const{dragControls:e}=this.node.getProps();e&&(this.removeGroupControls=e.subscribe(this.controls)),this.removeListeners=this.controls.addListeners()||o.noop}unmount(){this.removeGroupControls(),this.removeListeners()}}exports.DragGesture=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("./lyra131.cjs"),d=require("./lyra180.cjs"),b=require("./lyra258.cjs"),q=require("./lyra302.cjs"),M=require("./lyra303.cjs"),$=require("./lyra304.cjs"),y=require("./lyra305.cjs"),D=require("./lyra306.cjs"),f=require("./lyra307.cjs"),V=require("./lyra173.cjs"),w=(n,i,p,s={})=>g=>{const t=f.getValueTransition(s,n)||{},A=t.delay||s.delay||0;let{elapsed:c=0}=s;c=c-d.secondsToMilliseconds(A);const a=D.getKeyframes(i,n,p,t),r=a[0],l=a[a.length-1],m=y.isAnimatable(n,r),u=y.isAnimatable(n,l);T.warning(m===u,`You are trying to animate ${n} from "${r}" to "${l}". ${r} is not an animatable value - to enable this animation set ${r} to a value animatable to ${l} via the \`style\` property.`);let e={keyframes:a,velocity:i.getVelocity(),ease:"easeOut",...t,delay:-c,onUpdate:o=>{i.set(o),t.onUpdate&&t.onUpdate(o)},onComplete:()=>{g(),t.onComplete&&t.onComplete()}};if(f.isTransitionDefined(t)||(e={...e,...$.getDefaultTransition(n,e)}),e.duration&&(e.duration=d.secondsToMilliseconds(e.duration)),e.repeatDelay&&(e.repeatDelay=d.secondsToMilliseconds(e.repeatDelay)),!m||!u||b.instantAnimationState.current||t.type===!1)return M.createInstantAnimation(e);if(i.owner&&i.owner.current instanceof HTMLElement&&!i.owner.getProps().onUpdate){const o=q.createAcceleratedAnimation(i,n,e);if(o)return o}return V.animateValue(e)};exports.animateMotionValue=w;

package/dist/lyra255.js

@@ -1,18 +1,44 @@
-import { Feature as s } from "./lyra278.js";
-import { noop as r } from "./lyra202.js";
-import { VisualElementDragControls as t } from "./lyra295.js";
-class u extends s {
-  constructor(o) {
-    super(o), this.removeGroupControls = r, this.removeListeners = r, this.controls = new t(o);
+import { warning as T } from "./lyra131.js";
+import { secondsToMilliseconds as f } from "./lyra180.js";
+import { instantAnimationState as b } from "./lyra258.js";
+import { createAcceleratedAnimation as u } from "./lyra302.js";
+import { createInstantAnimation as $ } from "./lyra303.js";
+import { getDefaultTransition as D } from "./lyra304.js";
+import { isAnimatable as d } from "./lyra305.js";
+import { getKeyframes as w } from "./lyra306.js";
+import { getValueTransition as U, isTransitionDefined as V } from "./lyra307.js";
+import { animateValue as h } from "./lyra173.js";
+const P = (o, n, y, m = {}) => (g) => {
+  const e = U(m, o) || {}, A = e.delay || m.delay || 0;
+  let { elapsed: s = 0 } = m;
+  s = s - f(A);
+  const r = w(n, o, y, e), a = r[0], p = r[r.length - 1], l = d(o, a), c = d(o, p);
+  T(l === c, `You are trying to animate ${o} from "${a}" to "${p}". ${a} is not an animatable value - to enable this animation set ${a} to a value animatable to ${p} via the \`style\` property.`);
+  let t = {
+    keyframes: r,
+    velocity: n.getVelocity(),
+    ease: "easeOut",
+    ...e,
+    delay: -s,
+    onUpdate: (i) => {
+      n.set(i), e.onUpdate && e.onUpdate(i);
+    },
+    onComplete: () => {
+      g(), e.onComplete && e.onComplete();
+    }
+  };
+  if (V(e) || (t = {
+    ...t,
+    ...D(o, t)
+  }), t.duration && (t.duration = f(t.duration)), t.repeatDelay && (t.repeatDelay = f(t.repeatDelay)), !l || !c || b.current || e.type === !1)
+    return $(t);
+  if (n.owner && n.owner.current instanceof HTMLElement && !n.owner.getProps().onUpdate) {
+    const i = u(n, o, t);
+    if (i)
+      return i;
   }
-  mount() {
-    const { dragControls: o } = this.node.getProps();
-    o && (this.removeGroupControls = o.subscribe(this.controls)), this.removeListeners = this.controls.addListeners() || r;
-  }
-  unmount() {
-    this.removeGroupControls(), this.removeListeners();
-  }
-}
+  return h(t);
+};
 export {
-  u as DragGesture
+  P as animateMotionValue
 };

package/dist/lyra256.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./lyra296.cjs"),P=require("./lyra242.cjs"),c=require("./lyra278.cjs"),h=require("./lyra202.cjs"),r=require("./lyra167.cjs"),o=n=>(e,t)=>{n&&r.frame.update(()=>n(e,t))};class m extends c.Feature{constructor(){super(...arguments),this.removePointerDownListener=h.noop}onPointerDown(e){this.session=new u.PanSession(e,this.createPanHandlers(),{transformPagePoint:this.node.getTransformPagePoint()})}createPanHandlers(){const{onPanSessionStart:e,onPanStart:t,onPan:i,onPanEnd:s}=this.node.getProps();return{onSessionStart:o(e),onStart:o(t),onMove:i,onEnd:(a,d)=>{delete this.session,s&&r.frame.update(()=>s(a,d))}}}mount(){this.removePointerDownListener=P.addPointerEvent(this.node.current,"pointerdown",e=>this.onPointerDown(e))}update(){this.session&&this.session.updateHandlers(this.createPanHandlers())}unmount(){this.removePointerDownListener(),this.session&&this.session.end()}}exports.PanGesture=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra164.cjs"),r=require("./lyra163.cjs");function l(e,a){if(r.isControllingVariants(e)){const{initial:i,animate:n}=e;return{initial:i===!1||t.isVariantLabel(i)?i:void 0,animate:t.isVariantLabel(n)?n:void 0}}return e.inherit!==!1?a:{}}exports.getCurrentTreeVariants=l;

package/dist/lyra256.js

@@ -1,39 +1,15 @@
-import { PanSession as d } from "./lyra296.js";
-import { addPointerEvent as m } from "./lyra242.js";
-import { Feature as h } from "./lyra278.js";
-import { noop as p } from "./lyra202.js";
-import { frame as r } from "./lyra167.js";
-const s = (e) => (n, t) => {
-  e && r.update(() => e(n, t));
-};
-class l extends h {
-  constructor() {
-    super(...arguments), this.removePointerDownListener = p;
-  }
-  onPointerDown(n) {
-    this.session = new d(n, this.createPanHandlers(), { transformPagePoint: this.node.getTransformPagePoint() });
-  }
-  createPanHandlers() {
-    const { onPanSessionStart: n, onPanStart: t, onPan: i, onPanEnd: o } = this.node.getProps();
+import { isVariantLabel as e } from "./lyra164.js";
+import { isControllingVariants as r } from "./lyra163.js";
+function o(i, a) {
+  if (r(i)) {
+    const { initial: n, animate: t } = i;
     return {
-      onSessionStart: s(n),
-      onStart: s(t),
-      onMove: i,
-      onEnd: (a, P) => {
-        delete this.session, o && r.update(() => o(a, P));
-      }
+      initial: n === !1 || e(n) ? n : void 0,
+      animate: e(t) ? t : void 0
     };
   }
-  mount() {
-    this.removePointerDownListener = m(this.node.current, "pointerdown", (n) => this.onPointerDown(n));
-  }
-  update() {
-    this.session && this.session.updateHandlers(this.createPanHandlers());
-  }
-  unmount() {
-    this.removePointerDownListener(), this.session && this.session.end();
-  }
+  return i.inherit !== !1 ? a : {};
 }
 export {
-  l as PanGesture
+  o as getCurrentTreeVariants
 };

package/dist/lyra257.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./lyra167.cjs"),u=require("react"),p=require("./lyra153.cjs"),l=require("./lyra141.cjs"),m=require("./lyra164.cjs"),f=require("./lyra297.cjs"),n=require("./lyra298.cjs"),R=require("./lyra299.cjs"),h=require("./lyra184.cjs");class y extends u.Component{componentDidMount(){const{visualElement:e,layoutGroup:o,switchLayoutGroup:t,layoutId:s}=this.props,{projection:r}=e;h.addScaleCorrector(v),r&&(o.group&&o.group.add(r),t&&t.register&&s&&t.register(r),r.root.didUpdate(),r.addEventListener("animationComplete",()=>{this.safeToRemove()}),r.setOptions({...r.options,onExitComplete:()=>this.safeToRemove()})),f.globalProjectionState.hasEverUpdated=!0}getSnapshotBeforeUpdate(e){const{layoutDependency:o,visualElement:t,drag:s,isPresent:r}=this.props,i=t.projection;return i&&(i.isPresent=r,s||e.layoutDependency!==o||o===void 0?i.willUpdate():this.safeToRemove(),e.isPresent!==r&&(r?i.promote():i.relegate()||d.frame.postRender(()=>{const c=i.getStack();(!c||!c.members.length)&&this.safeToRemove()}))),null}componentDidUpdate(){const{projection:e}=this.props.visualElement;e&&(e.root.didUpdate(),queueMicrotask(()=>{!e.currentAnimation&&e.isLead()&&this.safeToRemove()}))}componentWillUnmount(){const{visualElement:e,layoutGroup:o,switchLayoutGroup:t}=this.props,{projection:s}=e;s&&(s.scheduleCheckAfterUnmount(),o&&o.group&&o.group.remove(s),t&&t.deregister&&t.deregister(s))}safeToRemove(){const{safeToRemove:e}=this.props;e&&e()}render(){return null}}function g(a){const[e,o]=p.usePresence(),t=u.useContext(l.LayoutGroupContext);return u.createElement(y,{...a,layoutGroup:t,switchLayoutGroup:u.useContext(m.SwitchLayoutGroupContext),isPresent:e,safeToRemove:o})}const v={borderRadius:{...n.correctBorderRadius,applyTo:["borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius"]},borderTopLeftRadius:n.correctBorderRadius,borderTopRightRadius:n.correctBorderRadius,borderBottomLeftRadius:n.correctBorderRadius,borderBottomRightRadius:n.correctBorderRadius,boxShadow:R.correctBoxShadow};exports.MeasureLayout=g;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="";exports.default=e;

package/dist/lyra257.js

@@ -1,72 +1,4 @@
-import { frame as m } from "./lyra167.js";
-import d, { useContext as p } from "react";
-import { usePresence as c } from "./lyra153.js";
-import { LayoutGroupContext as f } from "./lyra141.js";
-import { SwitchLayoutGroupContext as l } from "./lyra164.js";
-import { globalProjectionState as h } from "./lyra297.js";
-import { correctBorderRadius as n } from "./lyra298.js";
-import { correctBoxShadow as R } from "./lyra299.js";
-import { addScaleCorrector as g } from "./lyra184.js";
-class y extends d.Component {
-  /**
-   * This only mounts projection nodes for components that
-   * need measuring, we might want to do it for all components
-   * in order to incorporate transforms
-   */
-  componentDidMount() {
-    const { visualElement: e, layoutGroup: o, switchLayoutGroup: t, layoutId: i } = this.props, { projection: r } = e;
-    g(v), r && (o.group && o.group.add(r), t && t.register && i && t.register(r), r.root.didUpdate(), r.addEventListener("animationComplete", () => {
-      this.safeToRemove();
-    }), r.setOptions({
-      ...r.options,
-      onExitComplete: () => this.safeToRemove()
-    })), h.hasEverUpdated = !0;
-  }
-  getSnapshotBeforeUpdate(e) {
-    const { layoutDependency: o, visualElement: t, drag: i, isPresent: r } = this.props, s = t.projection;
-    return s && (s.isPresent = r, i || e.layoutDependency !== o || o === void 0 ? s.willUpdate() : this.safeToRemove(), e.isPresent !== r && (r ? s.promote() : s.relegate() || m.postRender(() => {
-      const u = s.getStack();
-      (!u || !u.members.length) && this.safeToRemove();
-    }))), null;
-  }
-  componentDidUpdate() {
-    const { projection: e } = this.props.visualElement;
-    e && (e.root.didUpdate(), queueMicrotask(() => {
-      !e.currentAnimation && e.isLead() && this.safeToRemove();
-    }));
-  }
-  componentWillUnmount() {
-    const { visualElement: e, layoutGroup: o, switchLayoutGroup: t } = this.props, { projection: i } = e;
-    i && (i.scheduleCheckAfterUnmount(), o && o.group && o.group.remove(i), t && t.deregister && t.deregister(i));
-  }
-  safeToRemove() {
-    const { safeToRemove: e } = this.props;
-    e && e();
-  }
-  render() {
-    return null;
-  }
-}
-function w(a) {
-  const [e, o] = c(), t = p(f);
-  return d.createElement(y, { ...a, layoutGroup: t, switchLayoutGroup: p(l), isPresent: e, safeToRemove: o });
-}
-const v = {
-  borderRadius: {
-    ...n,
-    applyTo: [
-      "borderTopLeftRadius",
-      "borderTopRightRadius",
-      "borderBottomLeftRadius",
-      "borderBottomRightRadius"
-    ]
-  },
-  borderTopLeftRadius: n,
-  borderTopRightRadius: n,
-  borderBottomLeftRadius: n,
-  borderBottomRightRadius: n,
-  boxShadow: R
-};
+const t = "";
 export {
-  w as MeasureLayout
+  t as default
 };

package/dist/lyra258.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra266.cjs"),n=require("./lyra267.cjs"),e={current:void 0},c=r.createProjectionNode({measureScroll:o=>({x:o.scrollLeft,y:o.scrollTop}),defaultParent:()=>{if(!e.current){const o=new n.DocumentProjectionNode({});o.mount(window),o.setOptions({layoutScroll:!0}),e.current=o}return e.current},resetTransform:(o,t)=>{o.style.transform=t!==void 0?t:"none"},checkIsScrollRoot:o=>window.getComputedStyle(o).position==="fixed"});exports.HTMLProjectionNode=c;exports.rootProjectionNode=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t={current:!1};exports.instantAnimationState=t;

package/dist/lyra258.js

@@ -1,25 +1,6 @@
-import { createProjectionNode as t } from "./lyra266.js";
-import { DocumentProjectionNode as n } from "./lyra267.js";
-const e = {
-  current: void 0
-}, i = t({
-  measureScroll: (o) => ({
-    x: o.scrollLeft,
-    y: o.scrollTop
-  }),
-  defaultParent: () => {
-    if (!e.current) {
-      const o = new n({});
-      o.mount(window), o.setOptions({ layoutScroll: !0 }), e.current = o;
-    }
-    return e.current;
-  },
-  resetTransform: (o, r) => {
-    o.style.transform = r !== void 0 ? r : "none";
-  },
-  checkIsScrollRoot: (o) => window.getComputedStyle(o).position === "fixed"
-});
+const t = {
+  current: !1
+};
 export {
-  i as HTMLProjectionNode,
-  e as rootProjectionNode
+  t as instantAnimationState
 };