@new-black/lyra 0.0.4 → 0.0.6

package/dist/lyra125.js

@@ -0,0 +1,50 @@
+import * as f from "react";
+import { forwardRef as d, useContext as r } from "react";
+import { MotionConfigContext as y } from "./lyra126.js";
+import { MotionContext as M } from "./lyra127.js";
+import { useVisualElement as L } from "./lyra128.js";
+import { useMotionRef as G } from "./lyra129.js";
+import { useCreateMotionContext as S } from "./lyra130.js";
+import { loadFeatures as w } from "./lyra131.js";
+import { isBrowser as g } from "./lyra132.js";
+import { LayoutGroupContext as R } from "./lyra111.js";
+import { LazyContext as P } from "./lyra133.js";
+import { SwitchLayoutGroupContext as $ } from "./lyra134.js";
+import { motionComponentSymbol as b } from "./lyra135.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 {
+  K as createMotionComponent
+};

package/dist/lyra126.cjs

@@ -0,0 +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;

package/dist/lyra126.js

@@ -0,0 +1,9 @@
+import { createContext as o } from "react";
+const n = o({
+  transformPagePoint: (t) => t,
+  isStatic: !1,
+  reducedMotion: "never"
+});
+export {
+  n as MotionConfigContext
+};

package/dist/lyra127.cjs

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

package/dist/lyra127.js

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

package/dist/lyra128.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),d=require("./lyra124.cjs"),x=require("./lyra127.cjs"),r=require("./lyra112.cjs"),l=require("./lyra133.cjs"),m=require("./lyra126.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/lyra128.js

@@ -0,0 +1,30 @@
+import { useContext as o, useRef as C, useInsertionEffect as d, useEffect as f } from "react";
+import { PresenceContext as l } from "./lyra124.js";
+import { MotionContext as x } from "./lyra127.js";
+import { useIsomorphicLayoutEffect as a } from "./lyra112.js";
+import { LazyContext as E } from "./lyra133.js";
+import { MotionConfigContext as g } from "./lyra126.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 {
+  z as useVisualElement
+};

package/dist/lyra129.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),c=require("./lyra139.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/lyra129.js

@@ -0,0 +1,18 @@
+import { useCallback as r } from "react";
+import { isRefObject as p } from "./lyra139.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 {
+  j as useMotionRef
+};

