@new-black/lyra 0.0.25 → 0.0.26

package/dist/lyra17.js

@@ -1,32 +1,34 @@
-import { j as e } from "./lyra37.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 "./lyra71.js";
-import { ListBox as w } from "./lyra21.js";
-import { cx as i } from "./lyra72.js";
-import "./lyra82.js";
-import { Text as c } from "./lyra30.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 "./lyra109.js";
-import "./lyra19.js";
-import { SvgIcon as F } from "./lyra29.js";
+import "./lyra102.js";
+import "./lyra21.js";
+import { SvgIcon as F } from "./lyra31.js";
 import "./lyra14.js";
 import "./lyra8.js";
 import "./lyra80.js";
 import "./lyra16.js";
 import { sharedInputFieldWrapperStyles as I, sharedInputlabelStyles as B, sharedInputHintStyles as C, sharedInputFieldStyles as L } from "./lyra18.js";
-import "./lyra20.js";
-import { Popover as M } from "./lyra23.js";
-import { twMerge as d } from "./lyra38.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: r = "medium",
+  size: s = "medium",
   fullWidth: n,
   validationState: p,
   isRequired: f,
-  description: l,
-  errorMessage: m,
+  description: m,
+  errorMessage: l,
   ...t
 }, a) {
   return [t, a] = b(t, a, v), /* @__PURE__ */ e.jsx(
@@ -41,16 +43,16 @@ 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,
+                    r,
                     f && /* @__PURE__ */ e.jsx("span", { className: "text-danger", children: " *" })
                   ]
                 }
@@ -75,7 +77,7 @@ function P({
                 isHovered: j,
                 isFocused: h,
                 fullWidth: n,
-                size: r,
+                size: s,
                 validationState: p,
                 className: "w-full items-center justify-between gap-3"
               })
