@new-black/lyra 0.0.13 → 0.0.14

package/dist/lyra125.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),o=require("./lyra122.cjs"),u=require("./lyra233.cjs");function a(e){const{initial:t,animate:n}=u.getCurrentTreeVariants(e,r.useContext(o.MotionContext));return r.useMemo(()=>({initial:t,animate:n}),[i(t),i(n)])}function i(e){return Array.isArray(e)?e.join(" "):e}exports.useCreateMotionContext=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra248.cjs"),r=e=>!!(e&&typeof e=="object"&&e.mix&&e.toValue),s=e=>t.isKeyframesTarget(e)?e[e.length-1]||0:e;exports.isCustomValue=r;exports.resolveFinalValueInKeyframes=s;

package/dist/lyra125.js

@@ -1,13 +1,6 @@
-import { useContext as o, useMemo as i } from "react";
-import { MotionContext as a } from "./lyra122.js";
-import { getCurrentTreeVariants as m } from "./lyra233.js";
-function C(t) {
-  const { initial: e, animate: n } = m(t, o(a));
-  return i(() => ({ initial: e, animate: n }), [r(e), r(n)]);
-}
-function r(t) {
-  return Array.isArray(t) ? t.join(" ") : t;
-}
+import { isKeyframesTarget as o } from "./lyra248.js";
+const r = (e) => !!(e && typeof e == "object" && e.mix && e.toValue), a = (e) => o(e) ? e[e.length - 1] || 0 : e;
 export {
-  C as useCreateMotionContext
+  r as isCustomValue,
+  a as resolveFinalValueInKeyframes
 };

package/dist/lyra126.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra146.cjs");function n(i){for(const e in i)t.featureDefinitions[e]={...t.featureDefinitions[e],...i[e]}}exports.loadFeatures=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=o=>!!(o&&o.getVelocity);exports.isMotionValue=e;

package/dist/lyra126.js

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

package/dist/lyra127.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=typeof document<"u";exports.isBrowser=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra128.cjs"),l=require("./lyra129.cjs"),m=require("./lyra130.cjs");function c(e,a,r={}){e.notify("AnimationStart",a);let t;if(Array.isArray(a)){const n=a.map(s=>m.animateVariant(e,s,r));t=Promise.all(n)}else if(typeof a=="string")t=m.animateVariant(e,a,r);else{const n=typeof a=="function"?o.resolveVariant(e,a,r.custom):a;t=Promise.all(l.animateTarget(e,n,r))}return t.then(()=>e.notify("AnimationComplete",a))}exports.animateVisualElement=c;

package/dist/lyra127.js

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

package/dist/lyra128.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),e=t.createContext({strict:!1});exports.LazyContext=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./lyra158.cjs");function c(e){const r={};return e.values.forEach((t,o)=>r[o]=t.get()),r}function s(e){const r={};return e.values.forEach((t,o)=>r[o]=t.getVelocity()),r}function i(e,r,t){const o=e.getProps();return n.resolveVariantFromProps(o,r,t!==void 0?t:o.custom,c(e),s(e))}exports.resolveVariant=i;

package/dist/lyra128.js

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

package/dist/lyra129.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),e=t.createContext({});exports.SwitchLayoutGroupContext=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("./lyra146.cjs"),A=require("./lyra154.cjs"),w=require("./lyra184.cjs"),q=require("./lyra249.cjs"),S=require("./lyra153.cjs"),P=require("./lyra210.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/lyra129.js

@@ -1,5 +1,35 @@
-import { createContext as t } from "react";
-const e = t({});
+import { frame as A } from "./lyra146.js";
+import { transformProps as w } from "./lyra154.js";
+import { optimizedAppearDataAttribute as T } from "./lyra184.js";
+import { animateMotionValue as P } from "./lyra249.js";
+import { isWillChangeMotionValue as S } from "./lyra153.js";
+import { setTarget as V } from "./lyra210.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 {
-  e as SwitchLayoutGroupContext
+  x as animateTarget
 };

