framer-motion 12.4.13 → 12.5.0

package/dist/size-rollup-scroll.js

@@ -1 +1 @@
-const e=e=>e;let t=e;const n=(e,t,n)=>{const r=t-e;return 0===r?1:(n-e)/r},r=function(e){let t;return()=>(void 0===t&&(t=e()),t)}(()=>void 0!==window.ScrollTimeline);const s=["read","resolveKeyframes","update","preRender","render","postRender"],o={value:null,addProjectionMetrics:null};const{schedule:i,cancel:a,state:c,steps:u}=function(e,t){let n=!1,r=!0;const i={delta:0,timestamp:0,isProcessing:!1},a=()=>n=!0,c=s.reduce((e,n)=>(e[n]=function(e,t){let n=new Set,r=new Set,s=!1,i=!1;const a=new WeakSet;let c={delta:0,timestamp:0,isProcessing:!1},u=0;function l(t){a.has(t)&&(f.schedule(t),e()),u++,t(c)}const f={schedule:(e,t=!1,o=!1)=>{const i=o&&s?n:r;return t&&a.add(e),i.has(e)||i.add(e),e},cancel:e=>{r.delete(e),a.delete(e)},process:e=>{c=e,s?i=!0:(s=!0,[n,r]=[r,n],n.forEach(l),t&&o.value&&o.value.frameloop[t].push(u),u=0,n.clear(),s=!1,i&&(i=!1,f.process(e)))}};return f}(a,t?n:void 0),e),{}),{read:u,resolveKeyframes:l,update:f,preRender:d,render:h,postRender:g}=c,p=()=>{const s=performance.now();n=!1,i.delta=r?1e3/60:Math.max(Math.min(s-i.timestamp,40),1),i.timestamp=s,i.isProcessing=!0,u.process(i),l.process(i),f.process(i),d.process(i),h.process(i),g.process(i),i.isProcessing=!1,n&&t&&(r=!1,e(p))};return{schedule:s.reduce((t,s)=>{const o=c[s];return t[s]=(t,s=!1,a=!1)=>(n||(n=!0,r=!0,i.isProcessing||e(p)),o.schedule(t,s,a)),t},{}),cancel:e=>{for(let t=0;t<s.length;t++)c[s[t]].cancel(e)},state:i,steps:c}}("undefined"!=typeof requestAnimationFrame?requestAnimationFrame:e,!0);function l(e,t){let n;const r=()=>{const{currentTime:r}=t,s=(null===r?0:r.value)/100;n!==s&&e(s),n=s};return i.update(r,!0),()=>a(r)}const f=new WeakMap;let d;function h({target:e,contentRect:t,borderBoxSize:n}){var r;null===(r=f.get(e))||void 0===r||r.forEach(r=>{r({target:e,contentSize:t,get size(){return function(e,t){if(t){const{inlineSize:e,blockSize:n}=t[0];return{width:e,height:n}}return e instanceof SVGElement&&"getBBox"in e?e.getBBox():{width:e.offsetWidth,height:e.offsetHeight}}(e,n)}})})}function g(e){e.forEach(h)}function p(e,t){d||"undefined"!=typeof ResizeObserver&&(d=new ResizeObserver(g));const n=function(e,t,n){var r;if(e instanceof EventTarget)return[e];if("string"==typeof e){let s=document;t&&(s=t.current);const o=null!==(r=null==n?void 0:n[e])&&void 0!==r?r:s.querySelectorAll(e);return o?Array.from(o):[]}return Array.from(e)}(e);return n.forEach(e=>{let n=f.get(e);n||(n=new Set,f.set(e,n)),n.add(t),null==d||d.observe(e)}),()=>{n.forEach(e=>{const n=f.get(e);null==n||n.delete(t),(null==n?void 0:n.size)||null==d||d.unobserve(e)})}}const m=new Set;let v;function y(e){return m.add(e),v||(v=()=>{const e={width:window.innerWidth,height:window.innerHeight},t={target:window,size:e,contentSize:e};m.forEach(e=>e(t))},window.addEventListener("resize",v)),()=>{m.delete(e),!m.size&&v&&(v=void 0)}}const b={x:{length:"Width",position:"Left"},y:{length:"Height",position:"Top"}};function w(e,t,r,s){const o=r[t],{length:i,position:a}=b[t],c=o.current,u=r.time;o.current=e["scroll"+a],o.scrollLength=e["scroll"+i]-e["client"+i],o.offset.length=0,o.offset[0]=0,o.offset[1]=o.scrollLength,o.progress=n(0,o.scrollLength,o.current);const l=s-u;var f,d;o.velocity=l>50?0:(f=o.current-c,(d=l)?f*(1e3/d):0)}const x=(e,t,n)=>n>t?t:n<e?e:n,E=(e,t,n)=>e+(t-e)*n;function W(e,t,n){return n<0&&(n+=1),n>1&&(n-=1),n<1/6?e+6*(t-e)*n:n<.5?t:n<2/3?e+(t-e)*(2/3-n)*6:e}const L={test:e=>"number"==typeof e,parse:parseFloat,transform:e=>e},S={...L,transform:e=>x(0,1,e)},M=e=>Math.round(1e5*e)/1e5,z=/-?(?:\d+(?:\.\d+)?|\.\d+)/gu;const A=/^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu,B=(e,t)=>n=>Boolean("string"==typeof n&&A.test(n)&&n.startsWith(e)||t&&!function(e){return null==e}(n)&&Object.prototype.hasOwnProperty.call(n,t)),O=(e,t,n)=>r=>{if("string"!=typeof r)return r;const[s,o,i,a]=r.match(z);return{[e]:parseFloat(s),[t]:parseFloat(o),[n]:parseFloat(i),alpha:void 0!==a?parseFloat(a):1}},T={...L,transform:e=>Math.round((e=>x(0,255,e))(e))},H={test:B("rgb","red"),parse:O("red","green","blue"),transform:({red:e,green:t,blue:n,alpha:r=1})=>"rgba("+T.transform(e)+", "+T.transform(t)+", "+T.transform(n)+", "+M(S.transform(r))+")"};const F={test:B("#"),parse:function(e){let t="",n="",r="",s="";return e.length>5?(t=e.substring(1,3),n=e.substring(3,5),r=e.substring(5,7),s=e.substring(7,9)):(t=e.substring(1,2),n=e.substring(2,3),r=e.substring(3,4),s=e.substring(4,5),t+=t,n+=n,r+=r,s+=s),{red:parseInt(t,16),green:parseInt(n,16),blue:parseInt(r,16),alpha:s?parseInt(s,16)/255:1}},transform:H.transform},P=(e=>({test:t=>"string"==typeof t&&t.endsWith(e)&&1===t.split(" ").length,parse:parseFloat,transform:t=>`${t}${e}`}))("%"),R={test:B("hsl","hue"),parse:O("hue","saturation","lightness"),transform:({hue:e,saturation:t,lightness:n,alpha:r=1})=>"hsla("+Math.round(e)+", "+P.transform(M(t))+", "+P.transform(M(n))+", "+M(S.transform(r))+")"};function N(e,t){return n=>n>0?t:e}const k=(e,t,n)=>{const r=e*e,s=n*(t*t-r)+r;return s<0?0:Math.sqrt(s)},$=[F,H,R];function q(e){const t=(n=e,$.find(e=>e.test(n)));var n;if(!Boolean(t))return!1;let r=t.parse(e);return t===R&&(r=function({hue:e,saturation:t,lightness:n,alpha:r}){e/=360,n/=100;let s=0,o=0,i=0;if(t/=100){const r=n<.5?n*(1+t):n+t-n*t,a=2*n-r;s=W(a,r,e+1/3),o=W(a,r,e),i=W(a,r,e-1/3)}else s=o=i=n;return{red:Math.round(255*s),green:Math.round(255*o),blue:Math.round(255*i),alpha:r}}(r)),r}const I=(e,t)=>{const n=q(e),r=q(t);if(!n||!r)return N(e,t);const s={...n};return e=>(s.red=k(n.red,r.red,e),s.green=k(n.green,r.green,e),s.blue=k(n.blue,r.blue,e),s.alpha=E(n.alpha,r.alpha,e),H.transform(s))},j=(e,t)=>n=>t(e(n)),G=(...e)=>e.reduce(j),C=e=>H.test(e)||F.test(e)||R.test(e),K=e=>H.test(e)?H.parse(e):R.test(e)?R.parse(e):F.parse(e),V=e=>"string"==typeof e?e:e.hasOwnProperty("red")?H.transform(e):R.transform(e),D=/(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;const J=/var\s*\(\s*--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)|#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\)|-?(?:\d+(?:\.\d+)?|\.\d+)/giu;function Q(e){const t=e.toString(),n=[],r={color:[],number:[],var:[]},s=[];let o=0;const i=t.replace(J,e=>(C(e)?(r.color.push(o),s.push("color"),n.push(K(e))):e.startsWith("var(")?(r.var.push(o),s.push("var"),n.push(e)):(r.number.push(o),s.push("number"),n.push(parseFloat(e))),++o,"${}")).split("${}");return{values:n,split:i,indexes:r,types:s}}function U(e){return Q(e).values}function X(e){const{split:t,types:n}=Q(e),r=t.length;return e=>{let s="";for(let o=0;o<r;o++)if(s+=t[o],void 0!==e[o]){const t=n[o];s+="number"===t?M(e[o]):"color"===t?V(e[o]):e[o]}return s}}const Y=e=>"number"==typeof e?0:e;const Z={test:function(e){var t,n;return isNaN(e)&&"string"==typeof e&&((null===(t=e.match(z))||void 0===t?void 0:t.length)||0)+((null===(n=e.match(D))||void 0===n?void 0:n.length)||0)>0},parse:U,createTransformer:X,getAnimatableNone:function(e){const t=U(e);return X(e)(t.map(Y))}},_=(e=>t=>"string"==typeof t&&t.startsWith(e))("var(--"),ee=/var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu,te=new Set(["none","hidden"]);function ne(e,t){return n=>E(e,t,n)}function re(e){return"number"==typeof e?ne:"string"==typeof e?_(t=e)&&ee.test(t.split("/*")[0].trim())?N:C(e)?I:ie:Array.isArray(e)?se:"object"==typeof e?C(e)?I:oe:N;var t}function se(e,t){const n=[...e],r=n.length,s=e.map((e,n)=>re(e)(e,t[n]));return e=>{for(let t=0;t<r;t++)n[t]=s[t](e);return n}}function oe(e,t){const n={...e,...t},r={};for(const s in n)void 0!==e[s]&&void 0!==t[s]&&(r[s]=re(e[s])(e[s],t[s]));return e=>{for(const t in r)n[t]=r[t](e);return n}}const ie=(e,t)=>{const n=Z.createTransformer(t),r=Q(e),s=Q(t);return r.indexes.var.length===s.indexes.var.length&&r.indexes.color.length===s.indexes.color.length&&r.indexes.number.length>=s.indexes.number.length?te.has(e)&&!s.values.length||te.has(t)&&!r.values.length?function(e,t){return te.has(e)?n=>n<=0?e:t:n=>n>=1?t:e}(e,t):G(se(function(e,t){var n;const r=[],s={color:0,var:0,number:0};for(let o=0;o<t.values.length;o++){const i=t.types[o],a=e.indexes[i][s[i]],c=null!==(n=e.values[a])&&void 0!==n?n:0;r[o]=c,s[i]++}return r}(r,s),s.values),n):N(e,t)};function ae(e,t,n){if("number"==typeof e&&"number"==typeof t&&"number"==typeof n)return E(e,t,n);return re(e)(e,t)}function ce(r,s,{clamp:o=!0,ease:i,mixer:a}={}){const c=r.length;if(t(c===s.length),1===c)return()=>s[0];if(2===c&&s[0]===s[1])return()=>s[1];const u=r[0]===r[1];r[0]>r[c-1]&&(r=[...r].reverse(),s=[...s].reverse());const l=function(t,n,r){const s=[],o=r||ae,i=t.length-1;for(let r=0;r<i;r++){let i=o(t[r],t[r+1]);if(n){const t=Array.isArray(n)?n[r]||e:n;i=G(t,i)}s.push(i)}return s}(s,i,a),f=l.length,d=e=>{if(u&&e<r[0])return s[0];let t=0;if(f>1)for(;t<r.length-2&&!(e<r[t+1]);t++);const o=n(r[t],r[t+1],e);return l[t](o)};return o?e=>d(x(r[0],r[c-1],e)):d}function ue(e){const t=[0];return function(e,t){const r=e[e.length-1];for(let s=1;s<=t;s++){const o=n(0,t,s);e.push(E(r,1,o))}}(t,e.length-1),t}const le={start:0,center:.5,end:1};function fe(e,t,n=0){let r=0;if(e in le&&(e=le[e]),"string"==typeof e){const t=parseFloat(e);e.endsWith("px")?r=t:e.endsWith("%")?e=t/100:e.endsWith("vw")?r=t/100*document.documentElement.clientWidth:e.endsWith("vh")?r=t/100*document.documentElement.clientHeight:e=t}return"number"==typeof e&&(r=t*e),n+r}const de=[0,0];function he(e,t,n,r){let s=Array.isArray(e)?e:de,o=0,i=0;return"number"==typeof e?s=[e,e]:"string"==typeof e&&(s=(e=e.trim()).includes(" ")?e.split(" "):[e,le[e]?e:"0"]),o=fe(s[0],n,r),i=fe(s[1],t),o-i}const ge={Enter:[[0,1],[1,1]],Exit:[[0,0],[1,0]],Any:[[1,0],[0,1]],All:[[0,0],[1,1]]},pe={x:0,y:0};function me(e,t,n){const{offset:r=ge.All}=n,{target:s=e,axis:o="y"}=n,i="y"===o?"height":"width",a=s!==e?function(e,t){const n={x:0,y:0};let r=e;for(;r&&r!==t;)if(r instanceof HTMLElement)n.x+=r.offsetLeft,n.y+=r.offsetTop,r=r.offsetParent;else if("svg"===r.tagName){const e=r.getBoundingClientRect();r=r.parentElement;const t=r.getBoundingClientRect();n.x+=e.left-t.left,n.y+=e.top-t.top}else{if(!(r instanceof SVGGraphicsElement))break;{const{x:e,y:t}=r.getBBox();n.x+=e,n.y+=t;let s=null,o=r.parentNode;for(;!s;)"svg"===o.tagName&&(s=o),o=r.parentNode;r=s}}return n}(s,e):pe,c=s===e?{width:e.scrollWidth,height:e.scrollHeight}:function(e){return"getBBox"in e&&"svg"!==e.tagName?e.getBBox():{width:e.clientWidth,height:e.clientHeight}}(s),u={width:e.clientWidth,height:e.clientHeight};t[o].offset.length=0;let l=!t[o].interpolate;const f=r.length;for(let e=0;e<f;e++){const n=he(r[e],u[i],c[i],a[o]);l||n===t[o].interpolatorOffsets[e]||(l=!0),t[o].offset[e]=n}l&&(t[o].interpolate=ce(t[o].offset,ue(r),{clamp:!1}),t[o].interpolatorOffsets=[...t[o].offset]),t[o].progress=x(0,1,t[o].interpolate(t[o].current))}function ve(e,t,n,r={}){return{measure:()=>function(e,t=e,n){if(n.x.targetOffset=0,n.y.targetOffset=0,t!==e){let r=t;for(;r&&r!==e;)n.x.targetOffset+=r.offsetLeft,n.y.targetOffset+=r.offsetTop,r=r.offsetParent}n.x.targetLength=t===e?t.scrollWidth:t.clientWidth,n.y.targetLength=t===e?t.scrollHeight:t.clientHeight,n.x.containerLength=e.clientWidth,n.y.containerLength=e.clientHeight}(e,r.target,n),update:t=>{!function(e,t,n){w(e,"x",t,n),w(e,"y",t,n),t.time=n}(e,n,t),(r.offset||r.target)&&me(e,n,r)},notify:()=>t(n)}}const ye=new WeakMap,be=new WeakMap,we=new WeakMap,xe=e=>e===document.documentElement?window:e;function Ee(e,{container:t=document.documentElement,...n}={}){let r=we.get(t);r||(r=new Set,we.set(t,r));const s=ve(t,e,{time:0,x:{current:0,offset:[],progress:0,scrollLength:0,targetOffset:0,targetLength:0,containerLength:0,velocity:0},y:{current:0,offset:[],progress:0,scrollLength:0,targetOffset:0,targetLength:0,containerLength:0,velocity:0}},n);if(r.add(s),!ye.has(t)){const e=()=>{for(const e of r)e.measure()},n=()=>{for(const e of r)e.update(c.timestamp)},s=()=>{for(const e of r)e.notify()},a=()=>{i.read(e,!1,!0),i.read(n,!1,!0),i.update(s,!1,!0)};ye.set(t,a);const l=xe(t);window.addEventListener("resize",a,{passive:!0}),t!==document.documentElement&&be.set(t,(u=a,"function"==typeof(o=t)?y(o):p(o,u))),l.addEventListener("scroll",a,{passive:!0})}var o,u;const l=ye.get(t);return i.read(l,!1,!0),()=>{var e;a(l);const n=we.get(t);if(!n)return;if(n.delete(s),n.size)return;const r=ye.get(t);ye.delete(t),r&&(xe(t).removeEventListener("scroll",r),null===(e=be.get(t))||void 0===e||e(),window.removeEventListener("resize",r))}}const We=new Map;function Le({source:e,container:t=document.documentElement,axis:n="y"}={}){e&&(t=e),We.has(t)||We.set(t,{});const s=We.get(t);return s[n]||(s[n]=r()?new ScrollTimeline({source:t,axis:n}):function({source:e,container:t,axis:n="y"}){e&&(t=e);const r={value:0},s=Ee(e=>{r.value=100*e[n].progress},{container:t,axis:n});return{currentTime:r,cancel:s}}({source:t,axis:n})),s[n]}function Se(e){return e&&(e.target||e.offset)}function Me(t,{axis:n="y",...r}={}){const s={axis:n,...r};return"function"==typeof t?function(e,t){return function(e){return 2===e.length}(e)||Se(t)?Ee(n=>{e(n[t.axis].progress,n)},t):l(e,Le(t))}(t,s):function(t,n){if(t.flatten(),Se(n))return t.pause(),Ee(e=>{t.time=t.duration*e[n.axis].progress},n);{const r=Le(n);return t.attachTimeline?t.attachTimeline(r,e=>(e.pause(),l(t=>{e.time=e.duration*t},r))):e}}(t,s)}export{Me as scroll};
+const e=e=>e;let t=e;function n(e){let t;return()=>(void 0===t&&(t=e()),t)}const r=(e,t,n)=>{const r=t-e;return 0===r?1:(n-e)/r};const s=n(()=>void 0!==window.ScrollTimeline),o=["read","resolveKeyframes","update","preRender","render","postRender"],i={value:null,addProjectionMetrics:null};function a(e,t){let n=!1,r=!0;const s={delta:0,timestamp:0,isProcessing:!1},a=()=>n=!0,c=o.reduce((e,n)=>(e[n]=function(e,t){let n=new Set,r=new Set,s=!1,o=!1;const a=new WeakSet;let c={delta:0,timestamp:0,isProcessing:!1},u=0;function l(t){a.has(t)&&(f.schedule(t),e()),u++,t(c)}const f={schedule:(e,t=!1,o=!1)=>{const i=o&&s?n:r;return t&&a.add(e),i.has(e)||i.add(e),e},cancel:e=>{r.delete(e),a.delete(e)},process:e=>{c=e,s?o=!0:(s=!0,[n,r]=[r,n],n.forEach(l),t&&i.value&&i.value.frameloop[t].push(u),u=0,n.clear(),s=!1,o&&(o=!1,f.process(e)))}};return f}(a,t?n:void 0),e),{}),{read:u,resolveKeyframes:l,update:f,preRender:d,render:h,postRender:g}=c,p=()=>{const o=performance.now();n=!1,s.delta=r?1e3/60:Math.max(Math.min(o-s.timestamp,40),1),s.timestamp=o,s.isProcessing=!0,u.process(s),l.process(s),f.process(s),d.process(s),h.process(s),g.process(s),s.isProcessing=!1,n&&t&&(r=!1,e(p))};return{schedule:o.reduce((t,o)=>{const i=c[o];return t[o]=(t,o=!1,a=!1)=>(n||(n=!0,r=!0,s.isProcessing||e(p)),i.schedule(t,o,a)),t},{}),cancel:e=>{for(let t=0;t<o.length;t++)c[o[t]].cancel(e)},state:s,steps:c}}const{schedule:c,cancel:u,state:l,steps:f}=a("undefined"!=typeof requestAnimationFrame?requestAnimationFrame:e,!0);function d(e,t){let n;const r=()=>{const{currentTime:r}=t,s=(null===r?0:r.value)/100;n!==s&&e(s),n=s};return c.update(r,!0),()=>u(r)}const h=new WeakMap;let g;function p({target:e,contentRect:t,borderBoxSize:n}){var r;null===(r=h.get(e))||void 0===r||r.forEach(r=>{r({target:e,contentSize:t,get size(){return function(e,t){if(t){const{inlineSize:e,blockSize:n}=t[0];return{width:e,height:n}}return e instanceof SVGElement&&"getBBox"in e?e.getBBox():{width:e.offsetWidth,height:e.offsetHeight}}(e,n)}})})}function m(e){e.forEach(p)}function v(e,t){g||"undefined"!=typeof ResizeObserver&&(g=new ResizeObserver(m));const n=function(e,t,n){var r;if(e instanceof EventTarget)return[e];if("string"==typeof e){let s=document;t&&(s=t.current);const o=null!==(r=null==n?void 0:n[e])&&void 0!==r?r:s.querySelectorAll(e);return o?Array.from(o):[]}return Array.from(e)}(e);return n.forEach(e=>{let n=h.get(e);n||(n=new Set,h.set(e,n)),n.add(t),null==g||g.observe(e)}),()=>{n.forEach(e=>{const n=h.get(e);null==n||n.delete(t),(null==n?void 0:n.size)||null==g||g.unobserve(e)})}}const y=new Set;let b;function w(e){return y.add(e),b||(b=()=>{const e={width:window.innerWidth,height:window.innerHeight},t={target:window,size:e,contentSize:e};y.forEach(e=>e(t))},window.addEventListener("resize",b)),()=>{y.delete(e),!y.size&&b&&(b=void 0)}}const x={x:{length:"Width",position:"Left"},y:{length:"Height",position:"Top"}};function E(e,t,n,s){const o=n[t],{length:i,position:a}=x[t],c=o.current,u=n.time;o.current=e["scroll"+a],o.scrollLength=e["scroll"+i]-e["client"+i],o.offset.length=0,o.offset[0]=0,o.offset[1]=o.scrollLength,o.progress=r(0,o.scrollLength,o.current);const l=s-u;var f,d;o.velocity=l>50?0:(f=o.current-c,(d=l)?f*(1e3/d):0)}const W=(e,t,n)=>n>t?t:n<e?e:n,L=(e,t,n)=>e+(t-e)*n;function S(e,t,n){return n<0&&(n+=1),n>1&&(n-=1),n<1/6?e+6*(t-e)*n:n<.5?t:n<2/3?e+(t-e)*(2/3-n)*6:e}const M={test:e=>"number"==typeof e,parse:parseFloat,transform:e=>e},z={...M,transform:e=>W(0,1,e)},A=e=>Math.round(1e5*e)/1e5,B=/-?(?:\d+(?:\.\d+)?|\.\d+)/gu;const O=/^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu,T=(e,t)=>n=>Boolean("string"==typeof n&&O.test(n)&&n.startsWith(e)||t&&!function(e){return null==e}(n)&&Object.prototype.hasOwnProperty.call(n,t)),H=(e,t,n)=>r=>{if("string"!=typeof r)return r;const[s,o,i,a]=r.match(B);return{[e]:parseFloat(s),[t]:parseFloat(o),[n]:parseFloat(i),alpha:void 0!==a?parseFloat(a):1}},F={...M,transform:e=>Math.round((e=>W(0,255,e))(e))},P={test:T("rgb","red"),parse:H("red","green","blue"),transform:({red:e,green:t,blue:n,alpha:r=1})=>"rgba("+F.transform(e)+", "+F.transform(t)+", "+F.transform(n)+", "+A(z.transform(r))+")"};const R={test:T("#"),parse:function(e){let t="",n="",r="",s="";return e.length>5?(t=e.substring(1,3),n=e.substring(3,5),r=e.substring(5,7),s=e.substring(7,9)):(t=e.substring(1,2),n=e.substring(2,3),r=e.substring(3,4),s=e.substring(4,5),t+=t,n+=n,r+=r,s+=s),{red:parseInt(t,16),green:parseInt(n,16),blue:parseInt(r,16),alpha:s?parseInt(s,16)/255:1}},transform:P.transform},N=(e=>({test:t=>"string"==typeof t&&t.endsWith(e)&&1===t.split(" ").length,parse:parseFloat,transform:t=>`${t}${e}`}))("%"),k={test:T("hsl","hue"),parse:H("hue","saturation","lightness"),transform:({hue:e,saturation:t,lightness:n,alpha:r=1})=>"hsla("+Math.round(e)+", "+N.transform(A(t))+", "+N.transform(A(n))+", "+A(z.transform(r))+")"};function $(e,t){return n=>n>0?t:e}const q=(e,t,n)=>{const r=e*e,s=n*(t*t-r)+r;return s<0?0:Math.sqrt(s)},I=[R,P,k];function j(e){const t=(n=e,I.find(e=>e.test(n)));var n;if(!Boolean(t))return!1;let r=t.parse(e);return t===k&&(r=function({hue:e,saturation:t,lightness:n,alpha:r}){e/=360,n/=100;let s=0,o=0,i=0;if(t/=100){const r=n<.5?n*(1+t):n+t-n*t,a=2*n-r;s=S(a,r,e+1/3),o=S(a,r,e),i=S(a,r,e-1/3)}else s=o=i=n;return{red:Math.round(255*s),green:Math.round(255*o),blue:Math.round(255*i),alpha:r}}(r)),r}const G=(e,t)=>{const n=j(e),r=j(t);if(!n||!r)return $(e,t);const s={...n};return e=>(s.red=q(n.red,r.red,e),s.green=q(n.green,r.green,e),s.blue=q(n.blue,r.blue,e),s.alpha=L(n.alpha,r.alpha,e),P.transform(s))},C=(e,t)=>n=>t(e(n)),K=(...e)=>e.reduce(C),V=e=>P.test(e)||R.test(e)||k.test(e),D=e=>P.test(e)?P.parse(e):k.test(e)?k.parse(e):R.parse(e),J=e=>"string"==typeof e?e:e.hasOwnProperty("red")?P.transform(e):k.transform(e),Q=/(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;const U=/var\s*\(\s*--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)|#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\)|-?(?:\d+(?:\.\d+)?|\.\d+)/giu;function X(e){const t=e.toString(),n=[],r={color:[],number:[],var:[]},s=[];let o=0;const i=t.replace(U,e=>(V(e)?(r.color.push(o),s.push("color"),n.push(D(e))):e.startsWith("var(")?(r.var.push(o),s.push("var"),n.push(e)):(r.number.push(o),s.push("number"),n.push(parseFloat(e))),++o,"${}")).split("${}");return{values:n,split:i,indexes:r,types:s}}function Y(e){return X(e).values}function Z(e){const{split:t,types:n}=X(e),r=t.length;return e=>{let s="";for(let o=0;o<r;o++)if(s+=t[o],void 0!==e[o]){const t=n[o];s+="number"===t?A(e[o]):"color"===t?J(e[o]):e[o]}return s}}const _=e=>"number"==typeof e?0:e;const ee={test:function(e){var t,n;return isNaN(e)&&"string"==typeof e&&((null===(t=e.match(B))||void 0===t?void 0:t.length)||0)+((null===(n=e.match(Q))||void 0===n?void 0:n.length)||0)>0},parse:Y,createTransformer:Z,getAnimatableNone:function(e){const t=Y(e);return Z(e)(t.map(_))}},te=(e=>t=>"string"==typeof t&&t.startsWith(e))("var(--"),ne=/var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu,re=new Set(["none","hidden"]);function se(e,t){return n=>L(e,t,n)}function oe(e){return"number"==typeof e?se:"string"==typeof e?te(t=e)&&ne.test(t.split("/*")[0].trim())?$:V(e)?G:ce:Array.isArray(e)?ie:"object"==typeof e?V(e)?G:ae:$;var t}function ie(e,t){const n=[...e],r=n.length,s=e.map((e,n)=>oe(e)(e,t[n]));return e=>{for(let t=0;t<r;t++)n[t]=s[t](e);return n}}function ae(e,t){const n={...e,...t},r={};for(const s in n)void 0!==e[s]&&void 0!==t[s]&&(r[s]=oe(e[s])(e[s],t[s]));return e=>{for(const t in r)n[t]=r[t](e);return n}}const ce=(e,t)=>{const n=ee.createTransformer(t),r=X(e),s=X(t);return r.indexes.var.length===s.indexes.var.length&&r.indexes.color.length===s.indexes.color.length&&r.indexes.number.length>=s.indexes.number.length?re.has(e)&&!s.values.length||re.has(t)&&!r.values.length?function(e,t){return re.has(e)?n=>n<=0?e:t:n=>n>=1?t:e}(e,t):K(ie(function(e,t){var n;const r=[],s={color:0,var:0,number:0};for(let o=0;o<t.values.length;o++){const i=t.types[o],a=e.indexes[i][s[i]],c=null!==(n=e.values[a])&&void 0!==n?n:0;r[o]=c,s[i]++}return r}(r,s),s.values),n):$(e,t)};function ue(e,t,n){if("number"==typeof e&&"number"==typeof t&&"number"==typeof n)return L(e,t,n);return oe(e)(e,t)}function le(n,s,{clamp:o=!0,ease:i,mixer:a}={}){const c=n.length;if(t(c===s.length),1===c)return()=>s[0];if(2===c&&s[0]===s[1])return()=>s[1];const u=n[0]===n[1];n[0]>n[c-1]&&(n=[...n].reverse(),s=[...s].reverse());const l=function(t,n,r){const s=[],o=r||ue,i=t.length-1;for(let r=0;r<i;r++){let i=o(t[r],t[r+1]);if(n){const t=Array.isArray(n)?n[r]||e:n;i=K(t,i)}s.push(i)}return s}(s,i,a),f=l.length,d=e=>{if(u&&e<n[0])return s[0];let t=0;if(f>1)for(;t<n.length-2&&!(e<n[t+1]);t++);const o=r(n[t],n[t+1],e);return l[t](o)};return o?e=>d(W(n[0],n[c-1],e)):d}function fe(e){const t=[0];return function(e,t){const n=e[e.length-1];for(let s=1;s<=t;s++){const o=r(0,t,s);e.push(L(n,1,o))}}(t,e.length-1),t}const de={start:0,center:.5,end:1};function he(e,t,n=0){let r=0;if(e in de&&(e=de[e]),"string"==typeof e){const t=parseFloat(e);e.endsWith("px")?r=t:e.endsWith("%")?e=t/100:e.endsWith("vw")?r=t/100*document.documentElement.clientWidth:e.endsWith("vh")?r=t/100*document.documentElement.clientHeight:e=t}return"number"==typeof e&&(r=t*e),n+r}const ge=[0,0];function pe(e,t,n,r){let s=Array.isArray(e)?e:ge,o=0,i=0;return"number"==typeof e?s=[e,e]:"string"==typeof e&&(s=(e=e.trim()).includes(" ")?e.split(" "):[e,de[e]?e:"0"]),o=he(s[0],n,r),i=he(s[1],t),o-i}const me={Enter:[[0,1],[1,1]],Exit:[[0,0],[1,0]],Any:[[1,0],[0,1]],All:[[0,0],[1,1]]},ve={x:0,y:0};function ye(e,t,n){const{offset:r=me.All}=n,{target:s=e,axis:o="y"}=n,i="y"===o?"height":"width",a=s!==e?function(e,t){const n={x:0,y:0};let r=e;for(;r&&r!==t;)if(r instanceof HTMLElement)n.x+=r.offsetLeft,n.y+=r.offsetTop,r=r.offsetParent;else if("svg"===r.tagName){const e=r.getBoundingClientRect();r=r.parentElement;const t=r.getBoundingClientRect();n.x+=e.left-t.left,n.y+=e.top-t.top}else{if(!(r instanceof SVGGraphicsElement))break;{const{x:e,y:t}=r.getBBox();n.x+=e,n.y+=t;let s=null,o=r.parentNode;for(;!s;)"svg"===o.tagName&&(s=o),o=r.parentNode;r=s}}return n}(s,e):ve,c=s===e?{width:e.scrollWidth,height:e.scrollHeight}:function(e){return"getBBox"in e&&"svg"!==e.tagName?e.getBBox():{width:e.clientWidth,height:e.clientHeight}}(s),u={width:e.clientWidth,height:e.clientHeight};t[o].offset.length=0;let l=!t[o].interpolate;const f=r.length;for(let e=0;e<f;e++){const n=pe(r[e],u[i],c[i],a[o]);l||n===t[o].interpolatorOffsets[e]||(l=!0),t[o].offset[e]=n}l&&(t[o].interpolate=le(t[o].offset,fe(r),{clamp:!1}),t[o].interpolatorOffsets=[...t[o].offset]),t[o].progress=W(0,1,t[o].interpolate(t[o].current))}function be(e,t,n,r={}){return{measure:()=>function(e,t=e,n){if(n.x.targetOffset=0,n.y.targetOffset=0,t!==e){let r=t;for(;r&&r!==e;)n.x.targetOffset+=r.offsetLeft,n.y.targetOffset+=r.offsetTop,r=r.offsetParent}n.x.targetLength=t===e?t.scrollWidth:t.clientWidth,n.y.targetLength=t===e?t.scrollHeight:t.clientHeight,n.x.containerLength=e.clientWidth,n.y.containerLength=e.clientHeight}(e,r.target,n),update:t=>{!function(e,t,n){E(e,"x",t,n),E(e,"y",t,n),t.time=n}(e,n,t),(r.offset||r.target)&&ye(e,n,r)},notify:()=>t(n)}}const we=new WeakMap,xe=new WeakMap,Ee=new WeakMap,We=e=>e===document.documentElement?window:e;function Le(e,{container:t=document.documentElement,...n}={}){let r=Ee.get(t);r||(r=new Set,Ee.set(t,r));const s=be(t,e,{time:0,x:{current:0,offset:[],progress:0,scrollLength:0,targetOffset:0,targetLength:0,containerLength:0,velocity:0},y:{current:0,offset:[],progress:0,scrollLength:0,targetOffset:0,targetLength:0,containerLength:0,velocity:0}},n);if(r.add(s),!we.has(t)){const e=()=>{for(const e of r)e.measure()},n=()=>{for(const e of r)e.update(l.timestamp)},s=()=>{for(const e of r)e.notify()},a=()=>{c.read(e,!1,!0),c.read(n,!1,!0),c.update(s,!1,!0)};we.set(t,a);const u=We(t);window.addEventListener("resize",a,{passive:!0}),t!==document.documentElement&&xe.set(t,(i=a,"function"==typeof(o=t)?w(o):v(o,i))),u.addEventListener("scroll",a,{passive:!0})}var o,i;const a=we.get(t);return c.read(a,!1,!0),()=>{var e;u(a);const n=Ee.get(t);if(!n)return;if(n.delete(s),n.size)return;const r=we.get(t);we.delete(t),r&&(We(t).removeEventListener("scroll",r),null===(e=xe.get(t))||void 0===e||e(),window.removeEventListener("resize",r))}}const Se=new Map;function Me({source:e,container:t=document.documentElement,axis:n="y"}={}){e&&(t=e),Se.has(t)||Se.set(t,{});const r=Se.get(t);return r[n]||(r[n]=s()?new ScrollTimeline({source:t,axis:n}):function({source:e,container:t,axis:n="y"}){e&&(t=e);const r={value:0},s=Le(e=>{r.value=100*e[n].progress},{container:t,axis:n});return{currentTime:r,cancel:s}}({source:t,axis:n})),r[n]}function ze(e){return e&&(e.target||e.offset)}function Ae(t,{axis:n="y",...r}={}){const s={axis:n,...r};return"function"==typeof t?function(e,t){return function(e){return 2===e.length}(e)||ze(t)?Le(n=>{e(n[t.axis].progress,n)},t):d(e,Me(t))}(t,s):function(t,n){if(t.flatten(),ze(n))return t.pause(),Le(e=>{t.time=t.duration*e[n.axis].progress},n);{const r=Me(n);return t.attachTimeline?t.attachTimeline(r,e=>(e.pause(),d(t=>{e.time=e.duration*t},r))):e}}(t,s)}export{Ae as scroll};

package/dist/types/client.d.ts

@@ -1,12 +1,12 @@
 /// <reference types="react" />
-import { b as HTMLElements, D as DOMMotionComponents, g as MotionComponentProps, a1 as ForwardRefComponent, H as HTMLMotionProps, a3 as SVGMotionProps } from '../types.d-6pKw1mTI.js';
+import { b as HTMLElements, D as DOMMotionComponents, c as MotionComponentProps, $ as ForwardRefComponent, H as HTMLMotionProps, a1 as SVGMotionProps } from '../types.d-B50aGbjN.js';
 import * as React from 'react';
 import 'motion-dom';
 import 'react/jsx-runtime';
 
 declare const createMotionComponent: <Props, TagName extends string = "div">(Component: string | TagName | React.ComponentType<Props>, { forwardMotionProps }?: {
     forwardMotionProps: boolean;
-}) => TagName extends "symbol" | "clipPath" | "filter" | "mask" | "marker" | "text" | "stop" | "animate" | "path" | "image" | "circle" | "switch" | "svg" | keyof HTMLElements | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "line" | "linearGradient" | "metadata" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "textPath" | "tspan" | "use" | "view" ? DOMMotionComponents[TagName] : React.ComponentType<Omit<MotionComponentProps<Props>, "children"> & {
+}) => TagName extends "symbol" | "clipPath" | "filter" | "mask" | "marker" | "text" | "animate" | "path" | "image" | "circle" | "switch" | "stop" | "svg" | keyof HTMLElements | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "line" | "linearGradient" | "metadata" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "textPath" | "tspan" | "use" | "view" ? DOMMotionComponents[TagName] : React.ComponentType<Omit<MotionComponentProps<Props>, "children"> & {
     children?: ("children" extends keyof Props ? Props[keyof Props & "children"] | MotionComponentProps<Props>[keyof Props & "children"] : MotionComponentProps<Props>["children"]) | undefined;
 }>;
 

package/dist/types/index.d.ts

@@ -1,14 +1,14 @@
 /// <reference types="react" />
-import { F as FeatureBundle, M as MotionProps, a as MotionConfigContext, H as HTMLMotionProps, b as HTMLElements, G as GenericKeyframesTarget, c as MotionValue, O as OnScrollInfo, S as ScrollInfoOptions, B as Batcher, P as Process, d as FrameData, e as Steps, f as Point, D as DOMMotionComponents, g as MotionComponentProps, h as HTMLMotionComponents, i as SVGMotionComponents, j as FeaturePackages, V as VisualElement, k as Box, A as Axis, E as EventInfo, l as MotionValueEventCallbacks, C as CustomValueType, m as ValueAnimationOptionsWithRenderContext, R as ResolvedKeyframes, K as KeyframeResolver, n as AnimationControls, o as AnimationDefinition, p as VisualElementAnimationOptions, I as IProjectionNode, q as ResolvedValues, r as HTMLRenderState } from '../types.d-6pKw1mTI.js';
-export { a4 as AnimationLifecycles, Y as AnimationProps, av as AnimationType, aG as AxisDelta, aF as BoundingBox, a5 as CreateVisualElement, aH as Delta, s as DragControls, Q as DragElastic, U as DragHandlers, W as DraggableProps, aA as FeatureDefinition, aB as FeatureDefinitions, aC as FeaturePackage, a6 as FlatTree, v as FocusHandlers, a1 as ForwardRefComponent, w as HoverHandlers, ay as HydratedFeatureDefinition, az as HydratedFeatureDefinitions, a7 as Inertia, a8 as Keyframes, a9 as KeyframesTarget, X as LayoutProps, aD as LazyFeatureBundle, Z as MotionAdvancedProps, _ as MotionStyle, $ as MotionTransform, aa as None, ab as Orchestration, x as PanHandlers, t as PanInfo, as as PassiveEffect, L as PresenceContext, aE as RenderComponent, ac as Repeat, ap as ResolveKeyframes, ad as ResolvedKeyframesTarget, ae as ResolvedSingleTarget, af as ResolvedValueTarget, a2 as SVGAttributesAsMotionValues, a3 as SVGMotionProps, au as ScrapeMotionValuesFromProps, ag as SingleTarget, ah as Spring, at as Subscriber, N as SwitchLayoutGroupContext, T as TapHandlers, y as TapInfo, ai as Target, aj as TargetAndTransition, aI as TransformPoint, ak as Transition, al as Tween, am as ValueTarget, an as Variant, a0 as VariantLabels, ao as Variants, ax as VisualState, z as createRendererMotionComponent, aw as makeUseVisualState, ar as motionValue, J as optimizedAppearDataAttribute, aq as scroll, u as useDragControls } from '../types.d-6pKw1mTI.js';
+import { F as FeatureBundle, M as MotionProps, a as MotionConfigContext, H as HTMLMotionProps, b as HTMLElements, G as GenericKeyframesTarget, O as OnScrollInfo, S as ScrollInfoOptions, P as Point, D as DOMMotionComponents, c as MotionComponentProps, d as HTMLMotionComponents, e as SVGMotionComponents, E as EventInfo, f as FeaturePackages, A as Axis, B as Box, C as CustomValueType, V as ValueAnimationOptionsWithRenderContext, R as ResolvedKeyframes, K as KeyframeResolver, g as AnimationControls, h as VisualElement, i as AnimationDefinition, j as VisualElementAnimationOptions, I as IProjectionNode, k as ResolvedValues, l as HTMLRenderState } from '../types.d-B50aGbjN.js';
+export { a2 as AnimationLifecycles, W as AnimationProps, p as AnimationType, ax as AxisDelta, aw as BoundingBox, a3 as CreateVisualElement, ay as Delta, q as DragControls, L as DragElastic, Q as DragHandlers, N as DraggableProps, ar as FeatureDefinition, as as FeatureDefinitions, at as FeaturePackage, a4 as FlatTree, s as FocusHandlers, $ as ForwardRefComponent, t as HoverHandlers, ap as HydratedFeatureDefinition, aq as HydratedFeatureDefinitions, a5 as Inertia, a6 as Keyframes, a7 as KeyframesTarget, U as LayoutProps, au as LazyFeatureBundle, X as MotionAdvancedProps, Y as MotionStyle, Z as MotionTransform, a8 as None, a9 as Orchestration, v as PanHandlers, r as PanInfo, z as PresenceContext, av as RenderComponent, aa as Repeat, an as ResolveKeyframes, ab as ResolvedKeyframesTarget, ac as ResolvedSingleTarget, ad as ResolvedValueTarget, a0 as SVGAttributesAsMotionValues, a1 as SVGMotionProps, m as ScrapeMotionValuesFromProps, ae as SingleTarget, af as Spring, J as SwitchLayoutGroupContext, T as TapHandlers, w as TapInfo, ag as Target, ah as TargetAndTransition, az as TransformPoint, ai as Transition, aj as Tween, ak as ValueTarget, al as Variant, _ as VariantLabels, am as Variants, o as VisualState, x as createRendererMotionComponent, n as makeUseVisualState, y as optimizedAppearDataAttribute, ao as scroll, u as useDragControls } from '../types.d-B50aGbjN.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
 import { useEffect, RefObject } from 'react';
 import * as motion_dom from 'motion-dom';
-import { UnresolvedValueKeyframe, Transition, ElementOrSelector, DOMKeyframesDefinition, AnimationOptions, AnimationPlaybackOptions, Easing, AnimationScope, AnimationPlaybackControls, ValueAnimationTransition, EasingFunction, EasingModifier, ValueAnimationOptions, KeyframeGenerator, DynamicOption, SpringOptions, RepeatType, AnimationState } from 'motion-dom';
+import { MotionValue, UnresolvedValueKeyframe, Transition, ElementOrSelector, DOMKeyframesDefinition, AnimationOptions, AnimationPlaybackOptions, Easing, AnimationScope, AnimationPlaybackControls, ValueAnimationTransition, EasingFunction, EasingModifier, ValueAnimationOptions, KeyframeGenerator, DynamicOption, MotionValueEventCallbacks, SpringOptions, RepeatType, AnimationState } from 'motion-dom';
 export * from 'motion-dom';
-export { BezierDefinition, Easing, EasingDefinition, EasingFunction, EasingModifier, hover, isDragActive, press } from 'motion-dom';
-export { invariant, noop, progress } from 'motion-utils';
+export { BezierDefinition, Easing, EasingDefinition, EasingFunction, EasingModifier, MotionValue, cancelFrame, frame, frameData, hover, isDragActive, motionValue, press, time } from 'motion-dom';
+export { MotionGlobalConfig, invariant, noop, progress } from 'motion-utils';
 
 /**
  * @public
@@ -443,24 +443,6 @@ type StaggerOptions = {
 };
 declare function stagger(duration?: number, { startDelay, from, ease }?: StaggerOptions): DynamicOption<number>;
 
-declare const frame: Batcher;
-declare const cancelFrame: (process: Process) => void;
-declare const frameData: FrameData;
-declare const frameSteps: Steps;
-
-/**
- * An eventloop-synchronous alternative to performance.now().
- *
- * Ensures that time measurements remain consistent within a synchronous context.
- * Usually calling performance.now() twice within the same synchronous context
- * will return different values which isn't useful for animations when we're usually
- * trying to sync animations to the same frame.
- */
-declare const time: {
-    now: () => number;
-    set: (newTime: number) => void;
-};
-
 declare const clamp: (min: number, max: number, v: number) => number;
 
 type DelayedFunction = (overshoot: number) => void;
@@ -602,70 +584,50 @@ declare function transform<T>(inputRange: number[], outputRange: T[], options?:
 
 declare const wrap: (min: number, max: number, v: number) => number;
 
-/**
- * @deprecated
- *
- * Import as `frame` instead.
- */
-declare const sync: Batcher;
-/**
- * @deprecated
- *
- * Use cancelFrame(callback) instead.
- */
-declare const cancelSync: Record<string, (process: Process) => void>;
-
 declare const m: (<Props, TagName extends string = "div">(Component: string | TagName | React$1.ComponentType<Props>, { forwardMotionProps }?: {
     forwardMotionProps: boolean;
-}) => TagName extends "symbol" | "clipPath" | "filter" | "mask" | "marker" | "text" | "stop" | "animate" | "path" | "image" | "circle" | "switch" | "svg" | keyof HTMLElements | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "line" | "linearGradient" | "metadata" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "textPath" | "tspan" | "use" | "view" ? DOMMotionComponents[TagName] : React$1.ComponentType<Omit<MotionComponentProps<Props>, "children"> & {
+}) => TagName extends "symbol" | "clipPath" | "filter" | "mask" | "marker" | "text" | "animate" | "path" | "image" | "circle" | "switch" | "stop" | "svg" | keyof HTMLElements | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "line" | "linearGradient" | "metadata" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "textPath" | "tspan" | "use" | "view" ? DOMMotionComponents[TagName] : React$1.ComponentType<Omit<MotionComponentProps<Props>, "children"> & {
     children?: ("children" extends keyof Props ? Props[keyof Props & "children"] | MotionComponentProps<Props>[keyof Props & "children"] : MotionComponentProps<Props>["children"]) | undefined;
 }>) & HTMLMotionComponents & SVGMotionComponents & {
     create: <Props, TagName extends string = "div">(Component: string | TagName | React$1.ComponentType<Props>, { forwardMotionProps }?: {
         forwardMotionProps: boolean;
-    }) => TagName extends "symbol" | "clipPath" | "filter" | "mask" | "marker" | "text" | "stop" | "animate" | "path" | "image" | "circle" | "switch" | "svg" | keyof HTMLElements | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "line" | "linearGradient" | "metadata" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "textPath" | "tspan" | "use" | "view" ? DOMMotionComponents[TagName] : React$1.ComponentType<Omit<MotionComponentProps<Props>, "children"> & {
+    }) => TagName extends "symbol" | "clipPath" | "filter" | "mask" | "marker" | "text" | "animate" | "path" | "image" | "circle" | "switch" | "stop" | "svg" | keyof HTMLElements | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "line" | "linearGradient" | "metadata" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "textPath" | "tspan" | "use" | "view" ? DOMMotionComponents[TagName] : React$1.ComponentType<Omit<MotionComponentProps<Props>, "children"> & {
         children?: ("children" extends keyof Props ? Props[keyof Props & "children"] | MotionComponentProps<Props>[keyof Props & "children"] : MotionComponentProps<Props>["children"]) | undefined;
     }>;
 };
 
 declare const motion: (<Props, TagName extends string = "div">(Component: string | TagName | React$1.ComponentType<Props>, { forwardMotionProps }?: {
     forwardMotionProps: boolean;
-}) => TagName extends "symbol" | "clipPath" | "filter" | "mask" | "marker" | "text" | "stop" | "animate" | "path" | "image" | "circle" | "switch" | "svg" | keyof HTMLElements | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "line" | "linearGradient" | "metadata" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "textPath" | "tspan" | "use" | "view" ? DOMMotionComponents[TagName] : React$1.ComponentType<Omit<MotionComponentProps<Props>, "children"> & {
+}) => TagName extends "symbol" | "clipPath" | "filter" | "mask" | "marker" | "text" | "animate" | "path" | "image" | "circle" | "switch" | "stop" | "svg" | keyof HTMLElements | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "line" | "linearGradient" | "metadata" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "textPath" | "tspan" | "use" | "view" ? DOMMotionComponents[TagName] : React$1.ComponentType<Omit<MotionComponentProps<Props>, "children"> & {
     children?: ("children" extends keyof Props ? Props[keyof Props & "children"] | MotionComponentProps<Props>[keyof Props & "children"] : MotionComponentProps<Props>["children"]) | undefined;
 }>) & HTMLMotionComponents & SVGMotionComponents & {
     create: <Props, TagName extends string = "div">(Component: string | TagName | React$1.ComponentType<Props>, { forwardMotionProps }?: {
         forwardMotionProps: boolean;
-    }) => TagName extends "symbol" | "clipPath" | "filter" | "mask" | "marker" | "text" | "stop" | "animate" | "path" | "image" | "circle" | "switch" | "svg" | keyof HTMLElements | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "line" | "linearGradient" | "metadata" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "textPath" | "tspan" | "use" | "view" ? DOMMotionComponents[TagName] : React$1.ComponentType<Omit<MotionComponentProps<Props>, "children"> & {
+    }) => TagName extends "symbol" | "clipPath" | "filter" | "mask" | "marker" | "text" | "animate" | "path" | "image" | "circle" | "switch" | "stop" | "svg" | keyof HTMLElements | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "line" | "linearGradient" | "metadata" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "textPath" | "tspan" | "use" | "view" ? DOMMotionComponents[TagName] : React$1.ComponentType<Omit<MotionComponentProps<Props>, "children"> & {
         children?: ("children" extends keyof Props ? Props[keyof Props & "children"] | MotionComponentProps<Props>[keyof Props & "children"] : MotionComponentProps<Props>["children"]) | undefined;
     }>;
 };
 