package/dist/lyra13.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./lyra19.cjs"),o=require("./lyra14.cjs"),l=o.plugin;function i(a){return Object.fromEntries(Object.entries(a).filter(([e])=>e!=="DEFAULT"))}var s=l(({addUtilities:a,matchUtilities:e,theme:n})=>{a({"@keyframes enter":n("keyframes.enter"),"@keyframes exit":n("keyframes.exit"),".animate-in":{animationName:"enter",animationDuration:n("animationDuration.DEFAULT"),"--tw-enter-opacity":"initial","--tw-enter-scale":"initial","--tw-enter-rotate":"initial","--tw-enter-translate-x":"initial","--tw-enter-translate-y":"initial"},".animate-out":{animationName:"exit",animationDuration:n("animationDuration.DEFAULT"),"--tw-exit-opacity":"initial","--tw-exit-scale":"initial","--tw-exit-rotate":"initial","--tw-exit-translate-x":"initial","--tw-exit-translate-y":"initial"}}),e({"fade-in":t=>({"--tw-enter-opacity":t}),"fade-out":t=>({"--tw-exit-opacity":t})},{values:n("animationOpacity")}),e({"zoom-in":t=>({"--tw-enter-scale":t}),"zoom-out":t=>({"--tw-exit-scale":t})},{values:n("animationScale")}),e({"spin-in":t=>({"--tw-enter-rotate":t}),"spin-out":t=>({"--tw-exit-rotate":t})},{values:n("animationRotate")}),e({"slide-in-from-top":t=>({"--tw-enter-translate-y":`-${t}`}),"slide-in-from-bottom":t=>({"--tw-enter-translate-y":t}),"slide-in-from-left":t=>({"--tw-enter-translate-x":`-${t}`}),"slide-in-from-right":t=>({"--tw-enter-translate-x":t}),"slide-out-to-top":t=>({"--tw-exit-translate-y":`-${t}`}),"slide-out-to-bottom":t=>({"--tw-exit-translate-y":t}),"slide-out-to-left":t=>({"--tw-exit-translate-x":`-${t}`}),"slide-out-to-right":t=>({"--tw-exit-translate-x":t})},{values:n("animationTranslate")}),e({duration:t=>({animationDuration:t})},{values:i(n("animationDuration"))}),e({delay:t=>({animationDelay:t})},{values:n("animationDelay")}),e({ease:t=>({animationTimingFunction:t})},{values:i(n("animationTimingFunction"))}),a({".running":{animationPlayState:"running"},".paused":{animationPlayState:"paused"}}),e({"fill-mode":t=>({animationFillMode:t})},{values:n("animationFillMode")}),e({direction:t=>({animationDirection:t})},{values:n("animationDirection")}),e({repeat:t=>({animationIterationCount:t})},{values:n("animationRepeat")})},{theme:{extend:{animationDelay:({theme:a})=>({...a("transitionDelay")}),animationDuration:({theme:a})=>({0:"0ms",...a("transitionDuration")}),animationTimingFunction:({theme:a})=>({...a("transitionTimingFunction")}),animationFillMode:{none:"none",forwards:"forwards",backwards:"backwards",both:"both"},animationDirection:{normal:"normal",reverse:"reverse",alternate:"alternate","alternate-reverse":"alternate-reverse"},animationOpacity:({theme:a})=>({DEFAULT:0,...a("opacity")}),animationTranslate:({theme:a})=>({DEFAULT:"100%",...a("translate")}),animationScale:({theme:a})=>({DEFAULT:0,...a("scale")}),animationRotate:({theme:a})=>({DEFAULT:"30deg",...a("rotate")}),animationRepeat:{0:"0",1:"1",infinite:"infinite"},keyframes:{enter:{from:{opacity:"var(--tw-enter-opacity, 1)",transform:"translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))"}},exit:{to:{opacity:"var(--tw-exit-opacity, 1)",transform:"translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))"}}}}}});const u=r.getDefaultExportFromCjs(s);exports.default=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra36.cjs"),e=t.cva(["w-[--trigger-width]"],{variants:{isEntering:{true:["animate-in","fade-in","data-[placement=bottom]:slide-in-from-top-1","data-[placement=top]:slide-in-from-bottom-1","ease-out","duration-200","fill-mode-forwards"]},isExiting:{true:["animate-out","fade-out","data-[placement=bottom]:slide-out-to-top-1","data-[placement=top]:slide-out-to-bottom-1","ease-in","duration-150","fill-mode-forwards"]}}}),o=t.cva(["rounded-base","drop-shadow-sm","ring-1","ring-inset","ring-neutral-3","bg-surface-1","outline-none","w-full"]);exports.popoverDialogStyles=o;exports.popoverStyles=e;

package/dist/lyra13.js

