framer-motion 6.1.0 → 6.2.4

package/dist/size-webpack-m.js

@@ -1,2 +1,2 @@
 /*! For license information please see size-webpack-m.js.LICENSE.txt */
-(()=>{"use strict";var t={4317:t=>{var e=new Error("Cannot find module ''");throw e.code="MODULE_NOT_FOUND",e}},e={};function n(r){var o=e[r];if(void 0!==o)return o.exports;var a=e[r]={exports:{}};return t[r](a,a.exports,n),a.exports}n.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return n.d(e,{a:e}),e},n.d=(t,e)=>{for(var r in e)n.o(e,r)&&!n.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:e[r]})},n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),(()=>{var t=function(e,n){return t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n])},t(e,n)};var e=function(){return e=Object.assign||function(t){for(var e,n=1,r=arguments.length;n<r;n++)for(var o in e=arguments[n])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t},e.apply(this,arguments)};function r(t,e){var n={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(n[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(t);o<r.length;o++)e.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(t,r[o])&&(n[r[o]]=t[r[o]])}return n}Object.create;Object.create;const o=void 0;var a=n.n(o),i=function(t){return{isEnabled:function(e){return t.some((function(t){return!!e[t]}))}}},s={measureLayout:i(["layout","layoutId","drag"]),animation:i(["animate","exit","variants","whileHover","whileTap","whileFocus","whileDrag","whileInView"]),exit:i(["exit"]),drag:i(["drag","dragControls"]),focus:i(["whileFocus"]),hover:i(["whileHover","onHoverStart","onHoverEnd"]),tap:i(["whileTap","onTap","onTapStart","onTapCancel"]),pan:i(["onPan","onPanStart","onPanSessionStart","onPanEnd"]),inView:i(["whileInView","onViewportEnter","onViewportLeave"])};var u=(0,o.createContext)({strict:!1}),c=Object.keys(s),l=c.length;var f=(0,o.createContext)({transformPagePoint:function(t){return t},isStatic:!1}),d=(0,o.createContext)({});var p=(0,o.createContext)(null),v="undefined"!=typeof window,m=v?o.useLayoutEffect:o.useEffect;function y(t,e,n,r){var a=(0,o.useContext)(u),i=(0,o.useContext)(d).visualElement,s=(0,o.useContext)(p),c=(0,o.useRef)(void 0);r||(r=a.renderer),!c.current&&r&&(c.current=r(t,{visualState:e,parent:i,props:n,presenceId:null==s?void 0:s.id,blockInitialAnimation:!1===(null==s?void 0:s.initial)}));var l=c.current;return m((function(){null==l||l.syncRender()})),(0,o.useEffect)((function(){var t;null===(t=null==l?void 0:l.animationState)||void 0===t||t.animateChanges()})),m((function(){return function(){return null==l?void 0:l.notifyUnmount()}}),[]),l}function g(t){return"object"==typeof t&&Object.prototype.hasOwnProperty.call(t,"current")}function h(t){return"string"==typeof t||function(t){return Array.isArray(t)}(t)}function w(t,e,n,r,o){var a;return void 0===r&&(r={}),void 0===o&&(o={}),"function"==typeof e&&(e=e(null!=n?n:t.custom,r,o)),"string"==typeof e&&(e=null===(a=t.variants)||void 0===a?void 0:a[e]),"function"==typeof e&&(e=e(null!=n?n:t.custom,r,o)),e}function b(t){var e;return"function"==typeof(null===(e=t.animate)||void 0===e?void 0:e.start)||h(t.initial)||h(t.animate)||h(t.whileHover)||h(t.whileDrag)||h(t.whileTap)||h(t.whileFocus)||h(t.exit)}function x(t){var e=function(t,e){if(b(t)){var n=t.initial,r=t.animate;return{initial:!1===n||h(n)?n:void 0,animate:h(r)?r:void 0}}return!1!==t.inherit?e:{}}(t,(0,o.useContext)(d)),n=e.initial,r=e.animate;return(0,o.useMemo)((function(){return{initial:n,animate:r}}),[O(n),O(r)])}function O(t){return Array.isArray(t)?t.join(" "):t}function S(t){var e=(0,o.useRef)(null);return null===e.current&&(e.current=t()),e.current}const C=1/60*1e3,E="undefined"!=typeof performance?()=>performance.now():()=>Date.now(),j="undefined"!=typeof window?t=>window.requestAnimationFrame(t):t=>setTimeout((()=>t(E())),C);let P=!0,T=!1,V=!1;const k={delta:0,timestamp:0},L=["read","update","preRender","render","postRender"],R=L.reduce(((t,e)=>(t[e]=function(t){let e=[],n=[],r=0,o=!1,a=!1;const i=new WeakSet,s={schedule:(t,a=!1,s=!1)=>{const u=s&&o,c=u?e:n;return a&&i.add(t),-1===c.indexOf(t)&&(c.push(t),u&&o&&(r=e.length)),t},cancel:t=>{const e=n.indexOf(t);-1!==e&&n.splice(e,1),i.delete(t)},process:u=>{if(o)a=!0;else{if(o=!0,[e,n]=[n,e],n.length=0,r=e.length,r)for(let n=0;n<r;n++){const r=e[n];r(u),i.has(r)&&(s.schedule(r),t())}o=!1,a&&(a=!1,s.process(u))}}};return s}((()=>T=!0)),t)),{}),A=(L.reduce(((t,e)=>{const n=R[e];return t[e]=(t,e=!1,r=!1)=>(T||D(),n.schedule(t,e,r)),t}),{}),L.reduce(((t,e)=>(t[e]=R[e].cancel,t)),{}),L.reduce(((t,e)=>(t[e]=()=>R[e].process(k),t)),{}),t=>R[t].process(k)),M=t=>{T=!1,k.delta=P?C:Math.max(Math.min(t-k.timestamp,40),1),k.timestamp=t,V=!0,L.forEach(A),V=!1,T&&(P=!1,j(M))},D=()=>{T=!0,P=!0,V||j(M)};var B={hasAnimatedSinceResize:!0,hasEverUpdated:!1};var X=1;var Y=(0,o.createContext)({}),F=(0,o.createContext)({});var H=function(e){function n(){return null!==e&&e.apply(this,arguments)||this}return function(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}(n,e),n.prototype.getSnapshotBeforeUpdate=function(){return this.updateProps(),null},n.prototype.componentDidUpdate=function(){},n.prototype.updateProps=function(){var t=this.props,e=t.visualElement,n=t.props;e&&e.setProps(n)},n.prototype.render=function(){return this.props.children},n}(a().Component);function I(t){var n=t.preloadedFeatures,r=t.createVisualElement,a=t.projectionNodeConstructor,i=t.useRender,p=t.useVisualState,m=t.Component;return n&&function(t){for(var e in t)null!==t[e]&&("projectionNodeConstructor"===e?s.projectionNodeConstructor=t[e]:s[e].Component=t[e])}(n),(0,o.forwardRef)((function(t,n){var h=function(t){var e,n=t.layoutId,r=null===(e=(0,o.useContext)(Y))||void 0===e?void 0:e.id;return r&&void 0!==n?r+"-"+n:n}(t);t=e(e({},t),{layoutId:h});var w=(0,o.useContext)(f),b=null,O=x(t),C=w.isStatic?void 0:S((function(){if(B.hasEverUpdated)return X++})),E=p(t,w.isStatic);return!w.isStatic&&v&&(O.visualElement=y(m,E,e(e({},w),t),r),function(t,e,n,r){var a,i=e.layoutId,s=e.layout,u=e.drag,c=e.dragConstraints,l=e.layoutScroll,f=(0,o.useContext)(F);r&&n&&!(null==n?void 0:n.projection)&&(n.projection=new r(t,n.getLatestValues(),null===(a=n.parent)||void 0===a?void 0:a.projection),n.projection.setOptions({layoutId:i,layout:s,alwaysMeasureLayout:Boolean(u)||c&&g(c),visualElement:n,scheduleRender:function(){return n.scheduleRender()},animationType:"string"==typeof s?s:"both",initialPromotionConfig:f,layoutScroll:l}))}(C,t,O.visualElement,a||s.projectionNodeConstructor),b=function(t,n,r){var a=[];if((0,o.useContext)(u),!n)return null;for(var i=0;i<l;i++){var f=c[i],d=s[f],p=d.isEnabled,v=d.Component;p(t)&&v&&a.push(o.createElement(v,e({key:f},t,{visualElement:n})))}return a}(t,O.visualElement)),o.createElement(H,{visualElement:O.visualElement,props:e(e({},w),t)},b,o.createElement(d.Provider,{value:O},i(m,t,C,function(t,e,n){return(0,o.useCallback)((function(r){var o;r&&(null===(o=t.mount)||void 0===o||o.call(t,r)),e&&(r?e.mount(r):e.unmount()),n&&("function"==typeof n?n(r):g(n)&&(n.current=r))}),[e])}(E,O.visualElement,n),E,w.isStatic,O.visualElement)))}))}var W=["animate","circle","defs","desc","ellipse","g","image","line","filter","marker","mask","metadata","path","pattern","polygon","polyline","rect","stop","svg","switch","symbol","text","tspan","use","view"];function _(t){return"string"==typeof t&&!t.includes("-")&&!!(W.indexOf(t)>-1||/[A-Z]/.test(t))}var U={};var Z=["","X","Y","Z"],z=["transformPerspective","x","y","z"];function N(t,e){return z.indexOf(t)-z.indexOf(e)}["translate","scale","rotate","skew"].forEach((function(t){return Z.forEach((function(e){return z.push(t+e)}))}));var K=new Set(z);function $(t){return K.has(t)}var q=new Set(["originX","originY","originZ"]);function G(t){return q.has(t)}function J(t,e){var n=e.layout,r=e.layoutId;return $(t)||G(t)||(n||void 0!==r)&&(!!U[t]||"opacity"===t)}var Q=function(t){return Boolean(null!==t&&"object"==typeof t&&t.getVelocity)},tt={x:"translateX",y:"translateY",z:"translateZ",transformPerspective:"perspective"};function et(t){return t.startsWith("--")}var nt=function(t,e){return e&&"number"==typeof t?e.transform(t):t};const rt=t=>({test:e=>function(t){return"string"==typeof t}(e)&&e.endsWith(t)&&1===e.split(" ").length,parse:parseFloat,transform:e=>`${e}${t}`}),ot=rt("deg"),at=rt("%"),it=rt("px"),st=(rt("vh"),rt("vw"),Object.assign(Object.assign({},at),{parse:t=>at.parse(t)/100,transform:t=>at.transform(100*t)})),ut={test:t=>"number"==typeof t,parse:parseFloat,transform:t=>t},ct=Object.assign(Object.assign({},ut),{transform:(lt=0,ft=1,t=>Math.max(Math.min(t,ft),lt))});var lt,ft;const dt=Object.assign(Object.assign({},ut),{default:1});var pt=e(e({},ut),{transform:Math.round}),vt={borderWidth:it,borderTopWidth:it,borderRightWidth:it,borderBottomWidth:it,borderLeftWidth:it,borderRadius:it,radius:it,borderTopLeftRadius:it,borderTopRightRadius:it,borderBottomRightRadius:it,borderBottomLeftRadius:it,width:it,maxWidth:it,height:it,maxHeight:it,size:it,top:it,right:it,bottom:it,left:it,padding:it,paddingTop:it,paddingRight:it,paddingBottom:it,paddingLeft:it,margin:it,marginTop:it,marginRight:it,marginBottom:it,marginLeft:it,rotate:ot,rotateX:ot,rotateY:ot,rotateZ:ot,scale:dt,scaleX:dt,scaleY:dt,scaleZ:dt,skew:ot,skewX:ot,skewY:ot,distance:it,translateX:it,translateY:it,translateZ:it,x:it,y:it,z:it,perspective:it,transformPerspective:it,opacity:ct,originX:st,originY:st,originZ:it,zIndex:pt,fillOpacity:ct,strokeOpacity:ct,numOctaves:pt};function mt(t,e,n,r){var o,a=t.style,i=t.vars,s=t.transform,u=t.transformKeys,c=t.transformOrigin;u.length=0;var l=!1,f=!1,d=!0;for(var p in e){var v=e[p];if(et(p))i[p]=v;else{var m=vt[p],y=nt(v,m);if($(p)){if(l=!0,s[p]=y,u.push(p),!d)continue;v!==(null!==(o=m.default)&&void 0!==o?o:0)&&(d=!1)}else G(p)?(c[p]=y,f=!0):a[p]=y}}l?a.transform=function(t,e,n,r){var o=t.transform,a=t.transformKeys,i=e.enableHardwareAcceleration,s=void 0===i||i,u=e.allowTransformNone,c=void 0===u||u,l="";a.sort(N);for(var f=!1,d=a.length,p=0;p<d;p++){var v=a[p];l+="".concat(tt[v]||v,"(").concat(o[v],") "),"z"===v&&(f=!0)}return!f&&s?l+="translateZ(0)":l=l.trim(),r?l=r(o,n?"":l):c&&n&&(l="none"),l}(t,n,d,r):r?a.transform=r({},""):!e.transform&&a.transform&&(a.transform="none"),f&&(a.transformOrigin=function(t){var e=t.originX,n=void 0===e?"50%":e,r=t.originY,o=void 0===r?"50%":r,a=t.originZ,i=void 0===a?0:a;return"".concat(n," ").concat(o," ").concat(i)}(c))}var yt=function(){return{style:{},transform:{},transformKeys:[],transformOrigin:{},vars:{}}};function gt(t,e,n){for(var r in e)Q(e[r])||J(r,n)||(t[r]=e[r])}function ht(t,n,r){var a={};return gt(a,t.style||{},t),Object.assign(a,function(t,n,r){var a=t.transformTemplate;return(0,o.useMemo)((function(){var t={style:{},transform:{},transformKeys:[],transformOrigin:{},vars:{}};mt(t,n,{enableHardwareAcceleration:!r},a);var o=t.style;return e(e({},t.vars),o)}),[n])}(t,n,r)),t.transformValues&&(a=t.transformValues(a)),a}function wt(t,e,n){var r={},o=ht(t,e,n);return Boolean(t.drag)&&!1!==t.dragListener&&(r.draggable=!1,o.userSelect=o.WebkitUserSelect=o.WebkitTouchCallout="none",o.touchAction=!0===t.drag?"none":"pan-".concat("x"===t.drag?"y":"x")),r.style=o,r}var bt=new Set(["initial","animate","exit","style","variants","transition","transformTemplate","transformValues","custom","inherit","layout","layoutId","layoutDependency","onLayoutAnimationComplete","onLayoutMeasure","onBeforeLayoutMeasure","onAnimationStart","onAnimationComplete","onUpdate","onDragStart","onDrag","onDragEnd","onMeasureDragConstraints","onDirectionLock","onDragTransitionEnd","drag","dragControls","dragListener","dragConstraints","dragDirectionLock","dragSnapToOrigin","_dragX","_dragY","dragElastic","dragMomentum","dragPropagation","dragTransition","whileDrag","onPan","onPanStart","onPanEnd","onPanSessionStart","onTap","onTapStart","onTapCancel","onHoverStart","onHoverEnd","whileFocus","whileTap","whileHover","whileInView","onViewportEnter","onViewportLeave","viewport","layoutScroll"]);function xt(t){return bt.has(t)}var Ot,St=function(t){return!xt(t)};try{(Ot=n(4317).default)&&(St=function(t){return t.startsWith("on")?!xt(t):Ot(t)})}catch(t){}function Ct(t,e,n){return"string"==typeof t?t:it.transform(e+n*t)}var Et={offset:"stroke-dashoffset",array:"stroke-dasharray"},jt={offset:"strokeDashoffset",array:"strokeDasharray"};function Pt(t,e,n,o){var a=e.attrX,i=e.attrY,s=e.originX,u=e.originY,c=e.pathLength,l=e.pathSpacing,f=void 0===l?1:l,d=e.pathOffset,p=void 0===d?0:d;mt(t,r(e,["attrX","attrY","originX","originY","pathLength","pathSpacing","pathOffset"]),n,o),t.attrs=t.style,t.style={};var v=t.attrs,m=t.style,y=t.dimensions;v.transform&&(y&&(m.transform=v.transform),delete v.transform),y&&(void 0!==s||void 0!==u||m.transform)&&(m.transformOrigin=function(t,e,n){var r=Ct(e,t.x,t.width),o=Ct(n,t.y,t.height);return"".concat(r," ").concat(o)}(y,void 0!==s?s:.5,void 0!==u?u:.5)),void 0!==a&&(v.x=a),void 0!==i&&(v.y=i),void 0!==c&&function(t,e,n,r,o){void 0===n&&(n=1),void 0===r&&(r=0),void 0===o&&(o=!0),t.pathLength=1;var a=o?Et:jt;t[a.offset]=it.transform(-r);var i=it.transform(e),s=it.transform(n);t[a.array]="".concat(i," ").concat(s)}(v,c,f,p,!1)}var Tt=function(){return e(e({},{style:{},transform:{},transformKeys:[],transformOrigin:{},vars:{}}),{attrs:{}})};function Vt(t,n){var r=(0,o.useMemo)((function(){var r=Tt();return Pt(r,n,{enableHardwareAcceleration:!1},t.transformTemplate),e(e({},r.attrs),{style:e({},r.style)})}),[n]);if(t.style){var a={};gt(a,t.style,t),r.style=e(e({},a),r.style)}return r}function kt(t){void 0===t&&(t=!1);return function(n,r,a,i,s,u){var c=s.latestValues,l=(_(n)?Vt:wt)(r,c,u),f=function(t,e,n){var r={};for(var o in t)(St(o)||!0===n&&xt(o)||!e&&!xt(o)||t.draggable&&o.startsWith("onDrag"))&&(r[o]=t[o]);return r}(r,"string"==typeof n,t),d=e(e(e({},f),l),{ref:i});return a&&(d["data-projection-id"]=a),(0,o.createElement)(n,d)}}var Lt=/([a-z])([A-Z])/g;var Rt=new Set(["baseFrequency","diffuseConstant","kernelMatrix","kernelUnitLength","keySplines","keyTimes","limitingConeAngle","markerHeight","markerWidth","numOctaves","targetX","targetY","surfaceScale","specularConstant","specularExponent","stdDeviation","tableValues","viewBox","gradientTransform","pathLength"]);function At(t,e){for(var n in function(t,e,n,r){var o=e.style,a=e.vars;for(var i in Object.assign(t.style,o,r&&r.getProjectionStyles(n)),a)t.style.setProperty(i,a[i])}(t,e),e.attrs)t.setAttribute(Rt.has(n)?n:n.replace(Lt,"$1-$2").toLowerCase(),e.attrs[n])}function Mt(t){var e=t.style,n={};for(var r in e)(Q(e[r])||J(r,t))&&(n[r]=e[r]);return n}function Dt(t){var e,n=Q(t)?t.get():t;return e=n,Boolean(e&&"object"==typeof e&&e.mix&&e.toValue)?n.toValue():n}function Bt(t,e,n,r){var o=t.scrapeMotionValuesFromProps,a=t.createRenderState,i=t.onMount,s={latestValues:Yt(e,n,r,o),renderState:a()};return i&&(s.mount=function(t){return i(e,t,s)}),s}var Xt=function(t){return function(e,n){var r=(0,o.useContext)(d),a=(0,o.useContext)(p);return n?Bt(t,e,r,a):S((function(){return Bt(t,e,r,a)}))}};function Yt(t,e,n,o){var a={},i=!1===(null==n?void 0:n.initial),s=o(t);for(var u in s)a[u]=Dt(s[u]);var c=t.initial,l=t.animate,f=b(t),d=function(t){return Boolean(b(t)||t.variants)}(t);e&&d&&!f&&!1!==t.inherit&&(null!=c||(c=e.initial),null!=l||(l=e.animate));var p,v=i||!1===c,m=v?l:c;!m||"boolean"==typeof m||"object"==typeof(p=m)&&"function"==typeof p.start||(Array.isArray(m)?m:[m]).forEach((function(e){var n=w(t,e);if(n){var o=n.transitionEnd,i=(n.transition,r(n,["transitionEnd","transition"]));for(var s in i){var u=i[s];if(Array.isArray(u))u=u[v?u.length-1:0];null!==u&&(a[s]=u)}for(var s in o)a[s]=o[s]}}));return a}var Ft={useVisualState:Xt({scrapeMotionValuesFromProps:function(t){var e=Mt(t);for(var n in t){if(Q(t[n]))e["x"===n||"y"===n?"attr"+n.toUpperCase():n]=t[n]}return e},createRenderState:Tt,onMount:function(t,e,n){var r=n.renderState,o=n.latestValues;try{r.dimensions="function"==typeof e.getBBox?e.getBBox():e.getBoundingClientRect()}catch(t){r.dimensions={x:0,y:0,width:0,height:0}}Pt(r,o,{enableHardwareAcceleration:!1},t.transformTemplate),At(e,r)}})},Ht={useVisualState:Xt({scrapeMotionValuesFromProps:Mt,createRenderState:yt})};!function(t){function e(e,n){return void 0===n&&(n={}),I(t(e,n))}if("undefined"==typeof Proxy)return e;var n=new Map;new Proxy(e,{get:function(t,r){return n.has(r)||n.set(r,e(r)),n.get(r)}})}((function(t,n,r,o,a){var i=n.forwardMotionProps,s=void 0!==i&&i,u=_(t)?Ft:Ht;return e(e({},u),{preloadedFeatures:r,useRender:kt(s),createVisualElement:o,projectionNodeConstructor:a,Component:t})}))})()})();
+(()=>{"use strict";var t={4317:t=>{var e=new Error("Cannot find module ''");throw e.code="MODULE_NOT_FOUND",e}},e={};function n(r){var o=e[r];if(void 0!==o)return o.exports;var a=e[r]={exports:{}};return t[r](a,a.exports,n),a.exports}n.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return n.d(e,{a:e}),e},n.d=(t,e)=>{for(var r in e)n.o(e,r)&&!n.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:e[r]})},n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),(()=>{var t=function(e,n){return t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n])},t(e,n)};var e=function(){return e=Object.assign||function(t){for(var e,n=1,r=arguments.length;n<r;n++)for(var o in e=arguments[n])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t},e.apply(this,arguments)};function r(t,e){var n={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(n[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(t);o<r.length;o++)e.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(t,r[o])&&(n[r[o]]=t[r[o]])}return n}Object.create;function o(t,e){var n="function"==typeof Symbol&&t[Symbol.iterator];if(!n)return t;var r,o,a=n.call(t),i=[];try{for(;(void 0===e||e-- >0)&&!(r=a.next()).done;)i.push(r.value)}catch(t){o={error:t}}finally{try{r&&!r.done&&(n=a.return)&&n.call(a)}finally{if(o)throw o.error}}return i}Object.create;const a=void 0;var i=n.n(a),s=function(t){return{isEnabled:function(e){return t.some((function(t){return!!e[t]}))}}},u={measureLayout:s(["layout","layoutId","drag"]),animation:s(["animate","exit","variants","whileHover","whileTap","whileFocus","whileDrag","whileInView"]),exit:s(["exit"]),drag:s(["drag","dragControls"]),focus:s(["whileFocus"]),hover:s(["whileHover","onHoverStart","onHoverEnd"]),tap:s(["whileTap","onTap","onTapStart","onTapCancel"]),pan:s(["onPan","onPanStart","onPanSessionStart","onPanEnd"]),inView:s(["whileInView","onViewportEnter","onViewportLeave"])};var c=(0,a.createContext)({strict:!1}),l=Object.keys(u),f=l.length;var d=(0,a.createContext)({transformPagePoint:function(t){return t},isStatic:!1,reducedMotion:"never"}),p=(0,a.createContext)({});var v=(0,a.createContext)(null),m="undefined"!=typeof window,y=m?a.useLayoutEffect:a.useEffect,g={current:null},h=!1;function w(){return!h&&function(){if(h=!0,"undefined"!=typeof window)if(window.matchMedia){var t=window.matchMedia("(prefers-reduced-motion)"),e=function(){return g.current=t.matches};t.addListener(e),e()}else g.current=!1}(),o((0,a.useState)(g.current),1)[0]}function b(t,e,n,r){var o,i,s=(0,a.useContext)(c),u=(0,a.useContext)(p).visualElement,l=(0,a.useContext)(v),f=(o=w(),"never"!==(i=(0,a.useContext)(d).reducedMotion)&&("always"===i||o)),m=(0,a.useRef)(void 0);r||(r=s.renderer),!m.current&&r&&(m.current=r(t,{visualState:e,parent:u,props:n,presenceId:null==l?void 0:l.id,blockInitialAnimation:!1===(null==l?void 0:l.initial),shouldReduceMotion:f}));var g=m.current;return y((function(){null==g||g.syncRender()})),(0,a.useEffect)((function(){var t;null===(t=null==g?void 0:g.animationState)||void 0===t||t.animateChanges()})),y((function(){return function(){return null==g?void 0:g.notifyUnmount()}}),[]),g}function x(t){return"object"==typeof t&&Object.prototype.hasOwnProperty.call(t,"current")}function O(t){return"string"==typeof t||function(t){return Array.isArray(t)}(t)}function S(t,e,n,r,o){var a;return void 0===r&&(r={}),void 0===o&&(o={}),"function"==typeof e&&(e=e(null!=n?n:t.custom,r,o)),"string"==typeof e&&(e=null===(a=t.variants)||void 0===a?void 0:a[e]),"function"==typeof e&&(e=e(null!=n?n:t.custom,r,o)),e}function C(t){var e;return"function"==typeof(null===(e=t.animate)||void 0===e?void 0:e.start)||O(t.initial)||O(t.animate)||O(t.whileHover)||O(t.whileDrag)||O(t.whileTap)||O(t.whileFocus)||O(t.exit)}function E(t){var e=function(t,e){if(C(t)){var n=t.initial,r=t.animate;return{initial:!1===n||O(n)?n:void 0,animate:O(r)?r:void 0}}return!1!==t.inherit?e:{}}(t,(0,a.useContext)(p)),n=e.initial,r=e.animate;return(0,a.useMemo)((function(){return{initial:n,animate:r}}),[j(n),j(r)])}function j(t){return Array.isArray(t)?t.join(" "):t}function P(t){var e=(0,a.useRef)(null);return null===e.current&&(e.current=t()),e.current}const T=1/60*1e3,M="undefined"!=typeof performance?()=>performance.now():()=>Date.now(),V="undefined"!=typeof window?t=>window.requestAnimationFrame(t):t=>setTimeout((()=>t(M())),T);let k=!0,L=!1,R=!1;const A={delta:0,timestamp:0},D=["read","update","preRender","render","postRender"],B=D.reduce(((t,e)=>(t[e]=function(t){let e=[],n=[],r=0,o=!1,a=!1;const i=new WeakSet,s={schedule:(t,a=!1,s=!1)=>{const u=s&&o,c=u?e:n;return a&&i.add(t),-1===c.indexOf(t)&&(c.push(t),u&&o&&(r=e.length)),t},cancel:t=>{const e=n.indexOf(t);-1!==e&&n.splice(e,1),i.delete(t)},process:u=>{if(o)a=!0;else{if(o=!0,[e,n]=[n,e],n.length=0,r=e.length,r)for(let n=0;n<r;n++){const r=e[n];r(u),i.has(r)&&(s.schedule(r),t())}o=!1,a&&(a=!1,s.process(u))}}};return s}((()=>L=!0)),t)),{}),X=(D.reduce(((t,e)=>{const n=B[e];return t[e]=(t,e=!1,r=!1)=>(L||F(),n.schedule(t,e,r)),t}),{}),D.reduce(((t,e)=>(t[e]=B[e].cancel,t)),{}),D.reduce(((t,e)=>(t[e]=()=>B[e].process(A),t)),{}),t=>B[t].process(A)),Y=t=>{L=!1,A.delta=k?T:Math.max(Math.min(t-A.timestamp,40),1),A.timestamp=t,R=!0,D.forEach(X),R=!1,L&&(k=!1,V(Y))},F=()=>{L=!0,k=!0,R||V(Y)};var H={hasAnimatedSinceResize:!0,hasEverUpdated:!1};var I=1;var W=(0,a.createContext)({}),_=(0,a.createContext)({});var U=function(e){function n(){return null!==e&&e.apply(this,arguments)||this}return function(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}(n,e),n.prototype.getSnapshotBeforeUpdate=function(){return this.updateProps(),null},n.prototype.componentDidUpdate=function(){},n.prototype.updateProps=function(){var t=this.props,e=t.visualElement,n=t.props;e&&e.setProps(n)},n.prototype.render=function(){return this.props.children},n}(i().Component);function Z(t){var n=t.preloadedFeatures,r=t.createVisualElement,o=t.projectionNodeConstructor,i=t.useRender,s=t.useVisualState,v=t.Component;return n&&function(t){for(var e in t)null!==t[e]&&("projectionNodeConstructor"===e?u.projectionNodeConstructor=t[e]:u[e].Component=t[e])}(n),(0,a.forwardRef)((function(t,n){var y=function(t){var e,n=t.layoutId,r=null===(e=(0,a.useContext)(W))||void 0===e?void 0:e.id;return r&&void 0!==n?r+"-"+n:n}(t);t=e(e({},t),{layoutId:y});var g=(0,a.useContext)(d),h=null,w=E(t),O=g.isStatic?void 0:P((function(){if(H.hasEverUpdated)return I++})),S=s(t,g.isStatic);return!g.isStatic&&m&&(w.visualElement=b(v,S,e(e({},g),t),r),function(t,e,n,r){var o,i=e.layoutId,s=e.layout,u=e.drag,c=e.dragConstraints,l=e.layoutScroll,f=(0,a.useContext)(_);r&&n&&!(null==n?void 0:n.projection)&&(n.projection=new r(t,n.getLatestValues(),null===(o=n.parent)||void 0===o?void 0:o.projection),n.projection.setOptions({layoutId:i,layout:s,alwaysMeasureLayout:Boolean(u)||c&&x(c),visualElement:n,scheduleRender:function(){return n.scheduleRender()},animationType:"string"==typeof s?s:"both",initialPromotionConfig:f,layoutScroll:l}))}(O,t,w.visualElement,o||u.projectionNodeConstructor),h=function(t,n,r){var o=[];if((0,a.useContext)(c),!n)return null;for(var i=0;i<f;i++){var s=l[i],d=u[s],p=d.isEnabled,v=d.Component;p(t)&&v&&o.push(a.createElement(v,e({key:s},t,{visualElement:n})))}return o}(t,w.visualElement)),a.createElement(U,{visualElement:w.visualElement,props:e(e({},g),t)},h,a.createElement(p.Provider,{value:w},i(v,t,O,function(t,e,n){return(0,a.useCallback)((function(r){var o;r&&(null===(o=t.mount)||void 0===o||o.call(t,r)),e&&(r?e.mount(r):e.unmount()),n&&("function"==typeof n?n(r):x(n)&&(n.current=r))}),[e])}(S,w.visualElement,n),S,g.isStatic,w.visualElement)))}))}var z=["animate","circle","defs","desc","ellipse","g","image","line","filter","marker","mask","metadata","path","pattern","polygon","polyline","rect","stop","svg","switch","symbol","text","tspan","use","view"];function N(t){return"string"==typeof t&&!t.includes("-")&&!!(z.indexOf(t)>-1||/[A-Z]/.test(t))}var K={};var $=["","X","Y","Z"],q=["transformPerspective","x","y","z"];function G(t,e){return q.indexOf(t)-q.indexOf(e)}["translate","scale","rotate","skew"].forEach((function(t){return $.forEach((function(e){return q.push(t+e)}))}));var J=new Set(q);function Q(t){return J.has(t)}var tt=new Set(["originX","originY","originZ"]);function et(t){return tt.has(t)}function nt(t,e){var n=e.layout,r=e.layoutId;return Q(t)||et(t)||(n||void 0!==r)&&(!!K[t]||"opacity"===t)}var rt=function(t){return Boolean(null!==t&&"object"==typeof t&&t.getVelocity)},ot={x:"translateX",y:"translateY",z:"translateZ",transformPerspective:"perspective"};function at(t){return t.startsWith("--")}var it=function(t,e){return e&&"number"==typeof t?e.transform(t):t};const st=t=>({test:e=>function(t){return"string"==typeof t}(e)&&e.endsWith(t)&&1===e.split(" ").length,parse:parseFloat,transform:e=>`${e}${t}`}),ut=st("deg"),ct=st("%"),lt=st("px"),ft=(st("vh"),st("vw"),Object.assign(Object.assign({},ct),{parse:t=>ct.parse(t)/100,transform:t=>ct.transform(100*t)})),dt={test:t=>"number"==typeof t,parse:parseFloat,transform:t=>t},pt=Object.assign(Object.assign({},dt),{transform:(vt=0,mt=1,t=>Math.max(Math.min(t,mt),vt))});var vt,mt;const yt=Object.assign(Object.assign({},dt),{default:1});var gt=e(e({},dt),{transform:Math.round}),ht={borderWidth:lt,borderTopWidth:lt,borderRightWidth:lt,borderBottomWidth:lt,borderLeftWidth:lt,borderRadius:lt,radius:lt,borderTopLeftRadius:lt,borderTopRightRadius:lt,borderBottomRightRadius:lt,borderBottomLeftRadius:lt,width:lt,maxWidth:lt,height:lt,maxHeight:lt,size:lt,top:lt,right:lt,bottom:lt,left:lt,padding:lt,paddingTop:lt,paddingRight:lt,paddingBottom:lt,paddingLeft:lt,margin:lt,marginTop:lt,marginRight:lt,marginBottom:lt,marginLeft:lt,rotate:ut,rotateX:ut,rotateY:ut,rotateZ:ut,scale:yt,scaleX:yt,scaleY:yt,scaleZ:yt,skew:ut,skewX:ut,skewY:ut,distance:lt,translateX:lt,translateY:lt,translateZ:lt,x:lt,y:lt,z:lt,perspective:lt,transformPerspective:lt,opacity:pt,originX:ft,originY:ft,originZ:lt,zIndex:gt,fillOpacity:pt,strokeOpacity:pt,numOctaves:gt};function wt(t,e,n,r){var o,a=t.style,i=t.vars,s=t.transform,u=t.transformKeys,c=t.transformOrigin;u.length=0;var l=!1,f=!1,d=!0;for(var p in e){var v=e[p];if(at(p))i[p]=v;else{var m=ht[p],y=it(v,m);if(Q(p)){if(l=!0,s[p]=y,u.push(p),!d)continue;v!==(null!==(o=m.default)&&void 0!==o?o:0)&&(d=!1)}else et(p)?(c[p]=y,f=!0):a[p]=y}}l?a.transform=function(t,e,n,r){var o=t.transform,a=t.transformKeys,i=e.enableHardwareAcceleration,s=void 0===i||i,u=e.allowTransformNone,c=void 0===u||u,l="";a.sort(G);for(var f=!1,d=a.length,p=0;p<d;p++){var v=a[p];l+="".concat(ot[v]||v,"(").concat(o[v],") "),"z"===v&&(f=!0)}return!f&&s?l+="translateZ(0)":l=l.trim(),r?l=r(o,n?"":l):c&&n&&(l="none"),l}(t,n,d,r):r?a.transform=r({},""):!e.transform&&a.transform&&(a.transform="none"),f&&(a.transformOrigin=function(t){var e=t.originX,n=void 0===e?"50%":e,r=t.originY,o=void 0===r?"50%":r,a=t.originZ,i=void 0===a?0:a;return"".concat(n," ").concat(o," ").concat(i)}(c))}var bt=function(){return{style:{},transform:{},transformKeys:[],transformOrigin:{},vars:{}}};function xt(t,e,n){for(var r in e)rt(e[r])||nt(r,n)||(t[r]=e[r])}function Ot(t,n,r){var o={};return xt(o,t.style||{},t),Object.assign(o,function(t,n,r){var o=t.transformTemplate;return(0,a.useMemo)((function(){var t={style:{},transform:{},transformKeys:[],transformOrigin:{},vars:{}};wt(t,n,{enableHardwareAcceleration:!r},o);var a=t.style;return e(e({},t.vars),a)}),[n])}(t,n,r)),t.transformValues&&(o=t.transformValues(o)),o}function St(t,e,n){var r={},o=Ot(t,e,n);return Boolean(t.drag)&&!1!==t.dragListener&&(r.draggable=!1,o.userSelect=o.WebkitUserSelect=o.WebkitTouchCallout="none",o.touchAction=!0===t.drag?"none":"pan-".concat("x"===t.drag?"y":"x")),r.style=o,r}var Ct=new Set(["initial","animate","exit","style","variants","transition","transformTemplate","transformValues","custom","inherit","layout","layoutId","layoutDependency","onLayoutAnimationComplete","onLayoutMeasure","onBeforeLayoutMeasure","onAnimationStart","onAnimationComplete","onUpdate","onDragStart","onDrag","onDragEnd","onMeasureDragConstraints","onDirectionLock","onDragTransitionEnd","drag","dragControls","dragListener","dragConstraints","dragDirectionLock","dragSnapToOrigin","_dragX","_dragY","dragElastic","dragMomentum","dragPropagation","dragTransition","whileDrag","onPan","onPanStart","onPanEnd","onPanSessionStart","onTap","onTapStart","onTapCancel","onHoverStart","onHoverEnd","whileFocus","whileTap","whileHover","whileInView","onViewportEnter","onViewportLeave","viewport","layoutScroll"]);function Et(t){return Ct.has(t)}var jt,Pt=function(t){return!Et(t)};try{(jt=n(4317).default)&&(Pt=function(t){return t.startsWith("on")?!Et(t):jt(t)})}catch(t){}function Tt(t,e,n){return"string"==typeof t?t:lt.transform(e+n*t)}var Mt={offset:"stroke-dashoffset",array:"stroke-dasharray"},Vt={offset:"strokeDashoffset",array:"strokeDasharray"};function kt(t,e,n,o){var a=e.attrX,i=e.attrY,s=e.originX,u=e.originY,c=e.pathLength,l=e.pathSpacing,f=void 0===l?1:l,d=e.pathOffset,p=void 0===d?0:d;wt(t,r(e,["attrX","attrY","originX","originY","pathLength","pathSpacing","pathOffset"]),n,o),t.attrs=t.style,t.style={};var v=t.attrs,m=t.style,y=t.dimensions;v.transform&&(y&&(m.transform=v.transform),delete v.transform),y&&(void 0!==s||void 0!==u||m.transform)&&(m.transformOrigin=function(t,e,n){var r=Tt(e,t.x,t.width),o=Tt(n,t.y,t.height);return"".concat(r," ").concat(o)}(y,void 0!==s?s:.5,void 0!==u?u:.5)),void 0!==a&&(v.x=a),void 0!==i&&(v.y=i),void 0!==c&&function(t,e,n,r,o){void 0===n&&(n=1),void 0===r&&(r=0),void 0===o&&(o=!0),t.pathLength=1;var a=o?Mt:Vt;t[a.offset]=lt.transform(-r);var i=lt.transform(e),s=lt.transform(n);t[a.array]="".concat(i," ").concat(s)}(v,c,f,p,!1)}var Lt=function(){return e(e({},{style:{},transform:{},transformKeys:[],transformOrigin:{},vars:{}}),{attrs:{}})};function Rt(t,n){var r=(0,a.useMemo)((function(){var r=Lt();return kt(r,n,{enableHardwareAcceleration:!1},t.transformTemplate),e(e({},r.attrs),{style:e({},r.style)})}),[n]);if(t.style){var o={};xt(o,t.style,t),r.style=e(e({},o),r.style)}return r}function At(t){void 0===t&&(t=!1);return function(n,r,o,i,s,u){var c=s.latestValues,l=(N(n)?Rt:St)(r,c,u),f=function(t,e,n){var r={};for(var o in t)(Pt(o)||!0===n&&Et(o)||!e&&!Et(o)||t.draggable&&o.startsWith("onDrag"))&&(r[o]=t[o]);return r}(r,"string"==typeof n,t),d=e(e(e({},f),l),{ref:i});return o&&(d["data-projection-id"]=o),(0,a.createElement)(n,d)}}var Dt=/([a-z])([A-Z])/g;var Bt=new Set(["baseFrequency","diffuseConstant","kernelMatrix","kernelUnitLength","keySplines","keyTimes","limitingConeAngle","markerHeight","markerWidth","numOctaves","targetX","targetY","surfaceScale","specularConstant","specularExponent","stdDeviation","tableValues","viewBox","gradientTransform","pathLength"]);function Xt(t,e){for(var n in function(t,e,n,r){var o=e.style,a=e.vars;for(var i in Object.assign(t.style,o,r&&r.getProjectionStyles(n)),a)t.style.setProperty(i,a[i])}(t,e),e.attrs)t.setAttribute(Bt.has(n)?n:n.replace(Dt,"$1-$2").toLowerCase(),e.attrs[n])}function Yt(t){var e=t.style,n={};for(var r in e)(rt(e[r])||nt(r,t))&&(n[r]=e[r]);return n}function Ft(t){var e,n=rt(t)?t.get():t;return e=n,Boolean(e&&"object"==typeof e&&e.mix&&e.toValue)?n.toValue():n}function Ht(t,e,n,r){var o=t.scrapeMotionValuesFromProps,a=t.createRenderState,i=t.onMount,s={latestValues:Wt(e,n,r,o),renderState:a()};return i&&(s.mount=function(t){return i(e,t,s)}),s}var It=function(t){return function(e,n){var r=(0,a.useContext)(p),o=(0,a.useContext)(v);return n?Ht(t,e,r,o):P((function(){return Ht(t,e,r,o)}))}};function Wt(t,e,n,o){var a={},i=!1===(null==n?void 0:n.initial),s=o(t);for(var u in s)a[u]=Ft(s[u]);var c=t.initial,l=t.animate,f=C(t),d=function(t){return Boolean(C(t)||t.variants)}(t);e&&d&&!f&&!1!==t.inherit&&(null!=c||(c=e.initial),null!=l||(l=e.animate));var p,v=i||!1===c,m=v?l:c;!m||"boolean"==typeof m||"object"==typeof(p=m)&&"function"==typeof p.start||(Array.isArray(m)?m:[m]).forEach((function(e){var n=S(t,e);if(n){var o=n.transitionEnd,i=(n.transition,r(n,["transitionEnd","transition"]));for(var s in i){var u=i[s];if(Array.isArray(u))u=u[v?u.length-1:0];null!==u&&(a[s]=u)}for(var s in o)a[s]=o[s]}}));return a}var _t={useVisualState:It({scrapeMotionValuesFromProps:function(t){var e=Yt(t);for(var n in t){if(rt(t[n]))e["x"===n||"y"===n?"attr"+n.toUpperCase():n]=t[n]}return e},createRenderState:Lt,onMount:function(t,e,n){var r=n.renderState,o=n.latestValues;try{r.dimensions="function"==typeof e.getBBox?e.getBBox():e.getBoundingClientRect()}catch(t){r.dimensions={x:0,y:0,width:0,height:0}}kt(r,o,{enableHardwareAcceleration:!1},t.transformTemplate),Xt(e,r)}})},Ut={useVisualState:It({scrapeMotionValuesFromProps:Yt,createRenderState:bt})};!function(t){function e(e,n){return void 0===n&&(n={}),Z(t(e,n))}if("undefined"==typeof Proxy)return e;var n=new Map;new Proxy(e,{get:function(t,r){return n.has(r)||n.set(r,e(r)),n.get(r)}})}((function(t,n,r,o,a){var i=n.forwardMotionProps,s=void 0!==i&&i,u=N(t)?_t:Ut;return e(e({},u),{preloadedFeatures:r,useRender:At(s),createVisualElement:o,projectionNodeConstructor:a,Component:t})}))})()})();

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "framer-motion",
-    "version": "6.1.0",
+    "version": "6.2.4",
     "description": "A simple and powerful React animation library",
     "main": "dist/cjs/index.js",
     "module": "dist/es/index.mjs",
