@new-black/lyra 0.0.25 → 0.0.26

package/dist/lyra152.js

@@ -1,18 +1,9 @@
-import { useCallback as r } from "react";
-import { isRefObject as p } from "./lyra162.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]
-  );
+import { isCustomValue as e } from "./lyra153.js";
+import { isMotionValue as r } from "./lyra154.js";
+function u(o) {
+  const t = r(o) ? o.get() : o;
+  return e(t) ? t.toValue() : t;
 }
 export {
-  j as useMotionRef
+  u as resolveMotionValue
 };

package/dist/lyra153.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),o=require("./lyra150.cjs"),u=require("./lyra267.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 t=require("./lyra271.cjs"),r=e=>!!(e&&typeof e=="object"&&e.mix&&e.toValue),s=e=>t.isKeyframesTarget(e)?e[e.length-1]||0:e;exports.isCustomValue=r;exports.resolveFinalValueInKeyframes=s;

package/dist/lyra153.js

@@ -1,13 +1,6 @@
-import { useContext as o, useMemo as i } from "react";
-import { MotionContext as a } from "./lyra150.js";
-import { getCurrentTreeVariants as m } from "./lyra267.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;
-}
+import { isKeyframesTarget as o } from "./lyra271.js";
+const r = (e) => !!(e && typeof e == "object" && e.mix && e.toValue), a = (e) => o(e) ? e[e.length - 1] || 0 : e;
 export {
-  C as useCreateMotionContext
+  r as isCustomValue,
+  a as resolveFinalValueInKeyframes
 };

package/dist/lyra154.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra174.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"});const e=o=>!!(o&&o.getVelocity);exports.isMotionValue=e;

package/dist/lyra154.js

@@ -1,11 +1,4 @@
-import { featureDefinitions as n } from "./lyra174.js";
-function e(i) {
-  for (const o in i)
-    n[o] = {
-      ...n[o],
-      ...i[o]
-    };
-}
+const t = (o) => !!(o && o.getVelocity);
 export {
-  e as loadFeatures
+  t as isMotionValue
 };

package/dist/lyra155.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 o=require("./lyra156.cjs"),l=require("./lyra157.cjs"),m=require("./lyra158.cjs");function c(e,a,r={}){e.notify("AnimationStart",a);let t;if(Array.isArray(a)){const n=a.map(s=>m.animateVariant(e,s,r));t=Promise.all(n)}else if(typeof a=="string")t=m.animateVariant(e,a,r);else{const n=typeof a=="function"?o.resolveVariant(e,a,r.custom):a;t=Promise.all(l.animateTarget(e,n,r))}return t.then(()=>e.notify("AnimationComplete",a))}exports.animateVisualElement=c;

package/dist/lyra155.js

@@ -1,4 +1,20 @@
-const e = typeof document < "u";
+import { resolveVariant as c } from "./lyra156.js";
+import { animateTarget as p } from "./lyra157.js";
+import { animateVariant as e } from "./lyra158.js";
+function n(a, r, t = {}) {
+  a.notify("AnimationStart", r);
+  let m;
+  if (Array.isArray(r)) {
+    const o = r.map((y) => e(a, y, t));
+    m = Promise.all(o);
+  } else if (typeof r == "string")
+    m = e(a, r, t);
+  else {
+    const o = typeof r == "function" ? c(a, r, t.custom) : r;
+    m = Promise.all(p(a, o, t));
+  }
+  return m.then(() => a.notify("AnimationComplete", r));
+}
 export {
-  e as isBrowser
+  n as animateVisualElement
 };

package/dist/lyra156.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"});const n=require("./lyra185.cjs");function c(e){const r={};return e.values.forEach((t,o)=>r[o]=t.get()),r}function s(e){const r={};return e.values.forEach((t,o)=>r[o]=t.getVelocity()),r}function i(e,r,t){const o=e.getProps();return n.resolveVariantFromProps(o,r,t!==void 0?t:o.custom,c(e),s(e))}exports.resolveVariant=i;

package/dist/lyra156.js

@@ -1,5 +1,16 @@
-import { createContext as t } from "react";
-const o = t({ strict: !1 });
+import { resolveVariantFromProps as n } from "./lyra185.js";
+function c(r) {
+  const t = {};
+  return r.values.forEach((o, e) => t[e] = o.get()), t;
+}
+function u(r) {
+  const t = {};
+  return r.values.forEach((o, e) => t[e] = o.getVelocity()), t;
+}
+function s(r, t, o) {
+  const e = r.getProps();
+  return n(e, t, o !== void 0 ? o : e.custom, c(r), u(r));
+}
 export {
-  o as LazyContext
+  s as resolveVariant
 };