@@ -1,168 +1,42 @@
-import { getDefaultExportFromCjs as r } from "./lyra19.js";
-import { p as o } from "./lyra14.js";
-const l = o;
-function i(a) {
-  return Object.fromEntries(
-    Object.entries(a).filter(([e]) => e !== "DEFAULT")
-  );
-}
-var s = l(
-  ({ addUtilities: a, matchUtilities: e, theme: n }) => {
-    a({
-      "@keyframes enter": n("keyframes.enter"),
-      "@keyframes exit": n("keyframes.exit"),
-      ".animate-in": {
-        animationName: "enter",
-        animationDuration: n("animationDuration.DEFAULT"),
-        "--tw-enter-opacity": "initial",
-        "--tw-enter-scale": "initial",
-        "--tw-enter-rotate": "initial",
-        "--tw-enter-translate-x": "initial",
-        "--tw-enter-translate-y": "initial"
-      },
-      ".animate-out": {
-        animationName: "exit",
-        animationDuration: n("animationDuration.DEFAULT"),
-        "--tw-exit-opacity": "initial",
-        "--tw-exit-scale": "initial",
-        "--tw-exit-rotate": "initial",
-        "--tw-exit-translate-x": "initial",
-        "--tw-exit-translate-y": "initial"
-      }
-    }), e(
-      {
-        "fade-in": (t) => ({ "--tw-enter-opacity": t }),
-        "fade-out": (t) => ({ "--tw-exit-opacity": t })
-      },
-      { values: n("animationOpacity") }
-    ), e(
-      {
-        "zoom-in": (t) => ({ "--tw-enter-scale": t }),
-        "zoom-out": (t) => ({ "--tw-exit-scale": t })
-      },
-      { values: n("animationScale") }
-    ), e(
-      {
-        "spin-in": (t) => ({ "--tw-enter-rotate": t }),
-        "spin-out": (t) => ({ "--tw-exit-rotate": t })
-      },
-      { values: n("animationRotate") }
-    ), e(
-      {
-        "slide-in-from-top": (t) => ({
-          "--tw-enter-translate-y": `-${t}`
-        }),
-        "slide-in-from-bottom": (t) => ({
-          "--tw-enter-translate-y": t
-        }),
-        "slide-in-from-left": (t) => ({
-          "--tw-enter-translate-x": `-${t}`
-        }),
-        "slide-in-from-right": (t) => ({
-          "--tw-enter-translate-x": t
-        }),
-        "slide-out-to-top": (t) => ({
-          "--tw-exit-translate-y": `-${t}`
-        }),
-        "slide-out-to-bottom": (t) => ({
-          "--tw-exit-translate-y": t
-        }),
-        "slide-out-to-left": (t) => ({
-          "--tw-exit-translate-x": `-${t}`
-        }),
-        "slide-out-to-right": (t) => ({
-          "--tw-exit-translate-x": t
-        })
-      },
-      { values: n("animationTranslate") }
-    ), e(
-      { duration: (t) => ({ animationDuration: t }) },
-      { values: i(n("animationDuration")) }
-    ), e(
-      { delay: (t) => ({ animationDelay: t }) },
-      { values: n("animationDelay") }
-    ), e(
-      { ease: (t) => ({ animationTimingFunction: t }) },
-      { values: i(n("animationTimingFunction")) }
-    ), a({
-      ".running": { animationPlayState: "running" },
-      ".paused": { animationPlayState: "paused" }
-    }), e(
-      { "fill-mode": (t) => ({ animationFillMode: t }) },
-      { values: n("animationFillMode") }
-    ), e(
-      { direction: (t) => ({ animationDirection: t }) },
-      { values: n("animationDirection") }
-    ), e(
-      { repeat: (t) => ({ animationIterationCount: t }) },
-      { values: n("animationRepeat") }
-    );
-  },
-  {
-    theme: {
-      extend: {
-        animationDelay: ({ theme: a }) => ({
-          ...a("transitionDelay")
-        }),
-        animationDuration: ({ theme: a }) => ({
-          0: "0ms",
-          ...a("transitionDuration")
-        }),
-        animationTimingFunction: ({ theme: a }) => ({
-          ...a("transitionTimingFunction")
-        }),
-        animationFillMode: {
-          none: "none",
-          forwards: "forwards",
-          backwards: "backwards",
-          both: "both"
-        },
-        animationDirection: {
-          normal: "normal",
-          reverse: "reverse",
-          alternate: "alternate",
-          "alternate-reverse": "alternate-reverse"
-        },
-        animationOpacity: ({ theme: a }) => ({
-          DEFAULT: 0,
-          ...a("opacity")
-        }),
-        animationTranslate: ({ theme: a }) => ({
-          DEFAULT: "100%",
-          ...a("translate")
-        }),
-        animationScale: ({ theme: a }) => ({
-          DEFAULT: 0,
-          ...a("scale")
-        }),
-        animationRotate: ({ theme: a }) => ({
-          DEFAULT: "30deg",
-          ...a("rotate")
-        }),
-        animationRepeat: {
-          0: "0",
-          1: "1",
-          infinite: "infinite"
-        },
-        keyframes: {
-          enter: {
-            from: {
-              opacity: "var(--tw-enter-opacity, 1)",
-              transform: "translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))"
-            }
-          },
-          exit: {
-            to: {
-              opacity: "var(--tw-exit-opacity, 1)",
-              transform: "translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))"
-            }
-          }
-        }
-      }
+import { cva as t } from "./lyra36.js";
+const e = t(["w-[--trigger-width]"], {
+  variants: {
+    isEntering: {
+      true: [
+        "animate-in",
+        "fade-in",
+        "data-[placement=bottom]:slide-in-from-top-1",
+        "data-[placement=top]:slide-in-from-bottom-1",
+        "ease-out",
+        "duration-200",
+        "fill-mode-forwards"
+      ]
+    },
+    isExiting: {
+      true: [
+        "animate-out",
+        "fade-out",
+        "data-[placement=bottom]:slide-out-to-top-1",
+        "data-[placement=top]:slide-out-to-bottom-1",
+        "ease-in",
+        "duration-150",
+        "fill-mode-forwards"
+      ]
     }
   }
-);
-const w = /* @__PURE__ */ r(s);
+}), a = t([
+  "rounded-base",
+  "drop-shadow-sm",
+  "ring-1",
+  "ring-inset",
+  "ring-neutral-3",
+  "bg-surface-1",
+  "outline-none",
+  "w-full"
+  //   "w-fit",
+  //   "w-[--trigger-width]",
+]);
 export {
-  w as default
+  a as popoverDialogStyles,
+  e as popoverStyles
 };

package/dist/lyra130.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),o=require("./lyra127.cjs"),u=require("./lyra235.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/lyra130.js

@@ -0,0 +1,13 @@
+import { useContext as o, useMemo as i } from "react";
+import { MotionContext as a } from "./lyra127.js";
+import { getCurrentTreeVariants as m } from "./lyra235.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 {
+  C as useCreateMotionContext
+};

package/dist/lyra131.cjs

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

package/dist/lyra131.js

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

package/dist/lyra132.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=typeof document<"u";exports.isBrowser=e;

package/dist/lyra132.js

@@ -0,0 +1,4 @@
+const e = typeof document < "u";
+export {
+  e as isBrowser
+};

package/dist/lyra133.cjs

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

package/dist/lyra133.js

@@ -0,0 +1,5 @@
+import { createContext as t } from "react";
+const o = t({ strict: !1 });
+export {
+  o as LazyContext
+};

package/dist/lyra134.cjs

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

package/dist/lyra134.js

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

package/dist/lyra135.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=Symbol.for("motionComponentSymbol");exports.motionComponentSymbol=o;

package/dist/lyra135.js

@@ -0,0 +1,4 @@
+const o = Symbol.for("motionComponentSymbol");
+export {
+  o as motionComponentSymbol
+};

package/dist/lyra136.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("./lyra137.cjs"),f=require("./lyra114.cjs"),P=require("./lyra138.cjs"),T=require("./lyra139.cjs"),y=require("./lyra140.cjs"),V=require("./lyra141.cjs"),q=require("./lyra142.cjs"),F=require("./lyra143.cjs"),j=require("./lyra144.cjs"),m=require("./lyra117.cjs"),R=require("./lyra145.cjs"),v=require("./lyra146.cjs"),w=require("./lyra147.cjs"),E=require("./lyra148.cjs"),x=require("./lyra149.cjs"),N=require("./lyra150.cjs"),C=require("./lyra151.cjs"),b=require("./lyra152.cjs"),g=require("./lyra153.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;