package/dist/lyra13.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra35.cjs");require("./lyra51.cjs");const t=e.cva(["flex","flex-col"],{variants:{fullWidth:{true:"w-full",false:"w-fit"}}}),i=e.cva(["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}}),a=e.cva(["text-[--input-label-color]","text-[length:--input-label-size]","mb-[--input-label-margin-bottom]","transition-all","ease-out","duration-150"]),l=e.cva(["font-[--input-hint-weight]","text-[--input-hint-color]"],{variants:{size:{small:["text-[--input-hint-size-small]"],medium:["text-[--input-hint-size-medium]"],large:["text-[--input-hint-size-large]"]}}}),n=e.cva(["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"}});exports.sharedInputFieldStyles=i;exports.sharedInputFieldWrapperStyles=t;exports.sharedInputHintStyles=l;exports.sharedInputStyles=n;exports.sharedInputlabelStyles=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra32.cjs"),i=require("react"),n=require("./lyra16.cjs"),x=require("./lyra8.cjs");require("./lyra54.cjs");const o=require("./lyra25.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/lyra13.js

@@ -1,157 +1,40 @@
-import { cva as t } from "./lyra35.js";
-import "./lyra51.js";
-const a = t(["flex", "flex-col"], {
-  variants: {
-    fullWidth: {
-      true: "w-full",
-      false: "w-fit"
+import { j as e } from "./lyra32.js";
+import { useState as d } from "react";
+import { TextField as p } from "./lyra16.js";
+import { Button as a } from "./lyra8.js";
+import "./lyra54.js";
+import { SvgIcon as t } from "./lyra25.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"
-]), s = t(
-  ["font-[--input-hint-weight]", "text-[--input-hint-color]"],
-  {
-    variants: {
-      size: {
-        small: ["text-[--input-hint-size-small]"],
-        medium: ["text-[--input-hint-size-medium]"],
-        large: ["text-[--input-hint-size-large]"]
-      }
-    }
-  }
-), d = 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,
-  s as sharedInputHintStyles,
-  d as sharedInputStyles,
-  n as sharedInputlabelStyles
+  S as PasswordTextField
 };

package/dist/lyra130.cjs

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

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

package/dist/lyra131.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("./lyra132.cjs"),f=require("./lyra109.cjs"),P=require("./lyra133.cjs"),T=require("./lyra134.cjs"),y=require("./lyra135.cjs"),V=require("./lyra136.cjs"),q=require("./lyra137.cjs"),F=require("./lyra138.cjs"),j=require("./lyra139.cjs"),m=require("./lyra112.cjs"),R=require("./lyra140.cjs"),v=require("./lyra141.cjs"),w=require("./lyra142.cjs"),E=require("./lyra143.cjs"),x=require("./lyra144.cjs"),N=require("./lyra145.cjs"),C=require("./lyra146.cjs"),b=require("./lyra147.cjs"),g=require("./lyra148.cjs"),S=Object.keys(C.featureDefinitions),L=S.length,M=["AnimationStart","AnimationComplete","Update","BeforeLayoutMeasure","LayoutMeasure","LayoutAnimationStart","LayoutAnimationComplete"],O=b.variantProps.length;class B{constructor({parent:t,props:e,presenceContext:i,reducedMotionConfig:s,visualState:n},h={}){this.current=null,this.children=new Set,this.isVariantNode=!1,this.isControllingVariants=!1,this.shouldReduceMotion=null,this.values=new Map,this.features={},this.valueSubscriptions=new Map,this.prevMotionValues={},this.events={},this.propEventSubscriptions={},this.notifyUpdate=()=>this.notify("Update",this.latestValues),this.render=()=>{this.current&&(this.triggerBuild(),this.renderInstance(this.current,this.renderState,this.props.style,this.projection))},this.scheduleRender=()=>p.frame.render(this.render,!1,!0);const{latestValues:u,renderState:r}=n;this.latestValues=u,this.baseTarget={...u},this.initialValues=e.initial?{...u}:{},this.renderState=r,this.parent=t,this.props=e,this.presenceContext=i,this.depth=t?t.depth+1:0,this.reducedMotionConfig=s,this.options=h,this.isControllingVariants=v.isControllingVariants(e),this.isVariantNode=v.isVariantNode(e),this.isVariantNode&&(this.variantChildren=new Set),this.manuallyAnimateOnMount=!!(t&&t.current);const{willChange:o,...d}=this.scrapeMotionValuesFromProps(e,{});for(const a in d){const l=d[a];u[a]!==void 0&&m.isMotionValue(l)&&(l.set(u[a],!1),j.isWillChangeMotionValue(o)&&o.add(a))}}scrapeMotionValuesFromProps(t,e){return{}}mount(t){this.current=t,g.visualElementStore.set(t,this),this.projection&&!this.projection.instance&&this.projection.mount(t),this.parent&&this.isVariantNode&&!this.isControllingVariants&&(this.removeFromVariantTree=this.parent.addVariantChild(this)),this.values.forEach((e,i)=>this.bindToMotionValue(i,e)),V.hasReducedMotionListener.current||y.initPrefersReducedMotion(),this.shouldReduceMotion=this.reducedMotionConfig==="never"?!1:this.reducedMotionConfig==="always"?!0:V.prefersReducedMotion.current,process.env.NODE_ENV!=="production"&&N.warnOnce(this.shouldReduceMotion!==!0,"You have Reduced Motion enabled on your device. Animations may not appear as expected."),this.parent&&this.parent.children.add(this),this.update(this.props,this.presenceContext)}unmount(){g.visualElementStore.delete(this.current),this.projection&&this.projection.unmount(),p.cancelFrame(this.notifyUpdate),p.cancelFrame(this.render),this.valueSubscriptions.forEach(t=>t()),this.removeFromVariantTree&&this.removeFromVariantTree(),this.parent&&this.parent.children.delete(this);for(const t in this.events)this.events[t].clear();for(const t in this.features)this.features[t].unmount();this.current=null}bindToMotionValue(t,e){const i=R.transformProps.has(t),s=e.on("change",h=>{this.latestValues[t]=h,this.props.onUpdate&&p.frame.update(this.notifyUpdate,!1,!0),i&&this.projection&&(this.projection.isTransformDirty=!0)}),n=e.on("renderRequest",this.scheduleRender);this.valueSubscriptions.set(t,()=>{s(),n()})}sortNodePosition(t){return!this.current||!this.sortInstanceNodePosition||this.type!==t.type?0:this.sortInstanceNodePosition(this.current,t.current)}loadFeatures({children:t,...e},i,s,n){let h,u;if(process.env.NODE_ENV!=="production"&&s&&i){const r="You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.";e.ignoreStrict?f.warning(!1,r):f.invariant(!1,r)}for(let r=0;r<L;r++){const o=S[r],{isEnabled:d,Feature:a,ProjectionNode:l,MeasureLayout:c}=C.featureDefinitions[o];l&&(h=l),d(e)&&(!this.features[o]&&a&&(this.features[o]=new a(this)),c&&(u=c))}if(!this.projection&&h){this.projection=new h(this.latestValues,this.parent&&this.parent.projection);const{layoutId:r,layout:o,drag:d,dragConstraints:a,layoutScroll:l,layoutRoot:c}=e;this.projection.setOptions({layoutId:r,layout:o,alwaysMeasureLayout:!!d||a&&T.isRefObject(a),visualElement:this,scheduleRender:()=>this.scheduleRender(),animationType:typeof o=="string"?o:"both",initialPromotionConfig:n,layoutScroll:l,layoutRoot:c})}return u}updateFeatures(){for(const t in this.features){const e=this.features[t];e.isMounted?e.update():(e.mount(),e.isMounted=!0)}}triggerBuild(){this.build(this.renderState,this.latestValues,this.options,this.props)}measureViewportBox(){return this.current?this.measureInstanceViewportBox(this.current,this.props):P.createBox()}getStaticValue(t){return this.latestValues[t]}setStaticValue(t,e){this.latestValues[t]=e}makeTargetAnimatable(t,e=!0){return this.makeTargetAnimatableFromInstance(t,this.props,e)}update(t,e){(t.transformTemplate||this.props.transformTemplate)&&this.scheduleRender(),this.prevProps=this.props,this.props=t,this.prevPresenceContext=this.presenceContext,this.presenceContext=e;for(let i=0;i<M.length;i++){const s=M[i];this.propEventSubscriptions[s]&&(this.propEventSubscriptions[s](),delete this.propEventSubscriptions[s]);const n=t["on"+s];n&&(this.propEventSubscriptions[s]=this.on(s,n))}this.prevMotionValues=E.updateMotionValuesFromProps(this,this.scrapeMotionValuesFromProps(t,this.prevProps),this.prevMotionValues),this.handleChildMotionValue&&this.handleChildMotionValue()}getProps(){return this.props}getVariant(t){return this.props.variants?this.props.variants[t]:void 0}getDefaultTransition(){return this.props.transition}getTransformPagePoint(){return this.props.transformPagePoint}getClosestVariantNode(){return this.isVariantNode?this:this.parent?this.parent.getClosestVariantNode():void 0}getVariantContext(t=!1){if(t)return this.parent?this.parent.getVariantContext():void 0;if(!this.isControllingVariants){const i=this.parent?this.parent.getVariantContext()||{}:{};return this.props.initial!==void 0&&(i.initial=this.props.initial),i}const e={};for(let i=0;i<O;i++){const s=b.variantProps[i],n=this.props[s];(w.isVariantLabel(n)||n===!1)&&(e[s]=n)}return e}addVariantChild(t){const e=this.getClosestVariantNode();if(e)return e.variantChildren&&e.variantChildren.add(t),()=>e.variantChildren.delete(t)}addValue(t,e){e!==this.values.get(t)&&(this.removeValue(t),this.bindToMotionValue(t,e)),this.values.set(t,e),this.latestValues[t]=e.get()}removeValue(t){this.values.delete(t);const e=this.valueSubscriptions.get(t);e&&(e(),this.valueSubscriptions.delete(t)),delete this.latestValues[t],this.removeValueFromRenderState(t,this.renderState)}hasValue(t){return this.values.has(t)}getValue(t,e){if(this.props.values&&this.props.values[t])return this.props.values[t];let i=this.values.get(t);return i===void 0&&e!==void 0&&(i=F.motionValue(e,{owner:this}),this.addValue(t,i)),i}readValue(t){return this.latestValues[t]!==void 0||!this.current?this.latestValues[t]:this.readValueFromInstance(this.current,t,this.options)}setBaseTarget(t,e){this.baseTarget[t]=e}getBaseTarget(t){var e;const{initial:i}=this.props,s=typeof i=="string"||typeof i=="object"?(e=x.resolveVariantFromProps(this.props,i))===null||e===void 0?void 0:e[t]:void 0;if(i&&s!==void 0)return s;const n=this.getBaseTargetFromProps(this.props,t);return n!==void 0&&!m.isMotionValue(n)?n:this.initialValues[t]!==void 0&&s===void 0?void 0:this.baseTarget[t]}on(t,e){return this.events[t]||(this.events[t]=new q.SubscriptionManager),this.events[t].add(e)}notify(t,...e){this.events[t]&&this.events[t].notify(...e)}}exports.VisualElement=B;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=new Set(["animate","exit","variants","initial","style","values","variants","transition","transformTemplate","transformValues","custom","inherit","onLayoutAnimationStart","onLayoutAnimationComplete","onLayoutMeasure","onBeforeLayoutMeasure","onAnimationStart","onAnimationComplete","onUpdate","onDragStart","onDrag","onDragEnd","onMeasureDragConstraints","onDirectionLock","onDragTransitionEnd","_dragX","_dragY","onHoverStart","onHoverEnd","onViewportEnter","onViewportLeave","ignoreStrict","viewport"]);function n(t){return t.startsWith("while")||t.startsWith("drag")&&t!=="draggable"||t.startsWith("layout")||t.startsWith("onTap")||t.startsWith("onPan")||o.has(t)}exports.isValidMotionProp=n;