-declare const animations: FeaturePackages;
-
-interface MotionContextProps<Instance = unknown> {
-    visualElement?: VisualElement<Instance>;
-    initial?: false | string | string[];
-    animate?: string | string[];
-}
-declare const MotionContext: React$1.Context<MotionContextProps<unknown>>;
-
-declare const createBox: () => Box;
-
-declare function calcLength(axis: Axis): number;
-
 type EventListenerWithPointInfo = (e: PointerEvent, info: EventInfo) => void;
 declare const addPointerInfo: (handler: EventListenerWithPointInfo) => EventListener;
 
 declare function addPointerEvent(target: EventTarget, eventName: string, handler: EventListenerWithPointInfo, options?: AddEventListenerOptions): () => void;
 
-declare const isMotionValue: (value: any) => value is MotionValue<any>;
+declare const animations: FeaturePackages;
+
+declare function calcLength(axis: Axis): number;
+
+declare const createBox: () => Box;
 
 declare const isBrowser: boolean;
 
-declare function useUnmountEffect(callback: () => void): void;
+declare function useForceUpdate(): [VoidFunction, number];
 
 declare const useIsomorphicLayoutEffect: typeof useEffect;
 
-declare function useForceUpdate(): [VoidFunction, number];
+declare function useUnmountEffect(callback: () => void): void;
+
+declare const isMotionValue: (value: any) => value is MotionValue<any>;
 
 /**
  * @public
@@ -688,20 +650,20 @@ declare function useMotionValueEvent<V, EventName extends keyof MotionValueEvent
  * @deprecated useElementScroll is deprecated. Convert to useScroll({ container: ref })
  */
 declare function useElementScroll(ref: RefObject<HTMLElement | null>): {
-    scrollX: MotionValue<number>;
-    scrollY: MotionValue<number>;
-    scrollXProgress: MotionValue<number>;
-    scrollYProgress: MotionValue<number>;
+    scrollX: motion_dom.MotionValue<number>;
+    scrollY: motion_dom.MotionValue<number>;
+    scrollXProgress: motion_dom.MotionValue<number>;
+    scrollYProgress: motion_dom.MotionValue<number>;
 };
 
 /**
  * @deprecated useViewportScroll is deprecated. Convert to useScroll()
  */
 declare function useViewportScroll(): {
-    scrollX: MotionValue<number>;
-    scrollY: MotionValue<number>;
-    scrollXProgress: MotionValue<number>;
-    scrollYProgress: MotionValue<number>;
+    scrollX: motion_dom.MotionValue<number>;
+    scrollY: motion_dom.MotionValue<number>;
+    scrollXProgress: motion_dom.MotionValue<number>;
+    scrollYProgress: motion_dom.MotionValue<number>;
 };
 
 /**
@@ -753,10 +715,10 @@ interface UseScrollOptions extends Omit<ScrollInfoOptions, "container" | "target
     layoutEffect?: boolean;
 }
 declare function useScroll({ container, target, layoutEffect, ...options }?: UseScrollOptions): {
-    scrollX: MotionValue<number>;
-    scrollY: MotionValue<number>;
-    scrollXProgress: MotionValue<number>;
-    scrollYProgress: MotionValue<number>;
+    scrollX: motion_dom.MotionValue<number>;
+    scrollY: motion_dom.MotionValue<number>;
+    scrollXProgress: motion_dom.MotionValue<number>;
+    scrollYProgress: motion_dom.MotionValue<number>;
 };
 
 /**
@@ -783,7 +745,7 @@ declare function useSpring(source: string, config?: SpringOptions): MotionValue<
 declare function useSpring(source: MotionValue<number>, config?: SpringOptions): MotionValue<number>;
 declare function useSpring(source: number, config?: SpringOptions): MotionValue<number>;
 
-declare function useTime(): MotionValue<number>;
+declare function useTime(): motion_dom.MotionValue<number>;
 
 type InputRange = number[];
 type SingleTransformer<I, O> = (input: I) => O;
@@ -890,7 +852,7 @@ declare function useTransform<I, O>(transformer: () => O): MotionValue<O>;
  */
 declare function useVelocity(value: MotionValue<number>): MotionValue<number>;
 
