@new-black/lyra 0.0.24 → 0.0.26

package/dist/lyra138.js

@@ -1,32 +1,20 @@
-import { resolveVariant as l } from "./lyra136.js";
-import { animateTarget as h } from "./lyra137.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);
+import { createMotionComponent as c } from "./lyra162.js";
+function u(r) {
+  function n(e, t = {}) {
+    return c(r(e, t));
+  }
+  if (typeof Proxy > "u")
+    return n;
+  const o = /* @__PURE__ */ new Map();
+  return new Proxy(n, {
+    /**
+     * Called when `motion` is referenced with a prop: `motion.div`, `motion.input` etc.
+     * The prop name is passed through as `key` and we can use that to generate a `motion`
+     * DOM component with that name.
+     */
+    get: (e, t) => (o.has(t) || o.set(t, n(t)), o.get(t))
+  });
 }
 export {
-  g as animateVariant,
-  u as sortByTreeOrder
+  u as createMotionProxy
 };

package/dist/lyra139.cjs

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra256.cjs"),r=require("./lyra257.cjs"),s=require("./lyra258.cjs"),c=require("./lyra259.cjs");function g(e,{forwardMotionProps:o=!1},n,i){return{...t.isSVGComponent(e)?s.svgMotionConfig:c.htmlMotionConfig,preloadedFeatures:n,useRender:r.createUseRender(o),createVisualElement:i,Component:e}}exports.createDomMotionConfig=g;

package/dist/lyra139.js

