@new-black/lyra 0.0.15 → 0.0.17

package/dist/lyra165.js

@@ -1,121 +1,4 @@
-import { keyframes as y } from "./lyra166.js";
-import { spring as ee } from "./lyra167.js";
-import { inertia as T } from "./lyra168.js";
-import { frameloopDriver as te } from "./lyra169.js";
-import { interpolate as ie } from "./lyra170.js";
-import { clamp as ne } from "./lyra171.js";
-import { millisecondsToSeconds as A, secondsToMilliseconds as re } from "./lyra172.js";
-import { calcGeneratorDuration as X } from "./lyra173.js";
-const le = {
-  decay: T,
-  inertia: T,
-  tween: y,
-  keyframes: y,
-  spring: ee
-};
-function he({ autoplay: Y = !0, delay: Z = 0, driver: _ = te, keyframes: u, type: C = "keyframes", repeat: m = 0, repeatDelay: d = 0, repeatType: h = "loop", onPlay: B, onStop: K, onComplete: N, onUpdate: O, ...F }) {
-  let o = 1, S = !1, I, V;
-  const M = () => {
-    I && I(), V = new Promise((e) => {
-      I = e;
-    });
-  };
-  M();
-  let r;
-  const P = le[C] || y;
-  let x;
-  P !== y && typeof u[0] != "number" && (x = ie([0, 100], u, {
-    clamp: !1
-  }), u = [0, 100]);
-  const s = P({ ...F, keyframes: u });
-  let W;
-  h === "mirror" && (W = P({
-    ...F,
-    keyframes: [...u].reverse(),
-    velocity: -(F.velocity || 0)
-  }));
-  let i = "idle", l = null, n = null, p = null;
-  s.calculatedDuration === null && m && (s.calculatedDuration = X(s));
-  const { calculatedDuration: G } = s;
-  let f = 1 / 0, v = 1 / 0;
-  G !== null && (f = G + d, v = f * (m + 1) - d);
-  let t = 0;
-  const b = (e) => {
-    if (n === null)
-      return;
-    o > 0 && (n = Math.min(n, e)), l !== null ? t = l : t = (e - n) * o;
-    const g = t - Z, E = g < 0;
-    t = Math.max(g, 0), i === "finished" && l === null && (t = v);
-    let H = t, J = s;
-    if (m) {
-      const k = t / f;
-      let D = Math.floor(k), a = k % 1;
-      !a && k >= 1 && (a = 1), a === 1 && D--, D = Math.min(D, m + 1);
-      const Q = !!(D % 2);
-      Q && (h === "reverse" ? (a = 1 - a, d && (a -= d / f)) : h === "mirror" && (J = W));
-      let R = ne(0, 1, a);
-      t > v && (R = h === "reverse" && Q ? 1 : 0), H = R * f;
-    }
-    const c = E ? { done: !1, value: u[0] } : J.next(H);
-    x && (c.value = x(c.value));
-    let { done: L } = c;
-    !E && G !== null && (L = t >= v);
-    const $ = l === null && (i === "finished" || i === "running" && L || o < 0 && t <= 0);
-    return O && O(c.value), $ && U(), c;
-  }, j = () => {
-    r && r.stop(), r = void 0;
-  }, q = () => {
-    i = "idle", j(), M(), n = p = null;
-  }, U = () => {
-    i = "finished", N && N(), j(), M();
-  }, w = () => {
-    if (S)
-      return;
-    r || (r = _(b));
-    const e = r.now();
-    B && B(), l !== null ? n = e - l : (!n || i === "finished") && (n = e), p = n, l = null, i = "running", r.start();
-  };
-  Y && w();
-  const z = {
-    then(e, g) {
-      return V.then(e, g);
-    },
-    get time() {
-      return A(t);
-    },
-    set time(e) {
-      e = re(e), t = e, l !== null || !r || o === 0 ? l = e : n = r.now() - e / o;
-    },
-    get duration() {
-      const e = s.calculatedDuration === null ? X(s) : s.calculatedDuration;
-      return A(e);
-    },
-    get speed() {
-      return o;
-    },
-    set speed(e) {
-      e === o || !r || (o = e, z.time = A(t));
-    },
-    get state() {
-      return i;
-    },
-    play: w,
-    pause: () => {
-      i = "paused", l = t;
-    },
-    stop: () => {
-      S = !0, i !== "idle" && (i = "idle", K && K(), q());
-    },
-    cancel: () => {
-      p !== null && b(p), q();
-    },
-    complete: () => {
-      i = "finished";
-    },
-    sample: (e) => (n = 0, b(e))
-  };
-  return z;
-}
+const o = Symbol.for("motionComponentSymbol");
 export {
-  he as animateValue
+  o as motionComponentSymbol
 };

