From 85357670a7b76e04009d8296be8f3fda9c75e91b Mon Sep 17 00:00:00 2001 From: Matt Perry Date: Fri, 31 May 2024 09:41:31 +0200 Subject: [PATCH] Updating interpolation for invalid colors --- dev/react/dist/assets/index-DSk6aOsu.js | 48 +++++++++++++++++++ dev/react/dist/assets/index-DiwrgTda.css | 1 + dev/react/dist/assets/react-CHdo91hT.svg | 1 + dev/react/dist/index.html | 14 ++++++ dev/react/dist/vite.svg | 1 + .../src/utils/mix/__tests__/mix-color.test.ts | 6 +++ packages/framer-motion/src/utils/mix/color.ts | 11 ++++- .../framer-motion/src/utils/mix/complex.ts | 5 +- .../framer-motion/src/utils/mix/immediate.ts | 3 ++ 9 files changed, 84 insertions(+), 6 deletions(-) create mode 100644 dev/react/dist/assets/index-DSk6aOsu.js create mode 100644 dev/react/dist/assets/index-DiwrgTda.css create mode 100644 dev/react/dist/assets/react-CHdo91hT.svg create mode 100644 dev/react/dist/index.html create mode 100644 dev/react/dist/vite.svg create mode 100644 packages/framer-motion/src/utils/mix/immediate.ts diff --git a/dev/react/dist/assets/index-DSk6aOsu.js b/dev/react/dist/assets/index-DSk6aOsu.js new file mode 100644 index 0000000000..8bd5613ba7 --- /dev/null +++ b/dev/react/dist/assets/index-DSk6aOsu.js @@ -0,0 +1,48 @@ +(function(){const t=document.createElement("link").relList;if(t&&t.supports&&t.supports("modulepreload"))return;for(const e of document.querySelectorAll('link[rel="modulepreload"]'))a(e);new MutationObserver(e=>{for(const n of e)if(n.type==="childList")for(const c of n.addedNodes)c.tagName==="LINK"&&c.rel==="modulepreload"&&a(c)}).observe(document,{childList:!0,subtree:!0});function u(e){const n={};return e.integrity&&(n.integrity=e.integrity),e.referrerPolicy&&(n.referrerPolicy=e.referrerPolicy),e.crossOrigin==="use-credentials"?n.credentials="include":e.crossOrigin==="anonymous"?n.credentials="omit":n.credentials="same-origin",n}function a(e){if(e.ep)return;e.ep=!0;const n=u(e);fetch(e.href,n)}})();function S0(l){return l&&l.__esModule&&Object.prototype.hasOwnProperty.call(l,"default")?l.default:l}var g0={exports:{}},en={};/** + * @license React + * react-jsx-runtime.production.js + * + * Copyright (c) Meta Platforms, Inc. and affiliates. + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */var yy=Symbol.for("react.transitional.element"),vy=Symbol.for("react.fragment");function E0(l,t,u){var a=null;if(u!==void 0&&(a=""+u),t.key!==void 0&&(a=""+t.key),"key"in t){u={};for(var e in t)e!=="key"&&(u[e]=t[e])}else u=t;return t=u.ref,{$$typeof:yy,type:l,key:a,ref:t!==void 0?t:null,props:u}}en.Fragment=vy;en.jsx=E0;en.jsxs=E0;g0.exports=en;var ol=g0.exports,b0={exports:{}},M={};/** + * @license React + * react.production.js + * + * Copyright (c) Meta Platforms, Inc. and affiliates. + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */var Ic=Symbol.for("react.transitional.element"),dy=Symbol.for("react.portal"),hy=Symbol.for("react.fragment"),my=Symbol.for("react.strict_mode"),oy=Symbol.for("react.profiler"),Sy=Symbol.for("react.consumer"),gy=Symbol.for("react.context"),Ey=Symbol.for("react.forward_ref"),by=Symbol.for("react.suspense"),Ty=Symbol.for("react.memo"),T0=Symbol.for("react.lazy"),If=Symbol.iterator;function Ay(l){return l===null||typeof l!="object"?null:(l=If&&l[If]||l["@@iterator"],typeof l=="function"?l:null)}var A0={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},_0=Object.assign,z0={};function Zu(l,t,u){this.props=l,this.context=t,this.refs=z0,this.updater=u||A0}Zu.prototype.isReactComponent={};Zu.prototype.setState=function(l,t){if(typeof l!="object"&&typeof l!="function"&&l!=null)throw Error("takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,l,t,"setState")};Zu.prototype.forceUpdate=function(l){this.updater.enqueueForceUpdate(this,l,"forceUpdate")};function D0(){}D0.prototype=Zu.prototype;function lf(l,t,u){this.props=l,this.context=t,this.refs=z0,this.updater=u||A0}var tf=lf.prototype=new D0;tf.constructor=lf;_0(tf,Zu.prototype);tf.isPureReactComponent=!0;var li=Array.isArray,J={H:null,A:null,T:null},O0=Object.prototype.hasOwnProperty;function uf(l,t,u,a,e,n,c){return u=c.ref,{$$typeof:Ic,type:l,key:t,ref:u!==void 0?u:null,props:c}}function _y(l,t){return uf(l.type,t,null,void 0,void 0,void 0,l.props)}function af(l){return typeof l=="object"&&l!==null&&l.$$typeof===Ic}function zy(l){var t={"=":"=0",":":"=2"};return"$"+l.replace(/[=:]/g,function(u){return t[u]})}var ti=/\/+/g;function Mn(l,t){return typeof l=="object"&&l!==null&&l.key!=null?zy(""+l.key):t.toString(36)}function ui(){}function Dy(l){switch(l.status){case"fulfilled":return l.value;case"rejected":throw l.reason;default:switch(typeof l.status=="string"?l.then(ui,ui):(l.status="pending",l.then(function(t){l.status==="pending"&&(l.status="fulfilled",l.value=t)},function(t){l.status==="pending"&&(l.status="rejected",l.reason=t)})),l.status){case"fulfilled":return l.value;case"rejected":throw l.reason}}throw l}function su(l,t,u,a,e){var n=typeof l;(n==="undefined"||n==="boolean")&&(l=null);var c=!1;if(l===null)c=!0;else switch(n){case"bigint":case"string":case"number":c=!0;break;case"object":switch(l.$$typeof){case Ic:case dy:c=!0;break;case T0:return c=l._init,su(c(l._payload),t,u,a,e)}}if(c)return e=e(l),c=a===""?"."+Mn(l,0):a,li(e)?(u="",c!=null&&(u=c.replace(ti,"$&/")+"/"),su(e,t,u,"",function(d){return d})):e!=null&&(af(e)&&(e=_y(e,u+(!e.key||l&&l.key===e.key?"":(""+e.key).replace(ti,"$&/")+"/")+c)),t.push(e)),1;c=0;var f=a===""?".":a+":";if(li(l))for(var i=0;i>>1,el=b[k];if(0>>1;ke(rn,p))Xte(Pa,rn)?(b[k]=Pa,b[Xt]=p,k=Xt):(b[k]=rn,b[Fa]=p,k=Fa);else if(Xte(Pa,p))b[k]=Pa,b[Xt]=p,k=Xt;else break l}}return U}function e(b,U){var p=b.sortIndex-U.sortIndex;return p!==0?p:b.id-U.id}if(l.unstable_now=void 0,typeof performance=="object"&&typeof performance.now=="function"){var n=performance;l.unstable_now=function(){return n.now()}}else{var c=Date,f=c.now();l.unstable_now=function(){return c.now()-f}}var i=[],d=[],o=1,E=null,h=3,m=!1,_=!1,O=!1,j=typeof setTimeout=="function"?setTimeout:null,y=typeof clearTimeout=="function"?clearTimeout:null,s=typeof setImmediate<"u"?setImmediate:null;function v(b){for(var U=u(d);U!==null;){if(U.callback===null)a(d);else if(U.startTime<=b)a(d),U.sortIndex=U.expirationTime,t(i,U);else break;U=u(d)}}function g(b){if(O=!1,v(b),!_)if(u(i)!==null)_=!0,Dn();else{var U=u(d);U!==null&&On(g,U.startTime-b)}}var T=!1,A=-1,z=5,D=-1;function W(){return!(l.unstable_now()-Db&&W());){var k=E.callback;if(typeof k=="function"){E.callback=null,h=E.priorityLevel;var el=k(E.expirationTime<=b);if(b=l.unstable_now(),typeof el=="function"){E.callback=el,v(b),U=!0;break t}E===u(i)&&a(i),v(b)}else a(i);E=u(i)}if(E!==null)U=!0;else{var ka=u(d);ka!==null&&On(g,ka.startTime-b),U=!1}}break l}finally{E=null,h=p,m=!1}U=void 0}}finally{U?Al():T=!1}}}var Al;if(typeof s=="function")Al=function(){s(H)};else if(typeof MessageChannel<"u"){var Wa=new MessageChannel,sy=Wa.port2;Wa.port1.onmessage=H,Al=function(){sy.postMessage(null)}}else Al=function(){j(H,0)};function Dn(){T||(T=!0,Al())}function On(b,U){A=j(function(){b(l.unstable_now())},U)}l.unstable_IdlePriority=5,l.unstable_ImmediatePriority=1,l.unstable_LowPriority=4,l.unstable_NormalPriority=3,l.unstable_Profiling=null,l.unstable_UserBlockingPriority=2,l.unstable_cancelCallback=function(b){b.callback=null},l.unstable_continueExecution=function(){_||m||(_=!0,Dn())},l.unstable_forceFrameRate=function(b){0>b||125k?(b.sortIndex=p,t(d,b),u(i)===null&&b===u(d)&&(O?(y(A),A=-1):O=!0,On(g,p-k))):(b.sortIndex=el,t(i,b),_||m||(_=!0,Dn())),b},l.unstable_shouldYield=W,l.unstable_wrapCallback=function(b){var U=h;return function(){var p=h;h=U;try{return b.apply(this,arguments)}finally{h=p}}}})(p0);M0.exports=p0;var py=M0.exports,U0={exports:{}},Tl={};/** + * @license React + * react-dom.production.js + * + * Copyright (c) Meta Platforms, Inc. and affiliates. + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */function R0(l){var t="https://react.dev/errors/"+l;if(1"u"||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!="function"))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(H0)}catch(l){console.error(l)}}H0(),U0.exports=Tl;var Hy=U0.exports;/** + * @license React + * react-dom-client.production.js + * + * Copyright (c) Meta Platforms, Inc. and affiliates. + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */var al=py,Ny=nn,By=Hy;function S(l){var t="https://react.dev/errors/"+l;if(1hu||(l.current=sc[hu],sc[hu]=null,hu--)}function x(l,t){hu++,sc[hu]=l.current,l.current=t}var Wl=tt(null),Oa=tt(null),pt=tt(null),yc=tt(null),Ue={$$typeof:Ot,Provider:null,Consumer:null,_currentValue:null,_currentValue2:null,_threadCount:0};function Re(l,t){switch(x(pt,t),x(Oa,l),x(Wl,null),l=t.nodeType,l){case 9:case 11:t=(t=t.documentElement)&&(t=t.namespaceURI)?n0(t):0;break;default:if(l=l===8?t.parentNode:t,t=l.tagName,l=l.namespaceURI)l=n0(l),t=Fs(l,t);else switch(t){case"svg":t=1;break;case"math":t=2;break;default:t=0}}fl(Wl),x(Wl,t)}function Nu(){fl(Wl),fl(Oa),fl(pt)}function vc(l){l.memoizedState!==null&&x(yc,l);var t=Wl.current,u=Fs(t,l.type);t!==u&&(x(Oa,l),x(Wl,u))}function He(l){Oa.current===l&&(fl(Wl),fl(Oa)),yc.current===l&&(fl(yc),Ue._currentValue=null)}var dc=Object.prototype.hasOwnProperty,ef=al.unstable_scheduleCallback,pn=al.unstable_cancelCallback,Cy=al.unstable_shouldYield,Zy=al.unstable_requestPaint,kl=al.unstable_now,Vy=al.unstable_getCurrentPriorityLevel,nf=al.unstable_ImmediatePriority,j0=al.unstable_UserBlockingPriority,Ne=al.unstable_NormalPriority,xy=al.unstable_LowPriority,C0=al.unstable_IdlePriority,Ly=al.log,Ky=al.unstable_setDisableYieldValue,Ca=null,Ml=null;function Jy(l){if(Ml&&typeof Ml.onCommitFiberRoot=="function")try{Ml.onCommitFiberRoot(Ca,l,void 0,(l.current.flags&128)===128)}catch{}}function rt(l){if(typeof Ly=="function"&&Ky(l),Ml&&typeof Ml.setStrictMode=="function")try{Ml.setStrictMode(Ca,l)}catch{}}var Gl=Math.clz32?Math.clz32:Wy,$y=Math.log,wy=Math.LN2;function Wy(l){return l>>>=0,l===0?32:31-($y(l)/wy|0)|0}var ue=128,ae=4194304;function na(l){var t=l&42;if(t!==0)return t;switch(l&-l){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:return 64;case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return l&4194176;case 4194304:case 8388608:case 16777216:case 33554432:return l&62914560;case 67108864:return 67108864;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 0;default:return l}}function Be(l,t){var u=l.pendingLanes;if(u===0)return 0;var a=0,e=l.suspendedLanes;l=l.pingedLanes;var n=u&134217727;return n!==0?(u=n&~e,u!==0?a=na(u):(l&=n,l!==0&&(a=na(l)))):(u&=~e,u!==0?a=na(u):l!==0&&(a=na(l))),a===0?0:t!==0&&t!==a&&!(t&e)&&(e=a&-a,l=t&-t,e>=l||e===32&&(l&4194176)!==0)?t:a}function ky(l,t){switch(l){case 1:case 2:case 4:case 8:return t+250;case 16:case 32:case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return t+5e3;case 4194304:case 8388608:case 16777216:case 33554432:return-1;case 67108864:case 134217728:case 268435456:case 536870912:case 1073741824:return-1;default:return-1}}function Z0(l,t){return l.errorRecoveryDisabledLanes&t?0:(l=l.pendingLanes&-536870913,l!==0?l:l&536870912?536870912:0)}function V0(){var l=ue;return ue<<=1,!(ue&4194176)&&(ue=128),l}function x0(){var l=ae;return ae<<=1,!(ae&62914560)&&(ae=4194304),l}function Un(l){for(var t=[],u=0;31>u;u++)t.push(l);return t}function Fy(l,t,u){var a=l.pendingLanes&~t;l.pendingLanes=t,l.suspendedLanes=0,l.pingedLanes=0,l.expiredLanes&=t,l.entangledLanes&=t,l.errorRecoveryDisabledLanes&=t,l.shellSuspendCounter=0,t=l.entanglements;for(var e=l.expirationTimes,n=l.hiddenUpdates;0"u"||typeof window.document>"u"||typeof window.document.createElement>"u"),tv=RegExp("^[:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD][:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD\\-.0-9\\u00B7\\u0300-\\u036F\\u203F-\\u2040]*$"),yi={},vi={};function uv(l){return dc.call(vi,l)?!0:dc.call(yi,l)?!1:tv.test(l)?vi[l]=!0:(yi[l]=!0,!1)}function mc(l,t,u){if(uv(t))if(u===null)l.removeAttribute(t);else{switch(typeof u){case"undefined":case"function":case"symbol":l.removeAttribute(t);return;case"boolean":var a=t.toLowerCase().slice(0,5);if(a!=="data-"&&a!=="aria-"){l.removeAttribute(t);return}}l.setAttribute(t,""+u)}}function Rn(l,t,u){if(u===null)l.removeAttribute(t);else{switch(typeof u){case"undefined":case"function":case"symbol":case"boolean":l.removeAttribute(t);return}l.setAttribute(t,""+u)}}function ut(l,t,u,a){if(a===null)l.removeAttribute(u);else{switch(typeof a){case"undefined":case"function":case"symbol":case"boolean":l.removeAttribute(u);return}l.setAttributeNS(t,u,""+a)}}var Hn;function fa(l){if(Hn===void 0)try{throw Error()}catch(u){var t=u.stack.trim().match(/\n( *(at )?)/);Hn=t&&t[1]||""}return` +`+Hn+l}var Nn=!1;function Bn(l,t){if(!l||Nn)return"";Nn=!0;var u=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var a={DetermineComponentFrameRoot:function(){try{if(t){var E=function(){throw Error()};if(Object.defineProperty(E.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(E,[])}catch(m){var h=m}Reflect.construct(l,[],E)}else{try{E.call()}catch(m){h=m}l.call(E.prototype)}}else{try{throw Error()}catch(m){h=m}(E=l())&&typeof E.catch=="function"&&E.catch(function(){})}}catch(m){if(m&&h&&typeof m.stack=="string")return[m.stack,h.stack]}return[null,null]}};a.DetermineComponentFrameRoot.displayName="DetermineComponentFrameRoot";var e=Object.getOwnPropertyDescriptor(a.DetermineComponentFrameRoot,"name");e&&e.configurable&&Object.defineProperty(a.DetermineComponentFrameRoot,"name",{value:"DetermineComponentFrameRoot"});try{var n=a.DetermineComponentFrameRoot(),c=n[0],f=n[1];if(c&&f){var i=c.split(` +`),d=f.split(` +`);for(e=a=0;ae||i[a]!==d[e]){var o=` +`+i[a].replace(" at new "," at ");return l.displayName&&o.includes("")&&(o=o.replace("",l.displayName)),o}while(1<=a&&0<=e);break}}}finally{Nn=!1,Error.prepareStackTrace=u}return(u=l?l.displayName||l.name:"")?fa(u):""}function av(l){switch(l.tag){case 26:case 27:case 5:return fa(l.type);case 16:return fa("Lazy");case 13:return fa("Suspense");case 19:return fa("SuspenseList");case 0:case 15:return l=Bn(l.type,!1),l;case 11:return l=Bn(l.type.render,!1),l;case 1:return l=Bn(l.type,!0),l;default:return""}}function di(l){try{var t="";do t+=av(l),l=l.return;while(l);return t}catch(u){return` +Error generating stack: `+u.message+` +`+u.stack}}function Hl(l){switch(typeof l){case"bigint":case"boolean":case"number":case"string":case"undefined":return l;case"object":return l;default:return""}}function k0(l){var t=l.type;return(l=l.nodeName)&&l.toLowerCase()==="input"&&(t==="checkbox"||t==="radio")}function ev(l){var t=k0(l)?"checked":"value",u=Object.getOwnPropertyDescriptor(l.constructor.prototype,t),a=""+l[t];if(!l.hasOwnProperty(t)&&typeof u<"u"&&typeof u.get=="function"&&typeof u.set=="function"){var e=u.get,n=u.set;return Object.defineProperty(l,t,{configurable:!0,get:function(){return e.call(this)},set:function(c){a=""+c,n.call(this,c)}}),Object.defineProperty(l,t,{enumerable:u.enumerable}),{getValue:function(){return a},setValue:function(c){a=""+c},stopTracking:function(){l._valueTracker=null,delete l[t]}}}}function Ye(l){l._valueTracker||(l._valueTracker=ev(l))}function F0(l){if(!l)return!1;var t=l._valueTracker;if(!t)return!0;var u=t.getValue(),a="";return l&&(a=k0(l)?l.checked?"true":"false":l.value),l=a,l!==u?(t.setValue(l),!0):!1}function qe(l){if(l=l||(typeof document<"u"?document:void 0),typeof l>"u")return null;try{return l.activeElement||l.body}catch{return l.body}}var nv=/[\n"\\]/g;function Yl(l){return l.replace(nv,function(t){return"\\"+t.charCodeAt(0).toString(16)+" "})}function oc(l,t,u,a,e,n,c,f){l.name="",c!=null&&typeof c!="function"&&typeof c!="symbol"&&typeof c!="boolean"?l.type=c:l.removeAttribute("type"),t!=null?c==="number"?(t===0&&l.value===""||l.value!=t)&&(l.value=""+Hl(t)):l.value!==""+Hl(t)&&(l.value=""+Hl(t)):c!=="submit"&&c!=="reset"||l.removeAttribute("value"),t!=null?Sc(l,c,Hl(t)):u!=null?Sc(l,c,Hl(u)):a!=null&&l.removeAttribute("value"),e==null&&n!=null&&(l.defaultChecked=!!n),e!=null&&(l.checked=e&&typeof e!="function"&&typeof e!="symbol"),f!=null&&typeof f!="function"&&typeof f!="symbol"&&typeof f!="boolean"?l.name=""+Hl(f):l.removeAttribute("name")}function P0(l,t,u,a,e,n,c,f){if(n!=null&&typeof n!="function"&&typeof n!="symbol"&&typeof n!="boolean"&&(l.type=n),t!=null||u!=null){if(!(n!=="submit"&&n!=="reset"||t!=null))return;u=u!=null?""+Hl(u):"",t=t!=null?""+Hl(t):u,f||t===l.value||(l.value=t),l.defaultValue=t}a=a??e,a=typeof a!="function"&&typeof a!="symbol"&&!!a,l.checked=f?l.checked:!!a,l.defaultChecked=!!a,c!=null&&typeof c!="function"&&typeof c!="symbol"&&typeof c!="boolean"&&(l.name=c)}function Sc(l,t,u){t==="number"&&qe(l.ownerDocument)===l||l.defaultValue===""+u||(l.defaultValue=""+u)}function Du(l,t,u,a){if(l=l.options,t){t={};for(var e=0;e=da),bi=" ",Ti=!1;function n1(l,t){switch(l){case"keyup":return Hv.indexOf(t.keyCode)!==-1;case"keydown":return t.keyCode!==229;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function c1(l){return l=l.detail,typeof l=="object"&&"data"in l?l.data:null}var ou=!1;function Bv(l,t){switch(l){case"compositionend":return c1(t);case"keypress":return t.which!==32?null:(Ti=!0,bi);case"textInput":return l=t.data,l===bi&&Ti?null:l;default:return null}}function Yv(l,t){if(ou)return l==="compositionend"||!df&&n1(l,t)?(l=a1(),Ee=yf=Mt=null,ou=!1,l):null;switch(l){case"paste":return null;case"keypress":if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1=t)return{node:u,offset:t-l};l=a}l:{for(;u;){if(u.nextSibling){u=u.nextSibling;break l}u=u.parentNode}u=void 0}u=Oi(u)}}function y1(l,t){return l&&t?l===t?!0:l&&l.nodeType===3?!1:t&&t.nodeType===3?y1(l,t.parentNode):"contains"in l?l.contains(t):l.compareDocumentPosition?!!(l.compareDocumentPosition(t)&16):!1:!1}function v1(){for(var l=window,t=qe();t instanceof l.HTMLIFrameElement;){try{var u=typeof t.contentWindow.location.href=="string"}catch{u=!1}if(u)l=t.contentWindow;else break;t=qe(l.document)}return t}function hf(l){var t=l&&l.nodeName&&l.nodeName.toLowerCase();return t&&(t==="input"&&(l.type==="text"||l.type==="search"||l.type==="tel"||l.type==="url"||l.type==="password")||t==="textarea"||l.contentEditable==="true")}function Vv(l){var t=v1(),u=l.focusedElem,a=l.selectionRange;if(t!==u&&u&&u.ownerDocument&&y1(u.ownerDocument.documentElement,u)){if(a!==null&&hf(u)){if(t=a.start,l=a.end,l===void 0&&(l=t),"selectionStart"in u)u.selectionStart=t,u.selectionEnd=Math.min(l,u.value.length);else if(l=(t=u.ownerDocument||document)&&t.defaultView||window,l.getSelection){l=l.getSelection();var e=u.textContent.length,n=Math.min(a.start,e);a=a.end===void 0?n:Math.min(a.end,e),!l.extend&&n>a&&(e=a,a=n,n=e),e=ri(u,n);var c=ri(u,a);e&&c&&(l.rangeCount!==1||l.anchorNode!==e.node||l.anchorOffset!==e.offset||l.focusNode!==c.node||l.focusOffset!==c.offset)&&(t=t.createRange(),t.setStart(e.node,e.offset),l.removeAllRanges(),n>a?(l.addRange(t),l.extend(c.node,c.offset)):(t.setEnd(c.node,c.offset),l.addRange(t)))}}for(t=[],l=u;l=l.parentNode;)l.nodeType===1&&t.push({element:l,left:l.scrollLeft,top:l.scrollTop});for(typeof u.focus=="function"&&u.focus(),u=0;u=document.documentMode,Su=null,bc=null,ma=null,Tc=!1;function Mi(l,t,u){var a=u.window===u?u.document:u.nodeType===9?u:u.ownerDocument;Tc||Su==null||Su!==qe(a)||(a=Su,"selectionStart"in a&&hf(a)?a={start:a.selectionStart,end:a.selectionEnd}:(a=(a.ownerDocument&&a.ownerDocument.defaultView||window).getSelection(),a={anchorNode:a.anchorNode,anchorOffset:a.anchorOffset,focusNode:a.focusNode,focusOffset:a.focusOffset}),ma&&Ua(ma,a)||(ma=a,a=Fe(bc,"onSelect"),0>=c,e-=c,ft=1<<32-Gl(t)+e|u<D?(W=z,z=null):W=z.sibling;var H=h(y,z,v[D],g);if(H===null){z===null&&(z=W);break}l&&z&&H.alternate===null&&t(y,z),s=n(H,s,D),A===null?T=H:A.sibling=H,A=H,z=W}if(D===v.length)return u(y,z),Y&&Zt(y,D),T;if(z===null){for(;DD?(W=z,z=null):W=z.sibling;var Al=h(y,z,H.value,g);if(Al===null){z===null&&(z=W);break}l&&z&&Al.alternate===null&&t(y,z),s=n(Al,s,D),A===null?T=Al:A.sibling=Al,A=Al,z=W}if(H.done)return u(y,z),Y&&Zt(y,D),T;if(z===null){for(;!H.done;D++,H=v.next(),null)H=E(y,H.value,g),H!==null&&(s=n(H,s,D),A===null?T=H:A.sibling=H,A=H);return Y&&Zt(y,D),T}for(z=a(z);!H.done;D++,H=v.next(),null)H=m(z,y,D,H.value,g),H!==null&&(l&&H.alternate!==null&&z.delete(H.key===null?D:H.key),s=n(H,s,D),A===null?T=H:A.sibling=H,A=H);return l&&z.forEach(function(Wa){return t(y,Wa)}),Y&&Zt(y,D),T}function j(y,s,v,g){if(typeof v=="object"&&v!==null&&v.type===aa&&v.key===null&&(v=v.props.children),typeof v=="object"&&v!==null){switch(v.$$typeof){case le:l:{for(var T=v.key,A=s;A!==null;){if(A.key===T){if(T=v.type,T===aa){if(A.tag===7){u(y,A.sibling),s=e(A,v.props.children),s.return=y,y=s;break l}}else if(A.elementType===T||typeof T=="object"&&T!==null&&T.$$typeof===Ct&&Yi(T)===A.type){u(y,A.sibling),s=e(A,v.props),Iu(y,A,s,v),s.return=y,y=s;break l}u(y,A);break}else t(y,A);A=A.sibling}v.type===aa?(s=$t(v.props.children,y.mode,g,v.key),s.return=y,y=s):(g=Oe(v.type,v.key,v.props,null,y.mode,g),Iu(y,s,g,v),g.return=y,y=g)}return c(y);case te:l:{for(A=v.key;s!==null;){if(s.key===A)if(s.tag===4&&s.stateNode.containerInfo===v.containerInfo&&s.stateNode.implementation===v.implementation){u(y,s.sibling),s=e(s,v.children||[]),s.return=y,y=s;break l}else{u(y,s);break}else t(y,s);s=s.sibling}s=lc(v,y.mode,g),s.return=y,y=s}return c(y);case Ct:return A=v._init,j(y,s,A(v._payload),g)}if(ea(v))return _(y,s,v,g);if(Wu(v)){if(A=Wu(v),typeof A!="function")throw Error(S(150));return v=A.call(v),O(y,s,v,g)}if(typeof v.then=="function")return j(y,s,ce(v),g);if(v.$$typeof===Ot)return j(y,s,ye(y,v,g),g);fe(y,v)}return typeof v=="string"&&v!==""||typeof v=="number"||typeof v=="bigint"?(v=""+v,s!==null&&s.tag===6?(u(y,s.sibling),s=e(s,v),s.return=y,y=s):(u(y,s),s=In(v,y.mode,g),s.return=y,y=s),c(y)):u(y,s)}return function(y,s,v,g){return Ha=0,y=j(y,s,v,g),ru=null,y}}var kt=_1(!0),z1=_1(!1),qu=tt(null),je=tt(0);function qi(l,t){l=ot,x(je,l),x(qu,t),ot=l|t.baseLanes}function zc(){x(je,ot),x(qu,qu.current)}function Ef(){ot=je.current,fl(qu),fl(je)}var Pl=tt(null),Fl=null;function At(l){var t=l.alternate;x(ul,ul.current&1),x(Pl,l),Fl===null&&(t===null||qu.current!==null||t.memoizedState!==null)&&(Fl=l)}function D1(l){if(l.tag===22){if(x(ul,ul.current),x(Pl,l),Fl===null){var t=l.alternate;t!==null&&t.memoizedState!==null&&(Fl=l)}}else _t()}function _t(){x(ul,ul.current),x(Pl,Pl.current)}function st(l){fl(Pl),Fl===l&&(Fl=null),fl(ul)}var ul=tt(0);function Ce(l){for(var t=l;t!==null;){if(t.tag===13){var u=t.memoizedState;if(u!==null&&(u=u.dehydrated,u===null||u.data==="$?"||u.data==="$!"))return t}else if(t.tag===19&&t.memoizedProps.revealOrder!==void 0){if(t.flags&128)return t}else if(t.child!==null){t.child.return=t,t=t.child;continue}if(t===l)break;for(;t.sibling===null;){if(t.return===null||t.return===l)return null;t=t.return}t.sibling.return=t.return,t=t.sibling}return null}var $v=typeof AbortController<"u"?AbortController:function(){var l=[],t=this.signal={aborted:!1,addEventListener:function(u,a){l.push(a)}};this.abort=function(){t.aborted=!0,l.forEach(function(u){return u()})}},wv=al.unstable_scheduleCallback,Wv=al.unstable_NormalPriority,tl={$$typeof:Ot,Consumer:null,Provider:null,_currentValue:null,_currentValue2:null,_threadCount:0};function bf(){return{controller:new $v,data:new Map,refCount:0}}function xa(l){l.refCount--,l.refCount===0&&wv(Wv,function(){l.controller.abort()})}var Sa=null,Dc=0,Gu=0,Mu=null;function kv(l,t){if(Sa===null){var u=Sa=[];Dc=0,Gu=Kf(),Mu={status:"pending",value:void 0,then:function(a){u.push(a)}}}return Dc++,t.then(Gi,Gi),t}function Gi(){if(Sa!==null&&--Dc===0){Mu!==null&&(Mu.status="fulfilled");var l=Sa;Sa=null,Gu=0,Mu=null;for(var t=0;tn?n:8;var c=R.T,f={_callbacks:new Set};R.T=f,Bf(l,!1,t,u);try{var i=e();if(i!==null&&typeof i=="object"&&typeof i.then=="function"){O1(f,i);var d=Fv(i,a);Ru(l,t,d)}else Ru(l,t,a)}catch(o){Ru(l,t,{then:function(){},status:"rejected",reason:o})}finally{V.p=n,R.T=c}}function ad(){}function rc(l,t,u,a){if(l.tag!==5)throw Error(S(476));var e=F1(l).queue;k1(l,e,t,va,u===null?ad:function(){return P1(l),u(a)})}function F1(l){var t=l.memoizedState;if(t!==null)return t;t={memoizedState:va,baseState:va,baseQueue:null,queue:{pending:null,lanes:0,dispatch:null,lastRenderedReducer:mt,lastRenderedState:va},next:null};var u={};return t.next={memoizedState:u,baseState:u,baseQueue:null,queue:{pending:null,lanes:0,dispatch:null,lastRenderedReducer:mt,lastRenderedState:u},next:null},l.memoizedState=t,l=l.alternate,l!==null&&(l.memoizedState=t),t}function P1(l){Tf();var t=F1(l).next.queue;Ru(l,t,{})}function Nf(){var l=ml(Ue);return l!==null?l:va}function I1(){return ll().memoizedState}function ls(){return ll().memoizedState}function ed(l){for(var t=l.return;t!==null;){switch(t.tag){case 24:case 3:var u=dt();l=vt(u);var a=Ut(t,l,u);a!==null&&(bl(a,t,u),Ea(a,t,u)),t={cache:bf()},l.payload=t;return}t=t.return}}function nd(l,t,u){var a=dt();u={lane:a,revertLane:0,action:u,hasEagerState:!1,eagerState:null,next:null},gn(l)?ts(t,u):(u=of(l,t,u,a),u!==null&&(bl(u,l,a),us(u,t,a)))}function Ru(l,t,u){var a=dt(),e={lane:a,revertLane:0,action:u,hasEagerState:!1,eagerState:null,next:null};if(gn(l))ts(t,e);else{var n=l.alternate;if(l.lanes===0&&(n===null||n.lanes===0)&&(n=t.lastRenderedReducer,n!==null))try{var c=t.lastRenderedState,f=n(c,u);if(e.hasEagerState=!0,e.eagerState=f,Ql(f,c)){hn(l,t,e,0),X===null&&dn();return}}catch{}finally{}u=of(l,t,e,a),u!==null&&(bl(u,l,a),us(u,t,a))}}function Bf(l,t,u,a){if(Tf(),a={lane:2,revertLane:Kf(),action:a,hasEagerState:!1,eagerState:null,next:null},gn(l)){if(t)throw Error(S(479))}else t=of(l,u,a,2),t!==null&&bl(t,l,2)}function gn(l){var t=l.alternate;return l===r||t!==null&&t===r}function ts(l,t){pu=Ze=!0;var u=l.pending;u===null?t.next=t:(t.next=u.next,u.next=t),l.pending=t}function us(l,t,u){if(u&4194176){var a=t.lanes;a&=l.pendingLanes,u|=a,t.lanes=u,K0(l,u)}}var Il={readContext:ml,use:on,useCallback:F,useContext:F,useEffect:F,useImperativeHandle:F,useLayoutEffect:F,useInsertionEffect:F,useMemo:F,useReducer:F,useRef:F,useState:F,useDebugValue:F,useDeferredValue:F,useTransition:F,useSyncExternalStore:F,useId:F};Il.useCacheRefresh=F;Il.useMemoCache=F;Il.useHostTransitionStatus=F;Il.useFormState=F;Il.useActionState=F;Il.useOptimistic=F;var uu={readContext:ml,use:on,useCallback:function(l,t){return _l().memoizedState=[l,t===void 0?null:t],l},useContext:ml,useEffect:Qi,useImperativeHandle:function(l,t,u){u=u!=null?u.concat([l]):null,ze(4194308,4,K1.bind(null,t,l),u)},useLayoutEffect:function(l,t){return ze(4194308,4,l,t)},useInsertionEffect:function(l,t){ze(4,2,l,t)},useMemo:function(l,t){var u=_l();t=t===void 0?null:t;var a=l();return Ft&&(rt(!0),l(),rt(!1)),u.memoizedState=[a,t],a},useReducer:function(l,t,u){var a=_l();if(u!==void 0){var e=u(t);Ft&&(rt(!0),u(t),rt(!1))}else e=t;return a.memoizedState=a.baseState=e,l={pending:null,lanes:0,dispatch:null,lastRenderedReducer:l,lastRenderedState:e},a.queue=l,l=l.dispatch=nd.bind(null,r,l),[a.memoizedState,l]},useRef:function(l){var t=_l();return l={current:l},t.memoizedState=l},useState:function(l){l=Oc(l);var t=l.queue,u=Ru.bind(null,r,t);return t.dispatch=u,[l.memoizedState,u]},useDebugValue:Rf,useDeferredValue:function(l,t){var u=_l();return Hf(u,l,t)},useTransition:function(){var l=Oc(!1);return l=k1.bind(null,r,l.queue,!0,!1),_l().memoizedState=l,[!1,l]},useSyncExternalStore:function(l,t,u){var a=r,e=_l();if(Y){if(u===void 0)throw Error(S(407));u=u()}else{if(u=t(),X===null)throw Error(S(349));B&60||R1(a,t,u)}e.memoizedState=u;var n={value:u,getSnapshot:t};return e.queue=n,Qi(N1.bind(null,a,n,l),[l]),a.flags|=2048,Qu(9,H1.bind(null,a,n,u,t),{destroy:void 0},null),u},useId:function(){var l=_l(),t=X.identifierPrefix;if(Y){var u=it,a=ft;u=(a&~(1<<32-Gl(a)-1)).toString(32)+u,t=":"+t+"R"+u,u=Ve++,0 title"))),vl(e,a,u),e[hl]=l,cl(e),a=e;break l;case"link":var n=y0("link","href",t).get(a+(u.href||""));if(n){for(var c=0;c<\/script>",l=l.removeChild(l.firstChild);break;case"select":l=typeof a.is=="string"?e.createElement("select",{is:a.is}):e.createElement("select"),a.multiple?l.multiple=!0:a.size&&(l.size=a.size);break;default:l=typeof a.is=="string"?e.createElement(u,{is:a.is}):e.createElement(u)}}l[hl]=t,l[El]=a;l:for(e=t.child;e!==null;){if(e.tag===5||e.tag===6)l.appendChild(e.stateNode);else if(e.tag!==4&&e.tag!==27&&e.child!==null){e.child.return=e,e=e.child;continue}if(e===t)break l;for(;e.sibling===null;){if(e.return===null||e.return===t)break l;e=e.return}e.sibling.return=e.return,e=e.sibling}t.stateNode=l;l:switch(vl(l,u,a),u){case"button":case"input":case"select":case"textarea":l=!!a.autoFocus;break l;case"img":l=!0;break l;default:l=!1}l&&nt(t)}}return $(t),t.flags&=-16777217,null;case 6:if(l&&t.stateNode!=null)l.memoizedProps!==a&&nt(t);else{if(typeof a!="string"&&t.stateNode===null)throw Error(S(166));if(l=pt.current,Pu(t)){if(l=t.stateNode,u=t.memoizedProps,a=null,e=Sl,e!==null)switch(e.tag){case 27:case 5:a=e.memoizedProps}l[hl]=t,l=!!(l.nodeValue===u||a!==null&&a.suppressHydrationWarning===!0||ks(l.nodeValue,u)),l||Wt(t)}else l=Pe(l).createTextNode(a),l[hl]=t,t.stateNode=l}return $(t),null;case 13:if(a=t.memoizedState,l===null||l.memoizedState!==null&&l.memoizedState.dehydrated!==null){if(e=Pu(t),a!==null&&a.dehydrated!==null){if(l===null){if(!e)throw Error(S(318));if(e=t.memoizedState,e=e!==null?e.dehydrated:null,!e)throw Error(S(317));e[hl]=t}else Va(),!(t.flags&128)&&(t.memoizedState=null),t.flags|=4;$(t),e=!1}else Vl!==null&&(Zc(Vl),Vl=null),e=!0;if(!e)return t.flags&256?(st(t),t):(st(t),null)}if(st(t),t.flags&128)return t.lanes=u,t;if(u=a!==null,l=l!==null&&l.memoizedState!==null,u){a=t.child,e=null,a.alternate!==null&&a.alternate.memoizedState!==null&&a.alternate.memoizedState.cachePool!==null&&(e=a.alternate.memoizedState.cachePool.pool);var n=null;a.memoizedState!==null&&a.memoizedState.cachePool!==null&&(n=a.memoizedState.cachePool.pool),n!==e&&(a.flags|=2048)}return u!==l&&u&&(t.child.flags|=8192),ve(t,t.updateQueue),$(t),null;case 4:return Nu(),l===null&&Jf(t.stateNode.containerInfo),$(t),null;case 10:return yt(t.type),$(t),null;case 19:if(fl(ul),e=t.memoizedState,e===null)return $(t),null;if(a=(t.flags&128)!==0,n=e.rendering,n===null)if(a)la(e,!1);else{if(w!==0||l!==null&&l.flags&128)for(l=t.child;l!==null;){if(n=Ce(l),n!==null){for(t.flags|=128,la(e,!1),l=n.updateQueue,t.updateQueue=l,ve(t,l),t.subtreeFlags=0,l=u,u=t.child;u!==null;)Ys(u,l),u=u.sibling;return x(ul,ul.current&1|2),t.child}l=l.sibling}e.tail!==null&&kl()>$e&&(t.flags|=128,a=!0,la(e,!1),t.lanes=4194304)}else{if(!a)if(l=Ce(n),l!==null){if(t.flags|=128,a=!0,l=l.updateQueue,t.updateQueue=l,ve(t,l),la(e,!0),e.tail===null&&e.tailMode==="hidden"&&!n.alternate&&!Y)return $(t),null}else 2*kl()-e.renderingStartTime>$e&&u!==536870912&&(t.flags|=128,a=!0,la(e,!1),t.lanes=4194304);e.isBackwards?(n.sibling=t.child,t.child=n):(l=e.last,l!==null?l.sibling=n:t.child=n,e.last=n)}return e.tail!==null?(t=e.tail,e.rendering=t,e.tail=t.sibling,e.renderingStartTime=kl(),t.sibling=null,l=ul.current,x(ul,a?l&1|2:l&1),t):($(t),null);case 22:case 23:return st(t),Ef(),a=t.memoizedState!==null,l!==null?l.memoizedState!==null!==a&&(t.flags|=8192):a&&(t.flags|=8192),a?u&536870912&&!(t.flags&128)&&($(t),t.subtreeFlags&6&&(t.flags|=8192)):$(t),u=t.updateQueue,u!==null&&ve(t,u.retryQueue),u=null,l!==null&&l.memoizedState!==null&&l.memoizedState.cachePool!==null&&(u=l.memoizedState.cachePool.pool),a=null,t.memoizedState!==null&&t.memoizedState.cachePool!==null&&(a=t.memoizedState.cachePool.pool),a!==u&&(t.flags|=2048),l!==null&&fl(Jt),null;case 24:return u=null,l!==null&&(u=l.memoizedState.cache),t.memoizedState.cache!==u&&(t.flags|=2048),yt(tl),$(t),null;case 25:return null}throw Error(S(156,t.tag))}function dd(l,t){switch(gf(t),t.tag){case 1:return l=t.flags,l&65536?(t.flags=l&-65537|128,t):null;case 3:return yt(tl),Nu(),l=t.flags,l&65536&&!(l&128)?(t.flags=l&-65537|128,t):null;case 26:case 27:case 5:return He(t),null;case 13:if(st(t),l=t.memoizedState,l!==null&&l.dehydrated!==null){if(t.alternate===null)throw Error(S(340));Va()}return l=t.flags,l&65536?(t.flags=l&-65537|128,t):null;case 19:return fl(ul),null;case 4:return Nu(),null;case 10:return yt(t.type),null;case 22:case 23:return st(t),Ef(),l!==null&&fl(Jt),l=t.flags,l&65536?(t.flags=l&-65537|128,t):null;case 24:return yt(tl),null;case 25:return null;default:return null}}function Gs(l,t){switch(gf(t),t.tag){case 3:yt(tl),Nu();break;case 26:case 27:case 5:He(t);break;case 4:Nu();break;case 13:st(t);break;case 19:fl(ul);break;case 10:yt(t.type);break;case 22:case 23:st(t),Ef(),l!==null&&fl(Jt);break;case 24:yt(tl)}}var hd={getCacheForType:function(l){var t=ml(tl),u=t.data.get(l);return u===void 0&&(u=l(),t.data.set(l,u)),u}},md=typeof WeakMap=="function"?WeakMap:Map,G=0,X=null,N=null,B=0,K=0,Rl=null,Cf=!1,ot=0,w=0,St=0,Ju=0,Zf=0,zl=0,_a=null,Ll=null,ju=!1,Je=!1,Vf=0,$e=1/0,Ba=null,Ht=null,de=!1,Vt=null,za=0,Xc=0,jc=null,Da=0,Cc=null;function dt(){if(G&2&&B!==0)return B&-B;if(Tf()!==null){var l=Gu;return l!==0?l:Kf()}return $0()}function Qs(){zl===0&&(zl=!(B&536870912)||Y?V0():536870912);var l=Pl.current;return l!==null&&(l.flags|=32),zl}function bl(l,t,u){(l===X&&K===2||l.cancelPendingCommit!==null)&&(nu(l,0),wl(l,B,zl)),Ka(l,u),(!(G&2)||l!==X)&&(l===X&&(!(G&2)&&(Ju|=u),w===4&&wl(l,B,zl)),Dl(l))}function Xs(l,t){if(G&6)throw Error(S(327));var u=l.callbackNode;if(Hu()&&l.callbackNode!==u)return null;var a=Be(l,l===X?B:0);if(a===0)return null;var e=(a&60)===0&&(a&l.expiredLanes)===0&&!t;if(t=e?Ed(l,a):we(l,a),t!==0){var n=e;do{if(t===6)wl(l,a,0);else{if(e=l.current.alternate,n&&!od(e)){t=we(l,a),n=!1;continue}if(t===2){n=a;var c=Z0(l,n);if(c!==0&&(a=c,t=js(l,n,c),n=!1,t!==2))continue}if(t===1){nu(l,0),wl(l,a,0);break}l.finishedWork=e,l.finishedLanes=a;l:{switch(n=l,t){case 0:case 1:throw Error(S(345));case 4:if((a&4194176)===a){wl(n,a,zl);break l}break;case 2:Ll=null;break;case 3:case 5:break;default:throw Error(S(329))}if((a&62914560)===a&&(t=Vf+300-kl(),10u?32:u,R.T=null,Vt===null)var n=!1;else{u=jc,jc=null;var c=Vt,f=za;if(Vt=null,za=0,G&6)throw Error(S(331));var i=G;if(G|=4,Ns(c.current),Us(c,c.current,f,u),G=i,Ja(),Ml&&typeof Ml.onPostCommitFiberRoot=="function")try{Ml.onPostCommitFiberRoot(Ca,c)}catch{}n=!0}return n}finally{V.p=e,R.T=a,Ks(l,t)}}return!1}function Ii(l,t,u){t=ql(u,t),t=Mc(l.stateNode,t,2),l=Ut(l,t,2),l!==null&&(Ka(l,2),Dl(l))}function C(l,t,u){if(l.tag===3)Ii(l,l,u);else for(;t!==null;){if(t.tag===3){Ii(t,l,u);break}else if(t.tag===1){var a=t.stateNode;if(typeof t.type.getDerivedStateFromError=="function"||typeof a.componentDidCatch=="function"&&(Ht===null||!Ht.has(a))){l=ql(u,l),u=cs(2),a=Ut(t,u,2),a!==null&&(fs(u,a,t,l),Ka(a,2),Dl(a));break}}t=t.return}}function tc(l,t,u){var a=l.pingCache;if(a===null){a=l.pingCache=new md;var e=new Set;a.set(t,e)}else e=a.get(t),e===void 0&&(e=new Set,a.set(t,e));e.has(u)||(Cf=!0,e.add(u),l=Ad.bind(null,l,t,u),t.then(l,l))}function Ad(l,t,u){var a=l.pingCache;a!==null&&a.delete(t),l.pingedLanes|=l.suspendedLanes&u,G&2?ju=!0:G&4&&(Je=!0),Lf(),X===l&&(B&u)===u&&(w===4||w===3&&(B&62914560)===B&&300>kl()-Vf?!(G&2)&&nu(l,0):Zf|=u),Dl(l)}function Js(l,t){t===0&&(t=x0()),l=qt(l,t),l!==null&&(Ka(l,t),Dl(l))}function _d(l){var t=l.memoizedState,u=0;t!==null&&(u=t.retryLane),Js(l,u)}function zd(l,t){var u=0;switch(l.tag){case 13:var a=l.stateNode,e=l.memoizedState;e!==null&&(u=e.retryLane);break;case 19:a=l.stateNode;break;case 22:a=l.stateNode._retryCache;break;default:throw Error(S(314))}a!==null&&a.delete(t),Js(l,u)}function Lf(){if(50"u"?null:document;function ly(l,t,u){var a=$u;if(a&&typeof t=="string"&&t){var e=Yl(t);e='link[rel="'+l+'"][href="'+e+'"]',typeof u=="string"&&(e+='[crossorigin="'+u+'"]'),i0.has(e)||(i0.add(e),l={rel:l,crossOrigin:u,href:t},a.querySelector(e)===null&&(t=a.createElement("link"),vl(t,"link",l),cl(t),a.head.appendChild(t)))}}function Zd(l){gt.D(l),ly("dns-prefetch",l,null)}function Vd(l,t){gt.C(l,t),ly("preconnect",l,t)}function xd(l,t,u){gt.L(l,t,u);var a=$u;if(a&&l&&t){var e='link[rel="preload"][as="'+Yl(t)+'"]';t==="image"&&u&&u.imageSrcSet?(e+='[imagesrcset="'+Yl(u.imageSrcSet)+'"]',typeof u.imageSizes=="string"&&(e+='[imagesizes="'+Yl(u.imageSizes)+'"]')):e+='[href="'+Yl(l)+'"]';var n=e;switch(t){case"style":n=Cu(l);break;case"script":n=wu(l)}Xl.has(n)||(l=L({rel:"preload",href:t==="image"&&u&&u.imageSrcSet?void 0:l,as:t},u),Xl.set(n,l),a.querySelector(e)!==null||t==="style"&&a.querySelector($a(n))||t==="script"&&a.querySelector(wa(n))||(t=a.createElement("link"),vl(t,"link",l),cl(t),a.head.appendChild(t)))}}function Ld(l,t){gt.m(l,t);var u=$u;if(u&&l){var a=t&&typeof t.as=="string"?t.as:"script",e='link[rel="modulepreload"][as="'+Yl(a)+'"][href="'+Yl(l)+'"]',n=e;switch(a){case"audioworklet":case"paintworklet":case"serviceworker":case"sharedworker":case"worker":case"script":n=wu(l)}if(!Xl.has(n)&&(l=L({rel:"modulepreload",href:l},t),Xl.set(n,l),u.querySelector(e)===null)){switch(a){case"audioworklet":case"paintworklet":case"serviceworker":case"sharedworker":case"worker":case"script":if(u.querySelector(wa(n)))return}a=u.createElement("link"),vl(a,"link",l),cl(a),u.head.appendChild(a)}}}function Kd(l,t,u){gt.S(l,t,u);var a=$u;if(a&&l){var e=zu(a).hoistableStyles,n=Cu(l);t=t||"default";var c=e.get(n);if(!c){var f={loading:0,preload:null};if(c=a.querySelector($a(n)))f.loading=5;else{l=L({rel:"stylesheet",href:l,"data-precedence":t},u),(u=Xl.get(n))&&$f(l,u);var i=c=a.createElement("link");cl(i),vl(i,"link",l),i._p=new Promise(function(d,o){i.onload=d,i.onerror=o}),i.addEventListener("load",function(){f.loading|=1}),i.addEventListener("error",function(){f.loading|=2}),f.loading|=4,re(c,t,a)}c={type:"stylesheet",instance:c,count:1,state:f},e.set(n,c)}}}function Jd(l,t){gt.X(l,t);var u=$u;if(u&&l){var a=zu(u).hoistableScripts,e=wu(l),n=a.get(e);n||(n=u.querySelector(wa(e)),n||(l=L({src:l,async:!0},t),(t=Xl.get(e))&&wf(l,t),n=u.createElement("script"),cl(n),vl(n,"link",l),u.head.appendChild(n)),n={type:"script",instance:n,count:1,state:null},a.set(e,n))}}function $d(l,t){gt.M(l,t);var u=$u;if(u&&l){var a=zu(u).hoistableScripts,e=wu(l),n=a.get(e);n||(n=u.querySelector(wa(e)),n||(l=L({src:l,async:!0,type:"module"},t),(t=Xl.get(e))&&wf(l,t),n=u.createElement("script"),cl(n),vl(n,"link",l),u.head.appendChild(n)),n={type:"script",instance:n,count:1,state:null},a.set(e,n))}}function wd(l,t,u){if(t=(t=pt.current)?Ie(t):null,!t)throw Error(S(446));switch(l){case"meta":case"title":return null;case"style":return typeof u.precedence=="string"&&typeof u.href=="string"?(u=Cu(u.href),t=zu(t).hoistableStyles,l=t.get(u),l||(l={type:"style",instance:null,count:0,state:null},t.set(u,l)),l):{type:"void",instance:null,count:0,state:null};case"link":if(u.rel==="stylesheet"&&typeof u.href=="string"&&typeof u.precedence=="string"){l=Cu(u.href);var a=zu(t).hoistableStyles,e=a.get(l);return e||(t=t.ownerDocument||t,e={type:"stylesheet",instance:null,count:0,state:{loading:0,preload:null}},a.set(l,e),Xl.has(l)||Wd(t,l,{rel:"preload",as:"style",href:u.href,crossOrigin:u.crossOrigin,integrity:u.integrity,media:u.media,hrefLang:u.hrefLang,referrerPolicy:u.referrerPolicy},e.state)),e}return null;case"script":return l=u.async,u=u.src,typeof u=="string"&&l&&typeof l!="function"&&typeof l!="symbol"?(u=wu(u),t=zu(t).hoistableScripts,l=t.get(u),l||(l={type:"script",instance:null,count:0,state:null},t.set(u,l)),l):{type:"void",instance:null,count:0,state:null};default:throw Error(S(444,l))}}function Cu(l){return'href="'+Yl(l)+'"'}function $a(l){return'link[rel="stylesheet"]['+l+"]"}function ty(l){return L({},l,{"data-precedence":l.precedence,precedence:null})}function Wd(l,t,u,a){Xl.set(t,u),l.querySelector($a(t))||(l.querySelector('link[rel="preload"][as="style"]['+t+"]")?a.loading=1:(t=l.createElement("link"),a.preload=t,t.addEventListener("load",function(){return a.loading|=1}),t.addEventListener("error",function(){return a.loading|=2}),vl(t,"link",u),cl(t),l.head.appendChild(t)))}function wu(l){return'[src="'+Yl(l)+'"]'}function wa(l){return"script[async]"+l}function s0(l,t,u){if(t.count++,t.instance===null)switch(t.type){case"style":var a=l.querySelector('style[data-href~="'+Yl(u.href)+'"]');if(a)return t.instance=a,cl(a),a;var e=L({},u,{"data-href":u.href,"data-precedence":u.precedence,href:null,precedence:null});return a=(l.ownerDocument||l).createElement("style"),cl(a),vl(a,"style",e),re(a,u.precedence,l),t.instance=a;case"stylesheet":e=Cu(u.href);var n=l.querySelector($a(e));if(n)return t.state.loading|=4,t.instance=n,cl(n),n;a=ty(u),(e=Xl.get(e))&&$f(a,e),n=(l.ownerDocument||l).createElement("link"),cl(n);var c=n;return c._p=new Promise(function(f,i){c.onload=f,c.onerror=i}),vl(n,"link",a),t.state.loading|=4,re(n,u.precedence,l),t.instance=n;case"script":return n=wu(u.src),(e=l.querySelector(wa(n)))?(t.instance=e,cl(e),e):(a=u,(e=Xl.get(n))&&(a=L({},u),wf(a,e)),l=l.ownerDocument||l,e=l.createElement("script"),cl(e),vl(e,"link",a),l.head.appendChild(e),t.instance=e);case"void":return null;default:throw Error(S(443,t.type))}else t.type==="stylesheet"&&!(t.state.loading&4)&&(a=t.instance,t.state.loading|=4,re(a,u.precedence,l));return t.instance}function re(l,t,u){for(var a=u.querySelectorAll('link[rel="stylesheet"][data-precedence],style[data-precedence]'),e=a.length?a[a.length-1]:null,n=e,c=0;c title"):null)}function kd(l,t,u){if(u===1||t.itemProp!=null)return!1;switch(l){case"meta":case"title":return!0;case"style":if(typeof t.precedence!="string"||typeof t.href!="string"||t.href==="")break;return!0;case"link":if(typeof t.rel!="string"||typeof t.href!="string"||t.href===""||t.onLoad||t.onError)break;switch(t.rel){case"stylesheet":return l=t.disabled,typeof t.precedence=="string"&&l==null;default:return!0}case"script":if(t.async&&typeof t.async!="function"&&typeof t.async!="symbol"&&!t.onLoad&&!t.onError&&t.src&&typeof t.src=="string")return!0}return!1}var Ga=null;function Fd(){}function Pd(l,t,u){if(Ga===null)throw Error(S(475));var a=Ga;if(t.type==="stylesheet"&&(typeof u.media!="string"||matchMedia(u.media).matches!==!1)&&!(t.state.loading&4)){if(t.instance===null){var e=Cu(u.href),n=l.querySelector($a(e));if(n){l=n._p,l!==null&&typeof l=="object"&&typeof l.then=="function"&&(a.count++,a=ln.bind(a),l.then(a,a)),t.state.loading|=4,t.instance=n,cl(n);return}n=l.ownerDocument||l,u=ty(u),(e=Xl.get(e))&&$f(u,e),n=n.createElement("link"),cl(n);var c=n;c._p=new Promise(function(f,i){c.onload=f,c.onerror=i}),vl(n,"link",u),t.instance=n}a.stylesheets===null&&(a.stylesheets=new Map),a.stylesheets.set(t,l),(l=t.state.preload)&&!(t.state.loading&3)&&(a.count++,t=ln.bind(a),l.addEventListener("load",t),l.addEventListener("error",t))}}function Id(){if(Ga===null)throw Error(S(475));var l=Ga;return l.stylesheets&&l.count===0&&kc(l,l.stylesheets),0"u"||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!="function"))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(iy)}catch(l){console.error(l)}}iy(),r0.exports=cn;var sh=r0.exports;const yh=S0(sh),vh="/assets/react-CHdo91hT.svg",dh="/vite.svg";function hh(){const[l,t]=nn.useState(0);return ol.jsxs(ol.Fragment,{children:[ol.jsxs("div",{children:[ol.jsx("a",{href:"https://vitejs.dev",target:"_blank",children:ol.jsx("img",{src:dh,className:"logo",alt:"Vite logo"})}),ol.jsx("a",{href:"https://react.dev",target:"_blank",children:ol.jsx("img",{src:vh,className:"logo react",alt:"React logo"})})]}),ol.jsx("h1",{children:"Vite + React"}),ol.jsxs("div",{className:"card",children:[ol.jsxs("button",{onClick:()=>t(u=>u+1),children:["count is ",l]}),ol.jsxs("p",{children:["Edit ",ol.jsx("code",{children:"src/App.tsx"})," and save to test HMR"]})]}),ol.jsx("p",{className:"read-the-docs",children:"Click on the Vite and React logos to learn more"})]})}yh.createRoot(document.getElementById("root")).render(ol.jsx(My.StrictMode,{children:ol.jsx(hh,{})})); diff --git a/dev/react/dist/assets/index-DiwrgTda.css b/dev/react/dist/assets/index-DiwrgTda.css new file mode 100644 index 0000000000..7704ff6080 --- /dev/null +++ b/dev/react/dist/assets/index-DiwrgTda.css @@ -0,0 +1 @@ +#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}} diff --git a/dev/react/dist/assets/react-CHdo91hT.svg b/dev/react/dist/assets/react-CHdo91hT.svg new file mode 100644 index 0000000000..6c87de9bb3 --- /dev/null +++ b/dev/react/dist/assets/react-CHdo91hT.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/dev/react/dist/index.html b/dev/react/dist/index.html new file mode 100644 index 0000000000..a6ea007109 --- /dev/null +++ b/dev/react/dist/index.html @@ -0,0 +1,14 @@ + + + + + + + Vite + React + TS + + + + +
+ + diff --git a/dev/react/dist/vite.svg b/dev/react/dist/vite.svg new file mode 100644 index 0000000000..e7b8dfb1b2 --- /dev/null +++ b/dev/react/dist/vite.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/packages/framer-motion/src/utils/mix/__tests__/mix-color.test.ts b/packages/framer-motion/src/utils/mix/__tests__/mix-color.test.ts index 7bfa7d9786..74a84df317 100644 --- a/packages/framer-motion/src/utils/mix/__tests__/mix-color.test.ts +++ b/packages/framer-motion/src/utils/mix/__tests__/mix-color.test.ts @@ -128,3 +128,9 @@ test("mixColor rgba with slash (without slash spaces) to rgba without", () => { test("doesn't return NaN", () => { expect(mixLinearColor(255, 0, 2)).not.toBeNaN() }) + +test("mixColor mixes immediately with unknown color", () => { + expect(mixColor("red", "rgba(0, 0, 0, 0)")(0)).toBe("red") + expect(mixColor("red", "rgba(0, 0, 0, 0)")(0.5)).toBe("rgba(0, 0, 0, 0)") + expect(mixColor("red", "rgba(0, 0, 0, 0)")(1)).toBe("rgba(0, 0, 0, 0)") +}) diff --git a/packages/framer-motion/src/utils/mix/color.ts b/packages/framer-motion/src/utils/mix/color.ts index 8de9879079..dec9064426 100644 --- a/packages/framer-motion/src/utils/mix/color.ts +++ b/packages/framer-motion/src/utils/mix/color.ts @@ -1,10 +1,11 @@ import { mixNumber } from "./number" -import { invariant } from "../errors" +import { warning } from "../errors" import { hslaToRgba } from "../hsla-to-rgba" import { hex } from "../../value/types/color/hex" import { rgba } from "../../value/types/color/rgba" import { hsla } from "../../value/types/color/hsla" import { Color, HSLA, RGBA } from "../../value/types/types" +import { mixImmediate } from "./immediate" // Linear color space blending // Explained https://www.youtube.com/watch?v=LKnqECcg6Gw @@ -22,11 +23,13 @@ const getColorType = (v: Color | string) => function asRGBA(color: Color | string) { const type = getColorType(color) - invariant( + warning( Boolean(type), `'${color}' is not an animatable color. Use the equivalent color code instead.` ) + if (!Boolean(type)) return false + let model = type!.parse(color) if (type === hsla) { @@ -41,6 +44,10 @@ export const mixColor = (from: Color | string, to: Color | string) => { const fromRGBA = asRGBA(from) const toRGBA = asRGBA(to) + if (!fromRGBA || !toRGBA) { + return mixImmediate(from, to) + } + const blended = { ...fromRGBA } return (v: number) => { diff --git a/packages/framer-motion/src/utils/mix/complex.ts b/packages/framer-motion/src/utils/mix/complex.ts index a158852d93..211fb0567b 100644 --- a/packages/framer-motion/src/utils/mix/complex.ts +++ b/packages/framer-motion/src/utils/mix/complex.ts @@ -12,16 +12,13 @@ import { } from "../../value/types/complex" import { isCSSVariableToken } from "../../render/dom/utils/is-css-variable" import { invisibleValues, mixVisibility } from "./visibility" +import { mixImmediate } from "./immediate" type MixableArray = Array type MixableObject = { [key: string]: string | number | RGBA | HSLA } -function mixImmediate(a: T, b: T) { - return (p: number) => (p > 0 ? b : a) -} - function mixNumber(a: number, b: number) { return (p: number) => mixNumberImmediate(a, b, p) } diff --git a/packages/framer-motion/src/utils/mix/immediate.ts b/packages/framer-motion/src/utils/mix/immediate.ts new file mode 100644 index 0000000000..225cd33811 --- /dev/null +++ b/packages/framer-motion/src/utils/mix/immediate.ts @@ -0,0 +1,3 @@ +export function mixImmediate(a: T, b: T) { + return (p: number) => (p > 0 ? b : a) +}