@new-black/lyra 0.0.18 → 0.0.19

package/dist/lyra157.js

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

package/dist/lyra158.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),d=require("./lyra154.cjs"),x=require("./lyra157.cjs"),r=require("./lyra142.cjs"),l=require("./lyra163.cjs"),m=require("./lyra156.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra131.cjs");function i(e){return!!(o.isMotionValue(e)&&e.add)}exports.isWillChangeMotionValue=i;

package/dist/lyra158.js

@@ -1,30 +1,7 @@
-import { useContext as o, useRef as C, useInsertionEffect as d, useEffect as f } from "react";
-import { PresenceContext as l } from "./lyra154.js";
-import { MotionContext as x } from "./lyra157.js";
-import { useIsomorphicLayoutEffect as a } from "./lyra142.js";
-import { LazyContext as E } from "./lyra163.js";
-import { MotionConfigContext as g } from "./lyra156.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;
+import { isMotionValue as i } from "./lyra131.js";
+function t(o) {
+  return !!(i(o) && o.add);
 }
 export {
-  z as useVisualElement
+  t as isWillChangeMotionValue
 };

package/dist/lyra159.cjs

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

package/dist/lyra159.js

@@ -1,18 +1,23 @@
-import { useCallback as r } from "react";
-import { isRefObject as p } from "./lyra169.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]
-  );
-}
+const t = [
+  "transformPerspective",
+  "x",
+  "y",
+  "z",
+  "translateX",
+  "translateY",
+  "translateZ",
+  "scale",
+  "scaleX",
+  "scaleY",
+  "rotate",
+  "rotateX",
+  "rotateY",
+  "rotateZ",
+  "skew",
+  "skewX",
+  "skewY"
+], e = new Set(t);
 export {
-  j as useMotionRef
+  t as transformPropOrder,
+  e as transformProps
 };

