@new-black/lyra 0.0.24 → 0.0.26

package/dist/lyra168.js

@@ -1,27 +1,11 @@
-const n = {
-  animation: [
-    "animate",
-    "variants",
-    "whileHover",
-    "whileTap",
-    "exit",
-    "whileInView",
-    "whileFocus",
-    "whileDrag"
-  ],
-  exit: ["exit"],
-  drag: ["drag", "dragControls"],
-  focus: ["whileFocus"],
-  hover: ["whileHover", "onHoverStart", "onHoverEnd"],
-  tap: ["whileTap", "onTap", "onTapStart", "onTapCancel"],
-  pan: ["onPan", "onPanStart", "onPanSessionStart", "onPanEnd"],
-  inView: ["whileInView", "onViewportEnter", "onViewportLeave"],
-  layout: ["layout", "layoutId"]
-}, t = {};
-for (const e in n)
-  t[e] = {
-    isEnabled: (o) => n[e].some((a) => !!o[a])
-  };
+import { featureDefinitions as n } from "./lyra187.js";
+function e(i) {
+  for (const o in i)
+    n[o] = {
+      ...n[o],
+      ...i[o]
+    };
+}
 export {
-  t as featureDefinitions
+  e as loadFeatures
 };

package/dist/lyra169.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=["animate","whileInView","whileFocus","whileHover","whileTap","whileDrag","exit"],r=["initial",...i];exports.variantPriorityOrder=i;exports.variantProps=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=typeof document<"u";exports.isBrowser=e;

package/dist/lyra169.js

@@ -1,13 +1,4 @@
-const i = [
-  "animate",
-  "whileInView",
-  "whileFocus",
-  "whileHover",
-  "whileTap",
-  "whileDrag",
-  "exit"
-], e = ["initial", ...i];
+const e = typeof document < "u";
 export {
-  i as variantPriorityOrder,
-  e as variantProps
+  e as isBrowser
 };

