@new-black/lyra 0.0.18 → 0.0.19

package/dist/lyra136.js

@@ -1,7 +1,41 @@
-import { HTMLVisualElement as a } from "./lyra259.js";
-import { SVGVisualElement as t } from "./lyra260.js";
-import { isSVGComponent as n } from "./lyra247.js";
-const i = (r, e) => n(r) ? new t(e, { enableHardwareAcceleration: !1 }) : new a(e, { enableHardwareAcceleration: !0 });
+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 {
-  i as createDomVisualElement
+  o as isValidMotionProp
 };

package/dist/lyra137.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra258.cjs"),o=require("./lyra257.cjs"),t={layout:{ProjectionNode:e.HTMLProjectionNode,MeasureLayout:o.MeasureLayout}};exports.layout=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),u=require("./lyra138.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/lyra137.js

@@ -1,11 +1,12 @@
-import { HTMLProjectionNode as o } from "./lyra258.js";
-import { MeasureLayout as t } from "./lyra257.js";
-const a = {
-  layout: {
-    ProjectionNode: o,
-    MeasureLayout: t
-  }
-};
+import { useContext as s, useId as u, useEffect as c } from "react";
+import { PresenceContext as f } from "./lyra138.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 {
-  a as layout
+  x as usePresence
 };

package/dist/lyra138.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./lyra167.cjs"),r=require("react"),d=require("./lyra139.cjs");function s(){const n=d.useIsMounted(),[e,o]=r.useState(0),t=r.useCallback(()=>{n.current&&o(e+1)},[e]);return[r.useCallback(()=>c.frame.postRender(t),[t]),e]}exports.useForceUpdate=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=e.createContext(null);exports.PresenceContext=t;

package/dist/lyra138.js

@@ -1,12 +1,5 @@
-import { frame as d } from "./lyra167.js";
-import { useState as c, useCallback as o } from "react";
-import { useIsMounted as s } from "./lyra139.js";
-function R() {
-  const t = s(), [e, n] = c(0), r = o(() => {
-    t.current && n(e + 1);
-  }, [e]);
-  return [o(() => d.postRender(r), [r]), e];
-}
+import { createContext as e } from "react";
+const o = e(null);
 export {
-  R as useForceUpdate
+  o as PresenceContext
 };