@@ -88,9 +90,9 @@ function P({
                   name: "chevron-down",
                   "aria-hidden": "true",
                   className: i(
-                    r === "large" && "h-5 w-5",
-                    r === "medium" && "h-4 w-4",
-                    r === "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"
                   )
@@ -99,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
           }
@@ -132,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"});function t(r){return typeof r=="string"||Array.isArray(r)}exports.isVariantLabel=t;
+"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,6 +1,5 @@
-function t(r) {
-  return typeof r == "string" || Array.isArray(r);
-}
+import { createContext as t } from "react";
+const o = t({ strict: !1 });
 export {
-  t as isVariantLabel
+  o as LazyContext
 };

package/dist/lyra171.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./lyra167.cjs"),d=require("./lyra173.cjs"),l=require("./lyra166.cjs"),V=require("./lyra140.cjs");function c(o,a,t){const{willChange:s}=a;for(const e in a){const i=a[e],r=t[e];if(V.isMotionValue(i))o.addValue(e,i),u.isWillChangeMotionValue(s)&&s.add(e),process.env.NODE_ENV==="development"&&d.warnOnce(i.version==="10.12.16",`Attempting to mix Framer Motion versions ${i.version} with 10.12.16 may not work as expected.`);else if(V.isMotionValue(r))o.addValue(e,l.motionValue(i,{owner:o})),u.isWillChangeMotionValue(s)&&s.remove(e);else if(r!==i)if(o.hasValue(e)){const n=o.getValue(e);!n.hasAnimated&&n.set(i)}else{const n=o.getStaticValue(e);o.addValue(e,l.motionValue(n!==void 0?n:i,{owner:o}))}}for(const e in t)a[e]===void 0&&o.removeValue(e);return a}exports.updateMotionValuesFromProps=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),e=t.createContext({});exports.SwitchLayoutGroupContext=e;

package/dist/lyra171.js

@@ -1,28 +1,5 @@
-import { isWillChangeMotionValue as u } from "./lyra167.js";
-import { warnOnce as l } from "./lyra173.js";
-import { motionValue as f } from "./lyra166.js";
-import { isMotionValue as d } from "./lyra140.js";
-function v(i, e, t) {
-  const { willChange: s } = e;
-  for (const o in e) {
-    const a = e[o], n = t[o];
-    if (d(a))
-      i.addValue(o, a), u(s) && s.add(o), process.env.NODE_ENV === "development" && l(a.version === "10.12.16", `Attempting to mix Framer Motion versions ${a.version} with 10.12.16 may not work as expected.`);
-    else if (d(n))
-      i.addValue(o, f(a, { owner: i })), u(s) && s.remove(o);
-    else if (n !== a)
-      if (i.hasValue(o)) {
-        const r = i.getValue(o);
-        !r.hasAnimated && r.set(a);
-      } else {
-        const r = i.getStaticValue(o);
-        i.addValue(o, f(r !== void 0 ? r : a, { owner: i }));
-      }
-  }
-  for (const o in t)
-    e[o] === void 0 && i.removeValue(o);
-  return e;
-}
+import { createContext as t } from "react";
+const e = t({});
 export {
-  v as updateMotionValuesFromProps
+  e as SwitchLayoutGroupContext
 };

package/dist/lyra172.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function v(a,r,e,t={},u={}){return typeof r=="function"&&(r=r(e!==void 0?e:a.custom,t,u)),typeof r=="string"&&(r=a.variants&&a.variants[r]),typeof r=="function"&&(r=r(e!==void 0?e:a.custom,t,u)),r}exports.resolveVariantFromProps=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=Symbol.for("motionComponentSymbol");exports.motionComponentSymbol=o;

package/dist/lyra172.js

@@ -1,6 +1,4 @@
-function y(r, a, v, f = {}, u = {}) {
-  return typeof a == "function" && (a = a(v !== void 0 ? v : r.custom, f, u)), typeof a == "string" && (a = r.variants && r.variants[a]), typeof a == "function" && (a = a(v !== void 0 ? v : r.custom, f, u)), a;
-}
+const o = Symbol.for("motionComponentSymbol");
 export {
-  y as resolveVariantFromProps
+  o as motionComponentSymbol
 };

package/dist/lyra173.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=new Set;function c(t,n,r){t||o.has(n)||(console.warn(n),r&&console.warn(r),o.add(n))}exports.warnOnce=c;
+"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;

package/dist/lyra173.js

@@ -1,7 +1,261 @@
-const r = /* @__PURE__ */ new Set();
-function w(c, n, o) {
-  c || r.has(n) || (console.warn(n), o && console.warn(o), r.add(n));
+import { warning as b, invariant as S } from "./lyra151.js";
+import { createBox as P } from "./lyra174.js";
+import { isRefObject as T } from "./lyra175.js";
+import { initPrefersReducedMotion as F } from "./lyra176.js";
+import { hasReducedMotionListener as y, prefersReducedMotion as R } from "./lyra177.js";
+import { SubscriptionManager as j } from "./lyra178.js";
+import { motionValue as w } from "./lyra179.js";
+import { isWillChangeMotionValue as N } from "./lyra180.js";
+import { isMotionValue as c } from "./lyra154.js";
+import { transformProps as E } from "./lyra181.js";
+import { isControllingVariants as x, isVariantNode as B } from "./lyra182.js";
+import { isVariantLabel as L } from "./lyra183.js";
+import { updateMotionValuesFromProps as I } from "./lyra184.js";
+import { resolveVariantFromProps as O } from "./lyra185.js";
+import { warnOnce as A } from "./lyra186.js";
+import { featureDefinitions as g } from "./lyra187.js";
+import { variantProps as M } from "./lyra188.js";
+import { visualElementStore as f } from "./lyra189.js";
+import { frame as m, cancelFrame as V } from "./lyra190.js";
+const C = Object.keys(g), U = C.length, v = [
+  "AnimationStart",
+  "AnimationComplete",
+  "Update",
+  "BeforeLayoutMeasure",
+  "LayoutMeasure",
+  "LayoutAnimationStart",
+  "LayoutAnimationComplete"
+], _ = M.length;
+class ot {
+  constructor({ parent: t, props: e, presenceContext: i, reducedMotionConfig: s, visualState: r }, u = {}) {
+    this.current = null, this.children = /* @__PURE__ */ new Set(), this.isVariantNode = !1, this.isControllingVariants = !1, this.shouldReduceMotion = null, this.values = /* @__PURE__ */ new Map(), this.features = {}, this.valueSubscriptions = /* @__PURE__ */ 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 = () => m.render(this.render, !1, !0);
+    const { latestValues: h, renderState: n } = r;
+    this.latestValues = h, this.baseTarget = { ...h }, this.initialValues = e.initial ? { ...h } : {}, this.renderState = n, this.parent = t, this.props = e, this.presenceContext = i, this.depth = t ? t.depth + 1 : 0, this.reducedMotionConfig = s, this.options = u, this.isControllingVariants = x(e), this.isVariantNode = B(e), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(t && t.current);
+    const { willChange: o, ...p } = this.scrapeMotionValuesFromProps(e, {});
+    for (const a in p) {
+      const l = p[a];
+      h[a] !== void 0 && c(l) && (l.set(h[a], !1), N(o) && o.add(a));
+    }
+  }
+  /**
+   * This method takes React props and returns found MotionValues. For example, HTML
+   * MotionValues will be found within the style prop, whereas for Three.js within attribute arrays.
+   *
+   * This isn't an abstract method as it needs calling in the constructor, but it is
+   * intended to be one.
+   */
+  scrapeMotionValuesFromProps(t, e) {
+    return {};
+  }
+  mount(t) {
+    this.current = t, f.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)), y.current || F(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : R.current, process.env.NODE_ENV !== "production" && A(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() {
+    f.delete(this.current), this.projection && this.projection.unmount(), V(this.notifyUpdate), V(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 = E.has(t), s = e.on("change", (u) => {
+      this.latestValues[t] = u, this.props.onUpdate && m.update(this.notifyUpdate, !1, !0), i && this.projection && (this.projection.isTransformDirty = !0);
+    }), r = e.on("renderRequest", this.scheduleRender);
+    this.valueSubscriptions.set(t, () => {
+      s(), r();
+    });
+  }
+  sortNodePosition(t) {
+    return !this.current || !this.sortInstanceNodePosition || this.type !== t.type ? 0 : this.sortInstanceNodePosition(this.current, t.current);
+  }
+  loadFeatures({ children: t, ...e }, i, s, r) {
+    let u, h;
+    if (process.env.NODE_ENV !== "production" && s && i) {
+      const n = "You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.";
+      e.ignoreStrict ? b(!1, n) : S(!1, n);
+    }
+    for (let n = 0; n < U; n++) {
+      const o = C[n], { isEnabled: p, Feature: a, ProjectionNode: l, MeasureLayout: d } = g[o];
+      l && (u = l), p(e) && (!this.features[o] && a && (this.features[o] = new a(this)), d && (h = d));
+    }
+    if (!this.projection && u) {
+      this.projection = new u(this.latestValues, this.parent && this.parent.projection);
+      const { layoutId: n, layout: o, drag: p, dragConstraints: a, layoutScroll: l, layoutRoot: d } = e;
+      this.projection.setOptions({
+        layoutId: n,
+        layout: o,
+        alwaysMeasureLayout: !!p || a && T(a),
+        visualElement: this,
+        scheduleRender: () => this.scheduleRender(),
+        /**
+         * TODO: Update options in an effect. This could be tricky as it'll be too late
+         * to update by the time layout animations run.
+         * We also need to fix this safeToRemove by linking it up to the one returned by usePresence,
+         * ensuring it gets called if there's no potential layout animations.
+         *
+         */
+        animationType: typeof o == "string" ? o : "both",
+        initialPromotionConfig: r,
+        layoutScroll: l,
+        layoutRoot: d
+      });
+    }
+    return h;
+  }
+  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);
+  }
+  /**
+   * Measure the current viewport box with or without transforms.
+   * Only measures axis-aligned boxes, rotate and skew must be manually
+   * removed with a re-render to work.
+   */
+  measureViewportBox() {
+    return this.current ? this.measureInstanceViewportBox(this.current, this.props) : P();
+  }
+  getStaticValue(t) {
+    return this.latestValues[t];
+  }
+  setStaticValue(t, e) {
+    this.latestValues[t] = e;
+  }
+  /**
+   * Make a target animatable by Popmotion. For instance, if we're
+   * trying to animate width from 100px to 100vw we need to measure 100vw
+   * in pixels to determine what we really need to animate to. This is also
+   * pluggable to support Framer's custom value types like Color,
+   * and CSS variables.
+   */
+  makeTargetAnimatable(t, e = !0) {
+    return this.makeTargetAnimatableFromInstance(t, this.props, e);
+  }
+  /**
+   * Update the provided props. Ensure any newly-added motion values are
+   * added to our map, old ones removed, and listeners updated.
+   */
+  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 < v.length; i++) {
+      const s = v[i];
+      this.propEventSubscriptions[s] && (this.propEventSubscriptions[s](), delete this.propEventSubscriptions[s]);
+      const r = t["on" + s];
+      r && (this.propEventSubscriptions[s] = this.on(s, r));
+    }
+    this.prevMotionValues = I(this, this.scrapeMotionValuesFromProps(t, this.prevProps), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
+  }
+  getProps() {
+    return this.props;
+  }
+  /**
+   * Returns the variant definition with a given name.
+   */
+  getVariant(t) {
+    return this.props.variants ? this.props.variants[t] : void 0;
+  }
+  /**
+   * Returns the defined default transition on this component.
+   */
+  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 < _; i++) {
+      const s = M[i], r = this.props[s];
+      (L(r) || r === !1) && (e[s] = r);
+    }
+    return e;
+  }
+  /**
+   * Add a child visual element to our set of children.
+   */
+  addVariantChild(t) {
+    const e = this.getClosestVariantNode();
+    if (e)
+      return e.variantChildren && e.variantChildren.add(t), () => e.variantChildren.delete(t);
+  }
+  /**
+   * Add a motion value and bind it to this visual element.
+   */
+  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();
+  }
+  /**
+   * Remove a motion value and unbind any active subscriptions.
+   */
+  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);
+  }
+  /**
+   * Check whether we have a motion value for this key
+   */
+  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 = w(e, { owner: this }), this.addValue(t, i)), i;
+  }
+  /**
+   * If we're trying to animate to a previously unencountered value,
+   * we need to check for it in our state and as a last resort read it
+   * directly from the instance (which might have performance implications).
+   */
+  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);
+  }
+  /**
+   * Set the base target to later animate back to. This is currently
+   * only hydrated on creation and when we first read a value.
+   */
+  setBaseTarget(t, e) {
+    this.baseTarget[t] = e;
+  }
+  /**
+   * Find the base target for a value thats been removed from all animation
+   * props.
+   */
+  getBaseTarget(t) {
+    var e;
+    const { initial: i } = this.props, s = typeof i == "string" || typeof i == "object" ? (e = O(this.props, i)) === null || e === void 0 ? void 0 : e[t] : void 0;
+    if (i && s !== void 0)
+      return s;
+    const r = this.getBaseTargetFromProps(this.props, t);
+    return r !== void 0 && !c(r) ? r : this.initialValues[t] !== void 0 && s === void 0 ? void 0 : this.baseTarget[t];
+  }
+  on(t, e) {
+    return this.events[t] || (this.events[t] = new j()), this.events[t].add(e);
+  }
+  notify(t, ...e) {
+    this.events[t] && this.events[t].notify(...e);
+  }
 }
 export {
-  w as warnOnce
+  ot as VisualElement
 };