package/dist/lyra17.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra36.cjs"),E=require("react"),t=require("./lyra75.cjs"),g=require("./lyra20.cjs"),x=require("./lyra73.cjs");require("./lyra85.cjs");const m=require("./lyra29.cjs");require("./lyra72.cjs");require("./lyra10.cjs");require("./lyra236.cjs");require("./lyra19.cjs");const f=require("./lyra28.cjs");require("./lyra14.cjs");require("./lyra8.cjs");require("./lyra81.cjs");require("./lyra16.cjs");const i=require("./lyra18.cjs"),N=require("./lyra22.cjs"),d=require("./lyra37.cjs");function S({label:r,hint:l,size:n="medium",fullWidth:o,validationState:j,isRequired:p,description:c,errorMessage:u,...s},a){return[s,a]=t.useContextProps(s,a,t.SelectContext),e.jsxRuntimeExports.jsx(t.Select,{...s,ref:a,className:d.twMerge(i.sharedInputFieldWrapperStyles({fullWidth:o})),children:({isOpen:h})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",{className:x.cx("mx-1 flex items-center gap-3",r?"justify-between":"justify-end"),children:[r?e.jsxRuntimeExports.jsxs(t.Label,{className:i.sharedInputlabelStyles(),style:{fontFamily:"var(--input-label-font-family)"},children:[r,p&&e.jsxRuntimeExports.jsx("span",{className:"text-danger",children:" *"})]}):null,l?e.jsxRuntimeExports.jsx("span",{className:i.sharedInputHintStyles(),style:{fontFamily:"var(--input-hint-font-family)"},children:l}):null]}),e.jsxRuntimeExports.jsx("div",{className:"flex items-center gap-2",children:e.jsxRuntimeExports.jsxs(t.Button,{className:({isDisabled:q,isFocusVisible:y,isHovered:R})=>d.twMerge(i.sharedInputFieldStyles({isDisabled:q,isHovered:R,isFocused:y,fullWidth:o,size:n,validationState:j,className:"w-full items-center justify-between gap-3"})),children:[e.jsxRuntimeExports.jsx(t.SelectValue,{className:"select-none truncate"}),e.jsxRuntimeExports.jsx(f.SvgIcon,{name:"chevron-down","aria-hidden":"true",className:x.cx(n==="large"&&"h-5 w-5",n==="medium"&&"h-4 w-4",n==="small"&&"h-3 w-3",h?"rotate-180":"rotate-0","transition duration-200 ease-out")})]})}),c&&e.jsxRuntimeExports.jsx(m.Text,{className:"ms-1 mt-1.5",variant:"body-small",color:"secondary",slot:"description",children:c}),u&&e.jsxRuntimeExports.jsx(m.Text,{className:"ms-1 mt-1.5",variant:"body-small",color:"accent-danger",slot:"errorMessage",children:u}),e.jsxRuntimeExports.jsx(N.Popover,{children:e.jsxRuntimeExports.jsx(g.ListBox,{className:"outline-none","aria-label":r??`options on select ${s.name}`,selectionMode:"single",children:s.children})})]})})}const v=E.forwardRef(S);exports.Select=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra39.cjs"),E=require("react"),t=require("./lyra79.cjs"),g=require("./lyra23.cjs"),x=require("./lyra74.cjs");require("./lyra89.cjs");const m=require("./lyra32.cjs");require("./lyra77.cjs");require("./lyra10.cjs");require("./lyra102.cjs");require("./lyra21.cjs");const f=require("./lyra31.cjs");require("./lyra14.cjs");require("./lyra8.cjs");require("./lyra80.cjs");require("./lyra16.cjs");const i=require("./lyra18.cjs");require("./lyra19.cjs");require("./lyra101.cjs");require("./lyra22.cjs");const N=require("./lyra25.cjs"),d=require("./lyra40.cjs");function S({label:r,hint:l,size:n="medium",fullWidth:o,validationState:j,isRequired:p,description:u,errorMessage:c,...s},a){return[s,a]=t.useContextProps(s,a,t.SelectContext),e.jsxRuntimeExports.jsx(t.Select,{...s,ref:a,className:d.twMerge(i.sharedInputFieldWrapperStyles({fullWidth:o})),children:({isOpen:q})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",{className:x.cx("mx-1 flex items-center gap-3",r?"justify-between":"justify-end"),children:[r?e.jsxRuntimeExports.jsxs(t.Label,{className:i.sharedInputlabelStyles(),style:{fontFamily:"var(--input-label-font-family)"},children:[r,p&&e.jsxRuntimeExports.jsx("span",{className:"text-danger",children:" *"})]}):null,l?e.jsxRuntimeExports.jsx("span",{className:i.sharedInputHintStyles(),style:{fontFamily:"var(--input-hint-font-family)"},children:l}):null]}),e.jsxRuntimeExports.jsx("div",{className:"flex items-center gap-2",children:e.jsxRuntimeExports.jsxs(t.Button,{className:({isDisabled:h,isFocusVisible:y,isHovered:R})=>d.twMerge(i.sharedInputFieldStyles({isDisabled:h,isHovered:R,isFocused:y,fullWidth:o,size:n,validationState:j,className:"w-full items-center justify-between gap-3"})),children:[e.jsxRuntimeExports.jsx(t.SelectValue,{className:"select-none truncate"}),e.jsxRuntimeExports.jsx(f.SvgIcon,{name:"chevron-down","aria-hidden":"true",className:x.cx(n==="large"&&"h-5 w-5",n==="medium"&&"h-4 w-4",n==="small"&&"h-3 w-3",q?"rotate-180":"rotate-0","transition duration-200 ease-out")})]})}),u&&e.jsxRuntimeExports.jsx(m.Text,{className:"ms-1 mt-1.5",variant:"body-small",color:"secondary",slot:"description",children:u}),c&&e.jsxRuntimeExports.jsx(m.Text,{className:"ms-1 mt-1.5",variant:"body-small",color:"accent-danger",slot:"errorMessage",children:c}),e.jsxRuntimeExports.jsx(N.Popover,{children:e.jsxRuntimeExports.jsx(g.ListBox,{className:"outline-none","aria-label":r??`options on select ${s.name}`,selectionMode:"single",children:s.children})})]})})}const v=E.forwardRef(S);exports.Select=v;

package/dist/lyra17.js

@@ -1,38 +1,41 @@
-import { j as e } from "./lyra36.js";
+import { j as e } from "./lyra39.js";
 import { forwardRef as $ } from "react";