@@ -1,41 +1,16 @@
-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);
+import { isSVGComponent as n } from "./lyra256.js";
+import { createUseRender as t } from "./lyra257.js";
+import { svgMotionConfig as f } from "./lyra258.js";
+import { htmlMotionConfig as m } from "./lyra259.js";
+function c(o, { forwardMotionProps: e = !1 }, r, i) {
+  return {
+    ...n(o) ? f : m,
+    preloadedFeatures: r,
+    useRender: t(e),
+    createVisualElement: i,
+    Component: o
+  };
 }
 export {
-  o as isValidMotionProp
+  c as createDomMotionConfig
 };

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("./lyra75.cjs"),x=require("./lyra73.cjs");require("./lyra10.cjs");require("./lyra236.cjs");require("./lyra19.cjs");const j=require("./lyra28.cjs"),p=require("./lyra8.cjs");require("./lyra81.cjs");require("./lyra16.cjs");require("./lyra17.cjs");const t=require("./lyra18.cjs"),f=require("./lyra29.cjs");require("./lyra72.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("./lyra39.cjs"),i=require("react"),n=require("./lyra79.cjs"),x=require("./lyra74.cjs");require("./lyra10.cjs");require("./lyra102.cjs");require("./lyra21.cjs");const j=require("./lyra31.cjs"),p=require("./lyra8.cjs");require("./lyra80.cjs");require("./lyra16.cjs");require("./lyra17.cjs");const t=require("./lyra18.cjs");require("./lyra19.cjs");require("./lyra101.cjs");require("./lyra22.cjs");const f=require("./lyra32.cjs");require("./lyra77.cjs");const w=require("./lyra40.cjs"),H=i.forwardRef(({label:r,hint:l,description:a,errorMessage:o,className:q,hideStepper:u=!1,startSlot:c,size:y,...m},h)=>{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:q,...m,ref:h,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:y,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,20 +1,23 @@
-import { j as e } from "./lyra36.js";
+import { j as e } from "./lyra39.js";
 import { forwardRef as w, useState as d } from "react";
-import { NumberField as L, Label as R, Input as T } from "./lyra75.js";
-import { cx as c } from "./lyra73.js";
+import { NumberField as L, Label as R, Input as T } from "./lyra79.js";
+import { cx as c } from "./lyra74.js";
 import "./lyra10.js";
-import "./lyra236.js";
-import "./lyra19.js";
-import { SvgIcon as f } from "./lyra28.js";
+import "./lyra102.js";
+import "./lyra21.js";
+import { SvgIcon as f } from "./lyra31.js";
 import { Button as p } from "./lyra8.js";
-import "./lyra81.js";
+import "./lyra80.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 "./lyra72.js";
-import { twMerge as O } from "./lyra37.js";
-const _ = w(
+import "./lyra19.js";
+import "./lyra101.js";
+import "./lyra22.js";
+import { Text as u } from "./lyra32.js";
+import "./lyra77.js";
+import { twMerge as O } from "./lyra40.js";
+const te = w(
   ({
     label: t,
     hint: r,
@@ -146,5 +149,5 @@ const _ = w(
   }
 );
 export {
-  _ as NumberField
+  te as NumberField
 };

package/dist/lyra140.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),u=require("./lyra141.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra260.cjs"),r=require("./lyra261.cjs"),t=require("./lyra262.cjs"),s=require("./lyra263.cjs"),u={inView:{Feature:s.InViewFeature},tap:{Feature:t.PressGesture},focus:{Feature:r.FocusGesture},hover:{Feature:e.HoverGesture}};exports.gestureAnimations=u;

package/dist/lyra140.js

@@ -1,12 +1,21 @@
-import { useContext as s, useId as u, useEffect as c } from "react";
-import { PresenceContext as f } from "./lyra141.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];
-}
+import { HoverGesture as e } from "./lyra260.js";
+import { FocusGesture as r } from "./lyra261.js";
+import { PressGesture as t } from "./lyra262.js";
+import { InViewFeature as o } from "./lyra263.js";
+const a = {
+  inView: {
+    Feature: o
+  },
+  tap: {
+    Feature: t
+  },
+  focus: {
+    Feature: r
+  },
+  hover: {
+    Feature: e
+  }
+};
 export {
-  x as usePresence
+  a as gestureAnimations
 };

package/dist/lyra141.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=e.createContext(null);exports.PresenceContext=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra235.cjs"),t=require("./lyra236.cjs"),i={animation:{Feature:e.AnimationFeature},exit:{Feature:t.ExitAnimationFeature}};exports.animations=i;

package/dist/lyra141.js

@@ -1,5 +1,13 @@
-import { createContext as e } from "react";
-const o = e(null);
+import { AnimationFeature as t } from "./lyra235.js";
+import { ExitAnimationFeature as i } from "./lyra236.js";
+const o = {
+  animation: {
+    Feature: t
+  },
+  exit: {
+    Feature: i
+  }
+};
 export {
-  o as PresenceContext
+  o as animations
 };

package/dist/lyra142.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),E=require("./lyra143.cjs"),v=require("./lyra144.cjs"),M=require("./lyra145.cjs"),g=require("./lyra146.cjs"),b=require("./lyra147.cjs"),S=require("./lyra148.cjs"),L=require("./lyra149.cjs"),G=require("./lyra128.cjs"),p=require("./lyra150.cjs"),w=require("./lyra151.cjs"),O=require("./lyra152.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra264.cjs"),r=require("./lyra265.cjs"),o=require("./lyra266.cjs"),t=require("./lyra267.cjs"),u={pan:{Feature:r.PanGesture},drag:{Feature:e.DragGesture,ProjectionNode:t.HTMLProjectionNode,MeasureLayout:o.MeasureLayout}};exports.drag=u;

package/dist/lyra142.js

@@ -1,50 +1,17 @@
-import * as f from "react";
-import { forwardRef as d, useContext as r } from "react";
-import { MotionConfigContext as y } from "./lyra143.js";
-import { MotionContext as M } from "./lyra144.js";
-import { useVisualElement as L } from "./lyra145.js";
-import { useMotionRef as G } from "./lyra146.js";
-import { useCreateMotionContext as S } from "./lyra147.js";
-import { loadFeatures as w } from "./lyra148.js";
-import { isBrowser as g } from "./lyra149.js";
-import { LayoutGroupContext as R } from "./lyra128.js";
-import { LazyContext as P } from "./lyra150.js";
-import { SwitchLayoutGroupContext as $ } from "./lyra151.js";
-import { motionComponentSymbol as b } from "./lyra152.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)
-    );
+import { DragGesture as r } from "./lyra264.js";
+import { PanGesture as o } from "./lyra265.js";
+import { MeasureLayout as e } from "./lyra266.js";
+import { HTMLProjectionNode as t } from "./lyra267.js";
+const u = {
+  pan: {
+    Feature: o
+  },
+  drag: {
+    Feature: r,
+    ProjectionNode: t,
+    MeasureLayout: e
   }
-  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 {
-  K as createMotionComponent
+  u as drag
 };

package/dist/lyra143.cjs

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./lyra268.cjs"),r=require("./lyra269.cjs"),l=require("./lyra256.cjs"),a=(t,e)=>l.isSVGComponent(t)?new r.SVGVisualElement(e,{enableHardwareAcceleration:!1}):new n.HTMLVisualElement(e,{enableHardwareAcceleration:!0});exports.createDomVisualElement=a;

package/dist/lyra143.js

@@ -1,9 +1,7 @@
-import { createContext as o } from "react";
-const n = o({
-  transformPagePoint: (t) => t,
-  isStatic: !1,
-  reducedMotion: "never"
-});
+import { HTMLVisualElement as a } from "./lyra268.js";
+import { SVGVisualElement as t } from "./lyra269.js";
+import { isSVGComponent as n } from "./lyra256.js";
+const i = (r, e) => n(r) ? new t(e, { enableHardwareAcceleration: !1 }) : new a(e, { enableHardwareAcceleration: !0 });
 export {
-  n as MotionConfigContext
+  i as createDomVisualElement
 };

package/dist/lyra144.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),e=t.createContext({});exports.MotionContext=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra267.cjs"),o=require("./lyra266.cjs"),t={layout:{ProjectionNode:e.HTMLProjectionNode,MeasureLayout:o.MeasureLayout}};exports.layout=t;