package/dist/lyra174.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});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"]},o={};for(const e in n)o[e]={isEnabled:a=>n[e].some(t=>!!a[t])};exports.featureDefinitions=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=()=>({translate:0,scale:1,origin:0,originPoint:0}),a=()=>({x:e(),y:e()}),t=()=>({min:0,max:0}),c=()=>({x:t(),y:t()});exports.createAxis=t;exports.createAxisDelta=e;exports.createBox=c;exports.createDelta=a;

package/dist/lyra174.js

@@ -1,27 +1,18 @@
-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])
-  };
+const t = () => ({
+  translate: 0,
+  scale: 1,
+  origin: 0,
+  originPoint: 0
+}), a = () => ({
+  x: t(),
+  y: t()
+}), e = () => ({ min: 0, max: 0 }), c = () => ({
+  x: e(),
+  y: e()
+});
 export {
-  t as featureDefinitions
+  e as createAxis,
+  t as createAxisDelta,
+  c as createBox,
+  a as createDelta
 };

package/dist/lyra175.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"});function t(e){return typeof e=="object"&&Object.prototype.hasOwnProperty.call(e,"current")}exports.isRefObject=t;

package/dist/lyra175.js

@@ -1,13 +1,6 @@
-const i = [
-  "animate",
-  "whileInView",
-  "whileFocus",
-  "whileHover",
-  "whileTap",
-  "whileDrag",
-  "exit"
-], e = ["initial", ...i];
+function e(t) {
+  return typeof t == "object" && Object.prototype.hasOwnProperty.call(t, "current");
+}
 export {
-  i as variantPriorityOrder,
-  e as variantProps
+  e as isRefObject
 };

