@new-black/lyra 0.0.15 → 0.0.17

package/dist/lyra15.js

@@ -1,161 +1,40 @@
-import { cva as t } from "./lyra43.js";
-import "./lyra55.js";
-const a = t(["flex", "flex-col"], {
-  variants: {
-    fullWidth: {
-      true: "w-full",
-      false: "w-fit"
+import { j as e } from "./lyra36.js";
+import { useState as d } from "react";
+import { TextField as p } from "./lyra19.js";
+import { Button as a } from "./lyra8.js";
+import "./lyra75.js";
+import { SvgIcon as t } from "./lyra28.js";
+const i = {
+  showPassword: "Show password",
+  hidePassword: "Hide password"
+}, S = ({
+  translations: o,
+  ...r
+}) => {
+  const [s, m] = d("password");
+  return o = { ...i, ...o }, /* @__PURE__ */ e.jsx(
+    p,
+    {
+      ...r,
+      type: s,
+      endSlot: /* @__PURE__ */ e.jsx(
+        a,
+        {
+          type: "button",
+          className: "me-1",
+          variant: "ghost",
+          color: "monochrome",
+          size: "small",
+          onPress: () => {
+            m(s === "password" ? "text" : "password");
+          },
+          tooltip: s === "text" ? o.hidePassword : o.showPassword,
+          children: s === "text" ? /* @__PURE__ */ e.jsx(t, { name: "eye-slash" }) : /* @__PURE__ */ e.jsx(t, { name: "eye" })
+        }
+      )
     }
-  }
-}), l = t(
-  [
-    "flex",
-    "items-center",
-    "outline-none",
-    "border",
-    "border-solid",
-    "rounded-[--input-radius]",
-    "font-sans",
-    "text-base",
-    "transition-all",
-    "ease-out",
-    "duration-150",
-    "placeholder:text-[--input-placeholder-color]"
-  ],
-  {
-    variants: {
-      fullWidth: {
-        true: "w-full",
-        false: "w-fit"
-      },
-      isDisabled: {
-        true: "bg-[--input-disabled-bg-color] text-[--input-text-disabled-color] cursor-not-allowed",
-        false: "bg-[--input-background-color] text-[--input-text-color]"
-      },
-      size: {
-        small: [
-          "px-[--input-padding-x-small]",
-          "py-[--input-padding-y-small]",
-          "text-[length:var(--input-text-size-small)]"
-        ],
-        medium: [
-          "px-[--input-padding-x-medium]",
-          "py-[--input-padding-y-medium]",
-          "text-[length:var(--input-text-size-medium)]"
-        ],
-        large: [
-          "px-[--input-padding-x-large]",
-          "py-[--input-padding-y-large]",
-          "text-[length:var(--input-text-size-large)]"
-        ]
-      },
-      validationState: {
-        valid: "border-[--input-border-valid-color]",
-        invalid: "border-[--input-border-invalid-color]"
-      },
-      isHovered: {
-        true: ""
-      },
-      isFocused: {
-        true: ""
-      }
-    },
-    compoundVariants: [
-      {
-        validationState: void 0,
-        isFocused: !1,
-        isDisabled: !1,
-        className: "border-[--input-border-default-color]"
-      },
-      {
-        isDisabled: !1,
-        isFocused: !1,
-        validationState: void 0,
-        isHovered: !0,
-        className: "border-[--input-border-default-hover-color]"
-      },
-      {
-        isFocused: !0,
-        isDisabled: !1,
-        validationState: void 0,
-        className: "border-[--input-border-focused-color] ring ring-[--input-ring-focused-color]"
-      },
-      {
-        isDisabled: !1,
-        validationState: "valid",
-        isFocused: !0,
-        className: "ring !ring-[--input-ring-valid-color]"
-      },
-      {
-        isDisabled: !1,
-        isFocused: !0,
-        validationState: "invalid",
-        className: "ring !ring-[--input-ring-invalid-color]"
-      }
-    ],
-    defaultVariants: {
-      isDisabled: !1
-    }
-  }
-), n = t([
-  "text-[--input-label-color]",
-  "text-[length:--input-label-size]",
-  "mb-[--input-label-margin-bottom]",
-  "transition-all",
-  "ease-out",
-  "duration-150"
-]), r = t(
-  [
-    "font-[--input-hint-weight]",
-    "text-[--input-hint-color]",
-    "mb-[--input-hint-margin-bottom]"
-  ],
-  {
-    variants: {
-      size: {
-        small: ["text-[--input-hint-size-small]"],
-        medium: ["text-[--input-hint-size-medium]"],
-        large: ["text-[--input-hint-size-large]"]
-      }
-    }
-  }
-), s = t(
-  [
-    "w-full",
-    "flex-grow",
-    "bg-transparent",
-    "outline-none",
-    "disabled:cursor-not-allowed"
-  ],
-  {
-    variants: {
-      size: {
-        small: [
-          "px-[--input-padding-x-small]",
-          "py-[--input-padding-y-small]",
-          "text-[length:var(--input-text-size-small)]"
-        ],
-        medium: [
-          "px-[--input-padding-x-medium]",
-          "py-[--input-padding-y-medium]",
-          "text-[length:var(--input-text-size-medium)]"
-        ],
-        large: [
-          "px-[--input-padding-x-large]",
-          "py-[--input-padding-y-large]",
-          "text-[length:var(--input-text-size-large)]"
-        ]
-      }
-    },
-    defaultVariants: {
-      size: "medium"
-    }
-  }
-);
+  );
+};
 export {
-  l as sharedInputFieldStyles,
-  a as sharedInputFieldWrapperStyles,
-  r as sharedInputHintStyles,
-  s as sharedInputStyles,
-  n as sharedInputlabelStyles
+  S as PasswordTextField
 };

package/dist/lyra150.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={current:null},t={current:!1};exports.hasReducedMotionListener=t;exports.prefersReducedMotion=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("./lyra167.cjs"),A=require("./lyra175.cjs"),w=require("./lyra205.cjs"),q=require("./lyra263.cjs"),S=require("./lyra174.cjs"),P=require("./lyra231.cjs");function V({protectedKeys:t,needsAnimating:o},e){const i=t.hasOwnProperty(e)&&o[e]!==!0;return o[e]=!1,i}function b(t,o,{delay:e=0,transitionOverride:i,type:u}={}){let{transition:d=t.getDefaultTransition(),transitionEnd:r,...f}=t.makeTargetAnimatable(o);const s=t.getValue("willChange");i&&(d=i);const c=[],p=u&&t.animationState&&t.animationState.getState()[u];for(const a in f){const n=t.getValue(a),g=f[a];if(!n||g===void 0||p&&V(p,a))continue;const l={delay:e,elapsed:0,...d};if(window.HandoffAppearAnimations&&!n.hasAnimated){const h=t.getProps()[w.optimizedAppearDataAttribute];h&&(l.elapsed=window.HandoffAppearAnimations(h,a,n,T.frame))}n.start(q.animateMotionValue(a,n,g,t.shouldReduceMotion&&A.transformProps.has(a)?{type:!1}:l));const m=n.animation;S.isWillChangeMotionValue(s)&&(s.add(a),m.then(()=>s.remove(a))),c.push(m)}return r&&Promise.all(c).then(()=>{r&&P.setTarget(t,r)}),c}exports.animateTarget=b;

package/dist/lyra150.js

@@ -1,5 +1,35 @@
-const e = { current: null }, n = { current: !1 };
+import { frame as A } from "./lyra167.js";
+import { transformProps as w } from "./lyra175.js";
+import { optimizedAppearDataAttribute as T } from "./lyra205.js";
+import { animateMotionValue as P } from "./lyra263.js";
+import { isWillChangeMotionValue as S } from "./lyra174.js";
+import { setTarget as V } from "./lyra231.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()[T];
+      l && (g.elapsed = window.HandoffAppearAnimations(l, o, a, A));
+    }
+    a.start(P(o, a, u, t.shouldReduceMotion && w.has(o) ? { type: !1 } : g));
+    const h = a.animation;
+    S(f) && (f.add(o), h.then(() => f.remove(o))), s.push(h);
+  }
+  return r && Promise.all(s).then(() => {
+    r && V(t, r);
+  }), s;
+}
 export {
-  n as hasReducedMotionListener,
-  e as prefersReducedMotion
+  x as animateTarget
 };