package/dist/lyra16.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra36.cjs"),u=require("react"),o=require("./lyra74.cjs"),x=require("./lyra29.cjs"),q=require("./lyra30.cjs"),E=require("./lyra71.cjs"),d=require("./lyra115.cjs");require("./lyra10.cjs");require("./lyra114.cjs");require("./lyra19.cjs");require("./lyra14.cjs");require("./lyra8.cjs");require("./lyra75.cjs");require("./lyra17.cjs");const c=require("./lyra18.cjs"),m=require("./lyra37.cjs"),v=u.forwardRef(({label:i,labelClassName:t,hint:r,description:a,errorMessage:s,children:l,orientation:j="vertical",color:p,className:y,...R},f)=>e.jsxRuntimeExports.jsx(o.RadioGroup,{...R,ref:f,children:n=>e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-y-1",children:[e.jsxRuntimeExports.jsxs("div",{className:E.cx("mx-1 flex items-center gap-3",i?"justify-between":"justify-end"),children:[i?e.jsxRuntimeExports.jsxs(o.Label,{className:c.sharedInputlabelStyles({className:t}),style:{fontFamily:"var(--input-label-font-family)"},children:[i,n.isRequired&&e.jsxRuntimeExports.jsx("span",{className:"text-danger",children:" *"})]}):null,r?e.jsxRuntimeExports.jsx("span",{className:c.sharedInputHintStyles(),style:{fontFamily:"var(--input-hint-font-family)"},children:r}):null]}),e.jsxRuntimeExports.jsx("div",{className:m.twMerge(d.radioGroupStyles({orientation:j,color:p,className:y})),children:typeof l=="function"?l(n):l}),a&&e.jsxRuntimeExports.jsx(x.Text,{className:"ms-1 mt-1.5",variant:"body-small",color:"secondary",slot:"description",children:a}),s&&e.jsxRuntimeExports.jsx(x.Text,{className:"ms-1 mt-1.5",variant:"body-small",color:"accent-danger",slot:"errorMessage",children:s})]})})),h=u.forwardRef(({className:i,children:t,...r},a)=>e.jsxRuntimeExports.jsx(o.Radio,{...r,ref:a,children:s=>e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsxs("div",{className:"flex items-start gap-x-[--radio-gap-x]",children:[e.jsxRuntimeExports.jsx("div",{className:m.twMerge(d.radioStyles({className:i,isDisabled:s.isDisabled,isSelected:s.isSelected,isFocusVisible:s.isFocusVisible,isHovered:s.isHovered,isPressed:s.isPressed})),children:s.isSelected&&e.jsxRuntimeExports.jsx("svg",{width:"10",height:"10",viewBox:"0 0 10 10",fill:"none",children:e.jsxRuntimeExports.jsx("circle",{cx:"5",cy:"5",r:"5",fill:"currentColor"})})}),t&&e.jsxRuntimeExports.jsx("div",{className:q.textStyles({variant:"body-medium",className:["leading-5",s.isDisabled?"cursor-not-allowed opacity-50":""]}),children:typeof t=="function"?t(s):t})]})})}));exports.Radio=h;exports.RadioGroup=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra36.cjs"),u=require("react"),o=require("./lyra69.cjs"),x=require("./lyra29.cjs"),q=require("./lyra30.cjs"),E=require("./lyra70.cjs"),d=require("./lyra237.cjs");require("./lyra10.cjs");require("./lyra236.cjs");require("./lyra19.cjs");require("./lyra14.cjs");require("./lyra8.cjs");require("./lyra77.cjs");require("./lyra17.cjs");const c=require("./lyra18.cjs"),m=require("./lyra37.cjs"),v=u.forwardRef(({label:i,labelClassName:t,hint:r,description:a,errorMessage:s,children:l,orientation:j="vertical",color:p,className:y,...R},f)=>e.jsxRuntimeExports.jsx(o.RadioGroup,{...R,ref:f,children:n=>e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-y-1",children:[e.jsxRuntimeExports.jsxs("div",{className:E.cx("flex items-center gap-3",i?"justify-between":"justify-end"),children:[i?e.jsxRuntimeExports.jsxs(o.Label,{className:c.sharedInputlabelStyles({className:t}),style:{fontFamily:"var(--input-label-font-family)"},children:[i,n.isRequired&&e.jsxRuntimeExports.jsx("span",{className:"text-danger",children:" *"})]}):null,r?e.jsxRuntimeExports.jsx("span",{className:c.sharedInputHintStyles(),style:{fontFamily:"var(--input-hint-font-family)"},children:r}):null]}),e.jsxRuntimeExports.jsx("div",{className:m.twMerge(d.radioGroupStyles({orientation:j,color:p,className:y})),children:typeof l=="function"?l(n):l}),a&&e.jsxRuntimeExports.jsx(x.Text,{className:"mt-1.5",variant:"body-small",color:"secondary",slot:"description",children:a}),s&&e.jsxRuntimeExports.jsx(x.Text,{className:"mt-1.5",variant:"body-small",color:"accent-danger",slot:"errorMessage",children:s})]})})),h=u.forwardRef(({className:i,children:t,...r},a)=>e.jsxRuntimeExports.jsx(o.Radio,{...r,ref:a,children:s=>e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsxs("div",{className:"flex items-start gap-x-[--radio-gap-x]",children:[e.jsxRuntimeExports.jsx("div",{className:m.twMerge(d.radioStyles({className:i,isDisabled:s.isDisabled,isSelected:s.isSelected,isFocusVisible:s.isFocusVisible,isHovered:s.isHovered,isPressed:s.isPressed})),children:s.isSelected&&e.jsxRuntimeExports.jsx("svg",{width:"10",height:"10",viewBox:"0 0 10 10",fill:"none",children:e.jsxRuntimeExports.jsx("circle",{cx:"5",cy:"5",r:"5",fill:"currentColor"})})}),t&&e.jsxRuntimeExports.jsx("div",{className:q.textStyles({variant:"body-medium",className:["leading-5",s.isDisabled?"cursor-not-allowed opacity-50":""]}),children:typeof t=="function"?t(s):t})]})})}));exports.Radio=h;exports.RadioGroup=v;

package/dist/lyra16.js

@@ -1,20 +1,20 @@
 import { j as s } from "./lyra36.js";
-import { forwardRef as c } from "react";
-import { RadioGroup as y, Label as j, Radio as b } from "./lyra74.js";
-import { Text as m } from "./lyra29.js";
+import { forwardRef as m } from "react";
+import { RadioGroup as y, Label as j, Radio as b } from "./lyra69.js";
+import { Text as c } from "./lyra29.js";
 import { textStyles as v } from "./lyra30.js";
-import { cx as h } from "./lyra71.js";
-import { radioGroupStyles as N, radioStyles as g } from "./lyra115.js";
+import { cx as h } from "./lyra70.js";
+import { radioGroupStyles as N, radioStyles as g } from "./lyra237.js";
 import "./lyra10.js";
-import "./lyra114.js";
+import "./lyra236.js";
 import "./lyra19.js";
 import "./lyra14.js";
 import "./lyra8.js";
-import "./lyra75.js";
+import "./lyra77.js";
 import "./lyra17.js";
 import { sharedInputlabelStyles as $, sharedInputHintStyles as S } from "./lyra18.js";
 import { twMerge as d } from "./lyra37.js";