-interface WillChange extends MotionValue {
+interface WillChange extends MotionValue<string> {
     add(name: string): void;
 }
 
@@ -1151,9 +1113,9 @@ declare function animationControls(): AnimationControls;
 
 declare function useAnimate<T extends Element = any>(): [AnimationScope<T>, {
     (sequence: AnimationSequence, options?: SequenceOptions | undefined): motion_dom.AnimationPlaybackControls;
-    (value: string | MotionValue<string>, keyframes: string | GenericKeyframesTarget<string>, options?: motion_dom.ValueAnimationTransition<string> | undefined): motion_dom.AnimationPlaybackControls;
-    (value: number | MotionValue<number>, keyframes: number | GenericKeyframesTarget<number>, options?: motion_dom.ValueAnimationTransition<number> | undefined): motion_dom.AnimationPlaybackControls;
-    <V>(value: V | MotionValue<V>, keyframes: V | GenericKeyframesTarget<V>, options?: motion_dom.ValueAnimationTransition<V> | undefined): motion_dom.AnimationPlaybackControls;
+    (value: string | motion_dom.MotionValue<string>, keyframes: string | GenericKeyframesTarget<string>, options?: motion_dom.ValueAnimationTransition<string> | undefined): motion_dom.AnimationPlaybackControls;
+    (value: number | motion_dom.MotionValue<number>, keyframes: number | GenericKeyframesTarget<number>, options?: motion_dom.ValueAnimationTransition<number> | undefined): motion_dom.AnimationPlaybackControls;
+    <V>(value: V | motion_dom.MotionValue<V>, keyframes: V | GenericKeyframesTarget<V>, options?: motion_dom.ValueAnimationTransition<V> | undefined): motion_dom.AnimationPlaybackControls;
     (element: motion_dom.ElementOrSelector, keyframes: motion_dom.DOMKeyframesDefinition, options?: motion_dom.AnimationOptions | undefined): motion_dom.AnimationPlaybackControls;
     <O extends {}>(object: O | O[], keyframes: ObjectTarget<O>, options?: motion_dom.AnimationOptions | undefined): motion_dom.AnimationPlaybackControls;
 }];
@@ -1318,11 +1280,6 @@ declare function buildTransform(latestValues: ResolvedValues, transform: HTMLRen
 
 declare const visualElementStore: WeakMap<any, VisualElement<unknown, unknown, {}>>;
 
-declare const MotionGlobalConfig: {
-    skipAnimations: boolean;
-    useManualTiming: boolean;
-};
-
 type FrameCallback = (timestamp: number, delta: number) => void;
 declare function useAnimationFrame(callback: FrameCallback): void;
 
@@ -1447,6 +1404,13 @@ interface LayoutGroupContextProps {
 }
 declare const LayoutGroupContext: React$1.Context<LayoutGroupContextProps>;
 
+interface MotionContextProps<Instance = unknown> {
+    visualElement?: VisualElement<Instance>;
+    initial?: false | string | string[];
+    animate?: string | string[];
+}
+declare const MotionContext: React$1.Context<MotionContextProps<unknown>>;
+
 /**
  * @public
  */
@@ -1497,4 +1461,4 @@ interface ScaleMotionValues {
  */
 declare function useInvertedScale(scale?: Partial<ScaleMotionValues>): ScaleMotionValues;
 
-export { type AbsoluteKeyframe, AcceleratedAnimation, AnimatePresence, type AnimatePresenceProps, AnimateSharedLayout, AnimationControls, AnimationDefinition, type AnimationSequence, type At, Axis, Box, CustomValueType, type Cycle, type CycleState, DOMMotionComponents, type DOMSegment, type DOMSegmentWithTransition, type DelayedFunction, DeprecatedLayoutGroupContext, type Direction, EventInfo, FeatureBundle, FeaturePackages, HTMLMotionProps, IProjectionNode, type InterpolateOptions, LayoutGroup, LayoutGroupContext, LazyMotion, type LazyProps, type MixerFactory, MotionConfig, MotionConfigContext, type MotionConfigProps, MotionContext, MotionGlobalConfig, MotionProps, MotionValue, type MotionValueSegment, type MotionValueSegmentWithTransition, type ObjectSegment, type ObjectSegmentWithTransition, type ObjectTarget, Point, namespace_d as Reorder, type ResolvedAnimationDefinition, type ResolvedAnimationDefinitions, ResolvedValues, type ScrollMotionValues, type Segment, type SequenceLabel, type SequenceLabelWithTime, type SequenceMap, type SequenceOptions, type SequenceTime, type UseInViewOptions, type UseScrollOptions, ValueAnimationOptionsWithRenderContext, type ValueSequence, type ValueType, VisualElement, addPointerEvent, addPointerInfo, addScaleCorrector, animate, animateMini, animateValue, animateVisualElement, animationControls, animations, anticipate, backIn, backInOut, backOut, buildTransform, calcLength, cancelFrame, cancelSync, circIn, circInOut, circOut, clamp, color, complex, createBox, createScopedAnimate, cubicBezier, delay, disableInstantTransitions, distance, distance2D, domAnimation, domMax, domMin, easeIn, easeInOut, easeOut, filterProps, findSpring, frame, frameData, frameSteps, inView, inertia, interpolate, isBrowser, isMotionComponent, isMotionValue, isValidMotionProp, keyframes, m, mirrorEasing, mix, motion, pipe, px, resolveMotionValue, reverseEasing, scrollInfo, spring, stagger, startOptimizedAppearAnimation, steps, sync, time, transform, unwrapMotionComponent, useAnimate, useAnimateMini, useAnimation, useAnimationControls, useAnimationFrame, useCycle, useAnimatedState as useDeprecatedAnimatedState, useInvertedScale as useDeprecatedInvertedScale, useDomEvent, useElementScroll, useForceUpdate, useInView, useInstantLayoutTransition, useInstantTransition, useIsPresent, useIsomorphicLayoutEffect, useMotionTemplate, useMotionValue, useMotionValueEvent, usePresence, usePresenceData, useReducedMotion, useReducedMotionConfig, useResetProjection, useScroll, useSpring, useTime, useTransform, useUnmountEffect, useVelocity, useViewportScroll, useWillChange, visualElementStore, wrap };
+export { type AbsoluteKeyframe, AcceleratedAnimation, AnimatePresence, type AnimatePresenceProps, AnimateSharedLayout, AnimationControls, AnimationDefinition, type AnimationSequence, type At, Axis, Box, CustomValueType, type Cycle, type CycleState, DOMMotionComponents, type DOMSegment, type DOMSegmentWithTransition, type DelayedFunction, DeprecatedLayoutGroupContext, type Direction, EventInfo, FeatureBundle, FeaturePackages, HTMLMotionProps, IProjectionNode, type InterpolateOptions, LayoutGroup, LayoutGroupContext, LazyMotion, type LazyProps, type MixerFactory, MotionConfig, MotionConfigContext, type MotionConfigProps, MotionContext, MotionProps, type MotionValueSegment, type MotionValueSegmentWithTransition, type ObjectSegment, type ObjectSegmentWithTransition, type ObjectTarget, Point, namespace_d as Reorder, type ResolvedAnimationDefinition, type ResolvedAnimationDefinitions, ResolvedValues, type ScrollMotionValues, type Segment, type SequenceLabel, type SequenceLabelWithTime, type SequenceMap, type SequenceOptions, type SequenceTime, type UseInViewOptions, type UseScrollOptions, ValueAnimationOptionsWithRenderContext, type ValueSequence, type ValueType, VisualElement, addPointerEvent, addPointerInfo, addScaleCorrector, animate, animateMini, animateValue, animateVisualElement, animationControls, animations, anticipate, backIn, backInOut, backOut, buildTransform, calcLength, circIn, circInOut, circOut, clamp, color, complex, createBox, createScopedAnimate, cubicBezier, delay, disableInstantTransitions, distance, distance2D, domAnimation, domMax, domMin, easeIn, easeInOut, easeOut, filterProps, findSpring, inView, inertia, interpolate, isBrowser, isMotionComponent, isMotionValue, isValidMotionProp, keyframes, m, mirrorEasing, mix, motion, pipe, px, resolveMotionValue, reverseEasing, scrollInfo, spring, stagger, startOptimizedAppearAnimation, steps, transform, unwrapMotionComponent, useAnimate, useAnimateMini, useAnimation, useAnimationControls, useAnimationFrame, useCycle, useAnimatedState as useDeprecatedAnimatedState, useInvertedScale as useDeprecatedInvertedScale, useDomEvent, useElementScroll, useForceUpdate, useInView, useInstantLayoutTransition, useInstantTransition, useIsPresent, useIsomorphicLayoutEffect, useMotionTemplate, useMotionValue, useMotionValueEvent, usePresence, usePresenceData, useReducedMotion, useReducedMotionConfig, useResetProjection, useScroll, useSpring, useTime, useTransform, useUnmountEffect, useVelocity, useViewportScroll, useWillChange, visualElementStore, wrap };