package/dist/lyra139.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),r=require("./lyra142.cjs");function u(){const e=t.useRef(!1);return r.useIsomorphicLayoutEffect(()=>(e.current=!0,()=>{e.current=!1}),[]),e}exports.useIsMounted=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),E=require("./lyra140.cjs"),v=require("./lyra141.cjs"),M=require("./lyra142.cjs"),g=require("./lyra143.cjs"),b=require("./lyra144.cjs"),S=require("./lyra145.cjs"),L=require("./lyra146.cjs"),G=require("./lyra125.cjs"),p=require("./lyra147.cjs"),w=require("./lyra148.cjs"),O=require("./lyra149.cjs");function j(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const i=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,i.get?i:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const C=j(r);function P({preloadedFeatures:e,createVisualElement:t,useRender:n,useVisualState:i,Component:c}){e&&S.loadFeatures(e);function d(u,x){let a;const s={...r.useContext(E.MotionConfigContext),...u,layoutId:R(u)},{isStatic:l}=s,o=b.useCreateMotionContext(u),f=i(u,l);if(!l&&L.isBrowser){o.visualElement=M.useVisualElement(c,f,s,t);const y=r.useContext(w.SwitchLayoutGroupContext),q=r.useContext(p.LazyContext).strict;o.visualElement&&(a=o.visualElement.loadFeatures(s,q,e,y))}return C.createElement(v.MotionContext.Provider,{value:o},a&&o.visualElement?C.createElement(a,{visualElement:o.visualElement,...s}):null,n(c,u,g.useMotionRef(f,o.visualElement,x),f,l,o.visualElement))}const m=r.forwardRef(d);return m[O.motionComponentSymbol]=c,m}function R({layoutId:e}){const t=r.useContext(G.LayoutGroupContext).id;return t&&e!==void 0?t+"-"+e:e}exports.createMotionComponent=P;

package/dist/lyra139.js

@@ -1,11 +1,50 @@
-import { useRef as r } from "react";
-import { useIsomorphicLayoutEffect as t } from "./lyra142.js";
-function n() {
-  const e = r(!1);
-  return t(() => (e.current = !0, () => {
-    e.current = !1;
-  }), []), e;
+import * as f from "react";
+import { forwardRef as d, useContext as r } from "react";
+import { MotionConfigContext as y } from "./lyra140.js";
+import { MotionContext as M } from "./lyra141.js";
+import { useVisualElement as L } from "./lyra142.js";
+import { useMotionRef as G } from "./lyra143.js";
+import { useCreateMotionContext as S } from "./lyra144.js";
+import { loadFeatures as w } from "./lyra145.js";
+import { isBrowser as g } from "./lyra146.js";
+import { LayoutGroupContext as R } from "./lyra125.js";
+import { LazyContext as P } from "./lyra147.js";
+import { SwitchLayoutGroupContext as $ } from "./lyra148.js";
+import { motionComponentSymbol as b } from "./lyra149.js";
+function K({ preloadedFeatures: o, createVisualElement: n, useRender: c, useVisualState: C, Component: m }) {
+  o && w(o);
+  function E(e, p) {
+    let u;
+    const i = {
+      ...r(y),
+      ...e,
+      layoutId: h(e)
+    }, { isStatic: a } = i, t = S(e), l = C(e, a);
+    if (!a && g) {
+      t.visualElement = L(m, l, i, n);
+      const v = r($), x = r(P).strict;
+      t.visualElement && (u = t.visualElement.loadFeatures(
+        // Note: Pass the full new combined props to correctly re-render dynamic feature components.
+        i,
+        x,
+        o,
+        v
+      ));
+    }
+    return f.createElement(
+      M.Provider,
+      { value: t },
+      u && t.visualElement ? f.createElement(u, { visualElement: t.visualElement, ...i }) : null,
+      c(m, e, G(l, t.visualElement, p), l, a, t.visualElement)
+    );
+  }
+  const s = d(E);
+  return s[b] = m, s;
+}
+function h({ layoutId: o }) {
+  const n = r(R).id;
+  return n && o !== void 0 ? n + "-" + o : o;
 }
 export {
-  n as useIsMounted
+  K as createMotionComponent
 };

package/dist/lyra14.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra36.cjs"),i=require("react"),n=require("./lyra74.cjs"),x=require("./lyra71.cjs");require("./lyra10.cjs");require("./lyra114.cjs");require("./lyra19.cjs");const j=require("./lyra28.cjs"),p=require("./lyra8.cjs");require("./lyra75.cjs");require("./lyra16.cjs");require("./lyra17.cjs");const t=require("./lyra18.cjs"),f=require("./lyra29.cjs");require("./lyra70.cjs");const w=require("./lyra37.cjs"),H=i.forwardRef(({label:r,hint:l,description:a,errorMessage:o,className:y,hideStepper:u=!1,startSlot:c,size:h,...m},q)=>{const{fullWidth:v=!1,isDisabled:s=!1,isRequired:d=!1,validationState:R,decrementAriaLabel:b="Decrement",incrementAriaLabel:E="Increment"}=m,[F,N]=i.useState(!1),[g,I]=i.useState(!1);return e.jsxRuntimeExports.jsxs(n.NumberField,{className:y,...m,ref:q,children:[e.jsxRuntimeExports.jsxs("div",{className:x.cx("flex items-center gap-3",r?"justify-between":"justify-end"),children:[r?e.jsxRuntimeExports.jsxs(n.Label,{className:t.sharedInputlabelStyles(),style:{fontFamily:"var(--input-label-font-family)"},children:[r,d&&e.jsxRuntimeExports.jsx("span",{className:"text-danger",children:" *"})]}):null,l?e.jsxRuntimeExports.jsx("span",{className:t.sharedInputHintStyles(),style:{fontFamily:"var(--input-hint-font-family)"},children:l}):null]}),e.jsxRuntimeExports.jsxs("div",{className:w.twMerge(t.sharedInputFieldStyles({fullWidth:v,isFocused:F,isHovered:g,isDisabled:s,validationState:R})),children:[c,e.jsxRuntimeExports.jsx(n.Input,{className:({isFocused:S,isHovered:T})=>(N(S),I(T),t.sharedInputStyles({size:h,className:x.cx(!!c&&"ps-2",!u&&"pe-2")})),required:d,disabled:s,style:{fontFamily:"var(--input-font-family)"}}),!u&&e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-1 pe-2",children:[e.jsxRuntimeExports.jsx(p.Button,{size:"small",variant:"ghost",color:"monochrome",isDisabled:s,tooltip:b,slot:"decrement",excludeFromTabOrder:!1,children:e.jsxRuntimeExports.jsx(j.SvgIcon,{name:"minus"})}),e.jsxRuntimeExports.jsx(p.Button,{size:"small",variant:"ghost",isDisabled:s,color:"monochrome",tooltip:E,slot:"increment",excludeFromTabOrder:!1,children:e.jsxRuntimeExports.jsx(j.SvgIcon,{name:"plus"})})]})]}),a&&e.jsxRuntimeExports.jsx(f.Text,{className:"ms-1 mt-1.5",variant:"body-small",color:"secondary",slot:"description",children:a}),o&&e.jsxRuntimeExports.jsx(f.Text,{className:"ms-1 mt-1.5",variant:"body-small",color:"accent-danger",slot:"errorMessage",children:o})]})});exports.NumberField=H;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra36.cjs"),i=require("react"),n=require("./lyra69.cjs"),x=require("./lyra70.cjs");require("./lyra10.cjs");require("./lyra236.cjs");require("./lyra19.cjs");const j=require("./lyra28.cjs"),p=require("./lyra8.cjs");require("./lyra77.cjs");require("./lyra16.cjs");require("./lyra17.cjs");const t=require("./lyra18.cjs"),f=require("./lyra29.cjs");require("./lyra75.cjs");const w=require("./lyra37.cjs"),H=i.forwardRef(({label:r,hint:l,description:a,errorMessage:o,className:y,hideStepper:u=!1,startSlot:c,size:h,...m},q)=>{const{fullWidth:v=!1,isDisabled:s=!1,isRequired:d=!1,validationState:R,decrementAriaLabel:b="Decrement",incrementAriaLabel:E="Increment"}=m,[F,N]=i.useState(!1),[g,I]=i.useState(!1);return e.jsxRuntimeExports.jsxs(n.NumberField,{className:y,...m,ref:q,children:[e.jsxRuntimeExports.jsxs("div",{className:x.cx("flex items-center gap-3",r?"justify-between":"justify-end"),children:[r?e.jsxRuntimeExports.jsxs(n.Label,{className:t.sharedInputlabelStyles(),style:{fontFamily:"var(--input-label-font-family)"},children:[r,d&&e.jsxRuntimeExports.jsx("span",{className:"text-danger",children:" *"})]}):null,l?e.jsxRuntimeExports.jsx("span",{className:t.sharedInputHintStyles(),style:{fontFamily:"var(--input-hint-font-family)"},children:l}):null]}),e.jsxRuntimeExports.jsxs("div",{className:w.twMerge(t.sharedInputFieldStyles({fullWidth:v,isFocused:F,isHovered:g,isDisabled:s,validationState:R})),children:[c,e.jsxRuntimeExports.jsx(n.Input,{className:({isFocused:S,isHovered:T})=>(N(S),I(T),t.sharedInputStyles({size:h,className:x.cx(!!c&&"ps-2",!u&&"pe-2")})),required:d,disabled:s,style:{fontFamily:"var(--input-font-family)"}}),!u&&e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-1 pe-2",children:[e.jsxRuntimeExports.jsx(p.Button,{size:"small",variant:"ghost",color:"monochrome",isDisabled:s,tooltip:b,slot:"decrement",excludeFromTabOrder:!1,children:e.jsxRuntimeExports.jsx(j.SvgIcon,{name:"minus"})}),e.jsxRuntimeExports.jsx(p.Button,{size:"small",variant:"ghost",isDisabled:s,color:"monochrome",tooltip:E,slot:"increment",excludeFromTabOrder:!1,children:e.jsxRuntimeExports.jsx(j.SvgIcon,{name:"plus"})})]})]}),a&&e.jsxRuntimeExports.jsx(f.Text,{className:"ms-1 mt-1.5",variant:"body-small",color:"secondary",slot:"description",children:a}),o&&e.jsxRuntimeExports.jsx(f.Text,{className:"ms-1 mt-1.5",variant:"body-small",color:"accent-danger",slot:"errorMessage",children:o})]})});exports.NumberField=H;