package/dist/lyra151.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra189.cjs");class u{constructor(){this.subscriptions=[]}add(s){return o.addUniqueItem(this.subscriptions,s),()=>o.removeItem(this.subscriptions,s)}notify(s,r,e){const t=this.subscriptions.length;if(t)if(t===1)this.subscriptions[0](s,r,e);else for(let i=0;i<t;i++){const n=this.subscriptions[i];n&&n(s,r,e)}}getSize(){return this.subscriptions.length}clear(){this.subscriptions.length=0}}exports.SubscriptionManager=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("./lyra149.cjs"),y=require("./lyra150.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/lyra151.js

@@ -1,29 +1,32 @@
-import { addUniqueItem as e, removeItem as u } from "./lyra189.js";
-class h {
-  constructor() {
-    this.subscriptions = [];
-  }
-  add(s) {
-    return e(this.subscriptions, s), () => u(this.subscriptions, s);
-  }
-  notify(s, r, n) {
-    const i = this.subscriptions.length;
-    if (i)
-      if (i === 1)
-        this.subscriptions[0](s, r, n);
-      else
-        for (let t = 0; t < i; t++) {
-          const o = this.subscriptions[t];
-          o && o(s, r, n);
-        }
-  }
-  getSize() {
-    return this.subscriptions.length;
-  }
-  clear() {
-    this.subscriptions.length = 0;
-  }
+import { resolveVariant as l } from "./lyra149.js";
+import { animateTarget as h } from "./lyra150.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 {
-  h as SubscriptionManager
+  g as animateVariant,
+  u as sortByTreeOrder
 };

