@new-black/lyra 0.0.24 → 0.0.26

package/dist/lyra16.js

@@ -1,20 +1,23 @@
-import { j as s } from "./lyra36.js";
-import { forwardRef as m } from "react";
-import { RadioGroup as y, Label as j, Radio as b } from "./lyra75.js";
-import { Text as c } from "./lyra29.js";
-import { textStyles as v } from "./lyra30.js";
-import { cx as h } from "./lyra73.js";
-import { radioGroupStyles as N, radioStyles as g } from "./lyra237.js";
+import { j as s } from "./lyra39.js";
+import { forwardRef as c } from "react";
+import { RadioGroup as y, Label as j, Radio as b } from "./lyra79.js";
+import { Text as m } from "./lyra32.js";
+import { textStyles as v } from "./lyra33.js";
+import { cx as N } from "./lyra74.js";
+import { radioGroupStyles as h, radioStyles as g } from "./lyra104.js";
 import "./lyra10.js";
-import "./lyra236.js";
-import "./lyra19.js";
+import "./lyra102.js";
+import "./lyra21.js";
 import "./lyra14.js";
 import "./lyra8.js";
-import "./lyra81.js";
+import "./lyra80.js";
 import "./lyra17.js";
-import { sharedInputlabelStyles as $, sharedInputHintStyles as S } from "./lyra18.js";
-import { twMerge as d } from "./lyra37.js";
-const z = m(
+import { sharedInputlabelStyles as w, sharedInputHintStyles as $ } from "./lyra18.js";
+import "./lyra19.js";
+import "./lyra101.js";
+import "./lyra22.js";
+import { twMerge as d } from "./lyra40.js";
+const K = c(
   ({
     label: a,
     labelClassName: e,
@@ -30,7 +33,7 @@ const z = m(
     /* @__PURE__ */ s.jsxs(
       "div",
       {
-        className: h(
+        className: N(
           "flex items-center gap-3",
           a ? "justify-between" : "justify-end"
         ),
@@ -38,7 +41,7 @@ const z = m(
           a ? /* @__PURE__ */ s.jsxs(
             j,
             {
-              className: $({
+              className: w({
                 className: e
               }),
               style: { fontFamily: "var(--input-label-font-family)" },
@@ -51,7 +54,7 @@ const z = m(
           t ? /* @__PURE__ */ s.jsx(
             "span",
             {
-              className: S(),
+              className: $(),
               style: { fontFamily: "var(--input-hint-font-family)" },
               children: t
             }
@@ -63,13 +66,13 @@ const z = m(
       "div",
       {
         className: d(
-          N({ orientation: n, color: f, className: x })
+          h({ orientation: n, color: f, className: x })
         ),
         children: typeof o == "function" ? o(r) : o
       }
     ),
     l && /* @__PURE__ */ s.jsx(
-      c,
+      m,
       {
         className: "mt-1.5",
         variant: "body-small",
@@ -79,7 +82,7 @@ const z = m(
       }
     ),
     i && /* @__PURE__ */ s.jsx(
-      c,
+      m,
       {
         className: "mt-1.5",
         variant: "body-small",
@@ -89,7 +92,7 @@ const z = m(
       }
     )
   ] }) })
-), A = m(
+), O = c(
   ({ className: a, children: e, ...t }, l) => /* @__PURE__ */ s.jsx(b, { ...t, ref: l, children: (i) => /* @__PURE__ */ s.jsx(s.Fragment, { children: /* @__PURE__ */ s.jsxs("div", { className: "flex items-start gap-x-[--radio-gap-x]", children: [
     /* @__PURE__ */ s.jsx(
       "div",
@@ -104,7 +107,16 @@ const z = m(
             isPressed: i.isPressed
           })
         ),
-        children: i.isSelected && /* @__PURE__ */ s.jsx("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", children: /* @__PURE__ */ s.jsx("circle", { cx: "5", cy: "5", r: "5", fill: "currentColor" }) })
+        children: i.isSelected && /* @__PURE__ */ s.jsx(
+          "svg",
+          {
+            className: "w-[--radio-size]",
+            viewBox: "0 0 20 20",
+            fill: "none",
+            xmlns: "http://www.w3.org/2000/svg",
+            children: /* @__PURE__ */ s.jsx("circle", { cx: "10", cy: "10", r: "4", fill: "currentColor" })
+          }
+        )
       }
     ),
     e && /* @__PURE__ */ s.jsx(
@@ -123,6 +135,6 @@ const z = m(
   ] }) }) })
 );
 export {
-  A as Radio,
-  z as RadioGroup
+  O as Radio,
+  K as RadioGroup
 };

package/dist/lyra160.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./lyra199.cjs"),n=require("./lyra154.cjs"),l=require("./lyra159.cjs"),f=require("./lyra200.cjs"),u=require("./lyra167.cjs"),v=s=>!isNaN(parseFloat(s));class r{constructor(t,e={}){this.version="10.12.16",this.timeDelta=0,this.lastUpdated=0,this.canTrackVelocity=!1,this.events={},this.updateAndNotify=(i,h=!0)=>{this.prev=this.current,this.current=i;const{delta:o,timestamp:a}=c.frameData;this.lastUpdated!==a&&(this.timeDelta=o,this.lastUpdated=a,n.frame.postRender(this.scheduleVelocityCheck)),this.prev!==this.current&&this.events.change&&this.events.change.notify(this.current),this.events.velocityChange&&this.events.velocityChange.notify(this.getVelocity()),h&&this.events.renderRequest&&this.events.renderRequest.notify(this.current)},this.scheduleVelocityCheck=()=>n.frame.postRender(this.velocityCheck),this.velocityCheck=({timestamp:i})=>{i!==this.lastUpdated&&(this.prev=this.current,this.events.velocityChange&&this.events.velocityChange.notify(this.getVelocity()))},this.hasAnimated=!1,this.prev=this.current=t,this.canTrackVelocity=v(this.current),this.owner=e.owner}onChange(t){return process.env.NODE_ENV!=="production"&&u.warnOnce(!1,'value.onChange(callback) is deprecated. Switch to value.on("change", callback).'),this.on("change",t)}on(t,e){this.events[t]||(this.events[t]=new l.SubscriptionManager);const i=this.events[t].add(e);return t==="change"?()=>{i(),n.frame.read(()=>{this.events.change.getSize()||this.stop()})}:i}clearListeners(){for(const t in this.events)this.events[t].clear()}attach(t,e){this.passiveEffect=t,this.stopPassiveEffect=e}set(t,e=!0){!e||!this.passiveEffect?this.updateAndNotify(t,e):this.passiveEffect(t,this.updateAndNotify)}setWithVelocity(t,e,i){this.set(e),this.prev=t,this.timeDelta=i}jump(t){this.updateAndNotify(t),this.prev=t,this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}get(){return this.current}getPrevious(){return this.prev}getVelocity(){return this.canTrackVelocity?f.velocityPerSecond(parseFloat(this.current)-parseFloat(this.prev),this.timeDelta):0}start(t){return this.stop(),new Promise(e=>{this.hasAnimated=!0,this.animation=t(e),this.events.animationStart&&this.events.animationStart.notify()}).then(()=>{this.events.animationComplete&&this.events.animationComplete.notify(),this.clearAnimation()})}stop(){this.animation&&(this.animation.stop(),this.events.animationCancel&&this.events.animationCancel.notify()),this.clearAnimation()}isAnimating(){return!!this.animation}clearAnimation(){delete this.animation}destroy(){this.clearListeners(),this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}}function p(s,t){return new r(s,t)}exports.MotionValue=r;exports.motionValue=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),u=require("./lyra161.cjs");function c(){const n=t.useContext(u.PresenceContext);if(n===null)return[!0,null];const{isPresent:r,onExitComplete:e,register:o}=n,s=t.useId();return t.useEffect(()=>o(s),[]),!r&&e?[!1,()=>e&&e(s)]:[!0]}exports.usePresence=c;

package/dist/lyra160.js

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

package/dist/lyra161.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra134.cjs");function i(e){return!!(o.isMotionValue(e)&&e.add)}exports.isWillChangeMotionValue=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=e.createContext(null);exports.PresenceContext=t;

package/dist/lyra161.js

@@ -1,7 +1,5 @@
-import { isMotionValue as i } from "./lyra134.js";
-function t(o) {
-  return !!(i(o) && o.add);
-}
+import { createContext as e } from "react";
+const o = e(null);
 export {
-  t as isWillChangeMotionValue
+  o as PresenceContext
 };

package/dist/lyra162.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=["transformPerspective","x","y","z","translateX","translateY","translateZ","scale","scaleX","scaleY","rotate","rotateX","rotateY","rotateZ","skew","skewX","skewY"],t=new Set(r);exports.transformPropOrder=r;exports.transformProps=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),E=require("./lyra163.cjs"),v=require("./lyra164.cjs"),M=require("./lyra165.cjs"),g=require("./lyra166.cjs"),b=require("./lyra167.cjs"),S=require("./lyra168.cjs"),L=require("./lyra169.cjs"),G=require("./lyra148.cjs"),p=require("./lyra170.cjs"),w=require("./lyra171.cjs"),O=require("./lyra172.cjs");function j(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const i=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,i.get?i:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const C=j(r);function P({preloadedFeatures:e,createVisualElement:t,useRender:n,useVisualState:i,Component:c}){e&&S.loadFeatures(e);function d(u,x){let a;const s={...r.useContext(E.MotionConfigContext),...u,layoutId:R(u)},{isStatic:l}=s,o=b.useCreateMotionContext(u),f=i(u,l);if(!l&&L.isBrowser){o.visualElement=M.useVisualElement(c,f,s,t);const y=r.useContext(w.SwitchLayoutGroupContext),q=r.useContext(p.LazyContext).strict;o.visualElement&&(a=o.visualElement.loadFeatures(s,q,e,y))}return C.createElement(v.MotionContext.Provider,{value:o},a&&o.visualElement?C.createElement(a,{visualElement:o.visualElement,...s}):null,n(c,u,g.useMotionRef(f,o.visualElement,x),f,l,o.visualElement))}const m=r.forwardRef(d);return m[O.motionComponentSymbol]=c,m}function R({layoutId:e}){const t=r.useContext(G.LayoutGroupContext).id;return t&&e!==void 0?t+"-"+e:e}exports.createMotionComponent=P;

package/dist/lyra162.js

@@ -1,23 +1,50 @@
-const t = [
-  "transformPerspective",
-  "x",
-  "y",
-  "z",
-  "translateX",
-  "translateY",
-  "translateZ",
-  "scale",
-  "scaleX",
-  "scaleY",
-  "rotate",
-  "rotateX",
-  "rotateY",
-  "rotateZ",
-  "skew",
-  "skewX",
-  "skewY"
-], e = new Set(t);
+import * as f from "react";
+import { forwardRef as d, useContext as r } from "react";
+import { MotionConfigContext as y } from "./lyra163.js";
+import { MotionContext as M } from "./lyra164.js";
+import { useVisualElement as L } from "./lyra165.js";
+import { useMotionRef as G } from "./lyra166.js";
+import { useCreateMotionContext as S } from "./lyra167.js";
+import { loadFeatures as w } from "./lyra168.js";
+import { isBrowser as g } from "./lyra169.js";
+import { LayoutGroupContext as R } from "./lyra148.js";
+import { LazyContext as P } from "./lyra170.js";
+import { SwitchLayoutGroupContext as $ } from "./lyra171.js";
+import { motionComponentSymbol as b } from "./lyra172.js";
+function K({ preloadedFeatures: o, createVisualElement: n, useRender: c, useVisualState: C, Component: m }) {
+  o && w(o);
+  function E(e, p) {
+    let u;
+    const i = {
+      ...r(y),
+      ...e,
+      layoutId: h(e)
+    }, { isStatic: a } = i, t = S(e), l = C(e, a);
+    if (!a && g) {
+      t.visualElement = L(m, l, i, n);
+      const v = r($), x = r(P).strict;
+      t.visualElement && (u = t.visualElement.loadFeatures(
+        // Note: Pass the full new combined props to correctly re-render dynamic feature components.
+        i,
+        x,
+        o,
+        v
+      ));
+    }
+    return f.createElement(
+      M.Provider,
+      { value: t },
+      u && t.visualElement ? f.createElement(u, { visualElement: t.visualElement, ...i }) : null,
+      c(m, e, G(l, t.visualElement, p), l, a, t.visualElement)
+    );
+  }
+  const s = d(E);
+  return s[b] = m, s;
+}
+function h({ layoutId: o }) {
+  const n = r(R).id;
+  return n && o !== void 0 ? n + "-" + o : o;
+}
 export {
-  t as transformPropOrder,
-  e as transformProps
+  K as createMotionComponent
 };

package/dist/lyra163.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./lyra226.cjs"),r=require("./lyra164.cjs"),o=require("./lyra169.cjs");function n(i){return a.isAnimationControls(i.animate)||o.variantProps.some(t=>r.isVariantLabel(i[t]))}function e(i){return!!(n(i)||i.variants)}exports.isControllingVariants=n;exports.isVariantNode=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),o=e.createContext({transformPagePoint:t=>t,isStatic:!1,reducedMotion:"never"});exports.MotionConfigContext=o;

package/dist/lyra163.js

@@ -1,13 +1,9 @@
-import { isAnimationControls as o } from "./lyra226.js";
-import { isVariantLabel as r } from "./lyra164.js";
-import { variantProps as t } from "./lyra169.js";
-function a(i) {
-  return o(i.animate) || t.some((n) => r(i[n]));
-}
-function f(i) {
-  return !!(a(i) || i.variants);
-}
+import { createContext as o } from "react";
+const n = o({
+  transformPagePoint: (t) => t,
+  isStatic: !1,
+  reducedMotion: "never"
+});
 export {
-  a as isControllingVariants,
-  f as isVariantNode
+  n as MotionConfigContext
 };

package/dist/lyra164.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function t(r){return typeof r=="string"||Array.isArray(r)}exports.isVariantLabel=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),e=t.createContext({});exports.MotionContext=e;

package/dist/lyra164.js

@@ -1,6 +1,5 @@
-function t(r) {
-  return typeof r == "string" || Array.isArray(r);
-}
+import { createContext as t } from "react";
+const e = t({});
 export {
-  t as isVariantLabel
+  e as MotionContext
 };

package/dist/lyra165.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./lyra161.cjs"),d=require("./lyra167.cjs"),l=require("./lyra160.cjs"),V=require("./lyra134.cjs");function c(o,a,t){const{willChange:s}=a;for(const e in a){const i=a[e],r=t[e];if(V.isMotionValue(i))o.addValue(e,i),u.isWillChangeMotionValue(s)&&s.add(e),process.env.NODE_ENV==="development"&&d.warnOnce(i.version==="10.12.16",`Attempting to mix Framer Motion versions ${i.version} with 10.12.16 may not work as expected.`);else if(V.isMotionValue(r))o.addValue(e,l.motionValue(i,{owner:o})),u.isWillChangeMotionValue(s)&&s.remove(e);else if(r!==i)if(o.hasValue(e)){const n=o.getValue(e);!n.hasAnimated&&n.set(i)}else{const n=o.getStaticValue(e);o.addValue(e,l.motionValue(n!==void 0?n:i,{owner:o}))}}for(const e in t)a[e]===void 0&&o.removeValue(e);return a}exports.updateMotionValuesFromProps=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),d=require("./lyra161.cjs"),x=require("./lyra164.cjs"),r=require("./lyra149.cjs"),l=require("./lyra170.cjs"),m=require("./lyra163.cjs");function E(u,c,i,n){const{visualElement:a}=t.useContext(x.MotionContext),f=t.useContext(l.LazyContext),o=t.useContext(d.PresenceContext),C=t.useContext(m.MotionConfigContext).reducedMotion,s=t.useRef();n=n||f.renderer,!s.current&&n&&(s.current=n(u,{visualState:c,parent:a,props:i,presenceContext:o,blockInitialAnimation:o?o.initial===!1:!1,reducedMotionConfig:C}));const e=s.current;return t.useInsertionEffect(()=>{e&&e.update(i,o)}),r.useIsomorphicLayoutEffect(()=>{e&&e.render()}),t.useEffect(()=>{e&&e.updateFeatures()}),(window.HandoffAppearAnimations?r.useIsomorphicLayoutEffect:t.useEffect)(()=>{e&&e.animationState&&e.animationState.animateChanges()}),e}exports.useVisualElement=E;

package/dist/lyra165.js

@@ -1,28 +1,30 @@
-import { isWillChangeMotionValue as u } from "./lyra161.js";
-import { warnOnce as l } from "./lyra167.js";
-import { motionValue as f } from "./lyra160.js";
-import { isMotionValue as d } from "./lyra134.js";
-function v(i, e, t) {
-  const { willChange: s } = e;
-  for (const o in e) {
-    const a = e[o], n = t[o];
-    if (d(a))
-      i.addValue(o, a), u(s) && s.add(o), process.env.NODE_ENV === "development" && l(a.version === "10.12.16", `Attempting to mix Framer Motion versions ${a.version} with 10.12.16 may not work as expected.`);
-    else if (d(n))
-      i.addValue(o, f(a, { owner: i })), u(s) && s.remove(o);
-    else if (n !== a)
-      if (i.hasValue(o)) {
-        const r = i.getValue(o);
-        !r.hasAnimated && r.set(a);
-      } else {
-        const r = i.getStaticValue(o);
-        i.addValue(o, f(r !== void 0 ? r : a, { owner: i }));
-      }
-  }
-  for (const o in t)
-    e[o] === void 0 && i.removeValue(o);
-  return e;
+import { useContext as o, useRef as C, useInsertionEffect as d, useEffect as f } from "react";
+import { PresenceContext as l } from "./lyra161.js";
+import { MotionContext as x } from "./lyra164.js";
+import { useIsomorphicLayoutEffect as a } from "./lyra149.js";
+import { LazyContext as E } from "./lyra170.js";
+import { MotionConfigContext as g } from "./lyra163.js";
+function z(s, m, r, e) {
+  const { visualElement: u } = o(x), c = o(E), n = o(l), p = o(g).reducedMotion, i = C();
+  e = e || c.renderer, !i.current && e && (i.current = e(s, {
+    visualState: m,
+    parent: u,
+    props: r,
+    presenceContext: n,
+    blockInitialAnimation: n ? n.initial === !1 : !1,
+    reducedMotionConfig: p
+  }));
+  const t = i.current;
+  return d(() => {
+    t && t.update(r, n);
+  }), a(() => {
+    t && t.render();
+  }), f(() => {
+    t && t.updateFeatures();
+  }), (window.HandoffAppearAnimations ? a : f)(() => {
+    t && t.animationState && t.animationState.animateChanges();
+  }), t;
 }
 export {
-  v as updateMotionValuesFromProps
+  z as useVisualElement
 };

package/dist/lyra166.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function v(a,r,e,t={},u={}){return typeof r=="function"&&(r=r(e!==void 0?e:a.custom,t,u)),typeof r=="string"&&(r=a.variants&&a.variants[r]),typeof r=="function"&&(r=r(e!==void 0?e:a.custom,t,u)),r}exports.resolveVariantFromProps=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),c=require("./lyra175.cjs");function i(f,r,u){return t.useCallback(o=>{o&&f.mount&&f.mount(o),r&&(o?r.mount(o):r.unmount()),u&&(typeof u=="function"?u(o):c.isRefObject(u)&&(u.current=o))},[r])}exports.useMotionRef=i;

package/dist/lyra166.js

@@ -1,6 +1,18 @@
-function y(r, a, v, f = {}, u = {}) {
-  return typeof a == "function" && (a = a(v !== void 0 ? v : r.custom, f, u)), typeof a == "string" && (a = r.variants && r.variants[a]), typeof a == "function" && (a = a(v !== void 0 ? v : r.custom, f, u)), a;
+import { useCallback as r } from "react";
+import { isRefObject as p } from "./lyra175.js";
+function j(m, u, f) {
+  return r(
+    (o) => {
+      o && m.mount && m.mount(o), u && (o ? u.mount(o) : u.unmount()), f && (typeof f == "function" ? f(o) : p(f) && (f.current = o));
+    },
+    /**
+     * Only pass a new ref callback to React if we've received a visual element
+     * factory. Otherwise we'll be mounting/remounting every time externalRef
+     * or other dependencies change.
+     */
+    [u]
+  );
 }
 export {
-  y as resolveVariantFromProps
+  j as useMotionRef
 };

package/dist/lyra167.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=new Set;function c(t,n,r){t||o.has(n)||(console.warn(n),r&&console.warn(r),o.add(n))}exports.warnOnce=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),o=require("./lyra164.cjs"),u=require("./lyra273.cjs");function a(e){const{initial:t,animate:n}=u.getCurrentTreeVariants(e,r.useContext(o.MotionContext));return r.useMemo(()=>({initial:t,animate:n}),[i(t),i(n)])}function i(e){return Array.isArray(e)?e.join(" "):e}exports.useCreateMotionContext=a;

package/dist/lyra167.js

@@ -1,7 +1,13 @@
-const r = /* @__PURE__ */ new Set();
-function w(c, n, o) {
-  c || r.has(n) || (console.warn(n), o && console.warn(o), r.add(n));
+import { useContext as o, useMemo as i } from "react";
+import { MotionContext as a } from "./lyra164.js";
+import { getCurrentTreeVariants as m } from "./lyra273.js";
+function C(t) {
+  const { initial: e, animate: n } = m(t, o(a));
+  return i(() => ({ initial: e, animate: n }), [r(e), r(n)]);
+}
+function r(t) {
+  return Array.isArray(t) ? t.join(" ") : t;
 }
 export {
-  w as warnOnce
+  C as useCreateMotionContext
 };

package/dist/lyra168.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n={animation:["animate","variants","whileHover","whileTap","exit","whileInView","whileFocus","whileDrag"],exit:["exit"],drag:["drag","dragControls"],focus:["whileFocus"],hover:["whileHover","onHoverStart","onHoverEnd"],tap:["whileTap","onTap","onTapStart","onTapCancel"],pan:["onPan","onPanStart","onPanSessionStart","onPanEnd"],inView:["whileInView","onViewportEnter","onViewportLeave"],layout:["layout","layoutId"]},o={};for(const e in n)o[e]={isEnabled:a=>n[e].some(t=>!!a[t])};exports.featureDefinitions=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra187.cjs");function n(i){for(const e in i)t.featureDefinitions[e]={...t.featureDefinitions[e],...i[e]}}exports.loadFeatures=n;