@@ -71,32 +71,32 @@
     "bundlesize": [
         {
             "path": "./dist/framer-motion.js",
-            "maxSize": "35.3 kB"
+            "maxSize": "35.5 kB"
         },
         {
             "path": "./dist/size-rollup-m.js",
-            "maxSize": "6.1 kB"
+            "maxSize": "6.4 kB"
         },
         {
             "path": "./dist/size-rollup-dom-animation.js",
-            "maxSize": "16.95 kB"
+            "maxSize": "17 kB"
         },
         {
             "path": "./dist/size-rollup-dom-max.js",
-            "maxSize": "28 kB"
+            "maxSize": "28.1 kB"
         },
         {
             "path": "./dist/size-webpack-m.js",
-            "maxSize": "6.4 kB"
+            "maxSize": "6.7 kB"
         },
         {
             "path": "./dist/size-webpack-dom-animation.js",
-            "maxSize": "19.4 kB"
+            "maxSize": "19.5 kB"
         },
         {
             "path": "./dist/size-webpack-dom-max.js",
             "maxSize": "31.5 kB"
         }
     ],
-    "gitHead": "16034a645d20f5d5cffd059cb11ce852235cadef"
+    "gitHead": "2291837d0112143f166137a9e7dee83ec0518331"
 }

package/types/context/MotionConfigContext.d.ts