package/dist/lyra157.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 T=require("./lyra181.cjs"),A=require("./lyra212.cjs"),w=require("./lyra272.cjs"),q=require("./lyra180.cjs"),S=require("./lyra237.cjs"),P=require("./lyra190.cjs");function V({protectedKeys:t,needsAnimating:o},n){const i=t.hasOwnProperty(n)&&o[n]!==!0;return o[n]=!1,i}function b(t,o,{delay:n=0,transitionOverride:i,type:u}={}){let{transition:f=t.getDefaultTransition(),transitionEnd:r,...d}=t.makeTargetAnimatable(o);const s=t.getValue("willChange");i&&(f=i);const c=[],p=u&&t.animationState&&t.animationState.getState()[u];for(const a in d){const e=t.getValue(a),g=d[a];if(!e||g===void 0||p&&V(p,a))continue;const l={delay:n,elapsed:0,...f};if(window.HandoffAppearAnimations&&!e.hasAnimated){const h=t.getProps()[A.optimizedAppearDataAttribute];h&&(l.elapsed=window.HandoffAppearAnimations(h,a,e,P.frame))}e.start(w.animateMotionValue(a,e,g,t.shouldReduceMotion&&T.transformProps.has(a)?{type:!1}:l));const m=e.animation;q.isWillChangeMotionValue(s)&&(s.add(a),m.then(()=>s.remove(a))),c.push(m)}return r&&Promise.all(c).then(()=>{r&&S.setTarget(t,r)}),c}exports.animateTarget=b;

package/dist/lyra157.js

@@ -1,5 +1,35 @@
-import { createContext as t } from "react";
-const e = t({});
+import { transformProps as A } from "./lyra181.js";
+import { optimizedAppearDataAttribute as w } from "./lyra212.js";
+import { animateMotionValue as T } from "./lyra272.js";
+import { isWillChangeMotionValue as P } from "./lyra180.js";
+import { setTarget as S } from "./lyra237.js";
+import { frame as V } from "./lyra190.js";
+function C({ protectedKeys: t, needsAnimating: i }, n) {
+  const e = t.hasOwnProperty(n) && i[n] !== !0;
+  return i[n] = !1, e;
+}
+function x(t, i, { delay: n = 0, transitionOverride: e, type: p } = {}) {
+  let { transition: m = t.getDefaultTransition(), transitionEnd: r, ...c } = t.makeTargetAnimatable(i);
+  const f = t.getValue("willChange");
+  e && (m = e);
+  const s = [], d = p && t.animationState && t.animationState.getState()[p];
+  for (const o in c) {
+    const a = t.getValue(o), u = c[o];
+    if (!a || u === void 0 || d && C(d, o))
+      continue;
+    const g = { delay: n, elapsed: 0, ...m };
+    if (window.HandoffAppearAnimations && !a.hasAnimated) {
+      const l = t.getProps()[w];
+      l && (g.elapsed = window.HandoffAppearAnimations(l, o, a, V));
+    }
+    a.start(T(o, a, u, t.shouldReduceMotion && A.has(o) ? { type: !1 } : g));
+    const h = a.animation;
+    P(f) && (f.add(o), h.then(() => f.remove(o))), s.push(h);
+  }
+  return r && Promise.all(s).then(() => {
+    r && S(t, r);
+  }), s;
+}
 export {
-  e as SwitchLayoutGroupContext
+  x as animateTarget
 };

package/dist/lyra158.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 g=require("./lyra156.cjs"),y=require("./lyra157.cjs");function m(r,t,n={}){const i=g.resolveVariant(r,t,n.custom);let{transition:o=r.getDefaultTransition()||{}}=i||{};n.transitionOverride&&(o=n.transitionOverride);const s=i?()=>Promise.all(y.animateTarget(r,i,n)):()=>Promise.resolve(),a=r.variantChildren&&r.variantChildren.size?(c=0)=>{const{delayChildren:e=0,staggerChildren:d,staggerDirection:u}=o;return h(r,t,e+c,d,u,n)}:()=>Promise.resolve(),{when:l}=o;if(l){const[c,e]=l==="beforeChildren"?[s,a]:[a,s];return c().then(()=>e())}else return Promise.all([s(),a(n.delay)])}function h(r,t,n=0,i=0,o=1,s){const a=[],l=(r.variantChildren.size-1)*i,c=o===1?(e=0)=>e*i:(e=0)=>l-e*i;return Array.from(r.variantChildren).sort(f).forEach((e,d)=>{e.notify("AnimationStart",t),a.push(m(e,t,{...s,delay:n+c(d)}).then(()=>e.notify("AnimationComplete",t)))}),Promise.all(a)}function f(r,t){return r.sortNodePosition(t)}exports.animateVariant=m;exports.sortByTreeOrder=f;

package/dist/lyra158.js