package/dist/lyra144.js

@@ -1,5 +1,11 @@
-import { createContext as t } from "react";
-const e = t({});
+import { HTMLProjectionNode as o } from "./lyra267.js";
+import { MeasureLayout as t } from "./lyra266.js";
+const a = {
+  layout: {
+    ProjectionNode: o,
+    MeasureLayout: t
+  }
+};
 export {
-  e as MotionContext
+  a as layout
 };

package/dist/lyra145.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),d=require("./lyra141.cjs"),x=require("./lyra144.cjs"),r=require("./lyra129.cjs"),l=require("./lyra150.cjs"),m=require("./lyra143.cjs");function E(u,c,i,n){const{visualElement:a}=t.useContext(x.MotionContext),f=t.useContext(l.LazyContext),o=t.useContext(d.PresenceContext),C=t.useContext(m.MotionConfigContext).reducedMotion,s=t.useRef();n=n||f.renderer,!s.current&&n&&(s.current=n(u,{visualState:c,parent:a,props:i,presenceContext:o,blockInitialAnimation:o?o.initial===!1:!1,reducedMotionConfig:C}));const e=s.current;return t.useInsertionEffect(()=>{e&&e.update(i,o)}),r.useIsomorphicLayoutEffect(()=>{e&&e.render()}),t.useEffect(()=>{e&&e.updateFeatures()}),(window.HandoffAppearAnimations?r.useIsomorphicLayoutEffect:t.useEffect)(()=>{e&&e.animationState&&e.animationState.animateChanges()}),e}exports.useVisualElement=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),c=require("./lyra146.cjs"),s=require("./lyra190.cjs");function u(){const o=c.useIsMounted(),[e,n]=r.useState(0),t=r.useCallback(()=>{o.current&&n(e+1)},[e]);return[r.useCallback(()=>s.frame.postRender(t),[t]),e]}exports.useForceUpdate=u;

package/dist/lyra145.js

@@ -1,30 +1,12 @@
-import { useContext as o, useRef as C, useInsertionEffect as d, useEffect as f } from "react";
-import { PresenceContext as l } from "./lyra141.js";
-import { MotionContext as x } from "./lyra144.js";
-import { useIsomorphicLayoutEffect as a } from "./lyra129.js";
-import { LazyContext as E } from "./lyra150.js";
-import { MotionConfigContext as g } from "./lyra143.js";
-function z(s, m, r, e) {
-  const { visualElement: u } = o(x), c = o(E), n = o(l), p = o(g).reducedMotion, i = C();
-  e = e || c.renderer, !i.current && e && (i.current = e(s, {
-    visualState: m,
-    parent: u,
-    props: r,
-    presenceContext: n,
-    blockInitialAnimation: n ? n.initial === !1 : !1,
-    reducedMotionConfig: p
-  }));
-  const t = i.current;
-  return d(() => {
-    t && t.update(r, n);
-  }), a(() => {
-    t && t.render();
-  }), f(() => {
-    t && t.updateFeatures();
-  }), (window.HandoffAppearAnimations ? a : f)(() => {
-    t && t.animationState && t.animationState.animateChanges();
-  }), t;
+import { useState as d, useCallback as o } from "react";
+import { useIsMounted as c } from "./lyra146.js";
+import { frame as s } from "./lyra190.js";
+function R() {
+  const t = c(), [e, n] = d(0), r = o(() => {
+    t.current && n(e + 1);
+  }, [e]);
+  return [o(() => s.postRender(r), [r]), e];
 }
 export {
-  z as useVisualElement
+  R as useForceUpdate
 };

package/dist/lyra146.cjs

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

package/dist/lyra146.js

@@ -1,18 +1,11 @@
-import { useCallback as r } from "react";
-import { isRefObject as p } from "./lyra156.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 { useRef as r } from "react";
+import { useIsomorphicLayoutEffect as t } from "./lyra149.js";
+function n() {
+  const e = r(!1);
+  return t(() => (e.current = !0, () => {
+    e.current = !1;
+  }), []), e;
 }
 export {
-  j as useMotionRef
+  n as useIsMounted
 };

package/dist/lyra147.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),o=require("./lyra144.cjs"),u=require("./lyra256.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 u=require("react"),C=require("./lyra161.cjs"),b=require("./lyra246.cjs"),g=require("./lyra270.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;

package/dist/lyra147.js

@@ -1,13 +1,40 @@
-import { useContext as o, useMemo as i } from "react";
-import { MotionContext as a } from "./lyra144.js";
-import { getCurrentTreeVariants as m } from "./lyra256.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 * as s from "react";
+import { useId as l, useMemo as u } from "react";
+import { PresenceContext as C } from "./lyra161.js";
+import { useConstant as v } from "./lyra246.js";
+import { PopChild as E } from "./lyra270.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();
 }
 export {
-  C as useCreateMotionContext
+  q as PresenceChild
 };