package/dist/lyra166.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./lyra202.cjs"),g=require("./lyra257.cjs"),a=require("./lyra258.cjs"),p=require("./lyra170.cjs"),T=require("./lyra259.cjs"),d=require("./lyra260.cjs");function c(n,e){return n.map(()=>e||l.easeInOut).splice(0,n.length-1)}function m({duration:n=300,keyframes:e,times:t,ease:i="easeInOut"}){const r=g.isEasingArray(i)?i.map(a.easingDefinitionToFunction):a.easingDefinitionToFunction(i),o={done:!1,value:e[0]},u=d.convertOffsetToTimes(t&&t.length===e.length?t:T.defaultOffset(e),n),f=p.interpolate(u,e,{ease:Array.isArray(r)?r:c(e,r)});return{calculatedDuration:n,next:s=>(o.value=f(s),o.done=s>=n,o)}}exports.defaultEasing=c;exports.keyframes=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("./lyra167.cjs"),f=require("./lyra144.cjs"),P=require("./lyra168.cjs"),T=require("./lyra169.cjs"),y=require("./lyra170.cjs"),V=require("./lyra171.cjs"),q=require("./lyra172.cjs"),F=require("./lyra173.cjs"),j=require("./lyra174.cjs"),m=require("./lyra147.cjs"),R=require("./lyra175.cjs"),v=require("./lyra176.cjs"),w=require("./lyra177.cjs"),E=require("./lyra178.cjs"),x=require("./lyra179.cjs"),N=require("./lyra180.cjs"),C=require("./lyra181.cjs"),b=require("./lyra182.cjs"),g=require("./lyra183.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;

package/dist/lyra166.js

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

