@new-black/lyra 0.0.19 → 0.0.22

package/dist/lyra210.js

@@ -1,24 +1,7 @@
-import { mix as p } from "./lyra198.js";
-import { invariant as c } from "./lyra128.js";
-import { hslaToRgba as f } from "./lyra269.js";
-import { hex as d } from "./lyra181.js";
-import { rgba as i } from "./lyra183.js";
-import { hsla as l } from "./lyra182.js";
-const m = (r, e, o) => {
-  const t = r * r;
-  return Math.sqrt(Math.max(0, o * (e * e - t) + t));
-}, h = [d, i, l], u = (r) => h.find((e) => e.test(r));
-function s(r) {
-  const e = u(r);
-  c(!!e, `'${r}' is not an animatable color. Use the equivalent color code instead.`);
-  let o = e.parse(r);
-  return e === l && (o = f(o)), o;
-}
-const A = (r, e) => {
-  const o = s(r), t = s(e), n = { ...o };
-  return (a) => (n.red = m(o.red, t.red, a), n.green = m(o.green, t.green, a), n.blue = m(o.blue, t.blue, a), n.alpha = p(o.alpha, t.alpha, a), i.transform(n));
-};
+import { cubicBezier as e } from "./lyra206.js";
+const o = e(0.42, 0, 1, 1), s = e(0, 0, 0.58, 1), c = e(0.42, 0, 0.58, 1);
 export {
-  A as mixColor,
-  m as mixLinearColor
+  o as easeIn,
+  c as easeInOut,
+  s as easeOut
 };

package/dist/lyra211.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("./lyra198.cjs"),p=require("./lyra210.cjs"),f=require("./lyra199.cjs"),d=require("./lyra128.cjs"),b=require("./lyra179.cjs"),a=require("./lyra184.cjs"),l=(e,n)=>r=>`${r>0?n:e}`;function c(e,n){return typeof e=="number"?r=>x.mix(e,n,r):b.color.test(e)?p.mixColor(e,n):e.startsWith("var(")?l(e,n):i(e,n)}const m=(e,n)=>{const r=[...e],o=r.length,t=e.map((s,u)=>c(s,n[u]));return s=>{for(let u=0;u<o;u++)r[u]=t[u](s);return r}},y=(e,n)=>{const r={...e,...n},o={};for(const t in r)e[t]!==void 0&&n[t]!==void 0&&(o[t]=c(e[t],n[t]));return t=>{for(const s in o)r[s]=o[s](t);return r}},i=(e,n)=>{const r=a.complex.createTransformer(n),o=a.analyseComplexValue(e),t=a.analyseComplexValue(n);return o.numVars===t.numVars&&o.numColors===t.numColors&&o.numNumbers>=t.numNumbers?f.pipe(m(o.values,t.values),r):(d.warning(!0,`Complex values '${e}' and '${n}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`),l(e,n))};exports.mixArray=m;exports.mixComplex=i;exports.mixObject=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra154.cjs");function l(n,a){const t=performance.now(),e=({timestamp:o})=>{const c=o-t;c>=a&&(r.cancelFrame(e),n(c-a))};return r.frame.read(e,!0),()=>r.cancelFrame(e)}exports.delay=l;

package/dist/lyra211.js