package/dist/lyra176.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 i=require("./lyra169.cjs"),e=require("./lyra177.cjs");function o(){if(e.hasReducedMotionListener.current=!0,!!i.isBrowser)if(window.matchMedia){const r=window.matchMedia("(prefers-reduced-motion)"),t=()=>e.prefersReducedMotion.current=r.matches;r.addListener(t),t()}else e.prefersReducedMotion.current=!1}exports.initPrefersReducedMotion=o;

package/dist/lyra176.js

@@ -1,4 +1,13 @@
-const e = /* @__PURE__ */ new WeakMap();
+import { isBrowser as o } from "./lyra169.js";
+import { hasReducedMotionListener as i, prefersReducedMotion as t } from "./lyra177.js";
+function c() {
+  if (i.current = !0, !!o)
+    if (window.matchMedia) {
+      const e = window.matchMedia("(prefers-reduced-motion)"), r = () => t.current = e.matches;
+      e.addListener(r), r();
+    } else
+      t.current = !1;
+}
 export {
-  e as visualElementStore
+  c as initPrefersReducedMotion
 };

package/dist/lyra177.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 e={current:null},t={current:!1};exports.hasReducedMotionListener=t;exports.prefersReducedMotion=e;

package/dist/lyra177.js

@@ -1,8 +1,5 @@
-const o = {};
-function r(c) {
-  Object.assign(o, c);
-}
+const e = { current: null }, n = { current: !1 };
 export {
-  r as addScaleCorrector,
-  o as scaleCorrectors
+  n as hasReducedMotionListener,
+  e as prefersReducedMotion
 };

package/dist/lyra178.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra168.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=require("./lyra217.cjs");class u{constructor(){this.subscriptions=[]}add(s){return o.addUniqueItem(this.subscriptions,s),()=>o.removeItem(this.subscriptions,s)}notify(s,r,e){const t=this.subscriptions.length;if(t)if(t===1)this.subscriptions[0](s,r,e);else for(let i=0;i<t;i++){const n=this.subscriptions[i];n&&n(s,r,e)}}getSize(){return this.subscriptions.length}clear(){this.subscriptions.length=0}}exports.SubscriptionManager=u;