package/dist/lyra14.js

@@ -1,18 +1,18 @@
 import { j as e } from "./lyra36.js";
 import { forwardRef as w, useState as d } from "react";
-import { NumberField as L, Label as R, Input as T } from "./lyra74.js";
-import { cx as c } from "./lyra71.js";
+import { NumberField as L, Label as R, Input as T } from "./lyra69.js";
+import { cx as c } from "./lyra70.js";
 import "./lyra10.js";
-import "./lyra114.js";
+import "./lyra236.js";
 import "./lyra19.js";
 import { SvgIcon as f } from "./lyra28.js";
 import { Button as p } from "./lyra8.js";
-import "./lyra75.js";
+import "./lyra77.js";
 import "./lyra16.js";
 import "./lyra17.js";
 import { sharedInputlabelStyles as q, sharedInputHintStyles as z, sharedInputFieldStyles as A, sharedInputStyles as D } from "./lyra18.js";
 import { Text as u } from "./lyra29.js";
-import "./lyra70.js";
+import "./lyra75.js";
 import { twMerge as O } from "./lyra37.js";
 const _ = w(
   ({

package/dist/lyra140.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),C=require("./lyra154.cjs"),b=require("./lyra240.cjs"),g=require("./lyra246.cjs");function m(t){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const r=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(o,e,r.get?r:{enumerable:!0,get:()=>t[e]})}}return o.default=t,Object.freeze(o)}const a=m(u),q=({children:t,initial:o,isPresent:e,onExitComplete:r,custom:f,presenceAffectsLayout:i,mode:l})=>{const n=b.useConstant(y),d=u.useId(),p=u.useMemo(()=>({id:d,initial:o,isPresent:e,custom:f,onExitComplete:c=>{n.set(c,!0);for(const s of n.values())if(!s)return;r&&r()},register:c=>(n.set(c,!1),()=>n.delete(c))}),i?void 0:[e]);return u.useMemo(()=>{n.forEach((c,s)=>n.set(s,!1))},[e]),a.useEffect(()=>{!e&&!n.size&&r&&r()},[e]),l==="popLayout"&&(t=a.createElement(g.PopChild,{isPresent:e},t)),a.createElement(C.PresenceContext.Provider,{value:p},t)};function y(){return new Map}exports.PresenceChild=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),o=e.createContext({transformPagePoint:t=>t,isStatic:!1,reducedMotion:"never"});exports.MotionConfigContext=o;