package/dist/lyra167.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const F=require("./lyra172.cjs"),R=require("./lyra186.cjs"),T=require("./lyra187.cjs"),V=["duration","bounce"],A=["stiffness","damping","mass"];function S(n,s){return s.some(r=>n[r]!==void 0)}function O(n){let s={velocity:0,stiffness:100,damping:10,mass:1,isResolvedFromDuration:!1,...n};if(!S(n,A)&&S(n,V)){const r=T.findSpring(n);s={...s,...r,velocity:0,mass:1},s.isResolvedFromDuration=!0}return s}function w({keyframes:n,restDelta:s,restSpeed:r,...b}){const f=n[0],l=n[n.length-1],u={done:!1,value:f},{stiffness:p,damping:x,mass:m,velocity:v,duration:M,isResolvedFromDuration:y}=O(b),h=v?-F.millisecondsToSeconds(v):0,t=x/(2*Math.sqrt(p*m)),a=l-f,o=F.millisecondsToSeconds(Math.sqrt(p/m)),q=Math.abs(a)<5;r||(r=q?.01:2),s||(s=q?.005:.5);let d;if(t<1){const e=T.calcAngularFreq(o,t);d=i=>{const c=Math.exp(-t*o*i);return l-c*((h+t*o*a)/e*Math.sin(e*i)+a*Math.cos(e*i))}}else if(t===1)d=e=>l-Math.exp(-o*e)*(a+(h+o*a)*e);else{const e=o*Math.sqrt(t*t-1);d=i=>{const c=Math.exp(-t*o*i),g=Math.min(e*i,300);return l-c*((h+t*o*a)*Math.sinh(g)+e*a*Math.cosh(g))/e}}return{calculatedDuration:y&&M||null,next:e=>{const i=d(e);if(y)u.done=e>=M;else{let c=h;e!==0&&(t<1?c=R.calcGeneratorVelocity(d,e,i):c=0);const g=Math.abs(c)<=r,D=Math.abs(l-i)<=s;u.done=g&&D}return u.value=u.done?l:i,u}}}exports.spring=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./lyra228.cjs"),r=require("./lyra212.cjs"),p=40;let c=!0,a=!1;const s=["read","update","preRender","render","postRender"],n=s.reduce((e,t)=>(e[t]=l.createRenderStep(()=>a=!0),e),{}),d=e=>n[e].process(r.frameData),o=e=>{a=!1,r.frameData.delta=c?1e3/60:Math.max(Math.min(e-r.frameData.timestamp,p),1),r.frameData.timestamp=e,r.frameData.isProcessing=!0,s.forEach(d),r.frameData.isProcessing=!1,a&&(c=!1,requestAnimationFrame(o))},D=()=>{a=!0,c=!0,r.frameData.isProcessing||requestAnimationFrame(o)},F=s.reduce((e,t)=>{const f=n[t];return e[t]=(m,u=!1,i=!1)=>(a||D(),f.schedule(m,u,i)),e},{});function g(e){s.forEach(t=>n[t].cancel(e))}exports.cancelFrame=g;exports.frame=F;exports.steps=n;exports.stepsOrder=s;

package/dist/lyra167.js