@@ -22,6 +22,13 @@ export interface MotionConfigContext {
      * @public
      */
     transition?: Transition;
+    /**
+     * If true, will respect the device prefersReducedMotion setting by switching
+     * transform animations off.
+     *
+     * @public
+     */
+    reducedMotion?: "always" | "never" | "user";
 }
 /**
  * @public

package/types/index.d.ts

@@ -34,7 +34,7 @@ export { useTime } from "./value/use-time";
 /**
  * Accessibility
  */
-export { useReducedMotion } from "./utils/use-reduced-motion";
+export { useReducedMotion, useReducedMotionConfig, } from "./utils/use-reduced-motion";
 /**
  * Utils
  */

package/types/projection/node/DocumentProjectionNode.d.ts

@@ -78,11 +78,11 @@ export declare const DocumentProjectionNode: {
         hide(): void;
         show(): void;
         scheduleRender(notifyAll?: boolean): void;
-        animationProgress: number;
         animationValues?: import("../..").ResolvedValues | undefined;
         pendingAnimation?: import("framesync").Process | undefined;
         currentAnimation?: import("../..").AnimationPlaybackControls | undefined;
         mixTargetDelta: (progress: number) => void;
+        animationProgress: number;
         setAnimationOrigin(delta: import("../..").Delta, hasOnlyRelativeTargetChanged?: boolean): void;
         startAnimation(options: import("../..").AnimationOptions<number>): void;
         completeAnimation(): void;

package/types/projection/node/HTMLProjectionNode.d.ts

@@ -82,11 +82,11 @@ export declare const HTMLProjectionNode: {
         hide(): void;
         show(): void;
         scheduleRender(notifyAll?: boolean): void;
-        animationProgress: number;
         animationValues?: import("../..").ResolvedValues | undefined;
         pendingAnimation?: import("framesync").Process | undefined;
         currentAnimation?: import("../..").AnimationPlaybackControls | undefined;
         mixTargetDelta: (progress: number) => void;
+        animationProgress: number;
         setAnimationOrigin(delta: import("../..").Delta, hasOnlyRelativeTargetChanged?: boolean): void;
         startAnimation(options: import("../..").AnimationOptions<number>): void;
         completeAnimation(): void;

package/types/projection/node/create-projection-node.d.ts

@@ -265,11 +265,11 @@ export declare function createProjectionNode<I>({ attachResizeListener, defaultP
         /**
          * Animation
          */
-        animationProgress: number;
         animationValues?: ResolvedValues | undefined;
         pendingAnimation?: Process | undefined;
         currentAnimation?: AnimationPlaybackControls | undefined;
         mixTargetDelta: (progress: number) => void;
+        animationProgress: number;
         setAnimationOrigin(delta: Delta, hasOnlyRelativeTargetChanged?: boolean): void;
         startAnimation(options: AnimationOptions<number>): void;
         completeAnimation(): void;

package/types/projection/node/types.d.ts

@@ -16,7 +16,7 @@ export interface Layout {
     measured: Box;
     actual: Box;
 }
-export declare type LayoutEvents = "willUpdate" | "didUpdate" | "measure" | "projectionUpdate" | "animationComplete";
+export declare type LayoutEvents = "willUpdate" | "didUpdate" | "beforeMeasure" | "measure" | "projectionUpdate" | "animationComplete";
 export interface IProjectionNode<I = unknown> {
     id: number | undefined;
     parent?: IProjectionNode;

package/types/render/html/visual-element.d.ts

@@ -3,4 +3,4 @@ import { VisualElementConfig } from "../types";
 import { DOMVisualElementOptions } from "../dom/types";
 export declare function getComputedStyle(element: HTMLElement): CSSStyleDeclaration;
 export declare const htmlConfig: VisualElementConfig<HTMLElement, HTMLRenderState, DOMVisualElementOptions>;
-export declare const htmlVisualElement: ({ parent, props, presenceId, blockInitialAnimation, visualState, }: import("../types").VisualElementOptions<HTMLElement, any>, options?: DOMVisualElementOptions) => import("../types").VisualElement<HTMLElement, any>;
+export declare const htmlVisualElement: ({ parent, props, presenceId, blockInitialAnimation, visualState, shouldReduceMotion, }: import("../types").VisualElementOptions<HTMLElement, any>, options?: DOMVisualElementOptions) => import("../types").VisualElement<HTMLElement, any>;

package/types/render/index.d.ts

@@ -1,2 +1,2 @@
 import { VisualElement, VisualElementConfig, VisualElementOptions } from "./types";
-export declare const visualElement: <Instance, MutableState, Options>({ treeType, build, getBaseTarget, makeTargetAnimatable, measureViewportBox, render: renderInstance, readValueFromInstance, removeValueFromRenderState, sortNodePosition, scrapeMotionValuesFromProps, }: VisualElementConfig<Instance, MutableState, Options>) => ({ parent, props, presenceId, blockInitialAnimation, visualState, }: VisualElementOptions<Instance, any>, options?: Options) => VisualElement<Instance, any>;
+export declare const visualElement: <Instance, MutableState, Options>({ treeType, build, getBaseTarget, makeTargetAnimatable, measureViewportBox, render: renderInstance, readValueFromInstance, removeValueFromRenderState, sortNodePosition, scrapeMotionValuesFromProps, }: VisualElementConfig<Instance, MutableState, Options>) => ({ parent, props, presenceId, blockInitialAnimation, visualState, shouldReduceMotion, }: VisualElementOptions<Instance, any>, options?: Options) => VisualElement<Instance, any>;

package/types/render/svg/visual-element.d.ts

@@ -1,2 +1,2 @@
 import { DOMVisualElementOptions } from "../dom/types";
-export declare const svgVisualElement: ({ parent, props, presenceId, blockInitialAnimation, visualState, }: import("../types").VisualElementOptions<SVGElement, any>, options?: DOMVisualElementOptions) => import("../types").VisualElement<SVGElement, any>;
+export declare const svgVisualElement: ({ parent, props, presenceId, blockInitialAnimation, visualState, shouldReduceMotion, }: import("../types").VisualElementOptions<SVGElement, any>, options?: DOMVisualElementOptions) => import("../types").VisualElement<SVGElement, any>;

package/types/render/types.d.ts

@@ -32,6 +32,7 @@ export interface VisualElement<Instance = any, RenderState = any> extends Lifecy
     measureViewportBox(withTransform?: boolean): Box;
     addVariantChild(child: VisualElement): undefined | (() => void);
     getClosestVariantNode(): VisualElement | undefined;
+    shouldReduceMotion?: boolean | null;
     animateMotionValue?: typeof startAnimation;
     projection?: IProjectionNode;
     /**
@@ -101,6 +102,7 @@ export declare type VisualElementOptions<Instance, RenderState = any> = {
     presenceId?: number | undefined;
     props: MotionProps;
     blockInitialAnimation?: boolean;
+    shouldReduceMotion?: boolean | null;
 };
 export declare type CreateVisualElement<Instance> = (Component: string | React.ComponentType, options: VisualElementOptions<Instance>) => VisualElement<Instance>;
 /**

package/types/render/utils/lifecycles.d.ts

@@ -3,7 +3,7 @@ import { Axis, Box, Delta } from "../../projection/geometry/types";
 import { ResolvedValues } from "../types";
 import { AnimationDefinition } from "./animation";
 export declare type LayoutMeasureListener = (layout: Box, prevLayout?: Box) => void;
-export declare type BeforeLayoutMeasureListener = (layout: Axis) => void;
+export declare type BeforeLayoutMeasureListener = () => void;
 export declare type LayoutUpdateListener = (layout: Axis, prevLayout: Axis) => void;
 export declare type UpdateListener = (latest: ResolvedValues) => void;
 export declare type AnimationStartListener = (definition: AnimationDefinition) => void;

package/types/utils/use-reduced-motion.d.ts

@@ -25,3 +25,4 @@
  * @public
  */
 export declare function useReducedMotion(): boolean | null;
+export declare function useReducedMotionConfig(): boolean | null;