@@ -1,4 +1,32 @@
-const o = Symbol.for("motionComponentSymbol");
+import { resolveVariant as l } from "./lyra156.js";
+import { animateTarget as h } from "./lyra157.js";
+function g(r, e, n = {}) {
+  const i = l(r, e, n.custom);
+  let { transition: a = r.getDefaultTransition() || {} } = i || {};
+  n.transitionOverride && (a = n.transitionOverride);
+  const s = i ? () => Promise.all(h(r, i, n)) : () => Promise.resolve(), o = r.variantChildren && r.variantChildren.size ? (m = 0) => {
+    const { delayChildren: t = 0, staggerChildren: c, staggerDirection: d } = a;
+    return C(r, e, t + m, c, d, n);
+  } : () => Promise.resolve(), { when: f } = a;
+  if (f) {
+    const [m, t] = f === "beforeChildren" ? [s, o] : [o, s];
+    return m().then(() => t());
+  } else
+    return Promise.all([s(), o(n.delay)]);
+}
+function C(r, e, n = 0, i = 0, a = 1, s) {
+  const o = [], f = (r.variantChildren.size - 1) * i, m = a === 1 ? (t = 0) => t * i : (t = 0) => f - t * i;
+  return Array.from(r.variantChildren).sort(u).forEach((t, c) => {
+    t.notify("AnimationStart", e), o.push(g(t, e, {
+      ...s,
+      delay: n + m(c)
+    }).then(() => t.notify("AnimationComplete", e)));
+  }), Promise.all(o);
+}
+function u(r, e) {
+  return r.sortNodePosition(e);
+}
 export {
-  o as motionComponentSymbol
+  g as animateVariant,
+  u as sortByTreeOrder
 };

package/dist/lyra159.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("./lyra160.cjs"),f=require("./lyra137.cjs"),P=require("./lyra161.cjs"),T=require("./lyra162.cjs"),y=require("./lyra163.cjs"),V=require("./lyra164.cjs"),q=require("./lyra165.cjs"),F=require("./lyra166.cjs"),j=require("./lyra167.cjs"),m=require("./lyra140.cjs"),R=require("./lyra168.cjs"),v=require("./lyra169.cjs"),w=require("./lyra170.cjs"),E=require("./lyra171.cjs"),x=require("./lyra172.cjs"),N=require("./lyra173.cjs"),C=require("./lyra174.cjs"),b=require("./lyra175.cjs"),g=require("./lyra176.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 o=new Set(["animate","exit","variants","initial","style","values","variants","transition","transformTemplate","transformValues","custom","inherit","onLayoutAnimationStart","onLayoutAnimationComplete","onLayoutMeasure","onBeforeLayoutMeasure","onAnimationStart","onAnimationComplete","onUpdate","onDragStart","onDrag","onDragEnd","onMeasureDragConstraints","onDirectionLock","onDragTransitionEnd","_dragX","_dragY","onHoverStart","onHoverEnd","onViewportEnter","onViewportLeave","ignoreStrict","viewport"]);function n(t){return t.startsWith("while")||t.startsWith("drag")&&t!=="draggable"||t.startsWith("layout")||t.startsWith("onTap")||t.startsWith("onPan")||o.has(t)}exports.isValidMotionProp=n;

package/dist/lyra159.js

@@ -1,260 +1,41 @@
-import { frame as c, cancelFrame as f } from "./lyra160.js";
-import { warning as b, invariant as S } from "./lyra137.js";
-import { createBox as P } from "./lyra161.js";
-import { isRefObject as T } from "./lyra162.js";
-import { initPrefersReducedMotion as y } from "./lyra163.js";
-import { hasReducedMotionListener as F, prefersReducedMotion as R } from "./lyra164.js";
-import { SubscriptionManager as j } from "./lyra165.js";
-import { motionValue as w } from "./lyra166.js";
-import { isWillChangeMotionValue as N } from "./lyra167.js";
-import { isMotionValue as m } from "./lyra140.js";
-import { transformProps as E } from "./lyra168.js";
-import { isControllingVariants as x, isVariantNode as B } from "./lyra169.js";
-import { isVariantLabel as L } from "./lyra170.js";
-import { updateMotionValuesFromProps as I } from "./lyra171.js";
-import { resolveVariantFromProps as O } from "./lyra172.js";
-import { warnOnce as A } from "./lyra173.js";
-import { featureDefinitions as g } from "./lyra174.js";
-import { variantProps as M } from "./lyra175.js";
-import { visualElementStore as V } from "./lyra176.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);
-  }
+const n = /* @__PURE__ */ new Set([
+  "animate",
+  "exit",
+  "variants",
+  "initial",
+  "style",
+  "values",
+  "variants",
+  "transition",
+  "transformTemplate",
+  "transformValues",
+  "custom",
+  "inherit",
+  "onLayoutAnimationStart",
+  "onLayoutAnimationComplete",
+  "onLayoutMeasure",
+  "onBeforeLayoutMeasure",
+  "onAnimationStart",
+  "onAnimationComplete",
+  "onUpdate",
+  "onDragStart",
+  "onDrag",
+  "onDragEnd",
+  "onMeasureDragConstraints",
+  "onDirectionLock",
+  "onDragTransitionEnd",
+  "_dragX",
+  "_dragY",
+  "onHoverStart",
+  "onHoverEnd",
+  "onViewportEnter",
+  "onViewportLeave",
+  "ignoreStrict",
+  "viewport"
+]);
+function o(t) {
+  return t.startsWith("while") || t.startsWith("drag") && t !== "draggable" || t.startsWith("layout") || t.startsWith("onTap") || t.startsWith("onPan") || n.has(t);
 }
 export {
-  ot as VisualElement
+  o as isValidMotionProp
 };