@@ -1,65 +1,27 @@
-import { millisecondsToSeconds as F } from "./lyra172.js";
-import { calcGeneratorVelocity as R } from "./lyra186.js";
-import { findSpring as S, calcAngularFreq as V } from "./lyra187.js";
-const A = ["duration", "bounce"], w = ["stiffness", "damping", "mass"];
-function x(e, t) {
-  return t.some((r) => e[r] !== void 0);
-}
-function B(e) {
-  let t = {
-    velocity: 0,
-    stiffness: 100,
-    damping: 10,
-    mass: 1,
-    isResolvedFromDuration: !1,
-    ...e
-  };
-  if (!x(e, w) && x(e, A)) {
-    const r = S(e);
-    t = {
-      ...t,
-      ...r,
-      velocity: 0,
-      mass: 1
-    }, t.isResolvedFromDuration = !0;
-  }
-  return t;
-}
-function j({ keyframes: e, restDelta: t, restSpeed: r, ...T }) {
-  const m = e[0], c = e[e.length - 1], u = { done: !1, value: m }, { stiffness: p, damping: b, mass: g, velocity: M, duration: v, isResolvedFromDuration: y } = B(T), h = M ? -F(M) : 0, s = b / (2 * Math.sqrt(p * g)), a = c - m, i = F(Math.sqrt(p / g)), q = Math.abs(a) < 5;
-  r || (r = q ? 0.01 : 2), t || (t = q ? 5e-3 : 0.5);
-  let d;
-  if (s < 1) {
-    const n = V(i, s);
-    d = (o) => {
-      const l = Math.exp(-s * i * o);
-      return c - l * ((h + s * i * a) / n * Math.sin(n * o) + a * Math.cos(n * o));
-    };
-  } else if (s === 1)
-    d = (n) => c - Math.exp(-i * n) * (a + (h + i * a) * n);
-  else {
-    const n = i * Math.sqrt(s * s - 1);
-    d = (o) => {
-      const l = Math.exp(-s * i * o), f = Math.min(n * o, 300);
-      return c - l * ((h + s * i * a) * Math.sinh(f) + n * a * Math.cosh(f)) / n;
-    };
-  }
-  return {
-    calculatedDuration: y && v || null,
-    next: (n) => {
-      const o = d(n);
-      if (y)
-        u.done = n >= v;
-      else {
-        let l = h;
-        n !== 0 && (s < 1 ? l = R(d, n, o) : l = 0);
-        const f = Math.abs(l) <= r, D = Math.abs(c - o) <= t;
-        u.done = f && D;
-      }
-      return u.value = u.done ? c : o, u;
-    }
-  };
+import { createRenderStep as f } from "./lyra228.js";
+import { frameData as r } from "./lyra212.js";
+const l = 40;
+let n = !0, s = !1;
+const a = [
+  "read",
+  "update",
+  "preRender",
+  "render",
+  "postRender"
+], o = a.reduce((e, t) => (e[t] = f(() => s = !0), e), {}), d = (e) => o[e].process(r), c = (e) => {
+  s = !1, r.delta = n ? 1e3 / 60 : Math.max(Math.min(e - r.timestamp, l), 1), r.timestamp = e, r.isProcessing = !0, a.forEach(d), r.isProcessing = !1, s && (n = !1, requestAnimationFrame(c));
+}, h = () => {
+  s = !0, n = !0, r.isProcessing || requestAnimationFrame(c);
+}, E = a.reduce((e, t) => {
+  const i = o[t];
+  return e[t] = (m, p = !1, u = !1) => (s || h(), i.schedule(m, p, u)), e;
+}, {});
+function g(e) {
+  a.forEach((t) => o[t].cancel(e));
 }
 export {
-  j as spring
+  g as cancelFrame,
+  E as frame,
+  o as steps,
+  a as stepsOrder
 };

package/dist/lyra168.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("./lyra167.cjs"),D=require("./lyra186.cjs");function G({keyframes:g,velocity:b=0,power:M=.8,timeConstant:B=325,bounceDamping:O=10,bounceStiffness:k=500,modifyTarget:d,min:n,max:a,restDelta:f=.5,restSpeed:q}){const c=g[0],t={done:!1,value:c},F=e=>n!==void 0&&e<n||a!==void 0&&e>a,S=e=>n===void 0?a:a===void 0||Math.abs(n-e)<Math.abs(a-e)?n:a;let s=M*b;const o=c+s,u=d===void 0?o:d(o);u!==o&&(s=u-c);const y=e=>-s*Math.exp(-e/B),p=e=>u+y(e),h=e=>{const i=y(e),j=p(e);t.done=Math.abs(i)<=f,t.value=t.done?u:j};let r,l;const v=e=>{F(t.value)&&(r=e,l=C.spring({keyframes:[t.value,S(t.value)],velocity:D.calcGeneratorVelocity(p,e,t.value),damping:O,stiffness:k,restDelta:f,restSpeed:q}))};return v(0),{calculatedDuration:null,next:e=>{let i=!1;return!l&&r===void 0&&(i=!0,h(e),v(e)),r!==void 0&&e>r?l.next(e-r):(!i&&h(e),t)}}}exports.inertia=G;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=()=>({translate:0,scale:1,origin:0,originPoint:0}),a=()=>({x:e(),y:e()}),t=()=>({min:0,max:0}),c=()=>({x:t(),y:t()});exports.createAxis=t;exports.createAxisDelta=e;exports.createBox=c;exports.createDelta=a;

package/dist/lyra168.js

@@ -1,36 +1,18 @@
-import { spring as L } from "./lyra167.js";
-import { calcGeneratorVelocity as R } from "./lyra186.js";
-function $({ keyframes: g, velocity: B = 0, power: M = 0.8, timeConstant: b = 325, bounceDamping: k = 10, bounceStiffness: F = 500, modifyTarget: l, min: t, max: a, restDelta: f = 0.5, restSpeed: O }) {
-  const s = g[0], n = {
-    done: !1,
-    value: s
-  }, C = (e) => t !== void 0 && e < t || a !== void 0 && e > a, D = (e) => t === void 0 ? a : a === void 0 || Math.abs(t - e) < Math.abs(a - e) ? t : a;
-  let c = M * B;
-  const d = s + c, u = l === void 0 ? d : l(d);
-  u !== d && (c = u - s);
-  const p = (e) => -c * Math.exp(-e / b), h = (e) => u + p(e), y = (e) => {
-    const o = p(e), G = h(e);
-    n.done = Math.abs(o) <= f, n.value = n.done ? u : G;
-  };
-  let r, i;
-  const v = (e) => {
-    C(n.value) && (r = e, i = L({
-      keyframes: [n.value, D(n.value)],
-      velocity: R(h, e, n.value),
-      damping: k,
-      stiffness: F,
-      restDelta: f,
-      restSpeed: O
-    }));
-  };
-  return v(0), {
-    calculatedDuration: null,
-    next: (e) => {
-      let o = !1;
-      return !i && r === void 0 && (o = !0, y(e), v(e)), r !== void 0 && e > r ? i.next(e - r) : (!o && y(e), n);
-    }
-  };
-}
+const t = () => ({
+  translate: 0,
+  scale: 1,
+  origin: 0,
+  originPoint: 0
+}), a = () => ({
+  x: t(),
+  y: t()
+}), e = () => ({ min: 0, max: 0 }), c = () => ({
+  x: e(),
+  y: e()
+});
 export {
-  $ as inertia
+  e as createAxis,
+  t as createAxisDelta,
+  c as createBox,
+  a as createDelta
 };

package/dist/lyra169.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra146.cjs"),t=require("./lyra191.cjs"),s=a=>{const e=({timestamp:o})=>a(o);return{start:()=>r.frame.update(e,!0),stop:()=>r.cancelFrame(e),now:()=>t.frameData.isProcessing?t.frameData.timestamp:performance.now()}};exports.frameloopDriver=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function t(e){return typeof e=="object"&&Object.prototype.hasOwnProperty.call(e,"current")}exports.isRefObject=t;

package/dist/lyra169.js

@@ -1,17 +1,6 @@
-import { frame as a, cancelFrame as m } from "./lyra146.js";
-import { frameData as e } from "./lyra191.js";
-const n = (t) => {
-  const r = ({ timestamp: o }) => t(o);
-  return {
-    start: () => a.update(r, !0),
-    stop: () => m(r),
-    /**
-     * If we're processing this frame we can use the
-     * framelocked timestamp to keep things in sync.
-     */
-    now: () => e.isProcessing ? e.timestamp : performance.now()
-  };
-};
+function e(t) {
+  return typeof t == "object" && Object.prototype.hasOwnProperty.call(t, "current");
+}
 export {
-  n as frameloopDriver
+  e as isRefObject
 };

package/dist/lyra17.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra32.cjs"),r=require("react"),n=require("./lyra53.cjs"),p=require("./lyra26.cjs"),a=require("./lyra18.cjs"),S=require("./lyra25.cjs"),m=require("./lyra33.cjs"),B=({className:s,isEmptyLabel:e="No options available",renderEmptyState:i,selectionMode:x="single",...o},c)=>t.jsxRuntimeExports.jsx(n.ListBox,{...o,ref:c,selectionMode:x,className:m.twMerge(a.listBoxStyles({className:s})),renderEmptyState:i||(()=>t.jsxRuntimeExports.jsx("div",{className:"px-2 py-1",children:t.jsxRuntimeExports.jsx(p.Text,{variant:"body-medium",children:e})}))}),l=({className:s,children:e,...i},x)=>t.jsxRuntimeExports.jsx(n.Item,{...i,ref:x,className:({isDisabled:o,isPressed:c,isSelected:j,isFocused:R,isHovered:f})=>m.twMerge(a.listBoxItemStyles({className:s,isDisabled:o,isPressed:c,isSelected:j,isFocused:R,isHovered:f})),children:o=>t.jsxRuntimeExports.jsxs("div",{className:"flex w-full items-center justify-between gap-2",children:[t.jsxRuntimeExports.jsx("div",{className:o.isSelected?"":"me-5",children:typeof e=="function"?e(o):e}),o.isSelected&&t.jsxRuntimeExports.jsx(S.SvgIcon,{name:"checkmark",className:"h-4 w-4"})]})}),u=({className:s,...e},i)=>t.jsxRuntimeExports.jsx(n.Header,{...e,ref:i,className:a.listBoxHeaderStyles({className:s})}),d=(s,e)=>t.jsxRuntimeExports.jsx(n.Section,{...s,ref:e}),w=r.forwardRef(B),y=r.forwardRef(l),E=r.forwardRef(d),g=r.forwardRef(u),q={Root:w,Item:y,Section:E,Header:g};exports.Header=u;exports.Item=l;exports.ListBox=q;exports.Section=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra36.cjs"),E=require("react"),t=require("./lyra74.cjs"),g=require("./lyra20.cjs"),x=require("./lyra71.cjs");require("./lyra77.cjs");const m=require("./lyra29.cjs");require("./lyra70.cjs");require("./lyra10.cjs");require("./lyra114.cjs");require("./lyra19.cjs");const f=require("./lyra28.cjs");require("./lyra14.cjs");require("./lyra8.cjs");require("./lyra75.cjs");require("./lyra16.cjs");const i=require("./lyra18.cjs"),N=require("./lyra22.cjs"),d=require("./lyra37.cjs");function S({label:r,hint:l,size:n="medium",fullWidth:o,validationState:j,isRequired:p,description:c,errorMessage:u,...s},a){return[s,a]=t.useContextProps(s,a,t.SelectContext),e.jsxRuntimeExports.jsx(t.Select,{...s,ref:a,className:d.twMerge(i.sharedInputFieldWrapperStyles({fullWidth:o})),children:({isOpen:h})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",{className:x.cx("mx-1 flex items-center gap-3",r?"justify-between":"justify-end"),children:[r?e.jsxRuntimeExports.jsxs(t.Label,{className:i.sharedInputlabelStyles(),style:{fontFamily:"var(--input-label-font-family)"},children:[r,p&&e.jsxRuntimeExports.jsx("span",{className:"text-danger",children:" *"})]}):null,l?e.jsxRuntimeExports.jsx("span",{className:i.sharedInputHintStyles(),style:{fontFamily:"var(--input-hint-font-family)"},children:l}):null]}),e.jsxRuntimeExports.jsx("div",{className:"flex items-center gap-2",children:e.jsxRuntimeExports.jsxs(t.Button,{className:({isDisabled:q,isFocusVisible:y,isHovered:R})=>d.twMerge(i.sharedInputFieldStyles({isDisabled:q,isHovered:R,isFocused:y,fullWidth:o,size:n,validationState:j,className:"w-full items-center justify-between gap-3"})),children:[e.jsxRuntimeExports.jsx(t.SelectValue,{className:"select-none truncate"}),e.jsxRuntimeExports.jsx(f.SvgIcon,{name:"chevron-down","aria-hidden":"true",className:x.cx(n==="large"&&"h-5 w-5",n==="medium"&&"h-4 w-4",n==="small"&&"h-3 w-3",h?"rotate-180":"rotate-0","transition duration-200 ease-out")})]})}),c&&e.jsxRuntimeExports.jsx(m.Text,{className:"ms-1 mt-1.5",variant:"body-small",color:"secondary",slot:"description",children:c}),u&&e.jsxRuntimeExports.jsx(m.Text,{className:"ms-1 mt-1.5",variant:"body-small",color:"accent-danger",slot:"errorMessage",children:u}),e.jsxRuntimeExports.jsx(N.Popover,{children:e.jsxRuntimeExports.jsx(g.ListBox,{className:"outline-none","aria-label":r??`options on select ${s.name}`,selectionMode:"single",children:s.children})})]})})}const v=E.forwardRef(S);exports.Select=v;