package/dist/lyra140.js

@@ -1,40 +1,9 @@
-import * as s from "react";
-import { useId as l, useMemo as u } from "react";
-import { PresenceContext as C } from "./lyra154.js";
-import { useConstant as v } from "./lyra240.js";
-import { PopChild as E } from "./lyra246.js";
-const q = ({ children: n, initial: a, isPresent: r, onExitComplete: o, custom: c, presenceAffectsLayout: m, mode: p }) => {
-  const e = v(M), i = l(), d = u(
-    () => ({
-      id: i,
-      initial: a,
-      isPresent: r,
-      custom: c,
-      onExitComplete: (t) => {
-        e.set(t, !0);
-        for (const f of e.values())
-          if (!f)
-            return;
-        o && o();
-      },
-      register: (t) => (e.set(t, !1), () => e.delete(t))
-    }),
-    /**
-     * If the presence of a child affects the layout of the components around it,
-     * we want to make a new context value to ensure they get re-rendered
-     * so they can detect that layout change.
-     */
-    m ? void 0 : [r]
-  );
-  return u(() => {
-    e.forEach((t, f) => e.set(f, !1));
-  }, [r]), s.useEffect(() => {
-    !r && !e.size && o && o();
-  }, [r]), p === "popLayout" && (n = s.createElement(E, { isPresent: r }, n)), s.createElement(C.Provider, { value: d }, n);
-};
-function M() {
-  return /* @__PURE__ */ new Map();
-}
+import { createContext as o } from "react";
+const n = o({
+  transformPagePoint: (t) => t,
+  isStatic: !1,
+  reducedMotion: "never"
+});
 export {
-  q as PresenceChild
+  n as MotionConfigContext
 };