package/dist/lyra148.cjs

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

package/dist/lyra148.js

@@ -1,11 +1,5 @@
-import { featureDefinitions as n } from "./lyra168.js";
-function e(i) {
-  for (const o in i)
-    n[o] = {
-      ...n[o],
-      ...i[o]
-    };
-}
+import { createContext as t } from "react";
+const e = t({});
 export {
-  e as loadFeatures
+  e as LayoutGroupContext
 };

package/dist/lyra149.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 e=require("react"),t=require("./lyra169.cjs"),o=t.isBrowser?e.useLayoutEffect:e.useEffect;exports.useIsomorphicLayoutEffect=o;

package/dist/lyra149.js

@@ -1,4 +1,6 @@
-const e = typeof document < "u";
+import { useLayoutEffect as o, useEffect as t } from "react";
+import { isBrowser as e } from "./lyra169.js";
+const s = e ? o : t;
 export {
-  e as isBrowser
+  s as useIsomorphicLayoutEffect
 };

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("./lyra81.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("./lyra39.cjs"),i=require("react"),n=require("./lyra21.cjs"),x=require("./lyra8.cjs");require("./lyra80.cjs");const o=require("./lyra31.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

@@ -1,9 +1,9 @@
-import { j as e } from "./lyra36.js";
+import { j as e } from "./lyra39.js";
 import { useState as d } from "react";
-import { TextField as p } from "./lyra19.js";
+import { TextField as p } from "./lyra21.js";
 import { Button as a } from "./lyra8.js";
-import "./lyra81.js";
-import { SvgIcon as t } from "./lyra28.js";
+import "./lyra80.js";
+import { SvgIcon as t } from "./lyra31.js";
 const i = {
   showPassword: "Show password",
   hidePassword: "Hide password"

package/dist/lyra150.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 t=require("react");function u(e){return t.useEffect(()=>()=>e(),[])}exports.useUnmountEffect=u;

package/dist/lyra150.js

@@ -1,5 +1,7 @@
-import { createContext as t } from "react";
-const o = t({ strict: !1 });
+import { useEffect as e } from "react";
+function n(t) {
+  return e(() => () => t(), []);
+}
 export {
-  o as LazyContext
+  n as useUnmountEffect
 };

package/dist/lyra151.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 e=require("./lyra209.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)});

package/dist/lyra151.js

@@ -1,5 +1,12 @@
-import { createContext as t } from "react";
-const e = t({});
+import { noop as r } from "./lyra209.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);
+});
 export {
-  e as SwitchLayoutGroupContext
+  i as invariant,
+  e as warning
 };

package/dist/lyra152.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 t=require("./lyra153.cjs"),u=require("./lyra154.cjs");function r(e){const o=u.isMotionValue(e)?e.get():e;return t.isCustomValue(o)?o.toValue():o}exports.resolveMotionValue=r;

package/dist/lyra152.js

@@ -1,4 +1,9 @@
-const o = Symbol.for("motionComponentSymbol");
+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 {
-  o as motionComponentSymbol
+  u as resolveMotionValue
 };