-const z = c(
+const z = m(
   ({
     label: a,
     labelClassName: e,
@@ -31,7 +31,7 @@ const z = c(
       "div",
       {
         className: h(
-          "mx-1 flex items-center gap-3",
+          "flex items-center gap-3",
           a ? "justify-between" : "justify-end"
         ),
         children: [
@@ -69,9 +69,9 @@ const z = c(
       }
     ),
     l && /* @__PURE__ */ s.jsx(
-      m,
+      c,
       {
-        className: "ms-1 mt-1.5",
+        className: "mt-1.5",
         variant: "body-small",
         color: "secondary",
         slot: "description",
@@ -79,9 +79,9 @@ const z = c(
       }
     ),
     i && /* @__PURE__ */ s.jsx(
-      m,
+      c,
       {
-        className: "ms-1 mt-1.5",
+        className: "mt-1.5",
         variant: "body-small",
         color: "accent-danger",
         slot: "errorMessage",
@@ -89,7 +89,7 @@ const z = c(
       }
     )
   ] }) })
-), A = c(
+), A = m(
   ({ 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",

package/dist/lyra160.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),o=require("./lyra157.cjs"),u=require("./lyra264.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./lyra223.cjs"),r=require("./lyra161.cjs"),o=require("./lyra166.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;

package/dist/lyra160.js

@@ -1,13 +1,13 @@
-import { useContext as o, useMemo as i } from "react";
-import { MotionContext as a } from "./lyra157.js";
-import { getCurrentTreeVariants as m } from "./lyra264.js";
-function C(t) {
-  const { initial: e, animate: n } = m(t, o(a));
-  return i(() => ({ initial: e, animate: n }), [r(e), r(n)]);
+import { isAnimationControls as o } from "./lyra223.js";
+import { isVariantLabel as r } from "./lyra161.js";
+import { variantProps as t } from "./lyra166.js";
+function a(i) {
+  return o(i.animate) || t.some((n) => r(i[n]));
 }
-function r(t) {
-  return Array.isArray(t) ? t.join(" ") : t;
+function f(i) {
+  return !!(a(i) || i.variants);
 }
 export {
-  C as useCreateMotionContext
+  a as isControllingVariants,
+  f as isVariantNode
 };

package/dist/lyra161.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra181.cjs");function n(i){for(const e in i)t.featureDefinitions[e]={...t.featureDefinitions[e],...i[e]}}exports.loadFeatures=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function t(r){return typeof r=="string"||Array.isArray(r)}exports.isVariantLabel=t;

package/dist/lyra161.js

@@ -1,11 +1,6 @@
-import { featureDefinitions as n } from "./lyra181.js";
-function e(i) {
-  for (const o in i)
-    n[o] = {
-      ...n[o],
-      ...i[o]
-    };
+function t(r) {
+  return typeof r == "string" || Array.isArray(r);
 }
 export {
-  e as loadFeatures
+  t as isVariantLabel
 };

package/dist/lyra162.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=typeof document<"u";exports.isBrowser=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./lyra158.cjs"),d=require("./lyra164.cjs"),l=require("./lyra157.cjs"),V=require("./lyra131.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;

package/dist/lyra162.js

@@ -1,4 +1,28 @@
-const e = typeof document < "u";
+import { isWillChangeMotionValue as u } from "./lyra158.js";
+import { warnOnce as l } from "./lyra164.js";
+import { motionValue as f } from "./lyra157.js";
+import { isMotionValue as d } from "./lyra131.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;
+}
 export {
-  e as isBrowser
+  v as updateMotionValuesFromProps
 };

package/dist/lyra163.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),e=t.createContext({strict:!1});exports.LazyContext=e;
+"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;

package/dist/lyra163.js

@@ -1,5 +1,6 @@
-import { createContext as t } from "react";
-const o = t({ strict: !1 });
+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;
+}
 export {
-  o as LazyContext
+  y as resolveVariantFromProps
 };

package/dist/lyra164.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),e=t.createContext({});exports.SwitchLayoutGroupContext=e;
+"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;

package/dist/lyra164.js

@@ -1,5 +1,7 @@
-import { createContext as t } from "react";
-const e = t({});
+const r = /* @__PURE__ */ new Set();
+function w(c, n, o) {
+  c || r.has(n) || (console.warn(n), o && console.warn(o), r.add(n));
+}
 export {
-  e as SwitchLayoutGroupContext
+  w as warnOnce
 };

package/dist/lyra165.cjs

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

package/dist/lyra165.js

@@ -1,4 +1,27 @@
-const o = Symbol.for("motionComponentSymbol");
+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"]
+}, t = {};
+for (const e in n)
+  t[e] = {
+    isEnabled: (o) => n[e].some((a) => !!o[a])
+  };
 export {
-  o as motionComponentSymbol
+  t as featureDefinitions
 };

package/dist/lyra166.cjs

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=["animate","whileInView","whileFocus","whileHover","whileTap","whileDrag","exit"],r=["initial",...i];exports.variantPriorityOrder=i;exports.variantProps=r;