package/dist/lyra141.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),e=t.createContext({});exports.LayoutGroupContext=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),e=t.createContext({});exports.MotionContext=e;

package/dist/lyra141.js

@@ -1,5 +1,5 @@
 import { createContext as t } from "react";
 const e = t({});
 export {
-  e as LayoutGroupContext
+  e as MotionContext
 };

package/dist/lyra142.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("./lyra162.cjs"),o=t.isBrowser?e.useLayoutEffect:e.useEffect;exports.useIsomorphicLayoutEffect=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),d=require("./lyra138.cjs"),x=require("./lyra141.cjs"),r=require("./lyra126.cjs"),l=require("./lyra147.cjs"),m=require("./lyra140.cjs");function E(u,c,i,n){const{visualElement:a}=t.useContext(x.MotionContext),f=t.useContext(l.LazyContext),o=t.useContext(d.PresenceContext),C=t.useContext(m.MotionConfigContext).reducedMotion,s=t.useRef();n=n||f.renderer,!s.current&&n&&(s.current=n(u,{visualState:c,parent:a,props:i,presenceContext:o,blockInitialAnimation:o?o.initial===!1:!1,reducedMotionConfig:C}));const e=s.current;return t.useInsertionEffect(()=>{e&&e.update(i,o)}),r.useIsomorphicLayoutEffect(()=>{e&&e.render()}),t.useEffect(()=>{e&&e.updateFeatures()}),(window.HandoffAppearAnimations?r.useIsomorphicLayoutEffect:t.useEffect)(()=>{e&&e.animationState&&e.animationState.animateChanges()}),e}exports.useVisualElement=E;

package/dist/lyra142.js

@@ -1,6 +1,30 @@
-import { useLayoutEffect as o, useEffect as t } from "react";
-import { isBrowser as e } from "./lyra162.js";
-const s = e ? o : t;
+import { useContext as o, useRef as C, useInsertionEffect as d, useEffect as f } from "react";
+import { PresenceContext as l } from "./lyra138.js";
+import { MotionContext as x } from "./lyra141.js";
+import { useIsomorphicLayoutEffect as a } from "./lyra126.js";
+import { LazyContext as E } from "./lyra147.js";
+import { MotionConfigContext as g } from "./lyra140.js";
+function z(s, m, r, e) {
+  const { visualElement: u } = o(x), c = o(E), n = o(l), p = o(g).reducedMotion, i = C();
+  e = e || c.renderer, !i.current && e && (i.current = e(s, {
+    visualState: m,
+    parent: u,
+    props: r,
+    presenceContext: n,
+    blockInitialAnimation: n ? n.initial === !1 : !1,
+    reducedMotionConfig: p
+  }));
+  const t = i.current;
+  return d(() => {
+    t && t.update(r, n);
+  }), a(() => {
+    t && t.render();
+  }), f(() => {
+    t && t.updateFeatures();
+  }), (window.HandoffAppearAnimations ? a : f)(() => {
+    t && t.animationState && t.animationState.animateChanges();
+  }), t;
+}
 export {
-  s as useIsomorphicLayoutEffect
+  z as useVisualElement
 };