package/dist/lyra16.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra37.cjs"),u=require("react"),o=require("./lyra71.cjs"),x=require("./lyra30.cjs"),q=require("./lyra31.cjs"),v=require("./lyra72.cjs"),d=require("./lyra110.cjs");require("./lyra10.cjs");require("./lyra109.cjs");require("./lyra19.cjs");require("./lyra14.cjs");require("./lyra8.cjs");require("./lyra80.cjs");require("./lyra17.cjs");const c=require("./lyra18.cjs");require("./lyra20.cjs");const m=require("./lyra38.cjs"),E=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:v.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})]})})),g=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",{className:"w-[--radio-size]",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsxRuntimeExports.jsx("circle",{cx:"10",cy:"10",r:"4",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=g;exports.RadioGroup=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra39.cjs"),c=require("react"),o=require("./lyra79.cjs"),x=require("./lyra32.cjs"),q=require("./lyra33.cjs"),v=require("./lyra74.cjs"),d=require("./lyra104.cjs");require("./lyra10.cjs");require("./lyra102.cjs");require("./lyra21.cjs");require("./lyra14.cjs");require("./lyra8.cjs");require("./lyra80.cjs");require("./lyra17.cjs");const u=require("./lyra18.cjs");require("./lyra19.cjs");require("./lyra101.cjs");require("./lyra22.cjs");const m=require("./lyra40.cjs"),E=c.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:v.cx("flex items-center gap-3",i?"justify-between":"justify-end"),children:[i?e.jsxRuntimeExports.jsxs(o.Label,{className:u.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:u.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})]})})),g=c.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",{className:"w-[--radio-size]",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsxRuntimeExports.jsx("circle",{cx:"10",cy:"10",r:"4",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=g;exports.RadioGroup=E;

package/dist/lyra16.js

@@ -1,21 +1,23 @@
-import { j as s } from "./lyra37.js";
-import { forwardRef as m } from "react";
-import { RadioGroup as y, Label as j, Radio as b } from "./lyra71.js";
-import { Text as c } from "./lyra30.js";
-import { textStyles as v } from "./lyra31.js";
-import { cx as N } from "./lyra72.js";
-import { radioGroupStyles as h, radioStyles as g } from "./lyra110.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 "./lyra109.js";
-import "./lyra19.js";
+import "./lyra102.js";
+import "./lyra21.js";
 import "./lyra14.js";
 import "./lyra8.js";
 import "./lyra80.js";
 import "./lyra17.js";
 import { sharedInputlabelStyles as w, sharedInputHintStyles as $ } from "./lyra18.js";
-import "./lyra20.js";
-import { twMerge as d } from "./lyra38.js";
-const A = m(
+import "./lyra19.js";
+import "./lyra101.js";
+import "./lyra22.js";
+import { twMerge as d } from "./lyra40.js";
+const K = c(
   ({
     label: a,
     labelClassName: e,
@@ -70,7 +72,7 @@ const A = m(
       }
     ),
     l && /* @__PURE__ */ s.jsx(
-      c,
+      m,
       {
         className: "mt-1.5",
         variant: "body-small",
@@ -80,7 +82,7 @@ const A = m(
       }
     ),
     i && /* @__PURE__ */ s.jsx(
-      c,
+      m,
       {
         className: "mt-1.5",
         variant: "body-small",
@@ -90,7 +92,7 @@ const A = m(
       }
     )
   ] }) })
-), J = 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",
@@ -133,6 +135,6 @@ const A = m(
   ] }) }) })
 );
 export {
-  J as Radio,
-  A as RadioGroup
+  O as Radio,
+  K as RadioGroup
 };

package/dist/lyra160.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./lyra221.cjs"),r=require("./lyra205.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;
+"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;