-import { useContextProps as b, Select as y, Label as N, Button as g, SelectValue as S, SelectContext as v } from "./lyra75.js";
-import { ListBox as w } from "./lyra20.js";
-import { cx as i } from "./lyra73.js";
-import "./lyra85.js";
-import { Text as c } from "./lyra29.js";
-import "./lyra72.js";
+import { useContextProps as b, Select as y, Label as N, Button as g, SelectValue as S, SelectContext as v } from "./lyra79.js";
+import { ListBox as w } from "./lyra23.js";
+import { cx as i } from "./lyra74.js";
+import "./lyra89.js";
+import { Text as c } from "./lyra32.js";
+import "./lyra77.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 "./lyra14.js";
 import "./lyra8.js";
-import "./lyra81.js";
+import "./lyra80.js";
 import "./lyra16.js";
 import { sharedInputFieldWrapperStyles as I, sharedInputlabelStyles as B, sharedInputHintStyles as C, sharedInputFieldStyles as L } from "./lyra18.js";
-import { Popover as M } from "./lyra22.js";
-import { twMerge as d } from "./lyra37.js";
+import "./lyra19.js";
+import "./lyra101.js";
+import "./lyra22.js";
+import { Popover as M } from "./lyra25.js";
+import { twMerge as d } from "./lyra40.js";
 function P({
-  label: s,
+  label: r,
   hint: o,
-  size: a = "medium",
+  size: s = "medium",
   fullWidth: n,
-  validationState: f,
-  isRequired: p,
-  description: l,
-  errorMessage: m,
+  validationState: p,
+  isRequired: f,
+  description: m,
+  errorMessage: l,
   ...t
-}, r) {
-  return [t, r] = b(t, r, v), /* @__PURE__ */ e.jsx(
+}, a) {
+  return [t, a] = b(t, a, v), /* @__PURE__ */ e.jsx(
     y,
     {
       ...t,
-      ref: r,
+      ref: a,
       className: d(I({ fullWidth: n })),
       children: ({ isOpen: x }) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
         /* @__PURE__ */ e.jsxs(
@@ -40,17 +43,17 @@ function P({
           {
             className: i(
               "mx-1 flex items-center gap-3",
-              s ? "justify-between" : "justify-end"
+              r ? "justify-between" : "justify-end"
             ),
             children: [
-              s ? /* @__PURE__ */ e.jsxs(
+              r ? /* @__PURE__ */ e.jsxs(
                 N,
                 {
                   className: B(),
                   style: { fontFamily: "var(--input-label-font-family)" },
                   children: [
-                    s,
-                    p && /* @__PURE__ */ e.jsx("span", { className: "text-danger", children: " *" })
+                    r,
+                    f && /* @__PURE__ */ e.jsx("span", { className: "text-danger", children: " *" })
                   ]
                 }
               ) : null,
@@ -74,8 +77,8 @@ function P({
                 isHovered: j,
                 isFocused: h,
                 fullWidth: n,
-                size: a,
-                validationState: f,
+                size: s,
+                validationState: p,
                 className: "w-full items-center justify-between gap-3"
               })
             ),
@@ -87,9 +90,9 @@ function P({
                   name: "chevron-down",
                   "aria-hidden": "true",
                   className: i(
-                    a === "large" && "h-5 w-5",
-                    a === "medium" && "h-4 w-4",
-                    a === "small" && "h-3 w-3",
+                    s === "large" && "h-5 w-5",
+                    s === "medium" && "h-4 w-4",
+                    s === "small" && "h-3 w-3",
                     x ? "rotate-180" : "rotate-0",
                     "transition duration-200 ease-out"
                   )
@@ -98,31 +101,31 @@ function P({
             ]
           }
         ) }),
-        l && /* @__PURE__ */ e.jsx(
+        m && /* @__PURE__ */ e.jsx(
           c,
           {
             className: "ms-1 mt-1.5",
             variant: "body-small",
             color: "secondary",
             slot: "description",
-            children: l
+            children: m
           }
         ),
-        m && /* @__PURE__ */ e.jsx(
+        l && /* @__PURE__ */ e.jsx(
           c,
           {
             className: "ms-1 mt-1.5",
             variant: "body-small",
             color: "accent-danger",
             slot: "errorMessage",
-            children: m
+            children: l
           }
         ),
         /* @__PURE__ */ e.jsx(M, { children: /* @__PURE__ */ e.jsx(
           w,
           {
             className: "outline-none",
-            "aria-label": s ?? `options on select ${t.name}`,
+            "aria-label": r ?? `options on select ${t.name}`,
             selectionMode: "single",
             children: t.children
           }
@@ -131,7 +134,7 @@ function P({
     }
   );
 }
-const Z = $(P);
+const te = $(P);
 export {
-  Z as Select
+  te as Select
 };

package/dist/lyra170.cjs

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

package/dist/lyra170.js

@@ -1,4 +1,5 @@
-const e = /* @__PURE__ */ new WeakMap();
+import { createContext as t } from "react";
+const o = t({ strict: !1 });
 export {
-  e as visualElementStore
+  o as LazyContext
 };

package/dist/lyra171.cjs

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

package/dist/lyra171.js

@@ -1,8 +1,5 @@
-const o = {};
-function r(c) {
-  Object.assign(o, c);
-}
+import { createContext as t } from "react";
+const e = t({});
 export {
-  r as addScaleCorrector,
-  o as scaleCorrectors
+  e as SwitchLayoutGroupContext
 };

package/dist/lyra172.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra162.cjs"),u={x:"translateX",y:"translateY",z:"translateZ",transformPerspective:"perspective"},c=o.transformPropOrder.length;function d(e,{enableHardwareAcceleration:a=!0,allowTransformNone:l=!0},s,i){let r="";for(let n=0;n<c;n++){const t=o.transformPropOrder[n];if(e[t]!==void 0){const f=u[t]||t;r+=`${f}(${e[t]}) `}}return a&&!e.z&&(r+="translateZ(0)"),r=r.trim(),i?r=i(e,s?"":r):l&&s&&(r="none"),r}exports.buildTransform=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=Symbol.for("motionComponentSymbol");exports.motionComponentSymbol=o;

package/dist/lyra172.js

@@ -1,21 +1,4 @@
-import { transformPropOrder as o } from "./lyra162.js";
-const c = {
-  x: "translateX",
-  y: "translateY",
-  z: "translateZ",
-  transformPerspective: "perspective"
-}, u = o.length;
-function p(e, { enableHardwareAcceleration: a = !0, allowTransformNone: l = !0 }, i, s) {
-  let t = "";
-  for (let n = 0; n < u; n++) {
-    const r = o[n];
-    if (e[r] !== void 0) {
-      const f = c[r] || r;
-      t += `${f}(${e[r]}) `;
-    }
-  }
-  return a && !e.z && (t += "translateZ(0)"), t = t.trim(), s ? t = s(e, i ? "" : t) : l && i && (t = "none"), t;
-}
+const o = Symbol.for("motionComponentSymbol");
 export {
-  p as buildTransform
+  o as motionComponentSymbol
 };

package/dist/lyra173.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("./lyra174.cjs"),ee=require("./lyra175.cjs"),Q=require("./lyra176.cjs"),te=require("./lyra177.cjs"),ne=require("./lyra178.cjs"),ie=require("./lyra179.cjs"),D=require("./lyra180.cjs"),R=require("./lyra181.cjs"),re={decay:Q.inertia,inertia:Q.inertia,tween:q.keyframes,keyframes:q.keyframes,spring:ee.spring};function le({autoplay:X=!0,delay:Y=0,driver:Z=te.frameloopDriver,keyframes:u,type:_="keyframes",repeat:d=0,repeatDelay:m=0,repeatType:h="loop",onPlay:x,onStop:T,onComplete:A,onUpdate:O,...k}){let o=1,V=!1,F,j;const M=()=>{F&&F(),j=new Promise(e=>{F=e})};M();let r;const P=re[_]||q.keyframes;let I;P!==q.keyframes&&typeof u[0]!="number"&&(I=ne.interpolate([0,100],u,{clamp:!1}),u=[0,100]);const s=P({...k,keyframes:u});let B;h==="mirror"&&(B=P({...k,keyframes:[...u].reverse(),velocity:-(k.velocity||0)}));let n="idle",l=null,i=null,v=null;s.calculatedDuration===null&&d&&(s.calculatedDuration=R.calcGeneratorDuration(s));const{calculatedDuration:S}=s;let c=1/0,g=1/0;S!==null&&(c=S+m,g=c*(d+1)-m);let t=0;const b=e=>{if(i===null)return;o>0&&(i=Math.min(i,e)),l!==null?t=l:t=(e-i)*o;const p=t-Y,z=p<0;t=Math.max(p,0),n==="finished"&&l===null&&(t=g);let C=t,E=s;if(d){const G=t/c;let y=Math.floor(G),a=G%1;!a&&G>=1&&(a=1),a===1&&y--,y=Math.min(y,d+1);const J=!!(y%2);J&&(h==="reverse"?(a=1-a,m&&(a-=m/c)):h==="mirror"&&(E=B));let L=ie.clamp(0,1,a);t>g&&(L=h==="reverse"&&J?1:0),C=L*c}const f=z?{done:!1,value:u[0]}:E.next(C);I&&(f.value=I(f.value));let{done:H}=f;!z&&S!==null&&(H=t>=g);const $=l===null&&(n==="finished"||n==="running"&&H||o<0&&t<=0);return O&&O(f.value),$&&U(),f},K=()=>{r&&r.stop(),r=void 0},N=()=>{n="idle",K(),M(),i=v=null},U=()=>{n="finished",A&&A(),K(),M()},W=()=>{if(V)return;r||(r=Z(b));const e=r.now();x&&x(),l!==null?i=e-l:(!i||n==="finished")&&(i=e),v=i,l=null,n="running",r.start()};X&&W();const w={then(e,p){return j.then(e,p)},get time(){return D.millisecondsToSeconds(t)},set time(e){e=D.secondsToMilliseconds(e),t=e,l!==null||!r||o===0?l=e:i=r.now()-e/o},get duration(){const e=s.calculatedDuration===null?R.calcGeneratorDuration(s):s.calculatedDuration;return D.millisecondsToSeconds(e)},get speed(){return o},set speed(e){e===o||!r||(o=e,w.time=D.millisecondsToSeconds(t))},get state(){return n},play:W,pause:()=>{n="paused",l=t},stop:()=>{V=!0,n!=="idle"&&(n="idle",T&&T(),N())},cancel:()=>{v!==null&&b(v),N()},complete:()=>{n="finished"},sample:e=>(i=0,b(e))};return w}exports.animateValue=le;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("./lyra151.cjs"),P=require("./lyra174.cjs"),T=require("./lyra175.cjs"),q=require("./lyra176.cjs"),m=require("./lyra177.cjs"),y=require("./lyra178.cjs"),F=require("./lyra179.cjs"),j=require("./lyra180.cjs"),V=require("./lyra154.cjs"),R=require("./lyra181.cjs"),v=require("./lyra182.cjs"),w=require("./lyra183.cjs"),E=require("./lyra184.cjs"),N=require("./lyra185.cjs"),x=require("./lyra186.cjs"),C=require("./lyra187.cjs"),b=require("./lyra188.cjs"),g=require("./lyra189.cjs"),p=require("./lyra190.cjs"),S=Object.keys(C.featureDefinitions),B=S.length,M=["AnimationStart","AnimationComplete","Update","BeforeLayoutMeasure","LayoutMeasure","LayoutAnimationStart","LayoutAnimationComplete"],L=b.variantProps.length;class O{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&&V.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)),m.hasReducedMotionListener.current||q.initPrefersReducedMotion(),this.shouldReduceMotion=this.reducedMotionConfig==="never"?!1:this.reducedMotionConfig==="always"?!0:m.prefersReducedMotion.current,process.env.NODE_ENV!=="production"&&x.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<B;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<L;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){var e;return this.latestValues[t]!==void 0||!this.current?this.latestValues[t]:(e=this.getBaseTargetFromProps(this.props,t))!==null&&e!==void 0?e: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=N.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&&!V.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 y.SubscriptionManager),this.events[t].add(e)}notify(t,...e){this.events[t]&&this.events[t].notify(...e)}}exports.VisualElement=O;