package/dist/lyra143.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react");function u(e){return t.useEffect(()=>()=>e(),[])}exports.useUnmountEffect=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),c=require("./lyra153.cjs");function i(f,r,u){return t.useCallback(o=>{o&&f.mount&&f.mount(o),r&&(o?r.mount(o):r.unmount()),u&&(typeof u=="function"?u(o):c.isRefObject(u)&&(u.current=o))},[r])}exports.useMotionRef=i;

package/dist/lyra143.js

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

package/dist/lyra144.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra202.cjs");exports.warning=e.noop;exports.invariant=e.noop;process.env.NODE_ENV!=="production"&&(exports.warning=(n,o)=>{!n&&typeof console<"u"&&console.warn(o)},exports.invariant=(n,o)=>{if(!n)throw new Error(o)});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),o=require("./lyra141.cjs"),u=require("./lyra257.cjs");function a(e){const{initial:t,animate:n}=u.getCurrentTreeVariants(e,r.useContext(o.MotionContext));return r.useMemo(()=>({initial:t,animate:n}),[i(t),i(n)])}function i(e){return Array.isArray(e)?e.join(" "):e}exports.useCreateMotionContext=a;

package/dist/lyra144.js

@@ -1,12 +1,13 @@
-import { noop as r } from "./lyra202.js";
-let e = r, i = r;
-process.env.NODE_ENV !== "production" && (e = (o, n) => {
-  !o && typeof console < "u" && console.warn(n);
-}, i = (o, n) => {
-  if (!o)
-    throw new Error(n);
-});
+import { useContext as o, useMemo as i } from "react";
+import { MotionContext as a } from "./lyra141.js";
+import { getCurrentTreeVariants as m } from "./lyra257.js";
+function C(t) {
+  const { initial: e, animate: n } = m(t, o(a));
+  return i(() => ({ initial: e, animate: n }), [r(e), r(n)]);
+}
+function r(t) {
+  return Array.isArray(t) ? t.join(" ") : t;
+}
 export {
-  i as invariant,
-  e as warning
+  C as useCreateMotionContext
 };

package/dist/lyra145.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra146.cjs"),u=require("./lyra147.cjs");function r(e){const o=u.isMotionValue(e)?e.get():e;return t.isCustomValue(o)?o.toValue():o}exports.resolveMotionValue=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra165.cjs");function n(i){for(const e in i)t.featureDefinitions[e]={...t.featureDefinitions[e],...i[e]}}exports.loadFeatures=n;

package/dist/lyra145.js

@@ -1,9 +1,11 @@
-import { isCustomValue as e } from "./lyra146.js";
-import { isMotionValue as r } from "./lyra147.js";
-function u(o) {
-  const t = r(o) ? o.get() : o;
-  return e(t) ? t.toValue() : t;
+import { featureDefinitions as n } from "./lyra165.js";
+function e(i) {
+  for (const o in i)
+    n[o] = {
+      ...n[o],
+      ...i[o]
+    };
 }
 export {
-  u as resolveMotionValue
+  e as loadFeatures
 };

package/dist/lyra146.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra261.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=typeof document<"u";exports.isBrowser=e;

package/dist/lyra146.js

@@ -1,6 +1,4 @@
-import { isKeyframesTarget as o } from "./lyra261.js";
-const r = (e) => !!(e && typeof e == "object" && e.mix && e.toValue), a = (e) => o(e) ? e[e.length - 1] || 0 : e;
+const e = typeof document < "u";
 export {
-  r as isCustomValue,
-  a as resolveFinalValueInKeyframes
+  e as isBrowser
 };

package/dist/lyra147.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=o=>!!(o&&o.getVelocity);exports.isMotionValue=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),e=t.createContext({strict:!1});exports.LazyContext=e;