@@ -1,35 +1,11 @@
-import { mix as c } from "./lyra198.js";
-import { mixColor as f } from "./lyra210.js";
-import { pipe as p } from "./lyra199.js";
-import { warning as i } from "./lyra128.js";
-import { color as x } from "./lyra179.js";
-import { complex as d, analyseComplexValue as u } from "./lyra184.js";
-const a = (e, t) => (o) => `${o > 0 ? t : e}`;
-function l(e, t) {
-  return typeof e == "number" ? (o) => c(e, t, o) : x.test(e) ? f(e, t) : e.startsWith("var(") ? a(e, t) : y(e, t);
-}
-const b = (e, t) => {
-  const o = [...e], r = o.length, n = e.map((s, m) => l(s, t[m]));
-  return (s) => {
-    for (let m = 0; m < r; m++)
-      o[m] = n[m](s);
-    return o;
-  };
-}, $ = (e, t) => {
-  const o = { ...e, ...t }, r = {};
-  for (const n in o)
-    e[n] !== void 0 && t[n] !== void 0 && (r[n] = l(e[n], t[n]));
-  return (n) => {
-    for (const s in r)
-      o[s] = r[s](n);
-    return o;
+import { frame as s, cancelFrame as c } from "./lyra154.js";
+function p(n, r) {
+  const o = performance.now(), e = ({ timestamp: t }) => {
+    const a = t - o;
+    a >= r && (c(e), n(a - r));
   };
-}, y = (e, t) => {
-  const o = d.createTransformer(t), r = u(e), n = u(t);
-  return r.numVars === n.numVars && r.numColors === n.numColors && r.numNumbers >= n.numNumbers ? p(b(r.values, n.values), o) : (i(!0, `Complex values '${e}' and '${t}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`), a(e, t));
-};
+  return s.read(e, !0), () => c(e);
+}
 export {
-  b as mixArray,
-  y as mixComplex,
-  $ as mixObject
+  p as delay
 };

package/dist/lyra212.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function p(a){let n=[],s=[],i=0,r=!1,o=!1;const l=new WeakSet,u={schedule:(e,t=!1,f=!1)=>{const d=f&&r,c=d?n:s;return t&&l.add(e),c.indexOf(e)===-1&&(c.push(e),d&&r&&(i=n.length)),e},cancel:e=>{const t=s.indexOf(e);t!==-1&&s.splice(t,1),l.delete(e)},process:e=>{if(r){o=!0;return}if(r=!0,[n,s]=[s,n],s.length=0,i=n.length,i)for(let t=0;t<i;t++){const f=n[t];f(e),l.has(f)&&(u.schedule(f),a())}r=!1,o&&(o=!1,u.process(e))}};return u}exports.createRenderStep=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=(t,e)=>Math.abs(t-e);function c(t,e){const s=n(t.x,e.x),a=n(t.y,e.y);return Math.sqrt(s**2+a**2)}exports.distance=n;exports.distance2D=c;

package/dist/lyra212.js

@@ -1,38 +1,9 @@
-function p(h) {
-  let n = [], s = [], i = 0, f = !1, o = !1;
-  const l = /* @__PURE__ */ new WeakSet(), u = {
-    /**
-     * Schedule a process to run on the next frame.
-     */
-    schedule: (e, t = !1, r = !1) => {
-      const d = r && f, c = d ? n : s;
-      return t && l.add(e), c.indexOf(e) === -1 && (c.push(e), d && f && (i = n.length)), e;
-    },
-    /**
-     * Cancel the provided callback from running on the next frame.
-     */
-    cancel: (e) => {
-      const t = s.indexOf(e);
-      t !== -1 && s.splice(t, 1), l.delete(e);
-    },
-    /**
-     * Execute all schedule callbacks.
-     */
-    process: (e) => {
-      if (f) {
-        o = !0;
-        return;
-      }
-      if (f = !0, [n, s] = [s, n], s.length = 0, i = n.length, i)
-        for (let t = 0; t < i; t++) {
-          const r = n[t];
-          r(e), l.has(r) && (u.schedule(r), h());
-        }
-      f = !1, o && (o = !1, u.process(e));
-    }
-  };
-  return u;
+const s = (t, n) => Math.abs(t - n);
+function e(t, n) {
+  const a = s(t.x, n.x), c = s(t.y, n.y);
+  return Math.sqrt(a ** 2 + c ** 2);
 }
 export {
-  p as createRenderStep
+  s as distance,
+  e as distance2D
 };

package/dist/lyra213.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./lyra223.cjs"),e=require("./lyra274.cjs"),o=require("./lyra275.cjs");class a extends o.Feature{constructor(t){super(t),t.animationState||(t.animationState=e.createAnimationState(t))}updateAnimationControlsSubscription(){const{animate:t}=this.node.getProps();this.unmount(),i.isAnimationControls(t)&&(this.unmount=t.subscribe(this.node))}mount(){this.updateAnimationControlsSubscription()}update(){const{animate:t}=this.node.getProps(),{animate:n}=this.node.prevProps||{};t!==n&&this.updateAnimationControlsSubscription()}unmount(){}}exports.AnimationFeature=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./lyra201.cjs"),h=require("./lyra131.cjs"),b=require("./lyra269.cjs"),m=require("./lyra184.cjs"),l=require("./lyra186.cjs"),c=require("./lyra185.cjs"),s=(r,o,e)=>{const t=r*r;return Math.sqrt(Math.max(0,e*(o*o-t)+t))},d=[m.hex,l.rgba,c.hsla],g=r=>d.find(o=>o.test(r));function i(r){const o=g(r);h.invariant(!!o,`'${r}' is not an animatable color. Use the equivalent color code instead.`);let e=o.parse(r);return o===c.hsla&&(e=b.hslaToRgba(e)),e}const x=(r,o)=>{const e=i(r),t=i(o),n={...e};return a=>(n.red=s(e.red,t.red,a),n.green=s(e.green,t.green,a),n.blue=s(e.blue,t.blue,a),n.alpha=u.mix(e.alpha,t.alpha,a),l.rgba.transform(n))};exports.mixColor=x;exports.mixLinearColor=s;

package/dist/lyra213.js

@@ -1,32 +1,24 @@
-import { isAnimationControls as n } from "./lyra223.js";
-import { createAnimationState as o } from "./lyra274.js";
-import { Feature as s } from "./lyra275.js";
-class u extends s {
-  /**
-   * We dynamically generate the AnimationState manager as it contains a reference
-   * to the underlying animation library. We only want to load that if we load this,
-   * so people can optionally code split it out using the `m` component.
-   */
-  constructor(t) {
-    super(t), t.animationState || (t.animationState = o(t));
-  }
-  updateAnimationControlsSubscription() {
-    const { animate: t } = this.node.getProps();
-    this.unmount(), n(t) && (this.unmount = t.subscribe(this.node));
-  }
-  /**
-   * Subscribe any provided AnimationControls to the component's VisualElement
-   */
-  mount() {
-    this.updateAnimationControlsSubscription();
-  }
-  update() {
-    const { animate: t } = this.node.getProps(), { animate: i } = this.node.prevProps || {};
-    t !== i && this.updateAnimationControlsSubscription();
-  }
-  unmount() {
-  }
+import { mix as p } from "./lyra201.js";
+import { invariant as c } from "./lyra131.js";
+import { hslaToRgba as f } from "./lyra269.js";
+import { hex as d } from "./lyra184.js";
+import { rgba as i } from "./lyra186.js";
+import { hsla as l } from "./lyra185.js";
+const m = (r, e, o) => {
+  const t = r * r;
+  return Math.sqrt(Math.max(0, o * (e * e - t) + t));
+}, h = [d, i, l], u = (r) => h.find((e) => e.test(r));
+function s(r) {
+  const e = u(r);
+  c(!!e, `'${r}' is not an animatable color. Use the equivalent color code instead.`);
+  let o = e.parse(r);
+  return e === l && (o = f(o)), o;
 }
+const A = (r, e) => {
+  const o = s(r), t = s(e), n = { ...o };
+  return (a) => (n.red = m(o.red, t.red, a), n.green = m(o.green, t.green, a), n.blue = m(o.blue, t.blue, a), n.alpha = p(o.alpha, t.alpha, a), i.transform(n));
+};
 export {
-  u as AnimationFeature
+  A as mixColor,
+  m as mixLinearColor
 };

package/dist/lyra214.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra275.cjs");let r=0;class u extends o.Feature{constructor(){super(...arguments),this.id=r++}update(){if(!this.node.presenceContext)return;const{isPresent:t,onExitComplete:n,custom:e}=this.node.presenceContext,{isPresent:i}=this.node.prevPresenceContext||{};if(!this.node.animationState||t===i)return;const s=this.node.animationState.setActive("exit",!t,{custom:e??this.node.getProps().custom});n&&!t&&s.then(()=>n(this.id))}mount(){const{register:t}=this.node.presenceContext||{};t&&(this.unmount=t(this.id))}unmount(){}}exports.ExitAnimationFeature=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("./lyra201.cjs"),p=require("./lyra213.cjs"),f=require("./lyra202.cjs"),d=require("./lyra131.cjs"),b=require("./lyra182.cjs"),a=require("./lyra187.cjs"),l=(e,n)=>r=>`${r>0?n:e}`;function c(e,n){return typeof e=="number"?r=>x.mix(e,n,r):b.color.test(e)?p.mixColor(e,n):e.startsWith("var(")?l(e,n):i(e,n)}const m=(e,n)=>{const r=[...e],o=r.length,t=e.map((s,u)=>c(s,n[u]));return s=>{for(let u=0;u<o;u++)r[u]=t[u](s);return r}},y=(e,n)=>{const r={...e,...n},o={};for(const t in r)e[t]!==void 0&&n[t]!==void 0&&(o[t]=c(e[t],n[t]));return t=>{for(const s in o)r[s]=o[s](t);return r}},i=(e,n)=>{const r=a.complex.createTransformer(n),o=a.analyseComplexValue(e),t=a.analyseComplexValue(n);return o.numVars===t.numVars&&o.numColors===t.numColors&&o.numNumbers>=t.numNumbers?f.pipe(m(o.values,t.values),r):(d.warning(!0,`Complex values '${e}' and '${n}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`),l(e,n))};exports.mixArray=m;exports.mixComplex=i;exports.mixObject=y;

package/dist/lyra214.js

@@ -1,25 +1,35 @@
-import { Feature as o } from "./lyra275.js";
-let r = 0;
-class d extends o {
-  constructor() {
-    super(...arguments), this.id = r++;
-  }
-  update() {
-    if (!this.node.presenceContext)
-      return;
-    const { isPresent: t, onExitComplete: n, custom: e } = this.node.presenceContext, { isPresent: i } = this.node.prevPresenceContext || {};
-    if (!this.node.animationState || t === i)
-      return;
-    const s = this.node.animationState.setActive("exit", !t, { custom: e ?? this.node.getProps().custom });
-    n && !t && s.then(() => n(this.id));
-  }
-  mount() {
-    const { register: t } = this.node.presenceContext || {};
-    t && (this.unmount = t(this.id));
-  }
-  unmount() {
-  }
+import { mix as c } from "./lyra201.js";
+import { mixColor as f } from "./lyra213.js";
+import { pipe as p } from "./lyra202.js";
+import { warning as i } from "./lyra131.js";
+import { color as x } from "./lyra182.js";
+import { complex as d, analyseComplexValue as u } from "./lyra187.js";
+const a = (e, t) => (o) => `${o > 0 ? t : e}`;
+function l(e, t) {
+  return typeof e == "number" ? (o) => c(e, t, o) : x.test(e) ? f(e, t) : e.startsWith("var(") ? a(e, t) : y(e, t);
 }
+const b = (e, t) => {
+  const o = [...e], r = o.length, n = e.map((s, m) => l(s, t[m]));
+  return (s) => {
+    for (let m = 0; m < r; m++)
+      o[m] = n[m](s);
+    return o;
+  };
+}, $ = (e, t) => {
+  const o = { ...e, ...t }, r = {};
+  for (const n in o)
+    e[n] !== void 0 && t[n] !== void 0 && (r[n] = l(e[n], t[n]));
+  return (n) => {
+    for (const s in r)
+      o[s] = r[s](n);
+    return o;
+  };
+}, y = (e, t) => {
+  const o = d.createTransformer(t), r = u(e), n = u(t);
+  return r.numVars === n.numVars && r.numColors === n.numColors && r.numNumbers >= n.numNumbers ? p(b(r.values, n.values), o) : (i(!0, `Complex values '${e}' and '${t}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`), a(e, t));
+};
 export {
-  d as ExitAnimationFeature
+  b as mixArray,
+  y as mixComplex,
+  $ as mixObject
 };

package/dist/lyra215.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./lyra216.cjs"),V=require("./lyra217.cjs"),T=require("./lyra130.cjs"),f=require("./lyra157.cjs"),y=require("./lyra184.cjs"),m=require("./lyra218.cjs"),q=require("./lyra219.cjs"),b=require("./lyra133.cjs");function N(e,n,t){e.hasValue(n)?e.getValue(n).set(t):e.addValue(n,f.motionValue(t))}function O(e,n){const t=b.resolveVariant(e,n);let{transitionEnd:o={},transition:a={},...i}=t?e.makeTargetAnimatable(t,!1):{};i={...i,...o};for(const u in i){const l=T.resolveFinalValueInKeyframes(i[u]);N(e,u,l)}}function F(e,n,t){var o,a;const i=Object.keys(n).filter(l=>!e.hasValue(l)),u=i.length;if(u)for(let l=0;l<u;l++){const s=i[l],c=n[s];let r=null;Array.isArray(c)&&(r=c[0]),r===null&&(r=(a=(o=t[s])!==null&&o!==void 0?o:e.readValue(s))!==null&&a!==void 0?a:n[s]),r!=null&&(typeof r=="string"&&(d.isNumericalString(r)||V.isZeroValueString(r))?r=parseFloat(r):!q.findValueType(r)&&y.complex.test(c)&&(r=m.getAnimatableNone(s,c)),e.addValue(s,f.motionValue(r,{owner:e})),t[s]===void 0&&(t[s]=r),r!==null&&e.setBaseTarget(s,r))}}function g(e,n){return n?(n[e]||n.default||n).from:void 0}function S(e,n,t){const o={};for(const a in e){const i=g(a,n);if(i!==void 0)o[a]=i;else{const u=t.getValue(a);u&&(o[a]=u.get())}}return o}exports.checkTargetForNewValues=F;exports.getOrigin=S;exports.getOriginFromTransition=g;exports.setTarget=O;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function p(a){let n=[],s=[],i=0,r=!1,o=!1;const l=new WeakSet,u={schedule:(e,t=!1,f=!1)=>{const d=f&&r,c=d?n:s;return t&&l.add(e),c.indexOf(e)===-1&&(c.push(e),d&&r&&(i=n.length)),e},cancel:e=>{const t=s.indexOf(e);t!==-1&&s.splice(t,1),l.delete(e)},process:e=>{if(r){o=!0;return}if(r=!0,[n,s]=[s,n],s.length=0,i=n.length,i)for(let t=0;t<i;t++){const f=n[t];f(e),l.has(f)&&(u.schedule(f),a())}r=!1,o&&(o=!1,u.process(e))}};return u}exports.createRenderStep=p;

package/dist/lyra215.js

@@ -1,52 +1,38 @@
-import { isNumericalString as m } from "./lyra216.js";
-import { isZeroValueString as d } from "./lyra217.js";
-import { resolveFinalValueInKeyframes as V } from "./lyra130.js";
-import { motionValue as c } from "./lyra157.js";
-import { complex as g } from "./lyra184.js";
-import { getAnimatableNone as p } from "./lyra218.js";
-import { findValueType as y } from "./lyra219.js";
-import { resolveVariant as T } from "./lyra133.js";
-function b(e, n, t) {
-  e.hasValue(n) ? e.getValue(n).set(t) : e.addValue(n, c(t));
-}
-function K(e, n) {
-  const t = T(e, n);
-  let { transitionEnd: i = {}, transition: a = {}, ...o } = t ? e.makeTargetAnimatable(t, !1) : {};
-  o = { ...o, ...i };
-  for (const l in o) {
-    const u = V(o[l]);
-    b(e, l, u);
-  }
-}
-function S(e, n, t) {
-  var i, a;
-  const o = Object.keys(n).filter((u) => !e.hasValue(u)), l = o.length;
-  if (l)
-    for (let u = 0; u < l; u++) {
-      const f = o[u], s = n[f];
-      let r = null;
-      Array.isArray(s) && (r = s[0]), r === null && (r = (a = (i = t[f]) !== null && i !== void 0 ? i : e.readValue(f)) !== null && a !== void 0 ? a : n[f]), r != null && (typeof r == "string" && (m(r) || d(r)) ? r = parseFloat(r) : !y(r) && g.test(s) && (r = p(f, s)), e.addValue(f, c(r, { owner: e })), t[f] === void 0 && (t[f] = r), r !== null && e.setBaseTarget(f, r));
-    }
-}
-function h(e, n) {
-  return n ? (n[e] || n.default || n).from : void 0;
-}
-function _(e, n, t) {
-  const i = {};
-  for (const a in e) {
-    const o = h(a, n);
-    if (o !== void 0)
-      i[a] = o;
-    else {
-      const l = t.getValue(a);
-      l && (i[a] = l.get());
+function p(h) {
+  let n = [], s = [], i = 0, f = !1, o = !1;
+  const l = /* @__PURE__ */ new WeakSet(), u = {
+    /**
+     * Schedule a process to run on the next frame.
+     */
+    schedule: (e, t = !1, r = !1) => {
+      const d = r && f, c = d ? n : s;
+      return t && l.add(e), c.indexOf(e) === -1 && (c.push(e), d && f && (i = n.length)), e;
+    },
+    /**
+     * Cancel the provided callback from running on the next frame.
+     */
+    cancel: (e) => {
+      const t = s.indexOf(e);
+      t !== -1 && s.splice(t, 1), l.delete(e);
+    },
+    /**
+     * Execute all schedule callbacks.
+     */
+    process: (e) => {
+      if (f) {
+        o = !0;
+        return;
+      }
+      if (f = !0, [n, s] = [s, n], s.length = 0, i = n.length, i)
+        for (let t = 0; t < i; t++) {
+          const r = n[t];
+          r(e), l.has(r) && (u.schedule(r), h());
+        }
+      f = !1, o && (o = !1, u.process(e));
     }
-  }
-  return i;
+  };
+  return u;
 }
 export {
-  S as checkTargetForNewValues,
-  _ as getOrigin,
-  h as getOriginFromTransition,
-  K as setTarget
+  p as createRenderStep
 };

package/dist/lyra216.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=t=>/^\-?\d*\.?\d+$/.test(t);exports.isNumericalString=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./lyra226.cjs"),e=require("./lyra270.cjs"),o=require("./lyra271.cjs");class a extends o.Feature{constructor(t){super(t),t.animationState||(t.animationState=e.createAnimationState(t))}updateAnimationControlsSubscription(){const{animate:t}=this.node.getProps();this.unmount(),i.isAnimationControls(t)&&(this.unmount=t.subscribe(this.node))}mount(){this.updateAnimationControlsSubscription()}update(){const{animate:t}=this.node.getProps(),{animate:n}=this.node.prevProps||{};t!==n&&this.updateAnimationControlsSubscription()}unmount(){}}exports.AnimationFeature=a;

package/dist/lyra216.js

@@ -1,4 +1,32 @@
-const e = (t) => /^\-?\d*\.?\d+$/.test(t);
+import { isAnimationControls as n } from "./lyra226.js";
+import { createAnimationState as o } from "./lyra270.js";
+import { Feature as s } from "./lyra271.js";
+class u extends s {
+  /**
+   * We dynamically generate the AnimationState manager as it contains a reference
+   * to the underlying animation library. We only want to load that if we load this,
+   * so people can optionally code split it out using the `m` component.
+   */
+  constructor(t) {
+    super(t), t.animationState || (t.animationState = o(t));
+  }
+  updateAnimationControlsSubscription() {
+    const { animate: t } = this.node.getProps();
+    this.unmount(), n(t) && (this.unmount = t.subscribe(this.node));
+  }
+  /**
+   * Subscribe any provided AnimationControls to the component's VisualElement
+   */
+  mount() {
+    this.updateAnimationControlsSubscription();
+  }
+  update() {
+    const { animate: t } = this.node.getProps(), { animate: i } = this.node.prevProps || {};
+    t !== i && this.updateAnimationControlsSubscription();
+  }
+  unmount() {
+  }
+}
 export {
-  e as isNumericalString
+  u as AnimationFeature
 };

package/dist/lyra217.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=e=>/^0[^.\s]+$/.test(e);exports.isZeroValueString=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra271.cjs");let r=0;class u extends o.Feature{constructor(){super(...arguments),this.id=r++}update(){if(!this.node.presenceContext)return;const{isPresent:t,onExitComplete:n,custom:e}=this.node.presenceContext,{isPresent:i}=this.node.prevPresenceContext||{};if(!this.node.animationState||t===i)return;const s=this.node.animationState.setActive("exit",!t,{custom:e??this.node.getProps().custom});n&&!t&&s.then(()=>n(this.id))}mount(){const{register:t}=this.node.presenceContext||{};t&&(this.unmount=t(this.id))}unmount(){}}exports.ExitAnimationFeature=u;

package/dist/lyra217.js

@@ -1,4 +1,25 @@
-const e = (t) => /^0[^.\s]+$/.test(t);
+import { Feature as o } from "./lyra271.js";
+let r = 0;
+class d extends o {
+  constructor() {
+    super(...arguments), this.id = r++;
+  }
+  update() {
+    if (!this.node.presenceContext)
+      return;
+    const { isPresent: t, onExitComplete: n, custom: e } = this.node.presenceContext, { isPresent: i } = this.node.prevPresenceContext || {};
+    if (!this.node.animationState || t === i)
+      return;
+    const s = this.node.animationState.setActive("exit", !t, { custom: e ?? this.node.getProps().custom });
+    n && !t && s.then(() => n(this.id));
+  }
+  mount() {
+    const { register: t } = this.node.presenceContext || {};
+    t && (this.unmount = t(this.id));
+  }
+  unmount() {
+  }
+}
 export {
-  e as isZeroValueString
+  d as ExitAnimationFeature
 };

package/dist/lyra218.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./lyra184.cjs"),l=require("./lyra270.cjs"),a=require("./lyra271.cjs");function r(t,n){let e=a.getDefaultValueType(t);return e!==l.filter&&(e=i.complex),e.getAnimatableNone?e.getAnimatableNone(n):void 0}exports.getAnimatableNone=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./lyra219.cjs"),V=require("./lyra220.cjs"),T=require("./lyra133.cjs"),f=require("./lyra160.cjs"),y=require("./lyra187.cjs"),m=require("./lyra221.cjs"),q=require("./lyra222.cjs"),b=require("./lyra136.cjs");function N(e,n,t){e.hasValue(n)?e.getValue(n).set(t):e.addValue(n,f.motionValue(t))}function O(e,n){const t=b.resolveVariant(e,n);let{transitionEnd:o={},transition:a={},...i}=t?e.makeTargetAnimatable(t,!1):{};i={...i,...o};for(const u in i){const l=T.resolveFinalValueInKeyframes(i[u]);N(e,u,l)}}function F(e,n,t){var o,a;const i=Object.keys(n).filter(l=>!e.hasValue(l)),u=i.length;if(u)for(let l=0;l<u;l++){const s=i[l],c=n[s];let r=null;Array.isArray(c)&&(r=c[0]),r===null&&(r=(a=(o=t[s])!==null&&o!==void 0?o:e.readValue(s))!==null&&a!==void 0?a:n[s]),r!=null&&(typeof r=="string"&&(d.isNumericalString(r)||V.isZeroValueString(r))?r=parseFloat(r):!q.findValueType(r)&&y.complex.test(c)&&(r=m.getAnimatableNone(s,c)),e.addValue(s,f.motionValue(r,{owner:e})),t[s]===void 0&&(t[s]=r),r!==null&&e.setBaseTarget(s,r))}}function g(e,n){return n?(n[e]||n.default||n).from:void 0}function S(e,n,t){const o={};for(const a in e){const i=g(a,n);if(i!==void 0)o[a]=i;else{const u=t.getValue(a);u&&(o[a]=u.get())}}return o}exports.checkTargetForNewValues=F;exports.getOrigin=S;exports.getOriginFromTransition=g;exports.setTarget=O;

package/dist/lyra218.js

@@ -1,10 +1,52 @@
-import { complex as n } from "./lyra184.js";
-import { filter as a } from "./lyra270.js";
-import { getDefaultValueType as i } from "./lyra271.js";
-function f(t, o) {
-  let e = i(t);
-  return e !== a && (e = n), e.getAnimatableNone ? e.getAnimatableNone(o) : void 0;
+import { isNumericalString as m } from "./lyra219.js";
+import { isZeroValueString as d } from "./lyra220.js";
+import { resolveFinalValueInKeyframes as V } from "./lyra133.js";
+import { motionValue as c } from "./lyra160.js";
+import { complex as g } from "./lyra187.js";
+import { getAnimatableNone as p } from "./lyra221.js";
+import { findValueType as y } from "./lyra222.js";
+import { resolveVariant as T } from "./lyra136.js";
+function b(e, n, t) {
+  e.hasValue(n) ? e.getValue(n).set(t) : e.addValue(n, c(t));
+}
+function K(e, n) {
+  const t = T(e, n);
+  let { transitionEnd: i = {}, transition: a = {}, ...o } = t ? e.makeTargetAnimatable(t, !1) : {};
+  o = { ...o, ...i };
+  for (const l in o) {
+    const u = V(o[l]);
+    b(e, l, u);
+  }
+}
+function S(e, n, t) {
+  var i, a;
+  const o = Object.keys(n).filter((u) => !e.hasValue(u)), l = o.length;
+  if (l)
+    for (let u = 0; u < l; u++) {
+      const f = o[u], s = n[f];
+      let r = null;
+      Array.isArray(s) && (r = s[0]), r === null && (r = (a = (i = t[f]) !== null && i !== void 0 ? i : e.readValue(f)) !== null && a !== void 0 ? a : n[f]), r != null && (typeof r == "string" && (m(r) || d(r)) ? r = parseFloat(r) : !y(r) && g.test(s) && (r = p(f, s)), e.addValue(f, c(r, { owner: e })), t[f] === void 0 && (t[f] = r), r !== null && e.setBaseTarget(f, r));
+    }
+}
+function h(e, n) {
+  return n ? (n[e] || n.default || n).from : void 0;
+}
+function _(e, n, t) {
+  const i = {};
+  for (const a in e) {
+    const o = h(a, n);
+    if (o !== void 0)
+      i[a] = o;
+    else {
+      const l = t.getValue(a);
+      l && (i[a] = l.get());
+    }
+  }
+  return i;
 }
 export {
-  f as getAnimatableNone
+  S as checkTargetForNewValues,
+  _ as getOrigin,
+  h as getOriginFromTransition,
+  K as setTarget
 };

package/dist/lyra219.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./lyra179.cjs"),i=require("./lyra184.cjs"),t=require("./lyra272.cjs"),o=require("./lyra273.cjs"),s=[...t.dimensionValueTypes,n.color,i.complex],r=e=>s.find(o.testValueType(e));exports.findValueType=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=t=>/^\-?\d*\.?\d+$/.test(t);exports.isNumericalString=e;

package/dist/lyra219.js

@@ -1,8 +1,4 @@
-import { color as e } from "./lyra179.js";
-import { complex as m } from "./lyra184.js";
-import { dimensionValueTypes as p } from "./lyra272.js";
-import { testValueType as r } from "./lyra273.js";
-const t = [...p, e, m], s = (o) => t.find(r(o));
+const e = (t) => /^\-?\d*\.?\d+$/.test(t);
 export {
-  s as findValueType
+  e as isNumericalString
 };

package/dist/lyra22.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("./lyra36.cjs"),e=require("./lyra69.cjs"),n=require("./lyra23.cjs"),c=require("react"),u=({className:r,...o},t)=>p.jsxRuntimeExports.jsx(e.Popover,{...o,ref:t,offset:4,className:({isEntering:s,isExiting:i})=>n.popoverStyles({isEntering:s,isExiting:i,className:r})}),g=c.forwardRef(u),v=e.DialogTrigger;exports.Popover=g;exports.PopoverTrigger=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("./lyra36.cjs"),e=require("./lyra75.cjs"),n=require("./lyra23.cjs"),c=require("react"),u=({className:r,...o},t)=>p.jsxRuntimeExports.jsx(e.Popover,{...o,ref:t,offset:4,className:({isEntering:s,isExiting:i})=>n.popoverStyles({isEntering:s,isExiting:i,className:r})}),g=c.forwardRef(u),v=e.DialogTrigger;exports.Popover=g;exports.PopoverTrigger=v;

package/dist/lyra22.js

@@ -1,5 +1,5 @@
 import { j as f } from "./lyra36.js";
-import { Popover as s, DialogTrigger as m } from "./lyra69.js";
+import { Popover as s, DialogTrigger as m } from "./lyra75.js";
 import { popoverStyles as a } from "./lyra23.js";
 import { forwardRef as i } from "react";
 const b = ({ className: o, ...r }, e) => /* @__PURE__ */ f.jsx(

package/dist/lyra220.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra198.cjs");function x(i){return i.max-i.min}function a(i,n=0,c=.01){return Math.abs(i-n)<=c}function s(i,n,c,o=.5){i.origin=o,i.originPoint=e.mix(n.min,n.max,i.origin),i.scale=x(c)/x(n),(a(i.scale,1,1e-4)||isNaN(i.scale))&&(i.scale=1),i.translate=e.mix(c.min,c.max,i.origin)-i.originPoint,(a(i.translate)||isNaN(i.translate))&&(i.translate=0)}function f(i,n,c,o){s(i.x,n.x,c.x,o?o.originX:void 0),s(i.y,n.y,c.y,o?o.originY:void 0)}function l(i,n,c){i.min=c.min+n.min,i.max=i.min+x(n)}function u(i,n,c){l(i.x,n.x,c.x),l(i.y,n.y,c.y)}function m(i,n,c){i.min=n.min-c.min,i.max=i.min+x(n)}function t(i,n,c){m(i.x,n.x,c.x),m(i.y,n.y,c.y)}exports.calcAxisDelta=s;exports.calcBoxDelta=f;exports.calcLength=x;exports.calcRelativeAxis=l;exports.calcRelativeAxisPosition=m;exports.calcRelativeBox=u;exports.calcRelativePosition=t;exports.isNear=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=e=>/^0[^.\s]+$/.test(e);exports.isZeroValueString=t;

package/dist/lyra220.js

@@ -1,35 +1,4 @@
-import { mix as o } from "./lyra198.js";
-function m(i) {
-  return i.max - i.min;
-}
-function f(i, n = 0, c = 0.01) {
-  return Math.abs(i - n) <= c;
-}
-function s(i, n, c, x = 0.5) {
-  i.origin = x, i.originPoint = o(n.min, n.max, i.origin), i.scale = m(c) / m(n), (f(i.scale, 1, 1e-4) || isNaN(i.scale)) && (i.scale = 1), i.translate = o(c.min, c.max, i.origin) - i.originPoint, (f(i.translate) || isNaN(i.translate)) && (i.translate = 0);
-}
-function N(i, n, c, x) {
-  s(i.x, n.x, c.x, x ? x.originX : void 0), s(i.y, n.y, c.y, x ? x.originY : void 0);
-}
-function u(i, n, c) {
-  i.min = c.min + n.min, i.max = i.min + m(n);
-}
-function l(i, n, c) {
-  u(i.x, n.x, c.x), u(i.y, n.y, c.y);
-}
-function y(i, n, c) {
-  i.min = n.min - c.min, i.max = i.min + m(n);
-}
-function P(i, n, c) {
-  y(i.x, n.x, c.x), y(i.y, n.y, c.y);
-}
+const e = (t) => /^0[^.\s]+$/.test(t);
 export {
-  s as calcAxisDelta,
-  N as calcBoxDelta,
-  m as calcLength,
-  u as calcRelativeAxis,
-  y as calcRelativeAxisPosition,
-  l as calcRelativeBox,
-  P as calcRelativePosition,
-  f as isNear
+  e as isZeroValueString
 };

package/dist/lyra221.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./lyra136.cjs");let a=t=>!i.isValidMotionProp(t);function l(t){t&&(a=r=>r.startsWith("on")?!i.isValidMotionProp(r):t(r))}try{l(require("@emotion/is-prop-valid").default)}catch{}function s(t,r,n){const e={};for(const o in t)o==="values"&&typeof t.values=="object"||(a(o)||n===!0&&i.isValidMotionProp(o)||!r&&!i.isValidMotionProp(o)||t.draggable&&o.startsWith("onDrag"))&&(e[o]=t[o]);return e}exports.filterProps=s;exports.loadExternalIsValidProp=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./lyra187.cjs"),l=require("./lyra272.cjs"),a=require("./lyra273.cjs");function r(t,n){let e=a.getDefaultValueType(t);return e!==l.filter&&(e=i.complex),e.getAnimatableNone?e.getAnimatableNone(n):void 0}exports.getAnimatableNone=r;

package/dist/lyra221.js

@@ -1,20 +1,10 @@
-import { isValidMotionProp as e } from "./lyra136.js";
-let n = (t) => !e(t);
-function f(t) {
-  t && (n = (o) => o.startsWith("on") ? !e(o) : t(o));
-}
-try {
-  f(require("@emotion/is-prop-valid").default);
-} catch {
-}
-function u(t, o, a) {
-  const i = {};
-  for (const r in t)
-    r === "values" && typeof t.values == "object" || (n(r) || a === !0 && e(r) || !o && !e(r) || // If trying to use native HTML drag events, forward drag listeners
-    t.draggable && r.startsWith("onDrag")) && (i[r] = t[r]);
-  return i;
+import { complex as n } from "./lyra187.js";
+import { filter as a } from "./lyra272.js";
+import { getDefaultValueType as i } from "./lyra273.js";
+function f(t, o) {
+  let e = i(t);
+  return e !== a && (e = n), e.getAnimatableNone ? e.getAnimatableNone(o) : void 0;
 }
 export {
-  u as filterProps,
-  f as loadExternalIsValidProp
+  f as getAnimatableNone
 };