package/dist/lyra152.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./lyra191.cjs"),n=require("./lyra146.cjs"),l=require("./lyra151.cjs"),f=require("./lyra192.cjs"),u=require("./lyra159.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 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/lyra152.js

@@ -1,203 +1,41 @@
-import { frameData as o } from "./lyra191.js";
-import { frame as n } from "./lyra146.js";
-import { SubscriptionManager as c } from "./lyra151.js";
-import { velocityPerSecond as f } from "./lyra192.js";
-import { warnOnce as l } from "./lyra159.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);
+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 {
-  v as MotionValue,
-  C as motionValue
+  o as isValidMotionProp
 };

package/dist/lyra153.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra126.cjs");function i(e){return!!(o.isMotionValue(e)&&e.add)}exports.isWillChangeMotionValue=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),u=require("./lyra154.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/lyra153.js

@@ -1,7 +1,12 @@
-import { isMotionValue as i } from "./lyra126.js";
-function t(o) {
-  return !!(i(o) && o.add);
+import { useContext as s, useId as u, useEffect as c } from "react";
+import { PresenceContext as f } from "./lyra154.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 {
-  t as isWillChangeMotionValue
+  x as usePresence
 };

package/dist/lyra154.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 e=require("react"),t=e.createContext(null);exports.PresenceContext=t;

package/dist/lyra154.js

@@ -1,23 +1,5 @@
-const t = [
-  "transformPerspective",
-  "x",
-  "y",
-  "z",
-  "translateX",
-  "translateY",
-  "translateZ",
-  "scale",
-  "scaleX",
-  "scaleY",
-  "rotate",
-  "rotateX",
-  "rotateY",
-  "rotateZ",
-  "skew",
-  "skewX",
-  "skewY"
-], e = new Set(t);
+import { createContext as e } from "react";
+const o = e(null);
 export {
-  t as transformPropOrder,
-  e as transformProps
+  o as PresenceContext
 };

package/dist/lyra155.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./lyra218.cjs"),r=require("./lyra156.cjs"),o=require("./lyra161.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 r=require("react"),E=require("./lyra156.cjs"),v=require("./lyra157.cjs"),M=require("./lyra158.cjs"),g=require("./lyra159.cjs"),b=require("./lyra160.cjs"),S=require("./lyra161.cjs"),L=require("./lyra162.cjs"),G=require("./lyra141.cjs"),p=require("./lyra163.cjs"),w=require("./lyra164.cjs"),O=require("./lyra165.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;