package/dist/lyra147.js

@@ -1,4 +1,5 @@
-const t = (o) => !!(o && o.getVelocity);
+import { createContext as t } from "react";
+const o = t({ strict: !1 });
 export {
-  t as isMotionValue
+  o as LazyContext
 };

package/dist/lyra148.cjs

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

package/dist/lyra148.js

@@ -1,20 +1,5 @@
-import { resolveVariant as c } from "./lyra149.js";
-import { animateTarget as p } from "./lyra150.js";
-import { animateVariant as e } from "./lyra151.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));
-}
+import { createContext as t } from "react";
+const e = t({});
 export {
-  n as animateVisualElement
+  e as SwitchLayoutGroupContext
 };

package/dist/lyra149.cjs

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

package/dist/lyra149.js

@@ -1,16 +1,4 @@
-import { resolveVariantFromProps as n } from "./lyra179.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));
-}
+const o = Symbol.for("motionComponentSymbol");
 export {
-  s as resolveVariant
+  o as motionComponentSymbol
 };

package/dist/lyra15.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra36.cjs"),i=require("react"),n=require("./lyra19.cjs"),x=require("./lyra8.cjs");require("./lyra75.cjs");const o=require("./lyra28.cjs"),u={showPassword:"Show password",hidePassword:"Hide password"},a=({translations:e,...r})=>{const[s,d]=i.useState("password");return e={...u,...e},t.jsxRuntimeExports.jsx(n.TextField,{...r,type:s,endSlot:t.jsxRuntimeExports.jsx(x.Button,{type:"button",className:"me-1",variant:"ghost",color:"monochrome",size:"small",onPress:()=>{d(s==="password"?"text":"password")},tooltip:s==="text"?e.hidePassword:e.showPassword,children:s==="text"?t.jsxRuntimeExports.jsx(o.SvgIcon,{name:"eye-slash"}):t.jsxRuntimeExports.jsx(o.SvgIcon,{name:"eye"})})})};exports.PasswordTextField=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra36.cjs"),i=require("react"),n=require("./lyra19.cjs"),x=require("./lyra8.cjs");require("./lyra77.cjs");const o=require("./lyra28.cjs"),u={showPassword:"Show password",hidePassword:"Hide password"},a=({translations:e,...r})=>{const[s,d]=i.useState("password");return e={...u,...e},t.jsxRuntimeExports.jsx(n.TextField,{...r,type:s,endSlot:t.jsxRuntimeExports.jsx(x.Button,{type:"button",className:"me-1",variant:"ghost",color:"monochrome",size:"small",onPress:()=>{d(s==="password"?"text":"password")},tooltip:s==="text"?e.hidePassword:e.showPassword,children:s==="text"?t.jsxRuntimeExports.jsx(o.SvgIcon,{name:"eye-slash"}):t.jsxRuntimeExports.jsx(o.SvgIcon,{name:"eye"})})})};exports.PasswordTextField=a;

package/dist/lyra15.js

@@ -2,7 +2,7 @@ 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 "./lyra77.js";
 import { SvgIcon as t } from "./lyra28.js";
 const i = {
   showPassword: "Show password",

package/dist/lyra150.cjs

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("./lyra151.cjs"),f=require("./lyra128.cjs"),P=require("./lyra152.cjs"),T=require("./lyra153.cjs"),y=require("./lyra154.cjs"),V=require("./lyra155.cjs"),q=require("./lyra156.cjs"),F=require("./lyra157.cjs"),j=require("./lyra158.cjs"),m=require("./lyra131.cjs"),R=require("./lyra159.cjs"),v=require("./lyra160.cjs"),w=require("./lyra161.cjs"),E=require("./lyra162.cjs"),x=require("./lyra163.cjs"),N=require("./lyra164.cjs"),C=require("./lyra165.cjs"),b=require("./lyra166.cjs"),g=require("./lyra167.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;